@haluo/util 1.0.3 → 1.0.6

package/dist/modules/tools/index.js

@@ -0,0 +1,393 @@
+/**
+ * @file: tools 常用的工具函数
+ * @Author: wanghui
+ */
+'use strict';
+Object.defineProperty(exports, "__esModule", { value: true });
+var previous = 0;
+var timeout = null;
+var ToolsClass = /** @class */ (function () {
+    function ToolsClass() {
+        var _this = this;
+        /**
+         * 蒙层显示后，html禁止滚动操作
+         * @param {String} className
+         * @return {Void}
+         */
+        this.stopScroll = function (className) {
+            if (!(window && window.document)) {
+                return new Error('仅支持浏览器');
+            }
+            var html = document.documentElement;
+            html.style.overflow = 'hidden';
+            html.style.height = '100%';
+            var body = document.body;
+            body.style.overflow = 'hidden';
+            body.style.height = '100%';
+            if (className) {
+                var dom = document.querySelector(".".concat(className));
+                dom && dom.addEventListener('touchmove', _this.__setDefault__);
+            }
+        };
+        /**
+         * 蒙层隐藏后，html开启滚动操作
+         * @param {String} className
+         * @return {Void}
+         */
+        this.startScroll = function (className) {
+            if (!(window && window.document)) {
+                return new Error('仅支持浏览器');
+            }
+            var html = document.documentElement;
+            html.style.overflow = 'visible';
+            html.style.height = 'auto';
+            var body = document.body;
+            body.style.overflow = 'visible';
+            body.style.height = 'auto';
+            if (className) {
+                var dom = document.querySelector(".".concat(className));
+                dom && dom.removeEventListener('touchmove', _this.__setDefault__);
+            }
+        };
+        /**
+       * object 对象转 array 数组
+       * demo:
+       *  objectToArray({a:1,b:2})  输出：["a=1", "b=2"]
+       * @param {Object} obj
+       * @returns {Array} arr
+       */
+        this.objectToArray = function (obj) {
+            var arr = [];
+            if (typeof obj === 'object') {
+                for (var key in obj) {
+                    if (obj.hasOwnProperty(key)) {
+                        arr.push([key, obj[key]].join('='));
+                    }
+                }
+            }
+            return arr;
+        };
+        /**
+        * convertEnum
+        * 枚举键值互换
+        * @param {Object} obj
+        * convertKeyValueEnum({a: 1, b: 2}) // {1: "a", 2: "b"}
+        * @returns {Object} result
+        */
+        this.convertKeyValueEnum = function (obj) {
+            var result = {};
+            if (typeof obj === 'object') {
+                for (var key in obj) {
+                    if (obj.hasOwnProperty(key)) {
+                        result[obj[key]] = key;
+                    }
+                }
+            }
+            return result;
+        };
+        this.isDefined = function (val) {
+            return val !== undefined && val !== null;
+        };
+        this.__loaded__ = {}; // 已加载的资源
+        /**
+         * 阻止事件传递
+         * @param {Event} e
+         * @return {Void}
+         */
+        this.__setDefault__ = function (e) {
+            e && e.preventDefault();
+        };
+    }
+    /**
+     * 深拷贝 Object|Array
+     * 深拷贝，支持 普通对象、数组，但是未解决Function、Date、RegExp，且1M以上数据性能不好
+     * @param {String} data
+     * @return {Object}
+     */
+    ToolsClass.prototype.deepCopy = function (data) {
+        return JSON.parse(JSON.stringify(data));
+    };
+    /**
+     * 深拷贝 Object|Array
+     * 支持 普通对象、数组和函数的深复制，但是未解决循环引用、Date、RegExp
+     * @param {Object|Array} data
+     * @return {Object}
+     */
+    ToolsClass.prototype.deepCopy2 = function (obj) {
+        var _obj = Array.isArray(obj) ? [] : {};
+        for (var i in obj) {
+            _obj[i] = typeof obj[i] === 'object' ? this.deepCopy2(obj[i]) : obj[i];
+        }
+        return _obj;
+    };
+    /**
+     * 深拷贝 Object|Array
+     * 注意：需要 yarn add lodash
+     * @param {Object|Array} data
+     * @return {Object}
+     */
+    ToolsClass.prototype.deepCopy3 = function (obj) {
+        var deepcopy = require('lodash/cloneDeep');
+        return deepcopy(obj);
+    };
+    /**
+     * 防抖
+     * demo：debounce(func, 300)(args)
+     * @param {Function} func 执行函数
+     * @param {Number} wait 节流时间,毫秒
+     * @return {Function} delay
+     */
+    ToolsClass.prototype.debounce = function (func, wait) {
+        var delay = function () {
+            var args = arguments;
+            if (timeout)
+                clearTimeout(timeout);
+            timeout = setTimeout(function () {
+                func.apply(delay, args);
+            }, wait);
+        };
+        return delay;
+    };
+    /**
+   * 节流
+   * demo：throttle(func, 300)(args)
+   * @param {Object|Array} func 执行函数
+   * @param {Number} wait 节流时间,毫秒
+   * @return {Function} delay
+   */
+    ToolsClass.prototype.throttle = function (func, wait) {
+        var delay = function () {
+            var now = Date.now();
+            if (now - previous > wait) {
+                func.apply(delay, arguments);
+                previous = now;
+            }
+        };
+        return delay;
+    };
+    /**
+     * 获取路径中文件名称
+     * @param {String} url
+     * @return {String}
+     */
+    ToolsClass.prototype.getUrlName = function (url) {
+        return (url && url.split('?')[0].split('/').reverse()[0]);
+    };
+    /**
+     * 动态加载脚本
+     * tip：按需加载时用（多次调用，js不会重复加载）
+     * @param {String} url
+     * @return {Promise}
+     */
+    ToolsClass.prototype.loadJs = function (url) {
+        var _this = this;
+        if (!(window && window.document)) {
+            return new Error('仅支持浏览器');
+        }
+        var name = this.getUrlName(url);
+        var id = 'js_' + name;
+        return new Promise(function (resolve, reject) {
+            if (_this.__loaded__[id]) {
+                return resolve();
+            }
+            var script = document.createElement('script');
+            script.type = 'text/javascript';
+            script.async = true;
+            script.src = url;
+            script.id = id;
+            script.onload = function () {
+                _this.__loaded__[id] = true;
+                resolve();
+            };
+            script.onerror = function (e) {
+                reject(e);
+            };
+            document.body.appendChild(script);
+        });
+    };
+    /**
+     * 动态加载样式
+     * @param {String} url
+     * @return {Promise}
+     */
+    ToolsClass.prototype.loadCss = function (url) {
+        var _this = this;
+        if (!(window && window.document)) {
+            return new Error('仅支持浏览器');
+        }
+        var name = this.getUrlName(url);
+        var id = 'css_' + name;
+        return new Promise(function (resolve, reject) {
+            if (_this.__loaded__[id]) {
+                return resolve();
+            }
+            var link = document.createElement('link');
+            link.type = 'text/css';
+            link.rel = 'stylesheet';
+            link.href = url;
+            link.id = id;
+            link.onload = function () {
+                _this.__loaded__[id] = true;
+                resolve();
+            };
+            link.onerror = function (e) {
+                reject(e);
+            };
+            document.head.appendChild(link);
+        });
+    };
+    /**
+     * 字符串复制到剪贴板
+     * 注意：需要 yarn add clipboard-copy
+     * @param {String} str
+     * @return {String}
+     */
+    ToolsClass.prototype.clipboard = function (str) {
+        if (!(window && window.document)) {
+            return new Error('仅支持浏览器');
+        }
+        var copy = require('clipboard-copy');
+        return copy(str);
+    };
+    /**
+     * 首字母大写
+     * @param {String} str
+     * @return {String}
+     */
+    ToolsClass.prototype.firstUpperCase = function (str) {
+        return str.charAt(0).toUpperCase() + str.toString().slice(1);
+    };
+    /**
+     * 截取数组或字符串，示例：slice('1234', 3)
+     * @param {Array|String} target 数组或字符串
+     * @param {Number} length 截取长度，从0开始
+     * @return {any}
+     */
+    ToolsClass.prototype.slice = function (target, length) {
+        if (target === void 0) { target = ''; }
+        if (length === void 0) { length = 0; }
+        return target.slice(0, length);
+    };
+    /**
+     * 获取guid
+     * @return {String}
+     */
+    ToolsClass.prototype.guid = function () {
+        function S4() {
+            return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+        }
+        return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
+    };
+    /**
+     * 获取文本字节数（含中文）
+     * @param {String} str
+     * @return {String}
+     */
+    ToolsClass.prototype.getBytesOfText = function (str) {
+        if (str === void 0) { str = ''; }
+        return str.replace(/[^\u0000-\u00ff]/g, "aa").length;
+    };
+    /**
+    * 数组去重
+    * @param {Array} arr
+    * @returns {Array}
+    */
+    ToolsClass.prototype.uniqueArr = function (arr) {
+        return Array.from(new Set(arr));
+    };
+    /**
+    * 数组元素交换位置
+    * index1和index2分别是两个数组的索引值，即是两个要交换元素位置的索引值，如1，5就是数组中下标为1和5的两个元素交换位置
+    * @param {Array<string | number>} array 数组
+    * @param {number} index1 添加项目的位置
+    * @param {number} index2 删除项目的位置
+    * swapArray([1, 2, 3, 4], 2, 3)  // [1, 2, 4, 3]
+    * @returns {Array<string | number>} array
+    */
+    ToolsClass.prototype.swapArray = function (array, index1, index2) {
+        var _a;
+        _a = [array[index2], array[index1]], array[index1] = _a[0], array[index2] = _a[1];
+        return array;
+    };
+    /**
+     * 过滤表情符号
+     * @param {String} str
+     * @return {String}
+     */
+    ToolsClass.prototype.filterEmoji = function (str) {
+        return str.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/mg, '');
+    };
+    /**
+     * 是否包含表情
+     * @param {String} str
+     * @return {boolean}
+     */
+    ToolsClass.prototype.containsEmoji = function (str) {
+        var reg = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/mg;
+        return reg.test(str);
+    };
+    /**
+     * 是否包含表汉字
+     * @param {String} str
+     * @return {boolean}
+     */
+    ToolsClass.prototype.containsHanZi = function (str) {
+        var reg = /[\u4e00-\u9fa5]/mg;
+        return reg.test(str);
+    };
+    ToolsClass.prototype.isEmpty = function (val) {
+        // null or undefined
+        if (val == null)
+            return true;
+        if (typeof val === 'boolean')
+            return false;
+        if (typeof val === 'number')
+            return !val;
+        if (val instanceof Error)
+            return val.message === '';
+        switch (Object.prototype.toString.call(val)) {
+            // String or Array
+            case '[object String]':
+            case '[object Array]':
+                return !val.length;
+            // Map or Set or File
+            case '[object File]':
+            case '[object Map]':
+            case '[object Set]': {
+                return !val.size;
+            }
+            // Plain Object
+            case '[object Object]': {
+                return !Object.keys(val).length;
+            }
+        }
+        return false;
+    };
+    ;
+    /**
+    * 字段脱敏处理
+    * @param {String} field 未脱敏字段
+    * @param {Int} before 开头未脱敏字符数
+    * @param {Int} after 结尾未脱敏字符数
+    * @return {String} 已脱敏字段
+    */
+    ToolsClass.prototype.sensitiveField = function (field, before, after) {
+        if (before === void 0) { before = 3; }
+        if (after === void 0) { after = 4; }
+        if (!field) {
+            return '';
+        }
+        field = String(field);
+        var sensitiveLen = field.length - before - after;
+        if (sensitiveLen < 0) {
+            sensitiveLen = 0;
+        }
+        // 匹配中文、英文、数字
+        var regItem = '[\u4e00-\u9fa5a-zA-Z0-9]';
+        var regExp = "(".concat(regItem, "{").concat(before, "})").concat(regItem, "*(").concat(regItem, "{").concat(after, "})");
+        var reg = new RegExp(regExp);
+        return field.replace(reg, "$1".concat("*".repeat(sensitiveLen), "$2"));
+    };
+    return ToolsClass;
+}());
+module.exports = new ToolsClass();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haluo/util",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "main": "./dist/index.js",
   "author": "<wanghui@jddmoto.com>",
   "description": "哈罗摩托工具库",
