@para-ui/core 4.0.61 → 4.0.63

package/Anchor/index.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import Down from '@para-ui/icons/Down';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import ToRight from '@para-ui/icons/ToRight';
 import ToLeft from '@para-ui/icons/ToLeft';
 import PreviewOpen from '@para-ui/icons/PreviewOpen';
@@ -16,6 +16,7 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../TextField/index.js';
 import '../Label/index.js';
 import '../Help/index.js';

package/Argv/index.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { UUID, debounce } from '@paraview/lib';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import { TextField } from '../TextField/index.js';
 import { Modal } from '../Modal/index.js';
 import { Message } from '../Message/index.js';
@@ -28,7 +28,8 @@ import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';

package/AutoButton/index.js

@@ -1,14 +1,15 @@
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment } from 'react';
-import { B as Button, P as PopConfirm } from '../_verture/index-6bbcdc7f.js';
-import { u as useResizeObserver, A as AutoTips } from '../_verture/index-f62daef9.js';
+import { B as Button, P as PopConfirm } from '../_verture/index-98ae8a30.js';
+import AutoTips from '../AutoTips/index.js';
 import MoreVert from '@para-ui/icons/MoreVert';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
+import { u as useResizeObserver } from '../_verture/useResizeObserver-edda059a.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';

package/AutoTips/index.js

