sculp-js 0.0.2 → 0.1.1

package/lib/umd/index.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v0.0.1
+ * sculp-js v0.1.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */
@@ -274,14 +274,14 @@
         if (reverse) {
             for (let idx = array.length - 1; idx >= 0; idx--) {
                 const val = array[idx];
-                if (iterator(val, idx) === false)
+                if (iterator(val, idx, array) === false)
                     break;
             }
         }
         else {
             for (let idx = 0; idx < array.length; idx++) {
                 const val = array[idx];
-                if (iterator(val, idx) === false)
+                if (iterator(val, idx, array) === false)
                     break;
             }
         }
@@ -413,40 +413,12 @@
             while (child && child.parentId) {
                 ids = [child.parentId, ...ids];
                 nodes = [child.parent, ...nodes];
-                child = flatArray.find(_ => _[id] === child.parentId);
+                child = flatArray.find(_ => _[id] === child.parentId); // eslint-disable-line
             }
             return [ids, nodes];
         };
         return getIds(toFlatArray(tree));
     }
-    /**
-     * 异步ForEach函数
-     * @param {array} array
-     * @param {asyncFuntion} callback
-     * // asyncForEach 使用范例如下
-    // const start = async () => {
-    //   await asyncForEach(result, async (item) => {
-    //     await request(item);
-    //     count++;
-    //   });
-
-    //   console.log('发送次数', count);
-    // }
-
-    // for await...of 使用范例如下
-    // const loadImages =  async (images) => {
-    //   for await (const item of images) {
-    //      await request(item);
-    //      count++;
-    //    }
-    // }
-     * @return {*}
-     */
-    async function asyncForEach(array, callback) {
-        for (let index = 0, len = array.length; index < len; index++) {
-            await callback(array[index], index, array);
-        }
-    }
 
     // @ref https://cubic-bezier.com/
     const easingDefines = {
@@ -592,6 +564,36 @@
      * @returns {string}
      */
     const stringFill = (length, value = ' ') => new Array(length).fill(value).join('');
+    /**
+     * 字符串的像素宽度
+     * @param {string} str 目标字符串
+     * @param {number} fontSize 字符串字体大小
+     * @param {boolean} isRemoveDom 计算后是否移除中间dom元素
+     * @return {*}
+     */
+    function getStrWidthPx(str, fontSize = 14, isRemoveDom = false) {
+        let strWidth = 0;
+        console.assert(isString(str), `${str} 不是有效的字符串`);
+        if (isString(str) && str.length > 0) {
+            let getEle = document.querySelector('#getStrWidth1494304949567');
+            if (!getEle) {
+                const _ele = document.createElement('span');
+                _ele.id = 'getStrWidth1494304949567';
+                _ele.style.fontSize = fontSize + 'px';
+                _ele.style.whiteSpace = 'nowrap';
+                _ele.style.visibility = 'hidden';
+                _ele.textContent = str;
+                document.body.appendChild(_ele);
+                getEle = _ele;
+            }
+            getEle.textContent = str;
+            strWidth = getEle.offsetWidth;
+            if (isRemoveDom) {
+                document.body.appendChild(getEle);
+            }
+        }
+        return strWidth;
+    }
 
     /**
      * 判断元素是否包含某个样式名
@@ -722,6 +724,17 @@
             domReadyCallbacks.push(callback);
         }
     }
+    /**
+     * 获取元素样式属性的计算值
+     * @param {HTMLElement} el
+     * @param {string} property
+     * @param {boolean} reNumber
+     * @return {string|number}
+     */
+    function getComputedCssVal(el, property, reNumber = true) {
+        const originVal = getComputedStyle(el).getPropertyValue(property) ?? '';
+        return reNumber ? Number(originVal.replace(/([0-9]*)(.*)/g, '$1')) : originVal;
+    }
 
     const textEl = document.createElement('textarea');
     setStyle(textEl, {
@@ -848,16 +861,16 @@
      */
     function calculateDate(strDate, n, sep = '-') {
         //strDate 为字符串日期 如:'2019-01-01' n为你要传入的参数，当前为0，前一天为-1，后一天为1
-        let dateArr = strDate.split(sep); //这边给定一个特定时间
-        let newDate = new Date(+dateArr[0], +dateArr[1] - 1, +dateArr[2]);
-        let befminuts = newDate.getTime() + 1000 * 60 * 60 * 24 * parseInt(String(n)); //计算前几天用减，计算后几天用加，最后一个就是多少天的数量
-        let beforeDat = new Date();
+        const dateArr = strDate.split(sep); //这边给定一个特定时间
+        const newDate = new Date(+dateArr[0], +dateArr[1] - 1, +dateArr[2]);
+        const befminuts = newDate.getTime() + 1000 * 60 * 60 * 24 * parseInt(String(n)); //计算前几天用减，计算后几天用加，最后一个就是多少天的数量
+        const beforeDat = new Date();
         beforeDat.setTime(befminuts);
-        let befMonth = beforeDat.getMonth() + 1;
-        let mon = befMonth >= 10 ? befMonth : '0' + befMonth;
-        let befDate = beforeDat.getDate();
-        let da = befDate >= 10 ? befDate : '0' + befDate;
-        let finalNewDate = beforeDat.getFullYear() + '-' + mon + '-' + da;
+        const befMonth = beforeDat.getMonth() + 1;
+        const mon = befMonth >= 10 ? befMonth : '0' + befMonth;
+        const befDate = beforeDat.getDate();
+        const da = befDate >= 10 ? befDate : '0' + befDate;
+        const finalNewDate = beforeDat.getFullYear() + '-' + mon + '-' + da;
         return finalNewDate;
     }
     /**
@@ -868,9 +881,9 @@
      * @return {*}
      */
     function calculateDateTime(n, dateSep = '-', timeSep = ':') {
-        let date = new Date();
-        let separator1 = '-';
-        let separator2 = ':';
+        const date = new Date();
+        const separator1 = '-';
+        const separator2 = ':';
         let year = date.getFullYear();
         let month = date.getMonth() + 1;
         let strDate = date.getDate() + n;
@@ -1308,16 +1321,357 @@
     // 调用
     // __canvasWM({ content: 'QQMusicFE' })
 
+    /**
+     * 防抖函数
+     * 当函数被连续调用时，该函数并不执行，只有当其全部停止调用超过一定时间后才执行1次。
+     * 例如：上电梯的时候，大家陆陆续续进来，电梯的门不会关上，只有当一段时间都没有人上来，电梯才会关门。
+     * @param {F} func
+     * @param {number} wait
+     * @returns {DebounceFunc<F>}
+     */
+    const debounce = (func, wait) => {
+        let timeout;
+        let canceled = false;
+        const f = function (...args) {
+            if (canceled)
+                return;
+            clearTimeout(timeout);
+            timeout = setTimeout(() => {
+                func.call(this, ...args);
+            }, wait);
+        };
+        f.cancel = () => {
+            clearTimeout(timeout);
+            canceled = true;
+        };
+        return f;
+    };
+    /**
+     * 节流函数
+     * 节流就是节约流量，将连续触发的事件稀释成预设评率。 比如每间隔1秒执行一次函数，无论这期间触发多少次事件。
+     * 这有点像公交车，无论在站点等车的人多不多，公交车只会按时来一班，不会来一个人就来一辆公交车。
+     * @param {F} func
+     * @param {number} wait
+     * @param {boolean} immediate
+     * @returns {ThrottleFunc<F>}
+     */
+    const throttle = (func, wait, immediate) => {
+        let timeout;
+        let canceled = false;
+        let lastCalledTime = 0;
+        const f = function (...args) {
+            if (canceled)
+                return;
+            const now = Date.now();
+            const call = () => {
+                lastCalledTime = now;
+                func.call(this, ...args);
+            };
+            // 第一次执行
+            if (lastCalledTime === 0) {
+                if (immediate) {
+                    return call();
+                }
+                else {
+                    lastCalledTime = now;
+                    return;
+                }
+            }
+            const remain = lastCalledTime + wait - now;
+            if (remain > 0) {
+                clearTimeout(timeout);
+                timeout = setTimeout(() => call(), wait);
+            }
+            else {
+                call();
+            }
+        };
+        f.cancel = () => {
+            clearTimeout(timeout);
+            canceled = true;
+        };
+        return f;
+    };
+    /**
+     * 单次函数
+     * @param {AnyFunc} func
+     * @returns {AnyFunc}
+     */
+    const once = (func) => {
+        let called = false;
+        let result;
+        return function (...args) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+            if (called)
+                return result;
+            called = true;
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            result = func.call(this, ...args);
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+            return result;
+        };
+    };
+    /**
+     * 设置全局变量
+     * @param {string | number | symbol} key
+     * @param val
+     */
+    function setGlobal(key, val) {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        if (typeof globalThis !== 'undefined')
+            globalThis[key] = val;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        else if (typeof window !== 'undefined')
+            window[key] = val;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        else if (typeof global !== 'undefined')
+            global[key] = val;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        else if (typeof self !== 'undefined')
+            self[key] = val;
+        else
+            throw new SyntaxError('当前环境下无法设置全局属性');
+    }
+    /**
+     * 设置全局变量
+     * @param {string | number | symbol} key
+     * @param val
+     */
+    function getGlobal(key) {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        if (typeof globalThis !== 'undefined')
+            return globalThis[key];
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        else if (typeof window !== 'undefined')
+            return window[key];
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        else if (typeof global !== 'undefined')
+            return global[key];
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        else if (typeof self !== 'undefined')
+            return self[key];
+    }
+
+    /**
+     * 随机整数
+     * @param {number} min
+     * @param {number} max
+     * @returns {number}
+     */
+    const randomNumber = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
+    const STRING_POOL = `${STRING_ARABIC_NUMERALS}${STRING_UPPERCASE_ALPHA}${STRING_LOWERCASE_ALPHA}`;
+    /**
+     * 随机字符串
+     * @param {number | string} length
+     * @param {string} pool
+     * @returns {string}
+     */
+    const randomString = (length, pool) => {
+        let _length = 0;
+        let _pool = STRING_POOL;
+        if (isString(pool)) {
+            _length = length;
+            _pool = pool;
+        }
+        else if (isNumber(length)) {
+            _length = length;
+        }
+        else if (isString(length)) {
+            _pool = length;
+        }
+        let times = Math.max(_length, 1);
+        let result = '';
+        const min = 0;
+        const max = _pool.length - 1;
+        if (max < 2)
+            throw new Error('字符串池长度不能少于 2');
+        while (times--) {
+            const index = randomNumber(min, max);
+            result += _pool[index];
+        }
+        return result;
+    };
+    /**
+     * 优先浏览器原生能力获取 UUID v4
+     * @returns {string}
+     */
+    function randomUuid() {
+        if (typeof URL === 'undefined' || !URL.createObjectURL || typeof Blob === 'undefined') {
+            const hex = '0123456789abcdef';
+            const model = 'xxxxxxxx-xxxx-4xxx-xxxx-xxxxxxxxxxxx';
+            let str = '';
+            for (let i = 0; i < model.length; i++) {
+                const rnd = randomNumber(0, 15);
+                str += model[i] == '-' || model[i] == '4' ? model[i] : hex[rnd];
+            }
+            return str;
+        }
+        return /[^/]+$/.exec(URL.createObjectURL(new Blob()).slice())[0];
+    }
+
+    const HEX_POOL = `${STRING_ARABIC_NUMERALS}${STRING_UPPERCASE_ALPHA}${STRING_LOWERCASE_ALPHA}`;
+    const supportBigInt = typeof BigInt !== 'undefined';
+    const jsbi = () => getGlobal('JSBI');
+    const toBigInt = (n) => (supportBigInt ? BigInt(n) : jsbi().BigInt(n));
+    const divide = (x, y) => (supportBigInt ? x / y : jsbi().divide(x, y));
+    const remainder = (x, y) => (supportBigInt ? x % y : jsbi().remainder(x, y));
+    /**
+     * 将十进制转换成任意进制
+     * @param {number | string} decimal 十进制数值或字符串，可以是任意长度，会使用大数进行计算
+     * @param {string} [hexPool] 进制池，默认 62 进制
+     * @returns {string}
+     */
+    const numberToHex = (decimal, hexPool = HEX_POOL) => {
+        if (hexPool.length < 2)
+            throw new Error('进制池长度不能少于 2');
+        if (!supportBigInt) {
+            throw new Error('需要安装 jsbi 模块并将 JSBI 设置为全局变量：\nimport JSBI from "jsbi"; window.JSBI = JSBI;');
+        }
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        let bigInt = toBigInt(decimal);
+        const ret = [];
+        const { length } = hexPool;
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        const bigLength = toBigInt(length);
+        const execute = () => {
+            const y = Number(remainder(bigInt, bigLength));
+            bigInt = divide(bigInt, bigLength);
+            ret.unshift(hexPool[y]);
+            if (bigInt > 0) {
+                execute();
+            }
+        };
+        execute();
+        return ret.join('');
+    };
+    /**
+     * 缩写
+     * @param {number | string} num
+     * @param {Array<string>} units
+     * @param {number} ratio
+     * @param {number} exponent
+     * @returns {string}
+     */
+    const numberAbbr = (num, units, ratio = 1000, exponent) => {
+        const { length } = units;
+        if (length === 0)
+            throw new Error('至少需要一个单位');
+        let num2 = Number(num);
+        let times = 0;
+        while (num2 >= ratio && times < length - 1) {
+            num2 = num2 / ratio;
+            times++;
+        }
+        const value = num2.toFixed(exponent);
+        const unit = units[times];
+        return value.toString() + '' + unit;
+    };
+    /**
+     * 将数字格式化成千位分隔符显示的字符串
+     * @param {number} val 数字
+     * @param {'int' | 'float'} type 展示分段显示的类型 int:整型 | float:浮点型
+     * @return {string}
+     */
+    function formatNumber(val, type = 'int') {
+        return type === 'int' ? parseInt(String(val)).toLocaleString() : Number(val).toLocaleString('en-US');
+    }
+
+    const padStartWithZero = (str, maxLength = 2) => String(str).padStart(maxLength, '0');
+    let safeNo = 0;
+    let lastTimestamp = 0;
+    // 安全后缀长度，按 1 毫秒运算 99999 次 JS 代码来进行估算
+    // 那么，补足长度为 5
+    // 时间戳模式长度为 13
+    // 取最长 5 + 13 = 18
+    const UNIQUE_NUMBER_SAFE_LENGTH = 18;
+    const FIX_SAFE_LENGTH = 5;
+    const TIMESTAMP_LENGTH = 13;
+    /**
+     * 生成唯一不重复数值
+     * @param {number} length
+     * @returns {string}
+     */
+    const uniqueNumber = (length = UNIQUE_NUMBER_SAFE_LENGTH) => {
+        const now = Date.now();
+        length = Math.max(length, UNIQUE_NUMBER_SAFE_LENGTH);
+        if (now !== lastTimestamp) {
+            lastTimestamp = now;
+            safeNo = 0;
+        }
+        const timestamp = `${now}`;
+        let random = '';
+        const rndLength = length - FIX_SAFE_LENGTH - TIMESTAMP_LENGTH;
+        if (rndLength > 0) {
+            const rndMin = 10 ** (rndLength - 1);
+            const rndMax = 10 ** rndLength - 1;
+            const rnd = randomNumber(rndMin, rndMax);
+            random = `${rnd}`;
+        }
+        const safe = padStartWithZero(safeNo, FIX_SAFE_LENGTH);
+        safeNo++;
+        return `${timestamp}${random}${safe}`;
+    };
+    const randomFromPool = (pool) => {
+        const poolIndex = randomNumber(0, pool.length - 1);
+        return pool[poolIndex];
+    };
+    /**
+     * 生成唯一不重复字符串
+     * @param {number | string} length
+     * @param {string} pool
+     * @returns {string}
+     */
+    const uniqueString = (length, pool) => {
+        let _length = 0;
+        let _pool = HEX_POOL;
+        if (isString(pool)) {
+            _length = length;
+            _pool = pool;
+        }
+        else if (isNumber(length)) {
+            _length = length;
+        }
+        else if (isString(length)) {
+            _pool = length;
+        }
+        let uniqueString = numberToHex(uniqueNumber(), _pool);
+        let insertLength = _length - uniqueString.length;
+        if (insertLength <= 0)
+            return uniqueString;
+        while (insertLength--) {
+            uniqueString += randomFromPool(_pool);
+        }
+        return uniqueString;
+    };
+
+    exports.HEX_POOL = HEX_POOL;
     exports.STRING_ARABIC_NUMERALS = STRING_ARABIC_NUMERALS;
     exports.STRING_LOWERCASE_ALPHA = STRING_LOWERCASE_ALPHA;
+    exports.STRING_POOL = STRING_POOL;
     exports.STRING_UPPERCASE_ALPHA = STRING_UPPERCASE_ALPHA;
+    exports.UNIQUE_NUMBER_SAFE_LENGTH = UNIQUE_NUMBER_SAFE_LENGTH;
     exports.addClass = addClass;
     exports.arrayEach = arrayEach;
     exports.arrayEachAsync = arrayEachAsync;
     exports.arrayInsertBefore = arrayInsertBefore;
     exports.arrayLike = arrayLike;
     exports.arrayRemove = arrayRemove;
-    exports.asyncForEach = asyncForEach;
     exports.asyncMap = asyncMap;
     exports.calculateDate = calculateDate;
     exports.calculateDateTime = calculateDateTime;
@@ -1327,13 +1681,18 @@
     exports.cookieGet = cookieGet;
     exports.cookieSet = cookieSet;
     exports.copyText = copyText;
+    exports.debounce = debounce;
     exports.deepTraversal = deepTraversal;
     exports.downloadBlob = downloadBlob;
     exports.downloadData = downloadData;
     exports.downloadHref = downloadHref;
     exports.downloadURL = downloadURL;
     exports.formatDate = formatDate;
+    exports.formatNumber = formatNumber;
     exports.genCanvasWM = genCanvasWM;
+    exports.getComputedCssVal = getComputedCssVal;
+    exports.getGlobal = getGlobal;
+    exports.getStrWidthPx = getStrWidthPx;
     exports.getStyle = getStyle;
     exports.getTreeIds = getTreeIds;
     exports.hasClass = hasClass;
@@ -1354,6 +1713,8 @@
     exports.isString = isString;
     exports.isSymbol = isSymbol;
     exports.isUndefined = isUndefined;
+    exports.numberAbbr = numberAbbr;
+    exports.numberToHex = numberToHex;
     exports.objectAssign = objectAssign;
     exports.objectEach = objectEach;
     exports.objectEachAsync = objectEachAsync;
@@ -1365,11 +1726,16 @@
     exports.objectOmit = objectOmit;
     exports.objectPick = objectPick;
     exports.onDomReady = onDomReady;
+    exports.once = once;
     exports.pathJoin = pathJoin;
     exports.pathNormalize = pathNormalize;
     exports.qsParse = qsParse;
     exports.qsStringify = qsStringify;
+    exports.randomNumber = randomNumber;
+    exports.randomString = randomString;
+    exports.randomUuid = randomUuid;
     exports.removeClass = removeClass;
+    exports.setGlobal = setGlobal;
     exports.setStyle = setStyle;
     exports.smoothScroll = smoothScroll;
     exports.stringAssign = stringAssign;
@@ -1378,6 +1744,10 @@
     exports.stringFill = stringFill;
     exports.stringFormat = stringFormat;
     exports.stringKebabCase = stringKebabCase;
+    exports.throttle = throttle;
+    exports.typeIs = typeIs;
+    exports.uniqueNumber = uniqueNumber;
+    exports.uniqueString = uniqueString;
     exports.urlDelParams = urlDelParams;
     exports.urlParse = urlParse;
     exports.urlSetParams = urlSetParams;

package/package.json

@@ -1,21 +1,27 @@
 {
   "name": "sculp-js",
-  "version": "0.0.2",
+  "version": "0.1.1",
   "private": false,
   "description": "js工具库",
   "scripts": {
-    "build:conf": "rollup --config rollup.config.js",
-    "build": "node scripts/build.js",
+    "prepare": "husky install",
+    "build": "NODE_OPTIONS=--max-old-space-size=2048 rollup  --bundleConfigAsCjs --config rollup.config.js",
+    "build:terser": "node scripts/build.js",
     "test:unit": "jest",
     "test": "jest --coverage",
-    "prettier": "prettier -c --write \"**/*.{vue,ts,js,jsx,css,less,scss,json}\""
+    "lint": "eslint ./src --ext .vue,.js,jsx,.ts,tsx",
+    "lint:fix": "eslint --fix ./src --ext .vue,.js,jsx,.ts,tsx",
+    "prettier": "prettier -c --write \"**/*.{vue,ts,js,jsx,css,less,scss,json}\"",
+    "release:patch": "standard-version --release-as patch",
+    "release:minor": "standard-version --release-as minor",
+    "release:major": "standard-version --release-as major",
+    "commit": "git-cz"
   },
   "author": "chendq <deqiaochen@foxmail.com>",
   "main": "lib/cjs/index.js",
   "module": "lib/es/index.js",
   "browser": "lib/umd/index.js",
   "types": "lib/index.d.ts",
-  "type": "module",
   "exports": {
     ".": {
       "import": "./lib/es/index.js",
@@ -25,9 +31,7 @@
   },
   "sideEffects": false,
   "files": [
-    "lib",
-    "lib/cjs",
-    "lib/index.d.ts"
+    "lib"
   ],
   "keywords": [
     "js-utils",
@@ -54,8 +58,10 @@
     "@rollup/plugin-typescript": "^11.1.5",
     "@types/jest": "^29.5.5",
     "@typescript-eslint/eslint-plugin": "^6.7.5",
-    "@typescript-eslint/parser": "^6.7.5",
+    "@typescript-eslint/parser": "^6.8.0",
+    "commitizen": "^4.3.0",
     "cross-env": "^7.0.3",
+    "cz-conventional-changelog": "^3.3.0",
     "eslint": "^8.51.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-config-standard": "^17.1.0",
@@ -73,11 +79,28 @@
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-subpath-externals": "^3.4.0",
-    "stylelint": "^15.10.3",
+    "standard-version": "^9.5.0",
+    "stylelint": "14.16",
     "stylelint-config-css-modules": "^4.3.0",
     "stylelint-config-prettier": "^9.0.5",
-    "stylelint-config-standard": "^34.0.0",
+    "stylelint-config-standard": "^20.0.0",
     "ts-loader": "^9.5.0",
     "typescript": "^5.2.2"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "lint-staged": {
+    "*.[tj]s?(x)": [
+      "eslint --fix"
+    ],
+    "*.vue": [
+      "eslint --fix"
+    ],
+    "*.{css,less,scss,json,md}": [
+      "prettier --write"
+    ]
   }
 }