sculp-js 1.13.3-beta.0 → 1.13.6

package/dist/cjs/dom.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.
  */
@@ -19,13 +19,12 @@ var type = require('./type.js');
  * @returns {boolean}
  */
 function hasClass(el, className) {
-    if (className.indexOf(' ') !== -1)
-        throw new Error('className should not contain space.');
-    return el.classList.contains(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);
+  const classNameList = classNames.split(/\s+/g);
+  classNameList.forEach(func);
 };
 /**
  * 给元素增加样式名
@@ -33,7 +32,7 @@ const eachClassName = (classNames, func) => {
  * @param {string} classNames
  */
 function addClass(el, classNames) {
-    eachClassName(classNames, className => el.classList.add(className));
+  eachClassName(classNames, className => el.classList.add(className));
 }
 /**
  * 给元素移除样式名
@@ -41,7 +40,7 @@ function addClass(el, classNames) {
  * @param {string} classNames
  */
 function removeClass(el, classNames) {
-    eachClassName(classNames, className => el.classList.remove(className));
+  eachClassName(classNames, className => el.classList.remove(className));
 }
 /**
  * 设置元素样式
@@ -50,14 +49,13 @@ function removeClass(el, classNames) {
  * @param {string} val
  */
 const setStyle = (el, key, val) => {
-    if (type.isObject(key)) {
-        object.objectEach(key, (val1, key1) => {
-            setStyle(el, key1, val1);
-        });
-    }
-    else {
-        el.style.setProperty(string.stringKebabCase(key), val);
-    }
+  if (type.isObject(key)) {
+    object.objectEach(key, (val1, key1) => {
+      setStyle(el, key1, val1);
+    });
+  } else {
+    el.style.setProperty(string.stringKebabCase(key), val);
+  }
 };
 /**
  * 获取元素样式
@@ -66,57 +64,54 @@ const setStyle = (el, key, val) => {
  * @returns {string}
  */
 function getStyle(el, key) {
-    return getComputedStyle(el).getPropertyValue(key);
+  return getComputedStyle(el).getPropertyValue(key);
 }
 function smoothScroll(options) {
-    return new Promise(resolve => {
-        const defaults = {
-            el: document,
-            to: 0,
-            duration: 567,
-            easing: 'ease'
-        };
-        const { el, to, duration, easing: easing$1 } = object.objectAssign(defaults, options);
-        const htmlEl = document.documentElement;
-        const bodyEl = document.body;
-        const globalMode = el === window || el === document || el === htmlEl || el === bodyEl;
-        const els = globalMode ? [htmlEl, bodyEl] : [el];
-        const query = () => {
-            let value = 0;
-            array.arrayEach(els, el => {
-                if ('scrollTop' in el) {
-                    value = el.scrollTop;
-                    return false;
-                }
-            });
-            return value;
-        };
-        const update = (val) => {
-            els.forEach(el => {
-                if ('scrollTop' in el) {
-                    el.scrollTop = val;
-                }
-            });
-        };
-        let startTime;
-        const startValue = query();
-        const length = to - startValue;
-        const easingFn = easing.easingFunctional(easing$1);
-        const render = () => {
-            const now = performance.now();
-            const passingTime = startTime ? now - startTime : 0;
-            const t = passingTime / duration;
-            const p = easingFn(t);
-            if (!startTime)
-                startTime = now;
-            update(startValue + length * p);
-            if (t >= 1)
-                resolve();
-            else
-                requestAnimationFrame(render);
-        };
-        render();
-    });
+  return new Promise(resolve => {
+    const defaults = {
+      el: document,
+      to: 0,
+      duration: 567,
+      easing: 'ease'
+    };
+    const { el, to, duration, easing: easing$1 } = object.objectAssign(defaults, options);
+    const htmlEl = document.documentElement;
+    const bodyEl = document.body;
+    const globalMode = el === window || el === document || el === htmlEl || el === bodyEl;
+    const els = globalMode ? [htmlEl, bodyEl] : [el];
+    const query = () => {
+      let value = 0;
+      array.arrayEach(els, el => {
+        if ('scrollTop' in el) {
+          value = el.scrollTop;
+          return false;
+        }
+      });
+      return value;
+    };
+    const update = val => {
+      els.forEach(el => {
+        if ('scrollTop' in el) {
+          el.scrollTop = val;
+        }
+      });
+    };
+    let startTime;
+    const startValue = query();
+    const length = to - startValue;
+    const easingFn = easing.easingFunctional(easing$1);
+    const render = () => {
+      const now = performance.now();
+      const passingTime = startTime ? now - startTime : 0;
+      const t = passingTime / duration;
+      const p = easingFn(t);
+      if (!startTime) startTime = now;
+      update(startValue + length * p);
+      if (t >= 1) resolve();
+      else requestAnimationFrame(render);
+    };
+    render();
+  });
 }
 /**
  * 获取元素样式属性的计算值
@@ -126,8 +121,8 @@ function smoothScroll(options) {
  * @returns {string|number}
  */
 function getComputedCssVal(el, property, reNumber = true) {
-    const originVal = getComputedStyle(el).getPropertyValue(property) ?? '';
-    return reNumber ? Number(originVal.replace(/([0-9]*)(.*)/g, '$1')) : originVal;
+  const originVal = getComputedStyle(el).getPropertyValue(property) ?? '';
+  return reNumber ? Number(originVal.replace(/([0-9]*)(.*)/g, '$1')) : originVal;
 }
 /**
  * 字符串的像素宽度
@@ -137,31 +132,31 @@ function getComputedCssVal(el, property, reNumber = true) {
  * @returns {*}
  */
 function getStrWidthPx(str, fontSize = 14, isRemove = true) {
-    let strWidth = 0;
-    console.assert(type.isString(str), `${str} 不是有效的字符串`);
-    if (type.isString(str) && str.length > 0) {
-        const id = 'getStrWidth1494304949567';
-        let getEle = document.querySelector(`#${id}`);
-        if (!getEle) {
-            const _ele = document.createElement('span');
-            _ele.id = id;
-            _ele.style.fontSize = fontSize + 'px';
-            _ele.style.whiteSpace = 'nowrap';
-            _ele.style.visibility = 'hidden';
-            _ele.style.position = 'absolute';
-            _ele.style.top = '-9999px';
-            _ele.style.left = '-9999px';
-            _ele.textContent = str;
-            document.body.appendChild(_ele);
-            getEle = _ele;
-        }
-        getEle.textContent = str;
-        strWidth = getEle.offsetWidth;
-        if (isRemove) {
-            getEle.remove();
-        }
+  let strWidth = 0;
+  console.assert(type.isString(str), `${str} 不是有效的字符串`);
+  if (type.isString(str) && str.length > 0) {
+    const id = 'getStrWidth1494304949567';
+    let getEle = document.querySelector(`#${id}`);
+    if (!getEle) {
+      const _ele = document.createElement('span');
+      _ele.id = id;
+      _ele.style.fontSize = fontSize + 'px';
+      _ele.style.whiteSpace = 'nowrap';
+      _ele.style.visibility = 'hidden';
+      _ele.style.position = 'absolute';
+      _ele.style.top = '-9999px';
+      _ele.style.left = '-9999px';
+      _ele.textContent = str;
+      document.body.appendChild(_ele);
+      getEle = _ele;
+    }
+    getEle.textContent = str;
+    strWidth = getEle.offsetWidth;
+    if (isRemove) {
+      getEle.remove();
     }
-    return strWidth;
+  }
+  return strWidth;
 }
 /**
  * Programmatically select the text of a HTML element
@@ -170,39 +165,37 @@ function getStrWidthPx(str, fontSize = 14, isRemove = true) {
  * @returns
  */
 function select(element) {
-    let selectedText;
-    if (element.nodeName === 'SELECT') {
-        element.focus();
-        // @ts-ignore
-        selectedText = element.value;
+  let selectedText;
+  if (element.nodeName === 'SELECT') {
+    element.focus();
+    // @ts-ignore
+    selectedText = element.value;
+  } else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {
+    const isReadOnly = element.hasAttribute('readonly');
+    if (!isReadOnly) {
+      element.setAttribute('readonly', '');
     }
-    else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {
-        const isReadOnly = element.hasAttribute('readonly');
-        if (!isReadOnly) {
-            element.setAttribute('readonly', '');
-        }
-        // @ts-ignore
-        element.select();
-        // @ts-ignore
-        element.setSelectionRange(0, element.value.length);
-        if (!isReadOnly) {
-            element.removeAttribute('readonly');
-        }
-        // @ts-ignore
-        selectedText = element.value;
+    // @ts-ignore
+    element.select();
+    // @ts-ignore
+    element.setSelectionRange(0, element.value.length);
+    if (!isReadOnly) {
+      element.removeAttribute('readonly');
     }
-    else {
-        if (element.hasAttribute('contenteditable')) {
-            element.focus();
-        }
-        const selection = window.getSelection();
-        const range = document.createRange();
-        range.selectNodeContents(element);
-        selection.removeAllRanges();
-        selection.addRange(range);
-        selectedText = selection.toString();
+    // @ts-ignore
+    selectedText = element.value;
+  } else {
+    if (element.hasAttribute('contenteditable')) {
+      element.focus();
     }
-    return selectedText;
+    const selection = window.getSelection();
+    const range = document.createRange();
+    range.selectNodeContents(element);
+    selection.removeAllRanges();
+    selection.addRange(range);
+    selectedText = selection.toString();
+  }
+  return selectedText;
 }
 
 exports.addClass = addClass;

package/dist/cjs/download.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,7 +15,7 @@ var url = require('./url.js');
  * @param {LooseParams} params
  */
 function downloadURL(url$1, params) {
-    window.open(params ? url.urlSetParams(url$1, params) : url$1);
+  window.open(params ? url.urlSetParams(url$1, params) : url$1);
 }
 /**
  * 通过 A 链接的方式下载
@@ -24,20 +24,20 @@ function downloadURL(url$1, 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 (type.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 (type.isFunction(callback)) {
+      callback();
+    }
+  });
 }
 /**
  * 将大文件对象通过 A 链接的方式下载
@@ -46,14 +46,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 (type.isFunction(callback)) {
-            callback();
-        }
-    });
+  const objURL = URL.createObjectURL(blob);
+  downloadHref(objURL, filename);
+  setTimeout(() => {
+    URL.revokeObjectURL(objURL);
+    if (type.isFunction(callback)) {
+      callback();
+    }
+  });
 }
 /**
  * 根据URL下载文件（解决跨域a.download不生效问题)
@@ -66,34 +66,36 @@ function downloadBlob(blob, filename, callback) {
  * @param {CrossOriginDownloadParams} options
  */
 function crossOriginDownload(url, filename, options) {
-    const { successCode = 200, successCallback, failCallback } = type.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 (type.isFunction(failCallback)) {
-            const status = xhr.status;
-            const responseType = xhr.getResponseHeader('Content-Type');
-            if (type.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 (type.isFunction(failCallback)) {
-            failCallback({ status: 0, code: 'ERROR_CONNECTION_REFUSED' });
-        }
-    };
-    xhr.send();
+  const {
+    successCode = 200,
+    successCallback,
+    failCallback
+  } = type.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 (type.isFunction(failCallback)) {
+      const status = xhr.status;
+      const responseType = xhr.getResponseHeader('Content-Type');
+      if (type.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 (type.isFunction(failCallback)) {
+      failCallback({ status: 0, code: 'ERROR_CONNECTION_REFUSED' });
+    }
+  };
+  xhr.send();
 }
 /**
  * 将指定数据格式通过 A 链接的方式下载
@@ -103,32 +105,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);
+  }
 }
 
 exports.crossOriginDownload = crossOriginDownload;

package/dist/cjs/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.
  */
@@ -11,11 +11,11 @@ var type = require('./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]
 };
 /**
  * 设置缓存定义
@@ -23,12 +23,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 计算缓冲进度
@@ -36,18 +35,17 @@ function getEasing(name) {
  * @returns {EasingFunction}
  */
 function easingFunctional(name) {
-    let fn;
-    if (type.isArray(name)) {
-        fn = index.default(...name);
+  let fn;
+  if (type.isArray(name)) {
+    fn = index.default(...name);
+  } else {
+    const define = easingDefines[name];
+    if (!define) {
+      throw new Error(`${name} 缓冲函数未定义`);
     }
-    else {
-        const define = easingDefines[name];
-        if (!define) {
-            throw new Error(`${name} 缓冲函数未定义`);
-        }
-        fn = index.default(...define);
-    }
-    return (input) => fn(Math.max(0, Math.min(input, 1)));
+    fn = index.default(...define);
+  }
+  return input => fn(Math.max(0, Math.min(input, 1)));
 }
 /**
  * 缓冲字符化，用于 css 设置缓冲属性
@@ -55,18 +53,17 @@ function easingFunctional(name) {
  * @returns {string}
  */
 function easingStringify(name) {
-    let bezierDefine;
-    if (type.isArray(name)) {
-        bezierDefine = name;
-    }
-    else {
-        const define = easingDefines[name];
-        if (!define) {
-            throw new Error(`${name} 缓冲函数未定义`);
-        }
-        bezierDefine = define;
+  let bezierDefine;
+  if (type.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(',')})`;
 }
 
 exports.easingFunctional = easingFunctional;