sculp-js 1.13.3-beta.0 → 1.13.6

package/dist/esm/date.js

@@ -1,38 +1,34 @@
 /*!
- * sculp-js v1.13.3-beta.0
+ * sculp-js v1.13.6
  * (c) 2023-present chandq
  * Released under the MIT License.
  */
 
 import { isDate, isNaN, isString } from './type.js';
 
-const isValidDate = (any) => isDate(any) && !isNaN(any.getTime());
+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);
+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;
+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对象
@@ -40,24 +36,21 @@ const guessDateTimezone = (value) => {
  * @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()} 不是一个合法的日期描述`);
+  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()} 不是一个合法的日期描述`);
 }
 /**
  * 格式化为日期对象(带自定义格式化模板)
@@ -104,8 +97,8 @@ function dateParse(value) {
  * @returns {Date}
  */
 function dateToStart(value) {
-    const d = dateParse(value);
-    return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0);
+  const d = dateParse(value);
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0);
 }
 /**
  * 将日期转换为一天的结束时间，即23点59分59秒999毫秒
@@ -113,9 +106,9 @@ function dateToStart(value) {
  * @returns {Date}
  */
 function dateToEnd(value) {
-    const d = dateToStart(value);
-    d.setDate(d.getDate() + 1);
-    return dateParse(d.getTime() - 1);
+  const d = dateToStart(value);
+  d.setDate(d.getDate() + 1);
+  return dateParse(d.getTime() - 1);
 }
 /**
  * 格式化为日期对象(带自定义格式化模板)
@@ -134,29 +127,29 @@ function dateToEnd(value) {
  * @returns {string}  格式化后的日期字符串
  */
 function formatDate(value, format = 'YYYY-MM-DD HH:mm:ss') {
-    const date = dateParse(value);
-    let fmt = format;
-    let ret;
-    const opt = {
-        '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()}`,
-        'w+': ['周日', '周一', '周二', '周三', '周四', '周五', '周六'][date.getDay()] // 周
-        // 有其他格式化字符需求可以继续添加，必须转化成字符串
-    };
-    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'));
-        }
+  const date = dateParse(value);
+  let fmt = format;
+  let ret;
+  const opt = {
+    '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()}`,
+    'w+': ['周日', '周一', '周二', '周三', '周四', '周五', '周六'][date.getDay()] // 周
+    // 有其他格式化字符需求可以继续添加，必须转化成字符串
+  };
+  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;
+  }
+  return fmt;
 }
 /**
  * 计算向前或向后N天的具体日期
@@ -166,17 +159,18 @@ function formatDate(value, format = 'YYYY-MM-DD HH:mm:ss') {
  * @returns {string} 计算后的目标日期
  */
 function calculateDate(originDate, n, sep = '-') {
-    //originDate 为字符串日期 如:'2019-01-01' n为你要传入的参数，当前为0，前一天为-1，后一天为1
-    const date = new Date(originDate); //这边给定一个特定时间
-    const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-    const millisecondGap = newDate.getTime() + 1000 * 60 * 60 * 24 * parseInt(String(n)); //计算前几天用减，计算后几天用加，最后一个就是多少天的数量
-    const targetDate = new Date(millisecondGap);
-    const finalNewDate = targetDate.getFullYear() +
-        sep +
-        String(targetDate.getMonth() + 1).padStart(2, '0') +
-        '-' +
-        String(targetDate.getDate()).padStart(2, '0');
-    return finalNewDate;
+  //originDate 为字符串日期 如:'2019-01-01' n为你要传入的参数，当前为0，前一天为-1，后一天为1
+  const date = new Date(originDate); //这边给定一个特定时间
+  const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  const millisecondGap = newDate.getTime() + 1000 * 60 * 60 * 24 * parseInt(String(n)); //计算前几天用减，计算后几天用加，最后一个就是多少天的数量
+  const targetDate = new Date(millisecondGap);
+  const finalNewDate =
+    targetDate.getFullYear() +
+    sep +
+    String(targetDate.getMonth() + 1).padStart(2, '0') +
+    '-' +
+    String(targetDate.getDate()).padStart(2, '0');
+  return finalNewDate;
 }
 /**
  * 计算向前或向后N天的具体日期时间
@@ -187,23 +181,32 @@ function calculateDate(originDate, n, sep = '-') {
  * @returns {string} 转换后的目标日期时间
  */
 function calculateDateTime(originDateTime, n, dateSep = '-', timeSep = ':') {
-    const date = new Date(originDateTime);
-    const separator1 = dateSep;
-    const separator2 = timeSep;
-    const dateTime = new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds());
-    const millisecondGap = dateTime.getTime() + 1000 * 60 * 60 * 24 * parseInt(String(n)); //计算前几天用减，计算后几天用加，最后一个就是多少天的数量
-    const targetDateTime = new Date(millisecondGap);
-    return (targetDateTime.getFullYear() +
-        separator1 +
-        String(targetDateTime.getMonth() + 1).padStart(2, '0') +
-        separator1 +
-        String(targetDateTime.getDate()).padStart(2, '0') +
-        ' ' +
-        String(targetDateTime.getHours()).padStart(2, '0') +
-        separator2 +
-        String(targetDateTime.getMinutes()).padStart(2, '0') +
-        separator2 +
-        String(targetDateTime.getSeconds()).padStart(2, '0'));
+  const date = new Date(originDateTime);
+  const separator1 = dateSep;
+  const separator2 = timeSep;
+  const dateTime = new Date(
+    date.getFullYear(),
+    date.getMonth(),
+    date.getDate(),
+    date.getHours(),
+    date.getMinutes(),
+    date.getSeconds()
+  );
+  const millisecondGap = dateTime.getTime() + 1000 * 60 * 60 * 24 * parseInt(String(n)); //计算前几天用减，计算后几天用加，最后一个就是多少天的数量
+  const targetDateTime = new Date(millisecondGap);
+  return (
+    targetDateTime.getFullYear() +
+    separator1 +
+    String(targetDateTime.getMonth() + 1).padStart(2, '0') +
+    separator1 +
+    String(targetDateTime.getDate()).padStart(2, '0') +
+    ' ' +
+    String(targetDateTime.getHours()).padStart(2, '0') +
+    separator2 +
+    String(targetDateTime.getMinutes()).padStart(2, '0') +
+    separator2 +
+    String(targetDateTime.getSeconds()).padStart(2, '0')
+  );
 }
 
 export { calculateDate, calculateDateTime, dateParse, dateToEnd, dateToStart, formatDate, isValidDate };

