sculp-js 1.13.3-beta.0 → 1.13.6

package/dist/esm/string.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,12 +11,12 @@
  * @returns {string}
  */
 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());
+  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());
 }
 /**
  * 将字符串转换为连字格式
@@ -25,8 +25,8 @@ function stringCamelCase(string, bigger) {
  * @returns {string}
  */
 function stringKebabCase(string, separator = '-') {
-    const string2 = string.replace(/^./, origin => origin.toLowerCase());
-    return string2.replace(/[A-Z]/g, origin => `${separator}${origin.toLowerCase()}`);
+  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';
@@ -44,36 +44,37 @@ const placeholderRE = /%[%sdo]/g;
  * @returns {string}
  */
 function stringFormat(string, ...args) {
-    let index = 0;
-    const result = string.replace(placeholderRE, (origin) => {
-        const arg = args[index++];
-        switch (origin) {
-            case '%%':
-                index--;
-                return '%';
-            default:
-            case '%s':
-                return String(arg);
-            case '%d':
-                return String(Number(arg));
-            case '%o':
-                return JSON.stringify(arg);
-        }
-    });
-    return [result, ...args.splice(index).map(String)].join(' ');
+  let index = 0;
+  const result = string.replace(placeholderRE, origin => {
+    const arg = args[index++];
+    switch (origin) {
+      case '%%':
+        index--;
+        return '%';
+      default:
+      case '%s':
+        return String(arg);
+      case '%d':
+        return String(Number(arg));
+      case '%o':
+        return JSON.stringify(arg);
+    }
+  });
+  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
-        return new Function('with(arguments[0]){' +
-            /****/ `if(arguments[0].${expression} === undefined)throw "";` +
-            /****/
-            /****/ `return String(arguments[0].${expression})` +
-            '}')(data);
-    }
-    catch (err) {
-        throw new SyntaxError(`无法执行表达式：${expression}`);
-    }
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval,@typescript-eslint/no-unsafe-return
+    return new Function(
+      'with(arguments[0]){' +
+        /****/ `if(arguments[0].${expression} === undefined)throw "";` +
+        /****/
+        /****/ `return String(arguments[0].${expression})` +
+        '}'
+    )(data);
+  } catch (err) {
+    throw new SyntaxError(`无法执行表达式：${expression}`);
+  }
 };
 const templateRE = /\${(.*?)}/g;
 /**
@@ -88,7 +89,7 @@ const templateRE = /\${(.*?)}/g;
  * @returns {string}
  */
 const stringAssign = (template, data) => {
-    return template.replace(templateRE, (origin, expression) => ev(expression, data));
+  return template.replace(templateRE, (origin, expression) => ev(expression, data));
 };
 /**
  * 字符串编码 HTML
@@ -100,18 +101,18 @@ const stringAssign = (template, data) => {
  * @param {string} html
  * @returns {string}
  */
