@nangxif/filters
v0.1.6
Published
过滤器集
Readme
filters
一个过滤器集
一、包含的过滤器
| 过滤器 | 作用 | | --------------------- | ------------------------------------------------------------ | | filterToYMDT | 将时间转换成规定格式 | | filterToDecimal | 最多保留几位小数 | | filterToSystem | 简单的进制转换 | | filterToSeparation | 规定固定位置用自定义分隔号隔开,用于分隔电话号码以及银行卡号等 | | filterToHide | 转换自定义位置字符 | | filterToTextTransform | 转换大小写,包括全部大小写,首字母大小写等,可兼容多句子 |
二、各自的用法
1.filterToYMDT
| 参数 | 默认值 | 可取值 | 含义 | | --------- | ------ | ------------------------------------- | ------------------------ | | data | / | 时间 | 接收的数据 | | type | YMDT | YMDT、LYMDT、YM、LYM、MD、LMD、YMD、LYMD、WEEK | 转换的类型 | | separator | - | 自定义的分隔字符或者字符串 | 用于分隔日期的分隔符 | | hasZero | true | false/true | 时分秒需不需要保持两位数 |
2.filterToDecimal
| 参数 | 默认值 | 可取值 | 含义 | | ----- | ------ | ------------ | ---------------- | | data | / | 数字,浮点数 | 接收的数据 | | count | 1 | 正整数 | 最多保留几位小数 |
3.filterToSystem
| 参数 | 默认值 | 可取值 | 含义 | | -------------- | ------ | -------- | ------------------------------------ | | data | / | 数字 | 接收的数据 | | originUnit | g | 有效单位 | 小于进制时显示的原始单位 | | transitionUnit | kg | 有效单位 | 大于等于进制时显示的转换单位 | | SystemNum | 1000 | 正整数 | originUnit到transitionUnit的转换进制 | | count | 1 | 正整数 | 转换之后最多保留几位小数 |
4.filterToSeparation
| 参数 | 默认值 | 可取值 | 含义 | | -------- | ------ | ------------ | ---------------- | | data | / | 字符串 | 接收的数据 | | interval | 3 | 正整数 | 隔几位插入symbol | | symbol | , | 自定义分隔符 | 分隔符 |
5.filterToHide
| 参数 | 默认值 | 可取值 | 含义 | | ------ | ------ | ----------------------------------- | ---------------- | | data | / | 数字、字符串 | 接收的数据 | | start | / | 大于等于0的正整数 | 起始位置,包含 | | end | / | 大于start且小于等于data长度的正整数 | 终止位置,不包含 | | symbol | * | 自定义的替换字符 | 替换的字符 |
6.filterToTextTransform
| 参数 | 默认值 | 可取值 | 含义 | | ---- | --------------- | ------------------------------------------------------------ | ------------------ | | data | / | 中英文字符串 | 接收的数据 | | type | AllInitialUpper | AllInitialUpper[全部首字母大写]、AllInitialLower[全部首字母小写]、InitialUpper[所有句子首字母大写]、InitialLower[所有句子首字母小写]、Upper[全部大写]、Lower[全部小写] | 通知过滤器转换方式 |
7.filterToSort
| 参数 | 默认值 | 可取值 | 含义 | | -------- | --------- | --------------------- | ------------------------------------------- | | data | / | 一定格式的数组 | 接收的数据 | | sortType | ascending | ascending/descending | ascending升序/descending降序 | | key | / | data里面元素对象的key | 当data里面的元素是对象的时候,就需要设置key |
三、导入及初始化
1.可以在vue中作为过滤器使用
//按需注册
import Filters from "@nangxif/filters";
Vue.filter("filterToDateAndTime", Filters.filterToDateAndTime);
//一键注册
import Filters from "@nangxif/filters";
Object.keys(Filters).forEach(key => {
Vue.filter(key, Filters[key]);
});
//eg:
{{ new Date() | filterToDateAndTime }}2.在js中使用
<script src="filters.min.js"></script>
<script>
Filters.filterToSystem(99,"cm","m",100);
</script>