package/dist/esm/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.
  */
@@ -17,13 +17,12 @@ import { isObject, isString } from './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);
 };
 /**
  * 给元素增加样式名
@@ -31,7 +30,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));
 }
 /**
  * 给元素移除样式名
@@ -39,7 +38,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));
 }
 /**
  * 设置元素样式
@@ -48,14 +47,13 @@ function removeClass(el, classNames) {
  * @param {string} val
  */
 const setStyle = (el, key, val) => {
-    if (isObject(key)) {
-        objectEach(key, (val1, key1) => {
-            setStyle(el, key1, val1);
-        });
-    }
-    else {
-        el.style.setProperty(stringKebabCase(key), val);
-    }
+  if (isObject(key)) {
+    objectEach(key, (val1, key1) => {
+      setStyle(el, key1, val1);
+    });
+  } else {
+    el.style.setProperty(stringKebabCase(key), val);
+  }
 };
 /**
  * 获取元素样式
@@ -64,57 +62,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 } = 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;
-            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 = easingFunctional(easing);
-        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 } = 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;
+      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 = easingFunctional(easing);
+    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();
+  });
 }
 /**
  * 获取元素样式属性的计算值
@@ -124,8 +119,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;
 }
 /**
  * 字符串的像素宽度
@@ -135,31 +130,31 @@ function getComputedCssVal(el, property, reNumber = true) {
  * @returns {*}
  */
 function getStrWidthPx(str, fontSize = 14, isRemove = true) {
-    let strWidth = 0;
-    console.assert(isString(str), `${str} 不是有效的字符串`);
-    if (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(isString(str), `${str} 不是有效的字符串`);
+  if (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
@@ -168,39 +163,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;
 }
 
 export { addClass, getComputedCssVal, getStrWidthPx, getStyle, hasClass, removeClass, select, setStyle, smoothScroll };