sculp-js 0.0.2 → 1.0.0

package/lib/es/download.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v0.0.1
+ * sculp-js v1.0.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */
@@ -11,15 +11,15 @@ import { urlSetParams } from './url.js';
  * @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';
@@ -27,17 +27,17 @@ const downloadHref = (href, filename) => {
     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
@@ -45,7 +45,7 @@ const downloadBlob = (blob, filename) => {
  * @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)]);
@@ -72,6 +72,6 @@ const downloadData = (data, fileType, filename, headers) => {
         const href = 'data:' + MIMETypes[fileType] + ';charset=utf-8,\ufeff' + encodeURIComponent(headerStr + bodyStr);
         downloadHref(href, filename);
     }
-};
+}
 
 export { downloadBlob, downloadData, downloadHref, downloadURL };

package/lib/es/easing.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v0.0.1
+ * sculp-js v1.0.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */

package/lib/es/file.js

@@ -1,15 +1,16 @@
 /*!
- * sculp-js v0.0.1
+ * sculp-js v1.0.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */
 
 /**
  * 选择本地文件
- * @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');

package/lib/es/func.js

@@ -0,0 +1,154 @@
+/*!
+ * sculp-js v1.0.0
+ * (c) 2023-2023 chandq
+ * Released under the MIT License.
+ */
+
+/**
+ * 防抖函数
+ * 当函数被连续调用时，该函数并不执行，只有当其全部停止调用超过一定时间后才执行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];
+}
+
+export { debounce, getGlobal, once, setGlobal, throttle };

package/lib/es/index.js

@@ -1,21 +1,25 @@
 /*!
- * sculp-js v0.0.1
+ * sculp-js v1.0.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */
 
-export { arrayEach, arrayEachAsync, arrayInsertBefore, arrayLike, arrayRemove, asyncForEach, deepTraversal, getTreeIds } from './array.js';
+export { arrayEach, arrayEachAsync, arrayInsertBefore, arrayLike, arrayRemove, deepTraversal, getTreeIds } from './array.js';
 export { copyText } from './clipboard.js';
 export { cookieDel, cookieGet, cookieSet } from './cookie.js';
-export { calculateDate, calculateDateTime, formatDate } from './date.js';
-export { addClass, getStyle, hasClass, isDomReady, onDomReady, removeClass, setStyle, smoothScroll } from './dom.js';
+export { calculateDate, calculateDateTime, dateParse, dateToEnd, dateToStart, formatDate, isValidDate } from './date.js';
+export { addClass, getComputedCssVal, getStyle, hasClass, isDomReady, onDomReady, removeClass, setStyle, smoothScroll } from './dom.js';
 export { downloadBlob, downloadData, downloadHref, downloadURL } from './download.js';
 export { cloneDeep, isPlainObject, objectAssign, objectEach, objectEachAsync, objectFill, objectGet, objectHas, objectMap, objectAssign as objectMerge, objectOmit, objectPick } from './object.js';
 export { pathJoin, pathNormalize } from './path.js';
 export { qsParse, qsStringify } from './qs.js';
-export { STRING_ARABIC_NUMERALS, STRING_LOWERCASE_ALPHA, STRING_UPPERCASE_ALPHA, stringAssign, stringCamelCase, stringEscapeHtml, stringFill, stringFormat, stringKebabCase } from './string.js';
-export { isArray, isBigInt, isBoolean, isDate, isError, isFunction, isNaN, isNull, isNumber, isObject, isPrimitive, isRegExp, isString, isSymbol, isUndefined } from './type.js';
+export { STRING_ARABIC_NUMERALS, STRING_LOWERCASE_ALPHA, STRING_UPPERCASE_ALPHA, getStrWidthPx, stringAssign, stringCamelCase, stringEscapeHtml, stringFill, stringFormat, stringKebabCase } from './string.js';
+export { isArray, isBigInt, isBoolean, isDate, isError, isFunction, isNaN, isNull, isNumber, isObject, isPrimitive, isRegExp, isString, isSymbol, isUndefined, typeIs } from './type.js';
 export { urlDelParams, urlParse, urlSetParams, urlStringify } from './url.js';
 export { asyncMap, wait } from './async.js';
 export { chooseLocalFile } from './file.js';
 export { genCanvasWM } from './watermark.js';
+export { debounce, getGlobal, once, setGlobal, throttle } from './func.js';
+export { STRING_POOL, randomNumber, randomString, randomUuid } from './random.js';
+export { HEX_POOL, formatNumber, numberAbbr, numberToHex } from './number.js';
+export { UNIQUE_NUMBER_SAFE_LENGTH, uniqueNumber, uniqueString } from './unique.js';

package/lib/es/number.js

