sculp-js 1.13.3-beta.0 → 1.13.6

package/dist/esm/download.js

@@ -1,10 +1,10 @@
 /*!
- * sculp-js v1.13.3-beta.0
+ * sculp-js v1.13.6
  * (c) 2023-present chandq
  * Released under the MIT License.
  */
 
-import { isFunction, isString, isNullOrUnDef } from './type.js';
+import { isFunction, isNullOrUnDef, isString } from './type.js';
 import { urlSetParams } from './url.js';
 
 /**
@@ -13,7 +13,7 @@ import { urlSetParams } from './url.js';
  * @param {LooseParams} params
  */
 function downloadURL(url, params) {
-    window.open(params ? urlSetParams(url, params) : url);
+  window.open(params ? urlSetParams(url, params) : url);
 }
 /**
  * 通过 A 链接的方式下载
@@ -22,20 +22,20 @@ function downloadURL(url, params) {
  * @param {Function} callback
  */
 function downloadHref(href, filename, callback) {
-    let eleLink = document.createElement('a');
-    eleLink.download = filename;
-    eleLink.style.display = 'none';
-    eleLink.href = href;
-    document.body.appendChild(eleLink);
-    eleLink.click();
-    setTimeout(() => {
-        document.body.removeChild(eleLink);
-        // @ts-ignore
-        eleLink = null;
-        if (isFunction(callback)) {
-            callback();
-        }
-    });
+  let eleLink = document.createElement('a');
+  eleLink.download = filename;
+  eleLink.style.display = 'none';
+  eleLink.href = href;
+  document.body.appendChild(eleLink);
+  eleLink.click();
+  setTimeout(() => {
+    document.body.removeChild(eleLink);
+    // @ts-ignore
+    eleLink = null;
+    if (isFunction(callback)) {
+      callback();
+    }
+  });
 }
 /**
  * 将大文件对象通过 A 链接的方式下载
@@ -44,14 +44,14 @@ function downloadHref(href, filename, callback) {
  * @param {Function} callback
  */
 function downloadBlob(blob, filename, callback) {
-    const objURL = URL.createObjectURL(blob);
-    downloadHref(objURL, filename);
-    setTimeout(() => {
-        URL.revokeObjectURL(objURL);
-        if (isFunction(callback)) {
-            callback();
-        }
-    });
+  const objURL = URL.createObjectURL(blob);
+  downloadHref(objURL, filename);
+  setTimeout(() => {
+    URL.revokeObjectURL(objURL);
+    if (isFunction(callback)) {
+      callback();
+    }
+  });
 }
 /**
  * 根据URL下载文件（解决跨域a.download不生效问题)
@@ -64,34 +64,36 @@ function downloadBlob(blob, filename, callback) {
  * @param {CrossOriginDownloadParams} options
  */
 function crossOriginDownload(url, filename, options) {
-    const { successCode = 200, successCallback, failCallback } = isNullOrUnDef(options) ? { successCode: 200, successCallback: void 0, failCallback: void 0 } : options;
-    const xhr = new XMLHttpRequest();
-    xhr.open('GET', url, true);
-    xhr.responseType = 'blob';
-    xhr.onload = function () {
-        if (xhr.status === successCode)
-            downloadBlob(xhr.response, filename, successCallback);
-        else if (isFunction(failCallback)) {
-            const status = xhr.status;
-            const responseType = xhr.getResponseHeader('Content-Type');
-            if (isString(responseType) && responseType.includes('application/json')) {
-                const reader = new FileReader();
-                reader.onload = () => {
-                    failCallback({ status, response: reader.result });
-                };
-                reader.readAsText(xhr.response);
-            }
-            else {
-                failCallback(xhr);
-            }
-        }
-    };
-    xhr.onerror = e => {
-        if (isFunction(failCallback)) {
-            failCallback({ status: 0, code: 'ERROR_CONNECTION_REFUSED' });
-        }
-    };
-    xhr.send();
+  const {
+    successCode = 200,
+    successCallback,
+    failCallback
+  } = isNullOrUnDef(options) ? { successCode: 200, successCallback: void 0, failCallback: void 0 } : options;
+  const xhr = new XMLHttpRequest();
+  xhr.open('GET', url, true);
+  xhr.responseType = 'blob';
+  xhr.onload = function () {
+    if (xhr.status === successCode) downloadBlob(xhr.response, filename, successCallback);
+    else if (isFunction(failCallback)) {
+      const status = xhr.status;
+      const responseType = xhr.getResponseHeader('Content-Type');
+      if (isString(responseType) && responseType.includes('application/json')) {
+        const reader = new FileReader();
+        reader.onload = () => {
+          failCallback({ status, response: reader.result });
+        };
+        reader.readAsText(xhr.response);
+      } else {
+        failCallback(xhr);
+      }
+    }
+  };
+  xhr.onerror = e => {
+    if (isFunction(failCallback)) {
+      failCallback({ status: 0, code: 'ERROR_CONNECTION_REFUSED' });
+    }
+  };
+  xhr.send();
 }
 /**
  * 将指定数据格式通过 A 链接的方式下载
@@ -101,32 +103,29 @@ function crossOriginDownload(url, filename, options) {
  * @param {string[]} [headers]
  */
 function downloadData(data, fileType, filename, headers) {
-    filename = filename.replace(`.${fileType}`, '') + `.${fileType}`;
-    if (fileType === 'json') {
-        const blob = new Blob([JSON.stringify(data, null, 4)]);
-        downloadBlob(blob, filename);
-    }
-    else {
-        // xlsx实际生成的也为csv，仅后缀名名不同
-        if (!headers || !headers.length)
-            throw new Error('未传入表头数据');
-        if (!Array.isArray(data))
-            throw new Error('data error! expected array!');
-        const headerStr = headers.join(',') + '\n';
-        let bodyStr = '';
-        data.forEach(row => {
-            // \t防止数字被科学计数法显示
-            bodyStr += Object.values(row).join(',\t') + ',\n';
-        });
-        const MIMETypes = {
-            csv: 'text/csv',
-            xls: 'application/vnd.ms-excel',
-            xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-        };
-        // encodeURIComponent解决中文乱码
-        const href = 'data:' + MIMETypes[fileType] + ';charset=utf-8,\ufeff' + encodeURIComponent(headerStr + bodyStr);
-        downloadHref(href, filename);
-    }
+  filename = filename.replace(`.${fileType}`, '') + `.${fileType}`;
+  if (fileType === 'json') {
+    const blob = new Blob([JSON.stringify(data, null, 4)]);
+    downloadBlob(blob, filename);
+  } else {
+    // xlsx实际生成的也为csv，仅后缀名名不同
+    if (!headers || !headers.length) throw new Error('未传入表头数据');
+    if (!Array.isArray(data)) throw new Error('data error! expected array!');
+    const headerStr = headers.join(',') + '\n';
+    let bodyStr = '';
+    data.forEach(row => {
+      // \t防止数字被科学计数法显示
+      bodyStr += Object.values(row).join(',\t') + ',\n';
+    });
+    const MIMETypes = {
+      csv: 'text/csv',
+      xls: 'application/vnd.ms-excel',
+      xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+    };
+    // encodeURIComponent解决中文乱码
+    const href = 'data:' + MIMETypes[fileType] + ';charset=utf-8,\ufeff' + encodeURIComponent(headerStr + bodyStr);
+    downloadHref(href, filename);
+  }
 }
 
 export { crossOriginDownload, downloadBlob, downloadData, downloadHref, downloadURL };