-const stringEscapeHtml = (html) => {
-    const htmlCharRE = /[&<>"]/g;
-    const htmlCharReplacements = {
-        '&': '&amp;',
-        '<': '&lt;',
-        '>': '&gt;',
-        '"': '&quot;'
-    };
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-    return html.replace(htmlCharRE, $0 => htmlCharReplacements[$0]);
+const stringEscapeHtml = html => {
+  const htmlCharRE = /[&<>"]/g;
+  const htmlCharReplacements = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;'
+  };
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+  return html.replace(htmlCharRE, $0 => htmlCharReplacements[$0]);
 };
 /**
  * 字符串填充
@@ -126,19 +127,28 @@ const stringFill = (length, value = ' ') => new Array(length).fill(value).join('
  * @returns {Record<string, string | string[]>}
  */
 function parseQueryParams(searchStr = location.search) {
-    const queryObj = {};
-    Array.from(searchStr.matchAll(/[&?]?([^=&]+)=?([^=&]*)/g)).forEach((item, i) => {
-        if (!queryObj[item[1]]) {
-            queryObj[item[1]] = item[2];
-        }
-        else if (typeof queryObj[item[1]] === 'string') {
-            queryObj[item[1]] = [queryObj[item[1]], item[2]];
-        }
-        else {
-            queryObj[item[1]].push(item[2]);
-        }
-    });
-    return queryObj;
+  const queryObj = {};
+  Array.from(searchStr.matchAll(/[&?]?([^=&]+)=?([^=&]*)/g)).forEach((item, i) => {
+    if (!queryObj[item[1]]) {
+      queryObj[item[1]] = item[2];
+    } else if (typeof queryObj[item[1]] === 'string') {
+      queryObj[item[1]] = [queryObj[item[1]], item[2]];
+    } else {
+      queryObj[item[1]].push(item[2]);
+    }
+  });
+  return queryObj;
 }
 
-export { STRING_ARABIC_NUMERALS, STRING_LOWERCASE_ALPHA, STRING_UPPERCASE_ALPHA, parseQueryParams, stringAssign, stringCamelCase, stringEscapeHtml, stringFill, stringFormat, stringKebabCase };
+export {
+  STRING_ARABIC_NUMERALS,
+  STRING_LOWERCASE_ALPHA,
+  STRING_UPPERCASE_ALPHA,
+  parseQueryParams,
+  stringAssign,
+  stringCamelCase,
+  stringEscapeHtml,
+  stringFill,
+  stringFormat,
+  stringKebabCase
+};

package/dist/esm/tooltip.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.
  */
@@ -24,19 +24,19 @@ import { isString } from './type.js';
  * @returns {*}
  */
 function handleMouseEnter({ rootContainer = '#root', title, event, bgColor = '#000', color = '#fff' }) {
-    try {
-        const $rootEl = isString(rootContainer) ? document.querySelector(rootContainer) : rootContainer;
-        if (!$rootEl) {
-            throw new Error(`${rootContainer} is not valid Html Element or element selector`);
-        }
-        let $customTitle = null;
-        const styleId = 'style-tooltip-inner1494304949567';
-        // 动态创建class样式，并加入到head中
-        if (!document.querySelector(`#${styleId}`)) {
-            const tooltipWrapperClass = document.createElement('style');
-            tooltipWrapperClass.type = 'text/css';
-            tooltipWrapperClass.id = styleId;
-            tooltipWrapperClass.innerHTML = `
+  try {
+    const $rootEl = isString(rootContainer) ? document.querySelector(rootContainer) : rootContainer;
+    if (!$rootEl) {
+      throw new Error(`${rootContainer} is not valid Html Element or element selector`);
+    }
+    let $customTitle = null;
+    const styleId = 'style-tooltip-inner1494304949567';
+    // 动态创建class样式，并加入到head中
+    if (!document.querySelector(`#${styleId}`)) {
+      const tooltipWrapperClass = document.createElement('style');
+      tooltipWrapperClass.type = 'text/css';
+      tooltipWrapperClass.id = styleId;
+      tooltipWrapperClass.innerHTML = `
         .tooltip-inner1494304949567 {
           max-width: 250px;
           padding: 3px 8px;
@@ -47,30 +47,28 @@ function handleMouseEnter({ rootContainer = '#root', title, event, bgColor = '#0
           background-color: ${bgColor};
         }
       `;
-            document.querySelector('head').appendChild(tooltipWrapperClass);
-        }
-        $customTitle = document.querySelector('#customTitle1494304949567');
-        if ($customTitle) {
-            mouseenter($customTitle, title, event);
-        }
-        else {
-            const $contentContainer = document.createElement('div');
-            $contentContainer.id = 'customTitle1494304949567';
-            $contentContainer.style.cssText = 'z-index: 99999999; visibility: hidden; position: absolute;';
-            $contentContainer.innerHTML =
-                '<div class="tooltip-inner1494304949567" style="word-wrap: break-word; max-width: 44px;">皮肤</div>';
-            $rootEl.appendChild($contentContainer);
-            $customTitle = document.querySelector('#customTitle1494304949567');
-            if (title) {
-                //判断div显示的内容是否为空
-                mouseenter($customTitle, title, event);
-                $customTitle.style.visibility = 'visible';
-            }
-        }
+      document.querySelector('head').appendChild(tooltipWrapperClass);
     }
-    catch (e) {
-        console.error(e.message);
+    $customTitle = document.querySelector('#customTitle1494304949567');
+    if ($customTitle) {
+      mouseenter($customTitle, title, event);
+    } else {
+      const $contentContainer = document.createElement('div');
+      $contentContainer.id = 'customTitle1494304949567';
+      $contentContainer.style.cssText = 'z-index: 99999999; visibility: hidden; position: absolute;';
+      $contentContainer.innerHTML =
+        '<div class="tooltip-inner1494304949567" style="word-wrap: break-word; max-width: 44px;">皮肤</div>';
+      $rootEl.appendChild($contentContainer);
+      $customTitle = document.querySelector('#customTitle1494304949567');
+      if (title) {
+        //判断div显示的内容是否为空
+        mouseenter($customTitle, title, event);
+        $customTitle.style.visibility = 'visible';
+      }
     }
+  } catch (e) {
+    console.error(e.message);
+  }
 }
 /**
  * 提示文案dom渲染的处理函数
@@ -80,32 +78,31 @@ function handleMouseEnter({ rootContainer = '#root', title, event, bgColor = '#0
  * @returns {*}
  */
 function mouseenter($customTitle, title, e) {
-    let diffValueX = 200 + 50; //默认设置弹出div的宽度为250px
-    let x = 13;
-    const y = 23;
-    const $contentEle = $customTitle.children[0];
-    if (getStrWidthPx(title, 12) < 180 + 50) {
-        //【弹出div自适应字符串宽度】若显示的字符串占用宽度小于180，则设置弹出div的宽度为“符串占用宽度”+20
-        $contentEle.style.maxWidth = getStrWidthPx(title, 12) + 20 + 50 + 'px';
-        diffValueX = e.clientX + (getStrWidthPx(title, 12) + 50) - document.body.offsetWidth;
-    }
-    else {
-        $contentEle.style.maxWidth = '250px';
-        diffValueX = e.clientX + 230 - document.body.offsetWidth; //计算div水平方向显示的内容超出屏幕多少宽度
-    }
-    $contentEle.innerHTML = title; //html方法可解析内容中换行标签，text方法不能
-    if (diffValueX > 0) {
-        //水平方向超出可见区域时
-        x -= diffValueX;
-    }
-    $customTitle.style.top = e.clientY + y + 'px';
-    $customTitle.style.left = e.clientX + x + 'px';
-    $customTitle.style.maxWidth = '250px';
-    const diffValueY = $customTitle.getBoundingClientRect().top + $contentEle.offsetHeight - document.body.offsetHeight;
-    if (diffValueY > 0) {
-        //垂直方向超出可见区域时
-        $customTitle.style.top = e.clientY - diffValueY + 'px';
-    }
+  let diffValueX = 200 + 50; //默认设置弹出div的宽度为250px
+  let x = 13;
+  const y = 23;
+  const $contentEle = $customTitle.children[0];
+  if (getStrWidthPx(title, 12) < 180 + 50) {
+    //【弹出div自适应字符串宽度】若显示的字符串占用宽度小于180，则设置弹出div的宽度为“符串占用宽度”+20
+    $contentEle.style.maxWidth = getStrWidthPx(title, 12) + 20 + 50 + 'px';
+    diffValueX = e.clientX + (getStrWidthPx(title, 12) + 50) - document.body.offsetWidth;
+  } else {
+    $contentEle.style.maxWidth = '250px';
+    diffValueX = e.clientX + 230 - document.body.offsetWidth; //计算div水平方向显示的内容超出屏幕多少宽度
+  }
+  $contentEle.innerHTML = title; //html方法可解析内容中换行标签，text方法不能
+  if (diffValueX > 0) {
+    //水平方向超出可见区域时
+    x -= diffValueX;
+  }
+  $customTitle.style.top = e.clientY + y + 'px';
+  $customTitle.style.left = e.clientX + x + 'px';
+  $customTitle.style.maxWidth = '250px';
+  const diffValueY = $customTitle.getBoundingClientRect().top + $contentEle.offsetHeight - document.body.offsetHeight;
+  if (diffValueY > 0) {
+    //垂直方向超出可见区域时
+    $customTitle.style.top = e.clientY - diffValueY + 'px';
+  }
 }
 /**
  * 移除提示文案dom的事件句柄
@@ -113,13 +110,13 @@ function mouseenter($customTitle, title, e) {
  * @returns {*}
  */
 function handleMouseLeave(rootContainer = '#root') {
-    const rootEl = isString(rootContainer) ? document.querySelector(rootContainer) : rootContainer;
-    let titleEl = document.querySelector('#customTitle1494304949567');
-    if (rootEl && titleEl) {
-        rootEl.removeChild(titleEl);
-        // @ts-ignore
-        titleEl = null;
-    }
+  const rootEl = isString(rootContainer) ? document.querySelector(rootContainer) : rootContainer;
+  let titleEl = document.querySelector('#customTitle1494304949567');
+  if (rootEl && titleEl) {
+    rootEl.removeChild(titleEl);
+    // @ts-ignore
+    titleEl = null;
+  }
 }
 const tooltipEvent = { handleMouseEnter, handleMouseLeave };