sculp-js 1.13.3-beta.0 → 1.13.6

package/dist/cjs/file.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v1.13.3-beta.0
+ * sculp-js v1.13.6
  * (c) 2023-present chandq
  * Released under the MIT License.
  */
@@ -13,7 +13,7 @@ var type = require('./type.js');
  * @returns {boolean}
  */
 function supportCanvas() {
-    return !!document.createElement('canvas').getContext;
+  return !!document.createElement('canvas').getContext;
 }
 /**
  * 选择本地文件
@@ -22,22 +22,22 @@ function supportCanvas() {
  * @returns {HTMLInputElement}
  */
 function chooseLocalFile(accept, changeCb) {
-    let inputObj = document.createElement('input');
-    inputObj.setAttribute('id', String(Date.now()));
-    inputObj.setAttribute('type', 'file');
-    inputObj.setAttribute('style', 'visibility:hidden');
-    inputObj.setAttribute('accept', accept);
-    document.body.appendChild(inputObj);
-    inputObj.click();
-    // @ts-ignore
-    inputObj.onchange = (e) => {
-        changeCb(e.target.files);
-        setTimeout(() => {
-            document.body.removeChild(inputObj);
-            // @ts-ignore
-            inputObj = null;
-        });
-    };
+  let inputObj = document.createElement('input');
+  inputObj.setAttribute('id', String(Date.now()));
+  inputObj.setAttribute('type', 'file');
+  inputObj.setAttribute('style', 'visibility:hidden');
+  inputObj.setAttribute('accept', accept);
+  document.body.appendChild(inputObj);
+  inputObj.click();
+  // @ts-ignore
+  inputObj.onchange = e => {
+    changeCb(e.target.files);
+    setTimeout(() => {
+      document.body.removeChild(inputObj);
+      // @ts-ignore
+      inputObj = null;
+    });
+  };
 }
 /**
  * 计算图片压缩后的尺寸
@@ -49,20 +49,20 @@ function chooseLocalFile(accept, changeCb) {
  * @returns {*}
  */
 function calculateSize({ maxWidth, maxHeight, originWidth, originHeight }) {
-    let width = originWidth, height = originHeight;
-    // 图片尺寸超过限制
-    if (originWidth > maxWidth || originHeight > maxHeight) {
-        if (originWidth / originHeight > maxWidth / maxHeight) {
-            // 更宽，按照宽度限定尺寸
-            width = maxWidth;
-            height = Math.round(maxWidth * (originHeight / originWidth));
-        }
-        else {
-            height = maxHeight;
-            width = Math.round(maxHeight * (originWidth / originHeight));
-        }
+  let width = originWidth,
+    height = originHeight;
+  // 图片尺寸超过限制
+  if (originWidth > maxWidth || originHeight > maxHeight) {
+    if (originWidth / originHeight > maxWidth / maxHeight) {
+      // 更宽，按照宽度限定尺寸
+      width = maxWidth;
+      height = Math.round(maxWidth * (originHeight / originWidth));
+    } else {
+      height = maxHeight;
+      width = Math.round(maxHeight * (originWidth / originHeight));
     }
-    return { width, height };
+  }
+  return { width, height };
 }
 /**
  * 根据原始图片的不同尺寸计算等比例缩放后的宽高尺寸
@@ -74,41 +74,42 @@ function calculateSize({ maxWidth, maxHeight, originWidth, originHeight }) {
  * @returns {*} {width, height}
  */
 function scalingByAspectRatio({ sizeKB, maxSize, originWidth, originHeight }) {
-    let targetWidth = originWidth, targetHeight = originHeight;
-    if (type.isNumber(maxSize)) {
-        const { width, height } = calculateSize({ maxWidth: maxSize, maxHeight: maxSize, originWidth, originHeight });
-        targetWidth = width;
-        targetHeight = height;
-    }
-    else if (sizeKB < 500) {
-        // [50KB, 500KB)
-        const maxWidth = 1200, maxHeight = 1200;
-        const { width, height } = calculateSize({ maxWidth, maxHeight, originWidth, originHeight });
-        targetWidth = width;
-        targetHeight = height;
-    }
-    else if (sizeKB < 5 * 1024) {
-        // [500KB, 5MB)
-        const maxWidth = 1400, maxHeight = 1400;
-        const { width, height } = calculateSize({ maxWidth, maxHeight, originWidth, originHeight });
-        targetWidth = width;
-        targetHeight = height;
-    }
-    else if (sizeKB < 10 * 1024) {
-        // [5MB, 10MB)
-        const maxWidth = 1600, maxHeight = 1600;
-        const { width, height } = calculateSize({ maxWidth, maxHeight, originWidth, originHeight });
-        targetWidth = width;
-        targetHeight = height;
-    }
-    else if (10 * 1024 <= sizeKB) {
-        // [10MB, Infinity)
-        const maxWidth = originWidth > 15000 ? 8192 : originWidth > 10000 ? 4096 : 2048, maxHeight = originHeight > 15000 ? 8192 : originHeight > 10000 ? 4096 : 2048;
-        const { width, height } = calculateSize({ maxWidth, maxHeight, originWidth, originHeight });
-        targetWidth = width;
-        targetHeight = height;
-    }
-    return { width: targetWidth, height: targetHeight };
+  let targetWidth = originWidth,
+    targetHeight = originHeight;
+  if (type.isNumber(maxSize)) {
+    const { width, height } = calculateSize({ maxWidth: maxSize, maxHeight: maxSize, originWidth, originHeight });
+    targetWidth = width;
+    targetHeight = height;
+  } else if (sizeKB < 500) {
+    // [50KB, 500KB)
+    const maxWidth = 1200,
+      maxHeight = 1200;
+    const { width, height } = calculateSize({ maxWidth, maxHeight, originWidth, originHeight });
+    targetWidth = width;
+    targetHeight = height;
+  } else if (sizeKB < 5 * 1024) {
+    // [500KB, 5MB)
+    const maxWidth = 1400,
+      maxHeight = 1400;
+    const { width, height } = calculateSize({ maxWidth, maxHeight, originWidth, originHeight });
+    targetWidth = width;
+    targetHeight = height;
+  } else if (sizeKB < 10 * 1024) {
+    // [5MB, 10MB)
+    const maxWidth = 1600,
+      maxHeight = 1600;
+    const { width, height } = calculateSize({ maxWidth, maxHeight, originWidth, originHeight });
+    targetWidth = width;
+    targetHeight = height;
+  } else if (10 * 1024 <= sizeKB) {
+    // [10MB, Infinity)
+    const maxWidth = originWidth > 15000 ? 8192 : originWidth > 10000 ? 4096 : 2048,
+      maxHeight = originHeight > 15000 ? 8192 : originHeight > 10000 ? 4096 : 2048;
+    const { width, height } = calculateSize({ maxWidth, maxHeight, originWidth, originHeight });
+    targetWidth = width;
+    targetHeight = height;
+  }
+  return { width: targetWidth, height: targetHeight };
 }
 /**
  * Web端：等比例压缩图片批量处理 (小于minFileSizeKB：50，不压缩), 支持压缩全景图或长截图
@@ -122,94 +123,88 @@ function scalingByAspectRatio({ sizeKB, maxSize, originWidth, originHeight }) {
  * @returns {Promise<ICompressImgResult | ICompressImgResult[] | null>}
  */
 function compressImg(file, options = { mime: 'image/jpeg', minFileSizeKB: 50 }) {
-    if (!(file instanceof File || file instanceof FileList)) {
-        throw new Error(`${file} require be File or FileList`);
-    }
-    else if (!supportCanvas()) {
-        throw new Error(`Current runtime environment not support Canvas`);
-    }
-    const { quality, mime = 'image/jpeg', maxSize: size, minFileSizeKB = 50 } = type.isObject(options) ? options : {};
-    let targetQuality = quality, maxSize;
-    if (quality) {
-        targetQuality = quality;
+  if (!(file instanceof File || file instanceof FileList)) {
+    throw new Error(`${file} require be File or FileList`);
+  } else if (!supportCanvas()) {
+    throw new Error(`Current runtime environment not support Canvas`);
+  }
+  const { quality, mime = 'image/jpeg', maxSize: size, minFileSizeKB = 50 } = type.isObject(options) ? options : {};
+  let targetQuality = quality,
+    maxSize;
+  if (quality) {
+    targetQuality = quality;
+  } else if (file instanceof File) {
+    const sizeKB = +parseInt((file.size / 1024).toFixed(2));
+    if (sizeKB < minFileSizeKB) {
+      targetQuality = 1;
+    } else if (sizeKB < 1 * 1024) {
+      targetQuality = 0.85;
+    } else if (sizeKB < 5 * 1024) {
+      targetQuality = 0.8;
+    } else {
+      targetQuality = 0.75;
     }
-    else if (file instanceof File) {
-        const sizeKB = +parseInt((file.size / 1024).toFixed(2));
-        if (sizeKB < minFileSizeKB) {
-            targetQuality = 1;
-        }
-        else if (sizeKB < 1 * 1024) {
-            targetQuality = 0.85;
-        }
-        else if (sizeKB < 5 * 1024) {
-            targetQuality = 0.8;
-        }
-        else {
-            targetQuality = 0.75;
-        }
-    }
-    if (type.isNumber(size)) {
-        maxSize = size >= 1200 ? size : 1200;
-    }
-    if (file instanceof FileList) {
-        return Promise.all(Array.from(file).map(el => compressImg(el, { maxSize, mime: mime, quality: targetQuality }))); // 如果是 file 数组返回 Promise 数组
-    }
-    else if (file instanceof File) {
-        return new Promise(resolve => {
-            const ext = {
-                'image/webp': 'webp',
-                'image/jpeg': 'jpg',
-                'image/png': 'png'
-            };
-            const fileName = [...file.name.split('.').slice(0, -1), ext[mime]].join('.');
-            const sizeKB = +parseInt((file.size / 1024).toFixed(2));
-            if (sizeKB < minFileSizeKB) {
-                resolve({
-                    file: file
-                });
-            }
-            else {
-                const reader = new FileReader(); // 创建 FileReader
-                // @ts-ignore
-                reader.onload = ({ target: { result: src } }) => {
-                    const image = new Image(); // 创建 img 元素
-                    image.onload = () => {
-                        const canvas = document.createElement('canvas'); // 创建 canvas 元素
-                        const context = canvas.getContext('2d');
-                        const originWidth = image.width;
-                        const originHeight = image.height;
-                        const { width, height } = scalingByAspectRatio({ sizeKB, maxSize, originWidth, originHeight });
-                        canvas.width = width;
-                        canvas.height = height;
-                        context.clearRect(0, 0, width, height);
-                        context.drawImage(image, 0, 0, width, height); // 绘制 canvas
-                        const canvasURL = canvas.toDataURL(mime, targetQuality);
-                        const buffer = atob(canvasURL.split(',')[1]);
-                        let length = buffer.length;
-                        const bufferArray = new Uint8Array(new ArrayBuffer(length));
-                        while (length--) {
-                            bufferArray[length] = buffer.charCodeAt(length);
-                        }
-                        const miniFile = new File([bufferArray], fileName, {
-                            type: mime
-                        });
-                        resolve({
-                            file: miniFile,
-                            bufferArray,
-                            origin: file,
-                            beforeSrc: src,
-                            afterSrc: canvasURL,
-                            beforeKB: sizeKB,
-                            afterKB: Number((miniFile.size / 1024).toFixed(2))
-                        });
-                    };
-                    image.src = src;
-                };
-                reader.readAsDataURL(file);
-            }
+  }
+  if (type.isNumber(size)) {
+    maxSize = size >= 1200 ? size : 1200;
+  }
+  if (file instanceof FileList) {
+    return Promise.all(Array.from(file).map(el => compressImg(el, { maxSize, mime: mime, quality: targetQuality }))); // 如果是 file 数组返回 Promise 数组
+  } else if (file instanceof File) {
+    return new Promise(resolve => {
+      const ext = {
+        'image/webp': 'webp',
+        'image/jpeg': 'jpg',
+        'image/png': 'png'
+      };
+      const fileName = [...file.name.split('.').slice(0, -1), ext[mime]].join('.');
+      const sizeKB = +parseInt((file.size / 1024).toFixed(2));
+      if (sizeKB < minFileSizeKB) {
+        resolve({
+          file: file
         });
-    }
-    return Promise.resolve(null);
+      } else {
+        const reader = new FileReader(); // 创建 FileReader
+        // @ts-ignore
+        reader.onload = ({ target: { result: src } }) => {
+          const image = new Image(); // 创建 img 元素
+          image.onload = () => {
+            const canvas = document.createElement('canvas'); // 创建 canvas 元素
+            const context = canvas.getContext('2d');
+            const originWidth = image.width;
+            const originHeight = image.height;
+            const { width, height } = scalingByAspectRatio({ sizeKB, maxSize, originWidth, originHeight });
+            canvas.width = width;
+            canvas.height = height;
+            context.clearRect(0, 0, width, height);
+            context.drawImage(image, 0, 0, width, height); // 绘制 canvas
+            const canvasURL = canvas.toDataURL(mime, targetQuality);
+            const buffer = atob(canvasURL.split(',')[1]);
+            let length = buffer.length;
+            const bufferArray = new Uint8Array(new ArrayBuffer(length));
+            while (length--) {
+              bufferArray[length] = buffer.charCodeAt(length);
+            }
+            const miniFile = new File([bufferArray], fileName, {
+              type: mime
+            });
+            resolve({
+              file: miniFile,
+              bufferArray,
+              origin: file,
+              beforeSrc: src,
+              afterSrc: canvasURL,
+              beforeKB: sizeKB,
+              afterKB: Number((miniFile.size / 1024).toFixed(2))
+            });
+          };
+          image.src = src;
+        };
+        reader.readAsDataURL(file);
+      }
+    });
+  }
+  return Promise.resolve(null);
 }
 
 exports.chooseLocalFile = chooseLocalFile;

package/dist/cjs/func.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v1.13.3-beta.0
+ * sculp-js v1.13.6
  * (c) 2023-present chandq
  * Released under the MIT License.
  */
@@ -15,21 +15,20 @@
  * @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;
+  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;
 };
 /**
  * 节流函数
@@ -41,57 +40,53 @@ const debounce = (func, wait) => {
  * @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();
-        }
+  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);
     };
-    f.cancel = () => {
-        clearTimeout(timeout);
-        canceled = true;
-    };
-    return f;
+    // 第一次执行
+    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) {
-        if (called)
-            return result;
-        called = true;
-        result = func.call(this, ...args);
-        return result;
-    };
+const once = func => {
+  let called = false;
+  let result;
+  return function (...args) {
+    if (called) return result;
+    called = true;
+    result = func.call(this, ...args);
+    return result;
+  };
 };
 /**
  * 设置全局变量
@@ -99,16 +94,11 @@ const once = (func) => {
  * @param val
  */
 function setGlobal(key, val) {
-    if (typeof globalThis !== 'undefined')
-        globalThis[key] = val;
-    else if (typeof window !== 'undefined')
-        window[key] = val;
-    else if (typeof global !== 'undefined')
-        global[key] = val;
-    else if (typeof self !== 'undefined')
-        self[key] = val;
-    else
-        throw new SyntaxError('当前环境下无法设置全局属性');
+  if (typeof globalThis !== 'undefined') globalThis[key] = val;
+  else if (typeof window !== 'undefined') window[key] = val;
+  else if (typeof global !== 'undefined') global[key] = val;
+  else if (typeof self !== 'undefined') self[key] = val;
+  else throw new SyntaxError('当前环境下无法设置全局属性');
 }
 /**
  * 获取全局变量
@@ -116,14 +106,10 @@ function setGlobal(key, val) {
  * @param val
  */
 function getGlobal(key) {
-    if (typeof globalThis !== 'undefined')
-        return globalThis[key];
-    else if (typeof window !== 'undefined')
-        return window[key];
-    else if (typeof global !== 'undefined')
-        return global[key];
-    else if (typeof self !== 'undefined')
-        return self[key];
+  if (typeof globalThis !== 'undefined') return globalThis[key];
+  else if (typeof window !== 'undefined') return window[key];
+  else if (typeof global !== 'undefined') return global[key];
+  else if (typeof self !== 'undefined') return self[key];
 }
 
 exports.debounce = debounce;

package/dist/cjs/index.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v1.13.3-beta.0
+ * sculp-js v1.13.6
  * (c) 2023-present chandq
  * Released under the MIT License.
  */
@@ -34,8 +34,6 @@ var variable = require('./variable.js');
 var cloneDeep = require('./cloneDeep.js');
 var easing = require('./easing.js');
 
-
-
 exports.arrayEach = array.arrayEach;
 exports.arrayEachAsync = array.arrayEachAsync;
 exports.arrayInsertBefore = array.arrayInsertBefore;

package/dist/cjs/math.js

@@ -1,5 +1,5 @@
 /*!
- * sculp-js v1.13.3-beta.0
+ * sculp-js v1.13.6
  * (c) 2023-present chandq
  * Released under the MIT License.
  */
@@ -12,14 +12,12 @@
  * @param arg2 数值2
  */
 const multiply = (arg1, arg2) => {
-    let m = 0;
-    const s1 = arg1.toString();
-    const s2 = arg2.toString();
-    if (s1.split('.')[1] !== undefined)
-        m += s1.split('.')[1].length;
-    if (s2.split('.')[1] !== undefined)
-        m += s2.split('.')[1].length;
-    return (Number(s1.replace('.', '')) * Number(s2.replace('.', ''))) / Math.pow(10, m);
+  let m = 0;
+  const s1 = arg1.toString();
+  const s2 = arg2.toString();
+  if (s1.split('.')[1] !== undefined) m += s1.split('.')[1].length;
+  if (s2.split('.')[1] !== undefined) m += s2.split('.')[1].length;
+  return (Number(s1.replace('.', '')) * Number(s2.replace('.', ''))) / Math.pow(10, m);
 };
 /**
  * 数值安全加法
@@ -27,23 +25,21 @@ const multiply = (arg1, arg2) => {
  * @param arg2 数值2
  */
 const add = (arg1, arg2) => {
-    let r1 = 0;
-    let r2 = 0;
-    let m = 0;
-    try {
-        r1 = arg1.toString().split('.')[1].length;
-    }
-    catch (e) {
-        r1 = 0;
-    }
-    try {
-        r2 = arg2.toString().split('.')[1].length;
-    }
-    catch (e) {
-        r2 = 0;
-    }
-    m = 10 ** Math.max(r1, r2);
-    return (multiply(arg1, m) + multiply(arg2, m)) / m;
+  let r1 = 0;
+  let r2 = 0;
+  let m = 0;
+  try {
+    r1 = arg1.toString().split('.')[1].length;
+  } catch (e) {
+    r1 = 0;
+  }
+  try {
+    r2 = arg2.toString().split('.')[1].length;
+  } catch (e) {
+    r2 = 0;
+  }
+  m = 10 ** Math.max(r1, r2);
+  return (multiply(arg1, m) + multiply(arg2, m)) / m;
 };
 /**
  * 数值安全减法
@@ -57,17 +53,15 @@ const subtract = (arg1, arg2) => add(arg1, -arg2);
  * @param arg2 数值2
  */
 const divide = (arg1, arg2) => {
-    let t1 = 0;
-    let t2 = 0;
-    let r1 = 0;
-    let r2 = 0;
-    if (arg1.toString().split('.')[1] !== undefined)
-        t1 = arg1.toString().split('.')[1].length;
-    if (arg2.toString().split('.')[1] !== undefined)
-        t2 = arg2.toString().split('.')[1].length;
-    r1 = Number(arg1.toString().replace('.', ''));
-    r2 = Number(arg2.toString().replace('.', ''));
-    return (r1 / r2) * Math.pow(10, t2 - t1);
+  let t1 = 0;
+  let t2 = 0;
+  let r1 = 0;
+  let r2 = 0;
+  if (arg1.toString().split('.')[1] !== undefined) t1 = arg1.toString().split('.')[1].length;
+  if (arg2.toString().split('.')[1] !== undefined) t2 = arg2.toString().split('.')[1].length;
+  r1 = Number(arg1.toString().replace('.', ''));
+  r2 = Number(arg2.toString().replace('.', ''));
+  return (r1 / r2) * Math.pow(10, t2 - t1);
 };
 /**
  * Correct the given number to specifying significant digits.
@@ -78,7 +72,7 @@ const divide = (arg1, arg2) => {
  * @example strip(0.09999999999999998) === 0.1 // true
  */
 function strip(num, precision = 15) {
-    return +parseFloat(Number(num).toPrecision(precision));
+  return +parseFloat(Number(num).toPrecision(precision));
 }
 
 exports.add = add;