package/dist/esm/easing.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.
  */
@@ -9,11 +9,11 @@ import { isArray } from './type.js';
 
 // @ref https://cubic-bezier.com/
 const easingDefines = {
-    linear: [0, 0, 1, 1],
-    ease: [0.25, 0.1, 0.25, 1],
-    'ease-in': [0.42, 0, 1, 1],
-    'ease-out': [0, 0, 0.58, 1],
-    'ease-in-out': [0.42, 0, 0.58, 1]
+  linear: [0, 0, 1, 1],
+  ease: [0.25, 0.1, 0.25, 1],
+  'ease-in': [0.42, 0, 1, 1],
+  'ease-out': [0, 0, 0.58, 1],
+  'ease-in-out': [0.42, 0, 0.58, 1]
 };
 /**
  * 设置缓存定义
@@ -21,12 +21,11 @@ const easingDefines = {
  * @param {EasingDefine} define
  */
 function setEasing(name, define) {
-    easingDefines[name] = define;
+  easingDefines[name] = define;
 }
 function getEasing(name) {
-    if (name)
-        return easingDefines[name];
-    return easingDefines;
+  if (name) return easingDefines[name];
+  return easingDefines;
 }
 /**
  * 缓冲函数化，用于 js 计算缓冲进度
@@ -34,18 +33,17 @@ function getEasing(name) {
  * @returns {EasingFunction}
  */
 function easingFunctional(name) {
-    let fn;
-    if (isArray(name)) {
-        fn = bezier(...name);
+  let fn;
+  if (isArray(name)) {
+    fn = bezier(...name);
+  } else {
+    const define = easingDefines[name];
+    if (!define) {
+      throw new Error(`${name} 缓冲函数未定义`);
     }
-    else {
-        const define = easingDefines[name];
-        if (!define) {
-            throw new Error(`${name} 缓冲函数未定义`);
-        }
-        fn = bezier(...define);
-    }
-    return (input) => fn(Math.max(0, Math.min(input, 1)));
+    fn = bezier(...define);
+  }
+  return input => fn(Math.max(0, Math.min(input, 1)));
 }
 /**
  * 缓冲字符化，用于 css 设置缓冲属性
@@ -53,18 +51,17 @@ function easingFunctional(name) {
  * @returns {string}
  */
 function easingStringify(name) {
-    let bezierDefine;
-    if (isArray(name)) {
-        bezierDefine = name;
-    }
-    else {
-        const define = easingDefines[name];
-        if (!define) {
-            throw new Error(`${name} 缓冲函数未定义`);
-        }
-        bezierDefine = define;
+  let bezierDefine;
+  if (isArray(name)) {
+    bezierDefine = name;
+  } else {
+    const define = easingDefines[name];
+    if (!define) {
+      throw new Error(`${name} 缓冲函数未定义`);
     }
-    return `cubic-bezier(${bezierDefine.join(',')})`;
+    bezierDefine = define;
+  }
+  return `cubic-bezier(${bezierDefine.join(',')})`;
 }
 
 export { easingFunctional, easingStringify, getEasing, setEasing };

package/dist/esm/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.
  */
@@ -11,7 +11,7 @@ import { isObject, isNumber } from './type.js';
  * @returns {boolean}
  */
 function supportCanvas() {
-    return !!document.createElement('canvas').getContext;
+  return !!document.createElement('canvas').getContext;
 }
 /**
  * 选择本地文件
@@ -20,22 +20,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;
+    });
+  };
 }
 /**
  * 计算图片压缩后的尺寸
@@ -47,20 +47,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 };
 }
 /**
  * 根据原始图片的不同尺寸计算等比例缩放后的宽高尺寸
@@ -72,41 +72,42 @@ function calculateSize({ maxWidth, maxHeight, originWidth, originHeight }) {
  * @returns {*} {width, height}
  */
 function scalingByAspectRatio({ sizeKB, maxSize, originWidth, originHeight }) {
-    let targetWidth = originWidth, targetHeight = originHeight;
-    if (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 (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，不压缩), 支持压缩全景图或长截图
@@ -120,94 +121,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 } = 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 } = 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 (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 (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);
 }
 
 export { chooseLocalFile, compressImg, supportCanvas };