@@ -1,12 +1,253 @@
-import 'react/jsx-runtime';
-import 'react';
-import '../Tooltip/index.js';
-import '../_verture/constant-5317fc89.js';
-import '@paraview/lib';
-export { a as AutoTipsMultiline, A as default } from '../_verture/index-f62daef9.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState, useEffect, useMemo } from 'react';
+import { Tooltip } from '../Tooltip/index.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { isIE } from '@paraview/lib';
+import { u as useResizeObserver } from '../_verture/useResizeObserver-edda059a.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Forbid';
-import '../_verture/style-inject.es-300983ab.js';
+
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-tips-multiline {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-auto-tips-multiline > .auto-tips-multiline-content-box {\n  position: relative;\n}\n.paraui-v4-auto-tips-multiline > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.paraui-v4-auto-tips-multiline > .auto-tips-multiline-content-box > .hidden {\n  opacity: 0;\n  visibility: hidden;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: -100000;\n}\n.paraui-v4-auto-tips-multiline.paraui-v4-auto-tips-multiline-safari > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line::before {\n  content: \"\";\n  display: block;\n}\n\n.paraui-v4-auto-tips-multiline-tooltip .component-tooltip-inner {\n  max-height: 80vh;\n  overflow: auto;\n}";
+styleInject(css_248z$1);
+
+const AutoTipsMultiline = props => {
+  const {
+    children,
+    arrow = false,
+    placement = 'bottom-start',
+    tips = '',
+    className = '',
+    interactive = true,
+    tipMaxWidth,
+    line = 2,
+    refresh,
+    style
+  } = props;
+  const boxRef = useRef(null);
+  const singleWordRefs = useRef([]);
+  const [lineClamp, setLineClamp] = useState();
+  const constData = useRef({
+    line,
+    tips
+  });
+  constData.current.line = line;
+  constData.current.tips = tips;
+  const [tTips, setTTips] = useState('');
+  useResizeObserver({
+    dom: boxRef.current,
+    cb: () => calcLine()
+  });
+  useEffect(() => {
+    calcLine();
+  }, [children, refresh]);
+  // 计算行数
+  const calcLine = () => {
+    var _a;
+    if (!children) return;
+    const lineArr = [];
+    let showTooltip = false;
+    const boxRefWidth = ((_a = boxRef === null || boxRef === void 0 ? void 0 : boxRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
+    let addWidth = 0;
+    let linePos = 0;
+    for (let i = 0; i < singleWordRefs.current.length; i++) {
+      const dom = singleWordRefs.current[i];
+      const offsetWidth = dom.offsetWidth;
+      addWidth += offsetWidth;
+      // 累计宽度超出了一行宽度
+      if (addWidth > boxRefWidth) {
+        if (lineArr.length < constData.current.line - 1) {
+          lineArr.push(children.slice(linePos, i));
+          linePos = i;
+          addWidth = offsetWidth; // 重置宽度
+          // 最后一个字
+          if (i === singleWordRefs.current.length - 1) {
+            if (lineArr.length < constData.current.line) {
+              // 没超出行数
+              lineArr.push(children.slice(linePos, children.length));
+            } else {
+              showTooltip = true;
+              setTTips(constData.current.tips || children);
+              lineArr.push(children.slice(linePos, children.length));
+            }
+          }
+        } else {
+          // 超出
+          showTooltip = true;
+          setTTips(constData.current.tips || children);
+          lineArr.push(children.slice(linePos, children.length));
+          break;
+        }
+      } else {
+        // 未超过且是最后一个字符
+        if (i === singleWordRefs.current.length - 1) {
+          lineArr.push(children.slice(linePos, children.length));
+        }
+      }
+    }
+    setLineClamp({
+      lineArr,
+      showTooltip
+    });
+  };
+  /**
+   * 描述文字span包裹
+   */
+  const descriptionRender = useMemo(() => {
+    singleWordRefs.current = [];
+    return jsx("div", Object.assign({
+      className: 'hidden'
+    }, {
+      children: children === null || children === void 0 ? void 0 : children.split('').map((word, wIdx) => jsx("span", Object.assign({
+        ref: dom => dom && singleWordRefs.current.push(dom)
+      }, {
+        children: word
+      }), wIdx))
+    }));
+  }, [children]);
+  // 判断浏览器是否是safari
+  const isSafari = () => {
+    const userAgent = navigator.userAgent;
+    if (userAgent.indexOf('Safari') > -1) {
+      return true;
+    }
+  };
+  // 处理class
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-auto-tips-multiline");
+    if (isSafari()) str += " ".concat($prefixCls, "-auto-tips-multiline-safari");
+    if (className) str += " ".concat(className);
+    return str;
+  };
+  return jsx("div", Object.assign({
+    ref: boxRef,
+    className: handClass(),
+    style: style
+  }, {
+    children: jsx(Tooltip, Object.assign({
+      arrow: arrow,
+      title: tTips,
+      placement: placement,
+      interactive: interactive,
+      boundariesElement: 'viewport',
+      overlayClassName: "".concat($prefixCls, "-auto-tips-multiline-tooltip")
+    }, {
+      children: jsxs("div", Object.assign({
+        className: "auto-tips-multiline-content-box"
+      }, {
+        children: [jsx("div", Object.assign({
+          className: 'auto-tips-multiline-content'
+        }, {
+          children: lineClamp === null || lineClamp === void 0 ? void 0 : lineClamp.lineArr.map((line, lIdx) => {
+            let str = 'line-text';
+            if (lIdx === lineClamp.lineArr.length - 1) str += ' last-line';
+            return jsx("div", Object.assign({
+              className: str
+            }, {
+              children: line
+            }), lIdx);
+          })
+        })), descriptionRender]
+      }))
+    }))
+  }));
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-auto-tips > .auto-tips-content {\n  display: inline;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-auto-tips.paraui-v4-auto-tips-safari > .auto-tips-content::before {\n  content: \"\";\n  display: block;\n}\n\n.paraui-v4-auto-tips-tooltip .component-tooltip-inner {\n  max-height: 80vh;\n  overflow: auto;\n}";
+styleInject(css_248z);
+
+const AutoTips = props => {
+  const {
+    children,
+    arrow = false,
+    placement = 'bottom-start',
+    tips = '',
+    className = '',
+    beyondText = true,
+    interactive = true,
+    tipMaxWidth,
+    style
+  } = props;
+  const tipsElm = useRef();
+  const textElm = useRef();
+  const [tTips, setTTips] = useState('');
+  useEffect(() => {
+    setTTips(tips);
+  }, [tips]);
+  // 鼠标移入事件
+  const mouseHover = () => {
+    let val = '';
+    const tipsEle = tipsElm.current;
+    const tipsEleRect = tipsEle.getBoundingClientRect();
+    const textEleRect = textElm.current.getBoundingClientRect();
+    if (tipsElm.current) {
+      if (isIE()) {
+        if (tipsEleRect.width > textEleRect.width) {
+          if (tips) {
+            val = tips;
+          } else {
+            val = beyondText ? tipsEle.innerText : children;
+          }
+        }
+      } else {
+        // mac：safari,firefox,chrome
+        // windows: firefox,chrome
+        if (textEleRect.width > tipsEleRect.width) {
+          if (tips) {
+            val = tips;
+          } else {
+            val = beyondText ? tipsEle.innerText : children;
+          }
+        }
+      }
+    }
+    setTTips(val);
+  };
+  // 处理最大宽度
+  /*const handMaxWidth = () => {
+      if (tipMaxWidth) return tipMaxWidth;
+      return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
+  }*/
+  // 判断浏览器是否是safari
+  const isSafari = () => {
+    const userAgent = navigator.userAgent;
+    if (/^((?!chrome|android).)*safari/i.test(userAgent)) {
+      return true;
+    }
+  };
+  // 处理class
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-auto-tips");
+    if (isSafari()) str += " ".concat($prefixCls, "-auto-tips-safari");
+    if (className) str += " ".concat(className);
+    return str;
+  };
+  return jsx(Tooltip, Object.assign({
+    arrow: arrow,
+    title: tTips,
+    placement: placement,
+    interactive: interactive,
+    boundariesElement: 'viewport',
+    overlayClassName: "".concat($prefixCls, "-auto-tips-tooltip"),
+    maxWidth: tipMaxWidth
+  }, {
+    children: jsx("div", Object.assign({
+      ref: tipsElm,
+      className: handClass(),
+      onMouseOver: mouseHover,
+      style: style
+    }, {
+      children: jsx("div", Object.assign({
+        className: "auto-tips-content",
+        ref: textElm
+      }, {
+        children: children
+      }))
+    }))
+  }));
+};
+
+export { AutoTipsMultiline, AutoTips as default };

package/Breadcrumbs/index.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment } from 'react';
 import { Popover } from '../Popover/index.js';
-import { u as useResizeObserver, A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import More from '@para-ui/icons/More';
 import Return from '@para-ui/icons/Return';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
+import { u as useResizeObserver } from '../_verture/useResizeObserver-edda059a.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';

package/Button/index.js

@@ -4,7 +4,7 @@ import 'react';
 import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '../Tooltip/index.js';
-export { B as Button, B as default } from '../_verture/index-6bbcdc7f.js';
+export { B as Button, B as default } from '../_verture/index-98ae8a30.js';
 import '../_verture/constant-5317fc89.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -18,7 +18,8 @@ import 'dayjs';
 import '@paraview/lib';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';

package/ButtonGroup/index.js

@@ -1,6 +1,6 @@
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -18,7 +18,8 @@ import 'dayjs';
 import '@paraview/lib';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';

package/Card/index.js

@@ -4,6 +4,7 @@ import { useState, useRef, useEffect } from 'react';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import clsx from 'clsx';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
+import { u as useResizeObserver } from '../_verture/useResizeObserver-edda059a.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/index-ca413216.js';
 import '@paraview/lib';
@@ -23,7 +24,7 @@ var localeJson = {
   en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-card {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\n.paraui-v4-card > .card-list {\n  display: flex;\n  flex-wrap: wrap;\n}\n.paraui-v4-card > .card-list > .card-item {\n  border-radius: 4px;\n  overflow: auto;\n}\n.paraui-v4-card > .more {\n  text-align: center;\n}\n.paraui-v4-card > .more > .more-content {\n  font-size: 14px;\n  text-align: center;\n  color: rgb(161, 168, 179);\n  display: inline-block;\n}\n.paraui-v4-card.paraui-v4-card-more > .more > .more-content {\n  cursor: pointer;\n}\n.paraui-v4-card.paraui-v4-card-more > .more > .more-content:hover {\n  color: rgb(46, 101, 230);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-card {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\n.paraui-v4-card > .card-list {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n}\n.paraui-v4-card > .card-list > .card-item {\n  border-radius: 4px;\n  overflow: auto;\n}\n.paraui-v4-card > .more {\n  text-align: center;\n}\n.paraui-v4-card > .more > .more-content {\n  font-size: 14px;\n  text-align: center;\n  color: rgb(161, 168, 179);\n  display: inline-block;\n}\n.paraui-v4-card.paraui-v4-card-more > .more > .more-content {\n  cursor: pointer;\n}\n.paraui-v4-card.paraui-v4-card-more > .more > .more-content:hover {\n  color: rgb(46, 101, 230);\n}";
 styleInject(css_248z);
 
 const Card = props => {
@@ -46,22 +47,23 @@ const Card = props => {
   } = props;
   const intl = useFormatMessage('Card', localeJson);
   const [lineNumCom, setLineNumCom] = useState();
-  //const [itemWidth, setItemWidth] = useState<string>('');
   const [loadingMore, setLoadingMore] = useState(false);
   const constData = useRef({});
   const refBox = useRef(null);
+  constData.current.onMore = onMore;
+  useResizeObserver({
+    dom: refBox.current,
+    cb: () => resize(),
+    timer: 0
+  });
   useEffect(() => {
-    var _a, _b;
-    window.removeEventListener('resize', resize);
-    (_a = refBox.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', scroll);
-    window.addEventListener('resize', resize);
-    (_b = refBox.current) === null || _b === void 0 ? void 0 : _b.addEventListener('scroll', scroll);
+    var _a;
+    (_a = refBox.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', scroll);
     return () => {
       var _a;
-      window.removeEventListener('resize', resize);
       (_a = refBox.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', scroll);
     };
-  }, [showMore, onMore]);
+  }, []);
   useEffect(() => {
     resize();
   }, [list, lineNum]);
@@ -69,13 +71,11 @@ const Card = props => {
     if (!refBox.current) return;
     const refBoxRect = refBox.current.getBoundingClientRect();
     const card = refBox.current.querySelector('.card-list');
-    const cardRect = card.getBoundingClientRect();
     const cardItem = refBox.current.querySelector('.card-list > .card-item');
     const cardItemRect = cardItem.getBoundingClientRect();
     const cardItemMarginRight = parseFloat(cardItem.style.marginRight);
-    const scrollWidth = refBoxRect.width - cardRect.width; // 滚动条宽度
-    const boxWidt = scrollWidth !== 0 ? refBoxRect.width - scrollWidth - 4 : refBoxRect.width;
-    let n = Math.floor((boxWidt + cardItemMarginRight) / (cardItemRect.width + cardItemMarginRight));
+    const scrollBol = refBox.current.scrollHeight > refBox.current.clientHeight;
+    let n = Math.floor((card.clientWidth + cardItemMarginRight) / (cardItemRect.width + cardItemMarginRight));
     if (props.width === undefined && props.lineNum) {
       if (typeof lineNum === "number") {
         n = lineNum;
@@ -93,15 +93,13 @@ const Card = props => {
           }
         }
       }
-      //constData.current.itemWidth = (refBoxRect.width + cardItemMarginRight) / n - cardItemMarginRight;
       let rightTotal = (n - 1) * cardItemMarginRight;
-      if (scrollWidth) {
+      if (scrollBol) {
         // 出现滚动条，加4
         rightTotal = rightTotal + 4;
       }
       const right = rightTotal / n + 'px';
       constData.current.itemWidth = "calc(".concat(1 / n * 100, "% - ").concat(right, ")");
-      //setItemWidth(constData.current.itemWidth);
       const cardArr = refBox.current.querySelectorAll('.card-list > .card-item');
       cardArr.forEach(item => {
         item.style.width = constData.current.itemWidth;
@@ -114,7 +112,7 @@ const Card = props => {
   };
   const scroll = () => {
     var _a, _b, _c;
-    if (!showMore || !refBox.current || !props.onMore || constData.current.loadingMore) return;
+    if (!showMore || !refBox.current || !constData.current.onMore || constData.current.loadingMore) return;
     if (refBox.current.scrollHeight - (refBox.current.clientHeight + refBox.current.scrollTop) < 1) {
       if (((_a = constData.current.pos) === null || _a === void 0 ? void 0 : _a.clientHeight) === refBox.current.clientHeight && ((_b = constData.current.pos) === null || _b === void 0 ? void 0 : _b.scrollTop) === refBox.current.scrollTop && ((_c = constData.current.pos) === null || _c === void 0 ? void 0 : _c.scrollHeight) === refBox.current.scrollHeight) {
         constData.current.pos = {};
@@ -133,7 +131,7 @@ const Card = props => {
     if (constData.current.loadingMore) return;
     constData.current.loadingMore = true;
     setLoadingMore(true);
-    yield props.onMore();
+    yield constData.current.onMore();
     setLoadingMore(false);
     constData.current.loadingMore = false;
   });
@@ -166,11 +164,23 @@ const Card = props => {
     if (lineNum === undefined) {
       styleCard.width = width;
     }
-    /*if (props.width === undefined && lineNum) {
-        styleCard.width = constData.current.itemWidth;
-    }*/
-    if (constData.current.lineNumCom && (index + 1) % constData.current.lineNumCom === 0) {
-      styleCard.marginRight = 0;
+    if (props.width) {
+      if (refBox.current) {
+        const card = refBox.current.querySelector('.card-list');
+        const cardWidth = card.clientWidth;
+        const cardItemMarginRight = parseFloat(marginRight);
+        const widthItem = parseFloat(props.width);
+        const widthTotal = constData.current.lineNumCom * (widthItem + cardItemMarginRight) - cardItemMarginRight;
+        if (cardWidth - widthTotal <= widthItem) {
+          if (constData.current.lineNumCom && (index + 1) % constData.current.lineNumCom === 0) {
+            styleCard.marginRight = 0;
+          }
+        }
+      }
+    } else {
+      if (constData.current.lineNumCom && (index + 1) % constData.current.lineNumCom === 0) {
+        styleCard.marginRight = 0;
+      }
     }
     return Object.assign(Object.assign({}, styleCard), item.style);
   };

package/Cascader/index.js

@@ -1,5 +1,5 @@
-import { C as Cascader } from '../_verture/index-3f811a6c.js';
-export { C as default } from '../_verture/index-3f811a6c.js';
+import { C as Cascader } from '../_verture/index-78f0f0e7.js';
+export { C as default } from '../_verture/index-78f0f0e7.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import '../_verture/index-1856bbeb.js';
@@ -27,8 +27,9 @@ import '@para-ui/icons/Forbid';
 import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons';
 import '@para-ui/icons/LoadingF';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
 import '../HelperText/index.js';

package/ComboSelect/index.js

@@ -6,11 +6,11 @@ import SearchIcon from '@para-ui/icons/Search';
 import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-2055d357.js';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { T as Tree } from '../_verture/index-09404080.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Popover } from '../Popover/index.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
 import { g as getReplaceField, i as isRemoteLoad, d as debounce, t as toArray, c as closest, a as getOverlaySize } from '../_verture/utils-c17b5265.js';
@@ -58,6 +58,7 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../_verture/toConsumableArray-599cd94a.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';

package/CopyText/index.js

@@ -5,7 +5,7 @@ import Copy from '@para-ui/icons/Copy';
 import CheckS from '@para-ui/icons/CheckS';
 import { TextField } from '../TextField/index.js';
 import Label from '../Label/index.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '@paraview/lib';
@@ -28,6 +28,7 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
+import '../_verture/useResizeObserver-edda059a.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/5/9 13:57\n* @description 复制文本\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon {\n  justify-items: center;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon.copy-text-icon-check:hover svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-input .text-field-content .text-field-content-within .right-icon .copy-text-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-copy-text .copy-text-text {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-copy-text .copy-text-text > .paraui-v4-label {\n  margin-bottom: 0;\n  margin-right: 4px;\n  white-space: nowrap;\n}\n.paraui-v4-copy-text .copy-text-text > .content {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  margin-right: 10px;\n  line-height: 1.43;\n  overflow: hidden;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon.copy-text-icon-check:hover svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-copy-text .copy-text-text > .copy-text-icon svg {\n  color: rgb(46, 101, 230);\n}";
 styleInject(css_248z);

package/CycleSelector/index.js

@@ -9,7 +9,7 @@ import DatePicker from '../DatePicker/index.js';
 import Select from '../Select/index.js';
 import { TextField } from '../TextField/index.js';
 import { Popover } from '../Popover/index.js';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import { G as GlobalContext } from '../_verture/index-ca413216.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import HelperText from '../HelperText/index.js';
@@ -22,12 +22,13 @@ import '@para-ui/icons/EditOutline';
 import '../_verture/toConsumableArray-599cd94a.js';
 import '../_verture/slicedToArray-61604a6c.js';
 import '../_verture/typeof-adeedc13.js';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';

package/DatePicker/index.js

@@ -1,6 +1,6 @@
 import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import { Tag } from '../Tag/index.js';
 import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
@@ -24,7 +24,11 @@ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
 import '../_verture/useFormatMessage-1fc7c957.js';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
@@ -41,9 +45,6 @@ import 'rc-dropdown';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import '@para-ui/icons/Forbid';
 
 function PickerButton(props) {
   return jsx(Button, Object.assign({}, props, {

package/Descriptions/index.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect, Fragment as Fragment$1 } from 'react';
 import { Title } from '../Title/index.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import CollapseBox from '../CollapseBox/index.js';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
@@ -20,6 +20,7 @@ import '../Collapse/index.js';
 import 'rc-collapse';
 import '@para-ui/icons/Right';
 import '@paraview/lib';
+import '../_verture/useResizeObserver-edda059a.js';
 import 'react-transition-group';
 import '../_verture/util-82646c4f.js';
 import '@para-ui/icons/LoadingF';