npm - @ccs-ui/rc-pro - Versions diffs - 2.4.1-beta.2 → 2.4.1-beta.3 - Mend

@ccs-ui/rc-pro 2.4.1-beta.2 → 2.4.1-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (152) hide show

package/docs-dist/utils/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/:id/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/auth-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/button-demo-button/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/button-demo-group/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/cascader-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/cascader-demo-cache/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/date-picker-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/date-picker-demo-range/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/dialog-demo-demos/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/editor-demo-demos/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/ellipsis-demo-demos/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/form-demo-demos/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/interval-button-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/loading-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/packages-utils-src-demo-demos/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/pro-table-demo-show-depend/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/pro-tabs-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/pro-tabs-demo-tab/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/result-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/select-demo-api/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/select-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/select-demo-customize/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/select-demo-customize-label/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/time-picker-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/docs-dist/~demos/water-mark-demo-basic/index.html CHANGED Viewed

@@ -6,10 +6,10 @@
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="stylesheet" href="/ccs-ui/umi.cfe6e1b0.css">
-<script src="/ccs-ui/preload_helper.2ab9c970.js"></script>
+<script src="/ccs-ui/preload_helper.375fddac.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/ccs-ui/umi.f650eab0.js"></script>
+<script src="/ccs-ui/umi.8fc48e0d.js"></script>
 </body>
 </html>

package/es/dialog/button.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import { DialogFormRef } from './form';
 export type DialogButtonRef = {
     onSetButtons: (e: React.ReactElement) => void;
 };