@@ -0,0 +1,77 @@
+/*!
+ * sculp-js v1.0.0
+ * (c) 2023-2023 chandq
+ * Released under the MIT License.
+ */
+
+import { getGlobal } from './func.js';
+import { STRING_ARABIC_NUMERALS, STRING_UPPERCASE_ALPHA, STRING_LOWERCASE_ALPHA } from './string.js';
+
+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}
+ */
+function 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:浮点型
+ * @returns {string}
+ */
+function formatNumber(val, type = 'int') {
+    return type === 'int' ? parseInt(String(val)).toLocaleString() : Number(val).toLocaleString('en-US');
+}
+
+export { HEX_POOL, formatNumber, numberAbbr, numberToHex };

package/lib/es/object.js

@@ -1,10 +1,10 @@
 /*!
- * sculp-js v0.0.1
+ * sculp-js v1.0.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */
 
-import typeIs, { isObject, isUndefined, isArray } from './type.js';
+import { isObject, isUndefined, typeIs, isArray } from './type.js';
 
 /**
  * 判断对象是否为纯对象
@@ -27,20 +27,22 @@ const isPlainObject = (obj) => {
  * @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
@@ -146,7 +148,7 @@ const merge = (map, source, target) => {
  * @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];
@@ -156,7 +158,7 @@ const objectAssign = (source, ...targets) => {
     }
     map.clear();
     return source;
-};
+}
 /**
  * 对象填充
  * @param {Partial<R>} source
@@ -164,7 +166,7 @@ const objectAssign = (source, ...targets) => {
  * @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)) {
@@ -172,7 +174,7 @@ const objectFill = (source, target, fillable) => {
         }
     });
     return source;
-};
+}
 function objectGet(obj, path, strict = false) {
     path = path.replace(/\[(\w+)\]/g, '.$1');
     path = path.replace(/^\./, '');
@@ -205,7 +207,7 @@ function objectGet(obj, path, strict = false) {
  * 深拷贝堪称完全体 即：任何类型的数据都会被深拷贝
  * @param {AnyObject | AnyArray} obj
  * @param {WeakMap} map
- * @return {AnyObject | AnyArray}
+ * @returns {AnyObject | AnyArray}
  */
 function cloneDeep(obj, map = new WeakMap()) {
     if (obj instanceof Date)

package/lib/es/path.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v0.0.1
+ * sculp-js v1.0.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */

package/lib/es/qs.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v0.0.1
+ * sculp-js v1.0.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */
@@ -12,7 +12,7 @@ import { isUndefined, isArray, isString, isNumber, isBoolean, isDate } from './t
  * @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()) {
@@ -26,7 +26,7 @@ const qsParse = (queryString) => {
         result[key] = params.getAll(key);
     }
     return result;
-};
+}
 const defaultReplacer = (val) => {
     if (isString(val))
         return val;
@@ -44,7 +44,7 @@ const defaultReplacer = (val) => {
  * @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)) {
@@ -63,6 +63,6 @@ const qsStringify = (query, replacer = defaultReplacer) => {
         }
     });
     return params.toString();
-};
+}
 
 export { qsParse, qsStringify };

package/lib/es/random.js

@@ -0,0 +1,67 @@
+/*!
+ * sculp-js v1.0.0
+ * (c) 2023-2023 chandq
+ * Released under the MIT License.
+ */
+
+import { STRING_ARABIC_NUMERALS, STRING_UPPERCASE_ALPHA, STRING_LOWERCASE_ALPHA } from './string.js';
+import { isString, isNumber } from './type.js';
+
+/**
+ * 随机整数
+ * @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];
+}
+
+export { STRING_POOL, randomNumber, randomString, randomUuid };

package/lib/es/string.js

@@ -1,33 +1,35 @@
 /*!
- * sculp-js v0.0.1
+ * sculp-js v1.0.0
  * (c) 2023-2023 chandq
  * Released under the MIT License.
  */
 
+import { isString } from './type.js';
+
 /**
  * 将字符串转换为驼峰格式
  * @param {string} string
  * @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';
@@ -43,7 +45,7 @@ const placeholderRE = /%[%sdo]/g;
  * @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++];
@@ -61,7 +63,7 @@ const stringFormat = (string, ...args) => {
         }
     });
     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
@@ -120,5 +122,35 @@ const stringEscapeHtml = (html) => {
  * @returns {string}
  */
 const stringFill = (length, value = ' ') => new Array(length).fill(value).join('');
+/**
+ * 字符串的像素宽度
+ * @param {string} str 目标字符串
+ * @param {number} fontSize 字符串字体大小
+ * @param {boolean} isRemoveDom 计算后是否移除中间dom元素
+ * @returns {*}
+ */
+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;
+}
 
-export { STRING_ARABIC_NUMERALS, STRING_LOWERCASE_ALPHA, STRING_UPPERCASE_ALPHA, stringAssign, stringCamelCase, stringEscapeHtml, stringFill, stringFormat, stringKebabCase };
+export { STRING_ARABIC_NUMERALS, STRING_LOWERCASE_ALPHA, STRING_UPPERCASE_ALPHA, getStrWidthPx, stringAssign, stringCamelCase, stringEscapeHtml, stringFill, stringFormat, stringKebabCase };