@@ -13,7 +13,6 @@
     "precommit": "lint-staged"
   },
   "types": "dist/types/index.d.ts",
-  "files": ["./dist/**/*", "./package.json"],
   "lint-staged": {
     "src/**/*.{js,vue}": [
       "eslint --fix",

package/publish.sh

@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+# npm config get registry # 检查仓库镜像库
+# npm config set registry=http://registry.npmjs.org
+# echo '请进行登录相关操作：'
+# npm login # 登陆
+tsc
+echo "-------publishing-------"
+npm publish # 发布
+# npm config set registry=https://registry.npm.taobao.org # 设置为淘宝镜像
+echo "发布完成"
+exit

package/specification/CSS.md

@@ -0,0 +1,25 @@
+### CSS
+
+
+#### [BEM](http://getbem.com/)
+**BlockElementModifier其实是块（block）、元素（element）、修饰符（modifier）**
+> * block 代表了更高级别的抽象或组件
+> * block__element 代表 block 的后代，用于形成一个完整的 block 的整体
+> * block--modifier代表 block 的不同状态或不同版本
+
+```css
+/* demo */
+person{} /* 人 */
+person__hand{} /* 人的手 */
+person--female{} /* 女人 */
+person--female__hand{} /* 女人的手 */
+person__hand--left{} /* 人的左手 */
+```
+
+#### Z-Index
+```
+页面元素：1-99
+fixed：100-199
+弹框：200-299
+Toast：300-399
+```

package/specification/JS.md

@@ -0,0 +1,9 @@
+### [JS](http://alloyteam.github.io/CodeGuide/)
+
+```
+1、路由命名：name 大写，path和文件名 小写加中划线
+2、组件使用：组件文件、引用名、页面使用 名称保持一致
+3、JS
+> 接口请求参数做解构
+> 公共文件，多尝试用class
+```

package/specification/VUE.md

@@ -0,0 +1 @@
+### [VUE](https://cn.vuejs.org/v2/style-guide/)

package/src/consts/httpCode.js

@@ -0,0 +1,10 @@
+/**
+ * 处理http返回的错误码等信息
+ * @Author: wanghui
+ */
+export default {
+  SUCCESS: {
+    'resultCode': '0',
+    'resultDesc': '处理成功'
+  },
+}

package/src/index.ts

@@ -0,0 +1,54 @@
+/**
+ * @Author: wanghui
+ * createBy: @2020.05.21
+ */
+'use strict'
+
+const modules: any = {
+  cookie: require('./modules/cookie'),
+  date: require('./modules/date'),
+  dom: require('./modules/dom'),
+  filter: require('./modules/filter'),
+  format: require('./modules/format'),
+  match: require('./modules/match'),
+  number: require('./modules/number'),
+  tools: require('./modules/tools'),
+}
+
+class Utils {
+  [key: string]: Object
+
+  constructor() {
+    Object.assign(this, modules)
+  }
+
+  /**
+   * 挂载各组件
+   * 示例：this.$cookie、this.$date、this.$match、this.$number、this.$tools
+   * @param {Object} Vue 需要挂载的目标对象
+   */
+  install(Vue: any) {
+    Object.keys(modules).forEach((key) => {
+      if (key === 'filter') {
+        return modules[key].install(Vue)
+      }
+      Vue.prototype['$' + key] = modules[key]
+      Vue['$' + key] = modules[key]
+    })
+  }
+
+  // loadModules() {
+  //   const modules = require['context']('./modules/', true, /.js$/)
+  //   modules.keys().forEach((modulesKey: string) => {
+  //     const attr: string = modulesKey.replace('./', '').replace('.js', '').replace('/index', '')
+  //     const haveDefault = ['sentry']
+  //     if (haveDefault.includes(attr)) {
+  //       this[attr] = modules(modulesKey).default
+  //     } else {
+  //       this[attr] = modules(modulesKey)
+  //     }
+  //   })
+  // }
+}
+
+module.exports = new Utils()

package/src/modules/cookie/index.ts

@@ -0,0 +1,69 @@
+/**
+ * @file Cookie
+ * @Author: wanghui
+ * @createBy: @2021.01.21
+ */
+'use strict'
+interface ICookie {
+  name: string,
+  value: string,
+  exdays: number,
+  path?: string,
+  domain?: string,
+}
+
+class CookieClass {
+  /**
+   * 获取cookie
+   * @param {String} name
+   * @return {String}
+   */
+  getCookie(name: string) {
+    const _name = name + '='
+    const ca = document.cookie.split(';')
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i]
+      while (c.charAt(0) === ' ') c = c.substring(1)
+      if (c.includes(_name)) return c.substring(_name.length, c.length)
+    }
+    return ''
+  }
+
+  /**
+   * 设置cookie
+   * @param {Object} ICookie
+   */
+  setCookie({
+    name = '',
+    value = '',
+    exdays = -1,
+    path = '/',
+    domain = '.jddmoto.com',
+  }: ICookie) {
+    var d = new Date();
+    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000))
+    var expires = `expires=${d.toUTCString()}`
+    document.cookie = `${name}=${value};${expires};path=${path};domain=${domain};`
+  }
+
+  /**
+   * 清除Cookie
+   * @param {String} name
+   */
+  clearCookie({
+    name = '',
+    path = '/',
+    domain = '.jddmoto.com',
+  }: ICookie) {
+    this.setCookie({
+      name,
+      value: '',
+      exdays: -1,
+      path,
+      domain
+    })
+  }
+}
+
+module.exports = new CookieClass()
+