sculp-js 0.1.1 → 1.0.1

package/lib/umd/index.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v0.1.0
+ * sculp-js v1.0.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */
@@ -10,6 +10,11 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.sculpJs = {}, global.bezier));
 })(this, (function (exports, bezier) { 'use strict';
 
+    /**
+     * 判断任意值的数据类型
+     * @param {unknown} any
+     * @returns {string}
+     */
     const typeIs = (any) => Object.prototype.toString.call(any).slice(8, -1);
     // 基本数据类型判断
     const isString = (any) => typeof any === 'string';
@@ -23,7 +28,11 @@
     // 复合数据类型判断
     const isObject = (any) => typeIs(any) === 'Object';
     const isArray = (any) => Array.isArray(any);
-    // eslint-disable-next-line @typescript-eslint/ban-types
+    /**
+     * 判断是否为函数
+     * @param {unknown} any
+     * @returns {boolean}
+     */
     const isFunction = (any) => typeof any === 'function';
     // 对象类型判断
     const isNaN = (any) => Number.isNaN(any);
@@ -52,20 +61,22 @@
      * @param {string} key
      * @returns {boolean}
      */
-    const objectHas = (obj, key) => Object.prototype.hasOwnProperty.call(obj, key);
+    function objectHas(obj, key) {
+        return Object.prototype.hasOwnProperty.call(obj, key);
+    }
     /**
      * 遍历对象，返回 false 中断遍历
      * @param {O} obj
      * @param {(val: O[keyof O], key: keyof O) => (boolean | void)} iterator
      */
-    const objectEach = (obj, iterator) => {
+    function objectEach(obj, iterator) {
         for (const key in obj) {
             if (!objectHas(obj, key))
                 continue;
             if (iterator(obj[key], key) === false)
                 break;
         }
-    };
+    }
     /**
      * 异步遍历对象，返回 false 中断遍历
      * @param {O} obj
@@ -171,7 +182,7 @@
      * @param {ObjectAssignItem | undefined} targets
      * @returns {R}
      */
-    const objectAssign = (source, ...targets) => {
+    function objectAssign(source, ...targets) {
         const map = new Map();
         for (let i = 0; i < targets.length; i++) {
             const target = targets[i];
@@ -181,7 +192,7 @@
         }
         map.clear();
         return source;
-    };
+    }
     /**
      * 对象填充
      * @param {Partial<R>} source
@@ -189,7 +200,7 @@
      * @param {(s: Partial<R>, t: Partial<R>, key: keyof R) => boolean} fillable
      * @returns {R}
      */
-    const objectFill = (source, target, fillable) => {
+    function objectFill(source, target, fillable) {
         const _fillable = fillable || ((source, target, key) => source[key] === undefined);
         objectEach(target, (val, key) => {
             if (_fillable(source, target, key)) {
@@ -197,7 +208,7 @@
             }
         });
         return source;
-    };
+    }
     function objectGet(obj, path, strict = false) {
         path = path.replace(/\[(\w+)\]/g, '.$1');
         path = path.replace(/^\./, '');
@@ -230,7 +241,7 @@
      * 深拷贝堪称完全体 即：任何类型的数据都会被深拷贝
      * @param {AnyObject | AnyArray} obj
      * @param {WeakMap} map
-     * @return {AnyObject | AnyArray}
+     * @returns {AnyObject | AnyArray}
      */
     function cloneDeep(obj, map = new WeakMap()) {
         if (obj instanceof Date)
@@ -252,10 +263,11 @@
 
     /**
      * 判断一个对象是否为类数组
+     *
      * @param any
      * @returns {boolean}
      */
-    const arrayLike = (any) => {
+    function arrayLike(any) {
         if (isArray(any))
             return true;
         if (isString(any))
@@ -263,34 +275,42 @@
         if (!isObject(any))
             return false;
         return objectHas(any, 'length');
-    };
+    }
     /**
-     * 遍历数组，返回 false 中断遍历
+     * 遍历数组，返回 false 中断遍历(支持continue和break操作)
+     *
      * @param {ArrayLike<V>} array
-     * @param {(val: V, idx: number) => any} iterator
-     * @param reverse {boolean} 是否倒序
+     * @param {(val: V, idx: number) => any} iterator 迭代函数, 返回值为true时continue, 返回值为false时break
+     * @param {boolean} reverse  是否倒序
+     * @returns {*}
      */
-    const arrayEach = (array, iterator, reverse = false) => {
+    function arrayEach(array, iterator, reverse = false) {
         if (reverse) {
             for (let idx = array.length - 1; idx >= 0; idx--) {
                 const val = array[idx];
-                if (iterator(val, idx, array) === false)
+                const re = iterator(val, idx, array);
+                if (re === false)
                     break;
+                else if (re === true)
+                    continue;
             }
         }
         else {
             for (let idx = 0; idx < array.length; idx++) {
                 const val = array[idx];
-                if (iterator(val, idx, array) === false)
+                const re = iterator(val, idx, array);
+                if (re === false)
                     break;
+                else if (re === true)
+                    continue;
             }
         }
-    };
+    }
     /**
      * 异步遍历数组，返回 false 中断遍历
-     * @param {ArrayLike<V>} array
-     * @param {(val: V, idx: number) => Promise<any>} iterator
-     * @param {boolean} reverse
+     * @param {ArrayLike<V>} array 数组
+     * @param {(val: V, idx: number) => Promise<any>} iterator  支持Promise类型的回调函数
+     * @param {boolean} reverse  是否反向遍历
      */
     async function arrayEachAsync(array, iterator, reverse = false) {
         if (reverse) {
@@ -313,15 +333,16 @@
      * @param {AnyArray} array
      * @param {number} start
      * @param {number} to
+     * @returns {*}
      */
-    const arrayInsertBefore = (array, start, to) => {
+    function arrayInsertBefore(array, start, to) {
         if (start === to || start + 1 === to)
             return;
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         const [source] = array.splice(start, 1);
         const insertIndex = to < start ? to : to - 1;
         array.splice(insertIndex, 0, source);
-    };
+    }
     /**
      * 数组删除指定项目
      * @param {V[]} array
@@ -342,21 +363,26 @@
     }
     /**
      * 自定义深度优先遍历函数(支持continue和break操作)
-     * @param {array} deepList
-     * @param {function} iterator
-     * @param {array} children
-     * @param {boolean} isReverse 是否反向遍历
-     */
-    const deepTraversal = (deepList, iterator, children = 'children', isReverse = false) => {
-        let level = 0;
+     * @param {ArrayLike<V>} tree  树形数据
+     * @param {Function} iterator  迭代函数, 返回值为true时continue, 返回值为false时break
+     * @param {string} children 定制子元素的key
+     * @param {boolean} isReverse  是否反向遍历
+     * @returns {*}
+     */
+    function forEachDeep(tree, iterator, children = 'children', isReverse = false) {
+        let level = 0, isBreak = false;
         const walk = (arr, parent) => {
             if (isReverse) {
                 for (let i = arr.length - 1; i >= 0; i--) {
-                    const re = iterator(arr[i], i, deepList, parent, level);
-                    if (re === 'break') {
+                    if (isBreak) {
+                        break;
+                    }
+                    const re = iterator(arr[i], i, tree, parent, level);
+                    if (re === false) {
+                        isBreak = true;
                         break;
                     }
-                    else if (re === 'continue') {
+                    else if (re === true) {
                         continue;
                     }
                     // @ts-ignore
@@ -369,11 +395,15 @@
             }
             else {
                 for (let i = 0; i < arr.length; i++) {
-                    const re = iterator(arr[i], i, deepList, parent, level);
-                    if (re === 'break') {
+                    if (isBreak) {
                         break;
                     }
-                    else if (re === 'continue') {
+                    const re = iterator(arr[i], i, tree, parent, level);
+                    if (re === false) {
+                        isBreak = true;
+                        break;
+                    }
+                    else if (re === true) {
                         continue;
                     }
                     // @ts-ignore
@@ -385,16 +415,17 @@
                 }
             }
         };
-        walk(deepList, null);
-    };
+        walk(tree, null);
+    }
     /**
      * 在树中找到 id 为某个值的节点，并返回上游的所有父级节点
-     * @param {ArrayLike<T>} tree
-     * @param {IdLike} nodeId
-     * @param {ITreeConf} config
-     * @return {[IdLike[], ITreeItem<V>[]]}
+     *
+     * @param {ArrayLike<T>} tree - 树形数据
+     * @param {IdLike} nodeId - 元素ID
+     * @param {ITreeConf} config - 迭代配置项
+     * @returns {[IdLike[], ITreeItem<V>[]]} - 由parentId...childId, parentObject-childObject组成的二维数组
      */
-    function getTreeIds(tree, nodeId, config) {
+    function searchTreeById(tree, nodeId, config) {
         const { children = 'children', id = 'id' } = config || {};
         const toFlatArray = (tree, parentId, parent) => {
             return tree.reduce((t, _) => {
@@ -454,24 +485,24 @@
      * @param {boolean} [bigger] 是否大写第一个字母
      * @returns {string}
      */
-    const stringCamelCase = (string, bigger) => {
+    function stringCamelCase(string, bigger) {
         let string2 = string;
         if (bigger) {
             string2 = string.replace(/^./, origin => origin.toUpperCase());
         }
         const HUMP_RE = /[\s_-](.)/g;
         return string2.replace(HUMP_RE, (orign, char) => char.toUpperCase());
-    };
+    }
     /**
      * 将字符串转换为连字格式
      * @param {string} string
      * @param {string} [separator] 分隔符，默认是"-"（短横线）
      * @returns {string}
      */
-    const stringKebabCase = (string, separator = '-') => {
+    function stringKebabCase(string, separator = '-') {
         const string2 = string.replace(/^./, origin => origin.toLowerCase());
         return string2.replace(/[A-Z]/g, origin => `${separator}${origin.toLowerCase()}`);
-    };
+    }
     const STRING_ARABIC_NUMERALS = '0123456789';
     const STRING_LOWERCASE_ALPHA = 'abcdefghijklmnopqrstuvwxyz';
     const STRING_UPPERCASE_ALPHA = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
@@ -487,7 +518,7 @@
      * @param args
      * @returns {string}
      */
-    const stringFormat = (string, ...args) => {
+    function stringFormat(string, ...args) {
         let index = 0;
         const result = string.replace(placeholderRE, (origin) => {
             const arg = args[index++];
@@ -505,7 +536,7 @@
             }
         });
         return [result, ...args.splice(index).map(String)].join(' ');
-    };
+    }
     const ev = (expression, data) => {
         try {
             // eslint-disable-next-line @typescript-eslint/no-implied-eval,@typescript-eslint/no-unsafe-return
@@ -569,7 +600,7 @@
      * @param {string} str 目标字符串
      * @param {number} fontSize 字符串字体大小
      * @param {boolean} isRemoveDom 计算后是否移除中间dom元素
-     * @return {*}
+     * @returns {*}
      */
     function getStrWidthPx(str, fontSize = 14, isRemoveDom = false) {
         let strWidth = 0;
@@ -601,11 +632,11 @@
      * @param {string} className
      * @returns {boolean}
      */
-    const hasClass = (el, className) => {
+    function hasClass(el, className) {
         if (className.indexOf(' ') !== -1)
             throw new Error('className should not contain space.');
         return el.classList.contains(className);
-    };
+    }
     const eachClassName = (classNames, func) => {
         const classNameList = classNames.split(/\s+/g);
         classNameList.forEach(func);
@@ -615,17 +646,17 @@
      * @param {HTMLElement} el
      * @param {string} classNames
      */
-    const addClass = (el, classNames) => {
+    function addClass(el, classNames) {
         eachClassName(classNames, className => el.classList.add(className));
-    };
+    }
     /**
      * 给元素移除样式名
      * @param {HTMLElement} el
      * @param {string} classNames
      */
-    const removeClass = (el, classNames) => {
+    function removeClass(el, classNames) {
         eachClassName(classNames, className => el.classList.remove(className));
-    };
+    }
     /**
      * 设置元素样式
      * @param {HTMLElement} el
@@ -644,12 +675,14 @@
     };
     /**
      * 获取元素样式
-     * @param {HTMLElement} el
+     * @param {HTMLElement} el 元素
      * @param {string} key
      * @returns {string}
      */
-    const getStyle = (el, key) => getComputedStyle(el).getPropertyValue(key);
-    async function smoothScroll(options) {
+    function getStyle(el, key) {
+        return getComputedStyle(el).getPropertyValue(key);
+    }
+    function smoothScroll(options) {
         return new Promise(resolve => {
             const defaults = {
                 el: document,
@@ -729,7 +762,7 @@
      * @param {HTMLElement} el
      * @param {string} property
      * @param {boolean} reNumber
-     * @return {string|number}
+     * @returns {string|number}
      */
     function getComputedCssVal(el, property, reNumber = true) {
         const originVal = getComputedStyle(el).getPropertyValue(property) ?? '';
@@ -748,7 +781,7 @@
      * 复制文本
      * @param {string} text
      */
-    const copyText = (text) => {
+    function copyText(text) {
         textEl.value = text;
         textEl.focus({ preventScroll: true });
         textEl.select();
@@ -759,14 +792,14 @@
         catch (err) {
             // ignore
         }
-    };
+    }
 
     /**
      * 获取cookie
      * @param {string} name
      * @returns {string}
      */
-    const cookieGet = (name) => {
+    function cookieGet(name) {
         const { cookie } = document;
         if (!cookie)
             return '';
@@ -778,14 +811,14 @@
                 return decodeURIComponent(val);
         }
         return '';
-    };
+    }
     /**
      * 设置 cookie
      * @param {string} name
      * @param {string} value
      * @param {number | Date} [maxAge]
      */
-    const cookieSet = (name, value, maxAge) => {
+    function cookieSet(name, value, maxAge) {
         const metas = [];
         const EXPIRES = 'expires';
         metas.push([name, encodeURIComponent(value)]);
@@ -804,13 +837,66 @@
             return `${key}=${val}`;
         })
             .join(';');
-    };
+    }
     /**
      * 删除单个 cookie
      * @param name cookie 名称
      */
     const cookieDel = (name) => cookieSet(name, '', -1);
 
+    const isValidDate = (any) => isDate(any) && !isNaN(any.getTime());
+    /* istanbul ignore next */
+    const guessDateSeparator = (value) => {
+        if (!isString(value))
+            return;
+        const value2 = value.replace(/-/g, '/');
+        return new Date(value2);
+    };
+    /* istanbul ignore next */
+    const guessDateTimezone = (value) => {
+        if (!isString(value))
+            return;
+        const re = /([+-])(\d\d)(\d\d)$/;
+        const matches = re.exec(value);
+        if (!matches)
+            return;
+        const value2 = value.replace(re, 'Z');
+        const d = new Date(value2);
+        if (!isValidDate(d))
+            return;
+        const [, flag, hours, minutes] = matches;
+        const hours2 = parseInt(hours, 10);
+        const minutes2 = parseInt(minutes, 10);
+        const offset = (a, b) => (flag === '+' ? a - b : a + b);
+        d.setHours(offset(d.getHours(), hours2));
+        d.setMinutes(offset(d.getMinutes(), minutes2));
+        return d;
+    };
+    /**
+     * 解析为Date对象
+     * @param {DateValue} value - 可以是数值、字符串或 Date 对象
+     * @returns {Date} - 转换后的目标Date
+     */
+    function dateParse(value) {
+        const d1 = new Date(value);
+        if (isValidDate(d1))
+            return d1;
+        // safari 浏览器的日期解析有问题
+        // new Date('2020-06-26 18:06:15') 返回值是一个非法日期对象
+        /* istanbul ignore next */
+        const d2 = guessDateSeparator(value);
+        /* istanbul ignore next */
+        if (isValidDate(d2))
+            return d2;
+        // safari 浏览器的日期解析有问题
+        // new Date('2020-06-26T18:06:15.000+0800') 返回值是一个非法日期对象
+        /* istanbul ignore next */
+        const d3 = guessDateTimezone(value);
+        /* istanbul ignore next */
+        if (isValidDate(d3))
+            return d3;
+        throw new SyntaxError(`${value.toString()} 不是一个合法的日期描述`);
+    }
     /**
      * 格式化为日期对象(带自定义格式化模板)
      * @param {DateValue} value 可以是数值、字符串或 Date 对象
@@ -825,10 +911,69 @@
      * - mm：分
      * - ss：秒
      * - SSS：毫秒
-     * - ww: 周
      * @returns {string}
      */
-    const formatDate = (date = new Date(), format = 'YYYY-MM-DD HH:mm:ss') => {
+    // export const dateStringify = (value: DateValue, format = 'YYYY-MM-DD HH:mm:ss'): string => {
+    //   const date = dateParse(value);
+    //   let fmt = format;
+    //   let ret;
+    //   const opt: DateObj = {
+    //     'Y+': `${date.getFullYear()}`, // 年
+    //     'y+': `${date.getFullYear()}`, // 年
+    //     'M+': `${date.getMonth() + 1}`, // 月
+    //     'D+': `${date.getDate()}`, // 日
+    //     'd+': `${date.getDate()}`, // 日
+    //     'H+': `${date.getHours()}`, // 时
+    //     'm+': `${date.getMinutes()}`, // 分
+    //     's+': `${date.getSeconds()}`, // 秒
+    //     'S+': `${date.getMilliseconds()}` // 豪秒
+    //   };
+    //   for (const k in opt) {
+    //     ret = new RegExp(`(${k})`).exec(fmt);
+    //     if (ret) {
+    //       fmt = fmt.replace(ret[1], ret[1].length === 1 ? opt[k] : opt[k].padStart(ret[1].length, '0'));
+    //     }
+    //   }
+    //   return fmt;
+    // };
+    /**
+     * 将日期转换为一天的开始时间，即0点0分0秒0毫秒
+     * @param {DateValue} value
+     * @returns {Date}
+     */
+    function dateToStart(value) {
+        const d = dateParse(value);
+        return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0);
+    }
+    /**
+     * 将日期转换为一天的结束时间，即23点59分59秒999毫秒
+     * @param {DateValue} value
+     * @returns {Date}
+     */
+    function dateToEnd(value) {
+        const d = dateToStart(value);
+        d.setDate(d.getDate() + 1);
+        return dateParse(d.getTime() - 1);
+    }
+    /**
+     * 格式化为日期对象(带自定义格式化模板)
+     * @param {Date} value - 可以是数值、字符串或 Date 对象
+     * @param {string} [format] - 模板，默认是 YYYY-MM-DD HH:mm:ss，模板字符：
+     * - YYYY：年
+     * - yyyy: 年
+     * - MM：月
+     * - DD：日
+     * - dd: 日
+     * - HH：时（24 小时制）
+     * - hh：时（12 小时制）
+     * - mm：分
+     * - ss：秒
+     * - SSS：毫秒
+     * - ww: 周
+     * @returns {string}  格式化后的日期字符串
+     */
+    function formatDate(value, format = 'YYYY-MM-DD HH:mm:ss') {
+        const date = dateParse(value);
         let fmt = format;
         let ret;
         const opt = {
@@ -851,13 +996,13 @@
             }
         }
         return fmt;
-    };
+    }
     /**
      * 计算向前或向后N天的具体日期
-     * @param {string} strDate 参考日期
-     * @param {number} n 正数：向后推算；负数：向前推算
-     * @param {string} sep 日期格式的分隔符
-     * @return {*} 目标日期
+     * @param {string} strDate - 参考日期
+     * @param {number} n - 正数：向后推算；负数：向前推算
+     * @param {string} sep - 日期格式的分隔符
+     * @returns {string} 计算后的目标日期
      */
     function calculateDate(strDate, n, sep = '-') {
         //strDate 为字符串日期 如:'2019-01-01' n为你要传入的参数，当前为0，前一天为-1，后一天为1
@@ -875,10 +1020,10 @@
     }
     /**
      * 计算向前或向后N天的具体时间日期
-     * @param {number} n 正数：向后推算；负数：向前推算
-     * @param {string} dateSep 日期分隔符
-     * @param {string} timeSep 时间分隔符
-     * @return {*}
+     * @param {number} n - 正数：向后推算；负数：向前推算
+     * @param {string} dateSep - 日期分隔符
+     * @param {string} timeSep - 时间分隔符
+     * @returns {string} 转换后的目标日期时间
      */
     function calculateDateTime(n, dateSep = '-', timeSep = ':') {
         const date = new Date();
@@ -975,7 +1120,7 @@
      * @param {string} queryString
      * @returns {Params}
      */
-    const qsParse = (queryString) => {
+    function qsParse(queryString) {
         const params = new URLSearchParams(queryString);
         const result = {};
         for (const [key, val] of params.entries()) {
@@ -989,7 +1134,7 @@
             result[key] = params.getAll(key);
         }
         return result;
-    };
+    }
     const defaultReplacer = (val) => {
         if (isString(val))
             return val;
@@ -1007,7 +1152,7 @@
      * @param {Replacer} replacer
      * @returns {string}
      */
-    const qsStringify = (query, replacer = defaultReplacer) => {
+    function qsStringify(query, replacer = defaultReplacer) {
         const params = new URLSearchParams();
         objectEach(query, (val, key) => {
             if (isArray(val)) {
@@ -1026,7 +1171,7 @@
             }
         });
         return params.toString();
-    };
+    }
 
     const anchorEl = document.createElement('a');
     /**
@@ -1102,15 +1247,15 @@
      * @param {string} url
      * @param {LooseParams} params
      */
-    const downloadURL = (url, params) => {
+    function downloadURL(url, params) {
         window.open(params ? urlSetParams(url, params) : url);
-    };
+    }
     /**
      * 通过 A 链接的方式下载
      * @param {string} href
      * @param {string} filename
      */
-    const downloadHref = (href, filename) => {
+    function downloadHref(href, filename) {
         const eleLink = document.createElement('a');
         eleLink.download = filename;
         eleLink.style.display = 'none';
@@ -1118,17 +1263,17 @@
         document.body.appendChild(eleLink);
         eleLink.click();
         setTimeout(() => document.body.removeChild(eleLink));
-    };
+    }
     /**
      * 将大文件对象通过 A 链接的方式下载
      * @param {Blob} blob
      * @param {string} filename
      */
-    const downloadBlob = (blob, filename) => {
+    function downloadBlob(blob, filename) {
         const objURL = URL.createObjectURL(blob);
         downloadHref(objURL, filename);
         setTimeout(() => URL.revokeObjectURL(objURL));
-    };
+    }
     /**
      * 将指定数据格式通过 A 链接的方式下载
      * @param {AnyObject | AnyObject[]} data
@@ -1136,7 +1281,7 @@
      * @param {string} filename
      * @param {string[]} [headers]
      */
-    const downloadData = (data, fileType, filename, headers) => {
+    function downloadData(data, fileType, filename, headers) {
         filename = filename.replace(`.${fileType}`, '') + `.${fileType}`;
         if (fileType === 'json') {
             const blob = new Blob([JSON.stringify(data, null, 4)]);
@@ -1163,14 +1308,14 @@
             const href = 'data:' + MIMETypes[fileType] + ';charset=utf-8,\ufeff' + encodeURIComponent(headerStr + bodyStr);
             downloadHref(href, filename);
         }
-    };
+    }
 
     /**
      * 等待一段时间
      * @param {number} timeout 等待时间，单位毫秒
      * @returns {Promise<void>}
      */
-    async function wait(timeout = 1) {
+    function wait(timeout = 1) {
         return new Promise(resolve => setTimeout(resolve, timeout));
     }
     /**
@@ -1182,7 +1327,7 @@
      * @param {number} concurrency 并发数量，默认无限
      * @returns {Promise<R[]>}
      */
-    async function asyncMap(list, mapper, concurrency = Infinity) {
+    function asyncMap(list, mapper, concurrency = Infinity) {
         return new Promise((resolve, reject) => {
             const iterator = list[Symbol.iterator]();
             const limit = Math.min(list.length, concurrency);
@@ -1220,10 +1365,11 @@
 
     /**
      * 选择本地文件
-     * @param {function} changeCb 选择文件回调
-     * @return {*}
+     * @param {string} accept 上传的文件类型，用于过滤
+     * @param {Function} changeCb 选择文件回调
+     * @returns {HTMLInputElement}
      */
-    function chooseLocalFile({ accept }, changeCb) {
+    function chooseLocalFile(accept, changeCb) {
         const inputObj = document.createElement('input');
         inputObj.setAttribute('id', String(Date.now()));
         inputObj.setAttribute('type', 'file');
@@ -1246,17 +1392,18 @@
      * @desc 网页加水印的工具类
      */
     /**
-     * canvas 实现 watermark
+     * canvas 实现 水印, 具备防删除功能
      * @param {ICanvasWM} canvasWM
+     * @example genCanvasWM({ content: 'QQMusicFE' })
      */
-    const genCanvasWM = (canvasWM) => {
+    function genCanvasWM(canvasWM) {
         const { container = document.body, width = '300px', height = '200px', textAlign = 'center', textBaseline = 'middle', font = '20px PingFangSC-Medium,PingFang SC', 
         // fontWeight = 500,
         fillStyle = 'rgba(189, 177, 167, .3)', content = '请勿外传', rotate = 30, zIndex = 2147483647 } = canvasWM;
         // 仅限主页面添加水印
-        if (!location.pathname.includes('/home')) {
-            return;
-        }
+        // if (!location.pathname.includes('/home')) {
+        //   return;
+        // }
         const args = canvasWM;
         const canvas = document.createElement('canvas');
         canvas.setAttribute('width', width);
@@ -1317,9 +1464,7 @@
             });
             mo.observe(container, { attributes: true, subtree: true, childList: true });
         }
-    };
-    // 调用
-    // __canvasWM({ content: 'QQMusicFE' })
+    }
 
     /**
      * 防抖函数
@@ -1537,7 +1682,7 @@
      * @param {string} [hexPool] 进制池，默认 62 进制
      * @returns {string}
      */
-    const numberToHex = (decimal, hexPool = HEX_POOL) => {
+    function numberToHex(decimal, hexPool = HEX_POOL) {
         if (hexPool.length < 2)
             throw new Error('进制池长度不能少于 2');
         if (!supportBigInt) {
@@ -1559,7 +1704,7 @@
         };
         execute();
         return ret.join('');
-    };
+    }
     /**
      * 缩写
      * @param {number | string} num
@@ -1586,7 +1731,7 @@
      * 将数字格式化成千位分隔符显示的字符串
      * @param {number} val 数字
      * @param {'int' | 'float'} type 展示分段显示的类型 int:整型 | float:浮点型
-     * @return {string}
+     * @returns {string}
      */
     function formatNumber(val, type = 'int') {
         return type === 'int' ? parseInt(String(val)).toLocaleString() : Number(val).toLocaleString('en-US');
@@ -1660,6 +1805,113 @@
         return uniqueString;
     };
 
+    /**
+     * @title tooltip
+     * @Desc 自定义的tooltip方法, 支持拖动悬浮提示
+     * Created by chendeqiao on 2017/5/8.
+     * @example
+     *  <span onmouseleave="handleMouseLeave('#root')" onmousemove="handleMouseEnter({rootElId: '#root', title: 'title content', event: event})"
+     * 		onmouseenter="handleMouseEnter({'#root', title: 'title content', event: event})">title content </span>
+     */
+    /**
+     * 自定义title提示功能的mouseenter事件句柄
+     * @param {ITooltipParams} param1
+     * @returns {*}
+     */
+    function handleMouseEnter({ rootElId = '#root', title, event }) {
+        try {
+            const $rootEl = document.querySelector(rootElId);
+            console.assert($rootEl !== null, `未找到id为 ${rootElId} 的dom元素`);
+            let $customTitle = null;
+            // 动态创建class样式，并加入到head中
+            if (!document.querySelector('.tooltip-inner1494304949567')) {
+                const tooltipWrapperClass = document.createElement('style');
+                tooltipWrapperClass.type = 'text/css';
+                tooltipWrapperClass.innerHTML = `
+        .tooltip-inner1494304949567 {
+          max-width: 250px;
+          padding: 3px 8px;
+          color: #fff;
+          text-decoration: none;
+          border-radius: 4px;
+          text-align: left;
+        }
+      `;
+                document.querySelector('head').appendChild(tooltipWrapperClass);
+            }
+            if (document.querySelector('#customTitle1494304949567')) {
+                $customTitle = document.querySelector('#customTitle1494304949567');
+                mouseenter($customTitle, title, event);
+            }
+            else {
+                const $contentContainer = document.createElement('div');
+                $contentContainer.className = 'customTitle';
+                $contentContainer.id = 'customTitle1494304949567';
+                $contentContainer.className = 'tooltip';
+                $contentContainer.style.cssText = 'z-index: 99999999; visibility: hidden;';
+                $contentContainer.innerHTML =
+                    '<div class="tooltip-inner1494304949567" style="word-wrap: break-word; max-width: 44px;">皮肤</div>';
+                $rootEl.appendChild($contentContainer);
+                $customTitle = document.querySelector('#customTitle1494304949567');
+                if (title) {
+                    //判断div显示的内容是否为空
+                    mouseenter($customTitle, title, event);
+                    $customTitle.style.visibility = 'visible';
+                }
+            }
+        }
+        catch (e) {
+            console.error(e.message);
+        }
+    }
+    /**
+     * 提示文案dom渲染的处理函数
+     * @param {HTMLDivElement} customTitle
+     * @param {string} title 提示的字符串
+     * @param {PointerEvent} e 事件对象
+     * @returns {*}
+     */
+    function mouseenter($customTitle, title, e) {
+        let diffValueX = 200 + 50; //默认设置弹出div的宽度为250px
+        let x = 13;
+        const y = 23;
+        const $contentEle = $customTitle.children[0];
+        if (getStrWidthPx(title, 12) < 180 + 50) {
+            //【弹出div自适应字符串宽度】若显示的字符串占用宽度小于180，则设置弹出div的宽度为“符串占用宽度”+20
+            $contentEle.style.maxWidth = getStrWidthPx(title, 12) + 20 + 50 + 'px';
+            diffValueX = e.clientX + (getStrWidthPx(title, 12) + 50) - document.body.offsetWidth;
+        }
+        else {
+            $contentEle.style.maxWidth = '250px';
+            diffValueX = e.clientX + 230 - document.body.offsetWidth; //计算div水平方向显示的内容超出屏幕多少宽度
+        }
+        $contentEle.innerHTML = title; //html方法可解析内容中换行标签，text方法不能
+        if (diffValueX > 0) {
+            //水平方向超出可见区域时
+            x -= diffValueX;
+        }
+        $customTitle.style.top = e.clientY + y + 'px';
+        $customTitle.style.left = e.clientX + x + 'px';
+        $customTitle.style.maxWidth = '250px';
+        const diffValueY = $customTitle.getBoundingClientRect().top + $contentEle.offsetHeight - document.body.offsetHeight;
+        if (diffValueY > 0) {
+            //垂直方向超出可见区域时
+            $customTitle.style.top = e.clientY - diffValueY + 'px';
+        }
+    }
+    /**
+     * 移除提示文案dom的事件句柄
+     * @param {string} rootElId
+     * @returns {*}
+     */
+    function handleMouseLeave(rootElId = '#root') {
+        const rootEl = document.querySelector(rootElId), titleEl = document.querySelector('#customTitle1494304949567');
+        if (rootEl && titleEl) {
+            rootEl.removeChild(titleEl);
+        }
+    }
+    const tooltipEvent = { handleMouseEnter, handleMouseLeave };
+
     exports.HEX_POOL = HEX_POOL;
     exports.STRING_ARABIC_NUMERALS = STRING_ARABIC_NUMERALS;
     exports.STRING_LOWERCASE_ALPHA = STRING_LOWERCASE_ALPHA;
@@ -1681,12 +1933,15 @@
     exports.cookieGet = cookieGet;
     exports.cookieSet = cookieSet;
     exports.copyText = copyText;
+    exports.dateParse = dateParse;
+    exports.dateToEnd = dateToEnd;
+    exports.dateToStart = dateToStart;
     exports.debounce = debounce;
-    exports.deepTraversal = deepTraversal;
     exports.downloadBlob = downloadBlob;
     exports.downloadData = downloadData;
     exports.downloadHref = downloadHref;
     exports.downloadURL = downloadURL;
+    exports.forEachDeep = forEachDeep;
     exports.formatDate = formatDate;
     exports.formatNumber = formatNumber;
     exports.genCanvasWM = genCanvasWM;
@@ -1694,7 +1949,6 @@
     exports.getGlobal = getGlobal;
     exports.getStrWidthPx = getStrWidthPx;
     exports.getStyle = getStyle;
-    exports.getTreeIds = getTreeIds;
     exports.hasClass = hasClass;
     exports.isArray = isArray;
     exports.isBigInt = isBigInt;
@@ -1713,6 +1967,7 @@
     exports.isString = isString;
     exports.isSymbol = isSymbol;
     exports.isUndefined = isUndefined;
+    exports.isValidDate = isValidDate;
     exports.numberAbbr = numberAbbr;
     exports.numberToHex = numberToHex;
     exports.objectAssign = objectAssign;
@@ -1735,6 +1990,7 @@
     exports.randomString = randomString;
     exports.randomUuid = randomUuid;
     exports.removeClass = removeClass;
+    exports.searchTreeById = searchTreeById;
     exports.setGlobal = setGlobal;
     exports.setStyle = setStyle;
     exports.smoothScroll = smoothScroll;
@@ -1745,6 +2001,7 @@
     exports.stringFormat = stringFormat;
     exports.stringKebabCase = stringKebabCase;
     exports.throttle = throttle;
+    exports.tooltipEvent = tooltipEvent;
     exports.typeIs = typeIs;
     exports.uniqueNumber = uniqueNumber;
     exports.uniqueString = uniqueString;