-export declare const DialogButtonHolder: <TParams, TData>({ auth, extraBtn, formRef, request, onOk, onClose, buttonRef, requestFieldNames, formInitialValues, preventRequestHandle, }: Pick<DialogModalProps<TParams, TData>, "onOk" | "onClose" | "auth" | "request" | "extraBtn" | "requestFieldNames" | "preventRequestHandle"> & {
+export declare const DialogButtonHolder: <TParams, TData>({ auth, extraBtn, formRef, request, onOk, onClose, buttonRef, requestFieldNames, formInitialValues, preventRequestHandle, }: Pick<DialogModalProps<TParams, TData>, "onOk" | "auth" | "request" | "onClose" | "extraBtn" | "requestFieldNames" | "preventRequestHandle"> & {
     formRef: React.RefObject<DialogFormRef<TParams>>;
     formInitialValues: FormProps['initialValues'];
     buttonRef: RefObject<DialogButtonRef>;

package/es/ellipsis/index.js CHANGED Viewed

@@ -21,10 +21,8 @@ var measureStyle = {
 };
 var MEASURE_STATUS = /*#__PURE__*/function (MEASURE_STATUS) {
   MEASURE_STATUS[MEASURE_STATUS["INIT"] = 99] = "INIT";
-  MEASURE_STATUS[MEASURE_STATUS["CONTENT_INIT"] = 100] = "CONTENT_INIT";
   MEASURE_STATUS[MEASURE_STATUS["NO_ELLIPSIS"] = 0] = "NO_ELLIPSIS";
   MEASURE_STATUS[MEASURE_STATUS["MEASURE_WALKING"] = 200] = "MEASURE_WALKING";
-  MEASURE_STATUS[MEASURE_STATUS["MEASURE_ADD_WALKING"] = 300] = "MEASURE_ADD_WALKING";
   MEASURE_STATUS[MEASURE_STATUS["STABLE_ELLIPSIS"] = 400] = "STABLE_ELLIPSIS";
   return MEASURE_STATUS;
 }(MEASURE_STATUS || {}); //  稳定省略号
@@ -42,20 +40,10 @@ function Ellipsis(_ref) {
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? 'end' : _ref$direction,
     showTooltip = _ref.showTooltip;
-  var containerRef = useRef(null);
-  // 记录单号高度
-  var rowHeightRef = useRef(0);
   // 计算单行高度的容器
   var singleRowRef = React.useRef(null);
-  // 计算内容高度内容容器
-  var contentRef = React.useRef(null);
   // 计算省略号内容容器
   var walkingContentRef = React.useRef(null);
-  // 最大高度
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    maxHeight = _useState2[0],
-    setMaxHeight = _useState2[1];
   // 测量状态
   var _React$useState = React.useState(MEASURE_STATUS.INIT),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -66,67 +54,71 @@ function Ellipsis(_ref) {
     return runes(!!content ? content : '');
   }, [content]);
   // 文字裁剪位置
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    indexNumber = _useState4[0],
-    setIndexNumber = _useState4[1];
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    indexNumber = _useState2[0],
+    setIndexNumber = _useState2[1];
+  // 数据引用
+  var dataRef = useRef({
+    maxHeight: 0,
+    step: 0
+  });
   useEffect(function () {
+    var chatLength = contentChars.length;
+    // 设置最大显示高度，防止数据抖动
     if (status === MEASURE_STATUS.INIT) {
-      var _singleRowRef$current, _singleRowRef$current2;
-      setStatus(MEASURE_STATUS.CONTENT_INIT);
-      setMaxHeight((((_singleRowRef$current = singleRowRef.current) === null || _singleRowRef$current === void 0 ? void 0 : _singleRowRef$current.offsetHeight) || 0) * rows);
-      rowHeightRef.current = ((_singleRowRef$current2 = singleRowRef.current) === null || _singleRowRef$current2 === void 0 ? void 0 : _singleRowRef$current2.offsetHeight) || 0;
-    }
-    if (status === MEASURE_STATUS.CONTENT_INIT) {
-      if (contentRef.current.offsetHeight === contentRef.current.scrollHeight) {
-        // 内容没有超出最大高度，不需要省略号
-        setStatus(MEASURE_STATUS.NO_ELLIPSIS);
-      } else {
-        // 当前内容最大行
-        var maxRow = contentRef.current.scrollHeight / rowHeightRef.current;
+      var _singleRowRef$current;
+      var maxHeight = (((_singleRowRef$current = singleRowRef.current) === null || _singleRowRef$current === void 0 ? void 0 : _singleRowRef$current.offsetHeight) || 0) * rows;
+      dataRef.current.maxHeight = maxHeight;
+      dataRef.current.step = chatLength;
-        // 省略结尾,根据最大行数，计算初始字段大致位置
-        var defaultLength = Math.floor(contentChars.length * (rows / maxRow));
-        if (direction === 'start' || direction === 'end') {
-          setIndexNumber(defaultLength);
-        }
-        // 省略中间,根据最大行数，计算初始字段大致位置
-        if (direction === 'middle') {
-          var len = Math.floor(contentChars.length * (rows / maxRow));
-          var middleLen = Math.floor(len / 2);
-          setIndexNumber(middleLen);
-        }
-        // 内容超出最大高度，需要省略号
-        setStatus(MEASURE_STATUS.MEASURE_WALKING);
-      }
+      // 开始测量
+      setIndexNumber(chatLength);
+      setStatus(MEASURE_STATUS.MEASURE_WALKING);
+      return;
     }
     // 测量省略号
     if (status === MEASURE_STATUS.MEASURE_WALKING) {
-      // 内容没有超出最大高度，增加字量
-      if (walkingContentRef.current.offsetHeight === walkingContentRef.current.scrollHeight) {
-        setStatus(MEASURE_STATUS.MEASURE_ADD_WALKING);
-        setIndexNumber(indexNumber + 1);
-      } else {
-        // 继续减少字量
-        setIndexNumber(indexNumber - 1);
-      }
-    }
+      // 二分量
+      var newStepNum = Math.floor(dataRef.current.step / 2);
+      dataRef.current.step = newStepNum;
+      var dom = walkingContentRef.current;
+      // 内容没有超出最大高度
+      if (dom.offsetHeight === dom.scrollHeight) {
+        // 内容没有超出最大高度，不需要省略号
+        if (indexNumber === chatLength) {
+          setStatus(MEASURE_STATUS.NO_ELLIPSIS);
+          return;
+        }
-    // 逐个增加字量，直到超出最大高度
-    if (status === MEASURE_STATUS.MEASURE_ADD_WALKING) {
-      if (walkingContentRef.current.offsetHeight < walkingContentRef.current.scrollHeight) {
-        // 内容没有超出最大高度，增加字量成功
-        setStatus(MEASURE_STATUS.STABLE_ELLIPSIS);
-        setIndexNumber(indexNumber - 1);
+        // 没有可增加量，测量结束
+        if (newStepNum === 0) {
+          setStatus(MEASURE_STATUS.STABLE_ELLIPSIS);
+          return;
+        }
+        // 二分增加字量
+        setIndexNumber(function (state) {
+          return state + newStepNum;
+        });
       } else {
-        // 继续增加字量
-        setIndexNumber(indexNumber + 1);
+        // 减少量为0，测量结束
+        if (newStepNum === 0) {
+          setIndexNumber(function (state) {
+            return state - 1;
+          });
+          setStatus(MEASURE_STATUS.STABLE_ELLIPSIS);
+        }
+        // 二分减少
+        setIndexNumber(function (state) {
+          return state - newStepNum;
+        });
       }
     }
   }, [status, indexNumber]);
+  // 字符拼接
   var renderContent = function renderContent() {
     if (direction === 'start') {
       return "".concat(ELLIPSIS_TEXT).concat(contentChars.slice(contentChars.length - indexNumber).join(''));
@@ -135,17 +127,10 @@ function Ellipsis(_ref) {
       return "".concat(contentChars.slice(0, indexNumber).join('')).concat(ELLIPSIS_TEXT);
     }
     if (direction === 'middle') {
-      return "".concat(contentChars.slice(0, indexNumber).join('')).concat(ELLIPSIS_TEXT).concat(contentChars.slice(contentChars.length - indexNumber).join(''));
+      var start = Math.floor(indexNumber / 2);
+      return "".concat(contentChars.slice(0, start).join('')).concat(ELLIPSIS_TEXT).concat(contentChars.slice(contentChars.length - (indexNumber - start)).join(''));
     }
   };
-  // 容器尺寸改变
-  // const onResize: ResizeObserverProps['onResize'] = (size) => {
-  //   if (size.width === 0) return;
-  //   setStatus(MEASURE_STATUS.INIT);
-  //   setIndexNumber(0);
-  // };
   if (status === MEASURE_STATUS.NO_ELLIPSIS) return content;
   if (status === MEASURE_STATUS.STABLE_ELLIPSIS) {
     if (!showTooltip) return renderContent();
@@ -189,23 +174,15 @@ function Ellipsis(_ref) {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs("div", {
       className: "ccs-ellipsis",
-      ref: containerRef,
       children: [status === MEASURE_STATUS.INIT && /*#__PURE__*/_jsx("div", {
         "aria-hidden": true,
         ref: singleRowRef,
         style: measureStyle,
         children: "\xA0"
-      }, "stable"), status === MEASURE_STATUS.CONTENT_INIT && /*#__PURE__*/_jsx("div", {
-        ref: contentRef,
-        style: {
-          maxHeight: maxHeight
-        },
-        className: "ccs-ellipsis-scroll",
-        children: content
-      }, "content-init"), (status === MEASURE_STATUS.MEASURE_WALKING || status === MEASURE_STATUS.MEASURE_ADD_WALKING) && /*#__PURE__*/_jsx("div", {
+      }, "stable"), status === MEASURE_STATUS.MEASURE_WALKING && /*#__PURE__*/_jsx("div", {
         ref: walkingContentRef,
         style: {
-          maxHeight: maxHeight
+          maxHeight: dataRef.current.maxHeight
         },
         className: "ccs-ellipsis-scroll",
         children: renderContent()

package/es/form/_api.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FormItemProps as AntdFormItemProps, ButtonProps, Form, FormListOperation } from 'antd';
+import { FormItemProps as AntdFormItemProps, ButtonProps, Form, FormInstance, FormListOperation } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 import { ReactNode } from 'react';
 import { PropsWithCss } from '../ccs';
@@ -6,8 +6,20 @@ export type FormItem = typeof Form.Item;
 export type RuleType = 'select' | 'input' | 'email' | 'url' | 'phone' | 'idcard' | RegExp;
 /** 依赖更新的值，数组的每个元素是一个字段的值 */
 export type ShowValidateEvent = (values: any[]) => boolean;
+type RenderChildren<Values = any> = (form: FormInstance<Values>,
+/** 表单项更新时的依赖字段值和所有表单项的值 */
+changes: any[]) => React.ReactNode;
+type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
+export type FormItemChildren<ValueType = any> = {
+    /** 表单项值 */
+    value?: ValueType;
+    /** 表单项值变化时的回调函数 */
+    onChange?: (value: ValueType, ...args: any[]) => void;
+    /** 表单项更新时的依赖字段值和所有表单项的值 */
+    changes?: any[];
+};
 /** CcsForm.Item 表单项组件属性 */
-export type FormItemProps = Omit<AntdFormItemProps, 'shouldUpdate'> & {
+export type FormItemProps<Values = any> = Omit<AntdFormItemProps<Values>, 'shouldUpdate' | 'children'> & {
     /**
      * 依赖字段，当依赖字段变化时，才会触发 shouldUpdate, 多个字段时，只要有一个字段变化，就会触发 shouldUpdate
      * 如果依赖字段是一个数组中的某个字段，则在数组的索引位置用空标识，例如：['listName', '', 'fieldName']
@@ -24,6 +36,8 @@ export type FormItemProps = Omit<AntdFormItemProps, 'shouldUpdate'> & {
     mb?: number;
     /** 分组表单项，将解构name，生成独立的字段值，如时间范围选择，将数组结果解构成独立的字段值 */
     isGroupName?: boolean;
+    /** 子项渲染函数 */
+    children?: ChildrenType<Values>;
 };
 export type RenderItemButton = (props: ButtonProps) => ReactNode;
 export type RenderItemProps = Pick<FormListOperation, 'remove'> & {
@@ -54,17 +68,4 @@ export type FormListProps = PropsWithCss & {
 };
 /** 列表项删除按钮 */
 export type ListItemBtnProps = Omit<ButtonProps, 'onClick'> & {};
-/** 表单项更新的值 */
-export interface FormItemUpdateProps {
-    /** 表单项更新的值 */
-    value?: any;
-    /** 表单项更新的值变化时的回调函数 */
-    onChange?: (value: any) => void;
-    /** 表单项更新时的依赖字段值和所有表单项的值 */
-    update?: {
-        /** 依赖字段的值 */
-        changeValues: any[];
-        /** 所有表单项的值 */
-        fieldsValue: any[];
-    };
-}
+export {};