@sheinx/base 3.7.5-beta.7 → 3.7.5-beta.9

package/cjs/cascader/node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,QAAA,MAAM,YAAY,gIAiJjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,QAAA,MAAM,YAAY,gIAqJjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/cascader/node.js

@@ -50,8 +50,8 @@ var CascaderNode = function CascaderNode(props) {
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
-  // const [activeState, setActiveState] = useState(false);
   var checkboxRef = (0, _react.useRef)();
+  var hasHandleSelectRef = (0, _react.useRef)(false);
   var isDisabled = datum.isDisabled(id);
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -92,13 +92,17 @@ var CascaderNode = function CascaderNode(props) {
     }
     if (isHoverAble) {
       events.onMouseEnter = handlePathChange;
-      if (multiple) events.onClick = handleSelect;
+      if (multiple) {
+        events.onClick = handleSelect;
+        hasHandleSelectRef.current = true;
+      }
     } else if (isRealLeafNode && multiple) {
       // 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
       events.onClick = function (e) {
         handleClick(e);
         handleSelect(e);
       };
+      hasHandleSelectRef.current = true;
     }
     return events;
   };
@@ -154,7 +158,7 @@ var CascaderNode = function CascaderNode(props) {
         className: styles.optionCheckbox,
         checked: datum.getChecked(id),
         disabled: isDisabled,
-        onChange: isRealLeafNode && multiple ? undefined : handleChange
+        onChange: hasHandleSelectRef.current ? undefined : handleChange
       }), renderContent(), renderIcon()]
     })
   }));

package/cjs/select/result-more.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-more.d.ts","sourceRoot":"","sources":["result-more.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKrD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,UA6D9B;;AAsHD,wBAAyC"}
+{"version":3,"file":"result-more.d.ts","sourceRoot":"","sources":["result-more.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKrD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,UA4C9B;;AA0GD,wBAAyC"}

package/cjs/select/result-more.js

@@ -34,44 +34,25 @@ function getResetMore(onFilter, container, doms) {
   var hideMargin = (0, _hooks.parsePxToNumber)(hideElStyle.marginLeft) + (0, _hooks.parsePxToNumber)(hideElStyle.marginRight);
   var num = 0;
   var sumWidth = 0;
-  var itemWidthArr = items.map(function (item) {
-    var itemStyle = getComputedStyle(item);
-    var itemLen = item.offsetWidth + (0, _hooks.parsePxToNumber)(itemStyle.marginLeft) + (0, _hooks.parsePxToNumber)(itemStyle.marginRight);
-    sumWidth += itemLen;
-    return itemLen;
-  });
-  if (sumWidth <= contentWidth) {
-    num = -1;
-  } else {
-    var len = 0;
-    for (var i = 0; i < itemWidthArr.length; i++) {
-      var itemLen = itemWidthArr[i];
-      // number length
-      var resetNum = items.length - 1 - i;
-      var moreWidth = void 0;
-      if (resetNum <= 0) {
-        moreWidth = 0;
-      } else {
-        var reset = "+".concat(resetNum);
-        hideEl.childNodes[0].innerText = reset;
-        // (+num) width
-        moreWidth = hideEl.offsetWidth + hideMargin;
-      }
-      len += itemLen;
-      if (len > contentWidth - moreWidth) {
-        break;
-      }
-      num += 1;
-      if (i === items.length - 1) {
-        // not show more
-        num = -1;
-      }
+  for (var i = 0; i < doms.length; i++) {
+    var _item2 = doms[i];
+    var itemStyle = getComputedStyle(_item2);
+    var itemWidth = _item2.offsetWidth + (0, _hooks.parsePxToNumber)(itemStyle.marginLeft) + (0, _hooks.parsePxToNumber)(itemStyle.marginRight);
+    sumWidth += itemWidth;
+    var moreWidth = 0;
+    var resetNum = items.length - 1 - i;
+    if (resetNum > 0) {
+      var reset = "+".concat(resetNum);
+      hideEl.childNodes[0].innerText = reset;
+      moreWidth = hideEl.offsetWidth + hideMargin;
     }
+    if (sumWidth > contentWidth - moreWidth) {
+      num = i;
+      break;
+    }
+    num = -1;
   }
-  // at least show one
-  if (num === 0 && itemWidthArr[0]) {
-    num = 1;
-  }
+  ;
   return num;
 }
 var More = function More(props) {
@@ -93,16 +74,7 @@ var More = function More(props) {
   var shouldShowMore = showNum < 0 || showNum >= data.length;
   var before = [];
   var after = [];
-  var itemsLength = 0;
-  var tagStyle = shouldShowMore ? {
-    position: 'absolute',
-    zIndex: -100,
-    userSelect: 'none',
-    msUserSelect: 'none',
-    contain: 'layout',
-    opacity: 0,
-    pointerEvents: 'none'
-  } : {};
+  var afterLength = 0;
   if (!shouldShowMore) {
     before = new Array(showNum).fill(undefined).map(function (_item, index) {
       return data[index];
@@ -110,9 +82,9 @@ var More = function More(props) {
     after = new Array(data.length - showNum).fill(undefined).map(function (_item, index) {
       return data[showNum + index];
     });
-    itemsLength = after.length;
+    afterLength = after.length;
   }
-  if (showNum < 0 || showNum >= data.length) {
+  if (shouldShowMore) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
       children: [data, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, {
         className: styles.tag,
@@ -139,10 +111,9 @@ var More = function More(props) {
         className: styles.tag,
         jssStyle: jssStyle,
         size: size,
-        style: tagStyle,
         mode: visible ? 'fill' : 'bright',
         color: visible ? 'info' : 'default',
-        children: shouldShowMore ? '+' : "+".concat(itemsLength)
+        children: shouldShowMore ? '+' : "+".concat(afterLength)
       }, 'more'), compressed !== 'hide-popover' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, {
         jssStyle: jssStyle,
         className: compressedClassName,

package/cjs/select/result-more.type.d.ts

@@ -4,7 +4,6 @@ import { SelectProps } from './select.type';
 export interface ResultMoreProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'jssStyle' | 'size' | 'multiple' | 'placeholder' | 'keygen' | 'value' | 'compressed' | 'compressedBound' | 'renderCompressed' | 'compressedClassName' | 'disabled' | 'onFilter'> {
     data: React.ReactNode[];
     datas?: (DataItem | UnMatchedData)[];
-    more?: number;
     showNum?: number;
     onRemove?: (item: DataItem | UnMatchedData, key?: KeygenResult, index?: number) => void;
     classes: {

package/cjs/select/result-more.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-more.type.d.ts","sourceRoot":"","sources":["result-more.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK,CAC9C,SAAQ,IAAI,CACV,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,iBAAiB,GACjB,kBAAkB,GAClB,qBAAqB,GACrB,UAAU,GACV,UAAU,CACb;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,CAAC,QAAQ,GAAG,aAAa,CAAC,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,EAAE,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C"}
+{"version":3,"file":"result-more.type.d.ts","sourceRoot":"","sources":["result-more.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK,CAC9C,SAAQ,IAAI,CACV,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,iBAAiB,GACjB,kBAAkB,GAClB,qBAAqB,GACrB,UAAU,GACV,UAAU,CACb;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,CAAC,QAAQ,GAAG,aAAa,CAAC,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,EAAE,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C"}

package/cjs/select/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAY5C,QAAA,MAAM,MAAM,mGAybX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAY5C,QAAA,MAAM,MAAM,mGAucX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/select/result.js

@@ -84,7 +84,11 @@ var Result = function Result(props) {
     setShouldResetMore = _useState4[1];
   var render = (0, _hooks.useRender)();
   var resultRef = (0, _react.useRef)(null);
-  var prevMore = (0, _react.useRef)(more);
+  var _useRef = (0, _react.useRef)({
+      prevMore: more,
+      maxMore: 0
+    }),
+    context = _useRef.current;
   var removeLock = (0, _react.useRef)(false);
   var showInput = allowOnFilter;
   var mounted = (0, _react.useRef)(false);
@@ -287,7 +291,6 @@ var Result = function Result(props) {
     data: result,
     datas: renderMultipleResult.datas,
     size: size,
-    more: moreNumber,
     compressed: compressed,
     renderCompressed: renderCompressed,
     compressedClassName: compressedClassName,
@@ -317,13 +320,22 @@ var Result = function Result(props) {
     }
     return result;
   };
-  var handleResetMore = function handleResetMore() {
+  var handleResetMore = function handleResetMore(valueLength) {
     if (!compressed) return;
     if (isCompressedBound()) return;
     if (removeLock.current) {
       removeLock.current = false;
       return;
     }
+
+    // 性能优化：当选项数量远超容器承载能力时，跳过昂贵的DOM计算
+    // 在1000+选项时，重新计算会导致INP超过1000ms
+    var hasExistingCompression = context.prevMore > 0;
+    var hasValidEstimate = context.maxMore > 0;
+    var exceedsCapacity = valueLength && valueLength > context.maxMore;
+    if (hasExistingCompression && hasValidEstimate && exceedsCapacity) {
+      return; // 跳过重新计算，保持现有的压缩状态
+    }
     setMore(-1);
     setShouldResetMore(true);
   };
@@ -380,7 +392,7 @@ var Result = function Result(props) {
     }
   }, [focus, multiple]);
   (0, _react.useLayoutEffect)(function () {
-    handleResetMore();
+    handleResetMore((valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) || 0);
   }, [valueProp, data]);
   (0, _react.useEffect)(function () {
     // datum.getDataByValues(value); 需要等待 useTree useEffect  执行完毕 才能获取到
@@ -391,7 +403,7 @@ var Result = function Result(props) {
       var tagClassName = ".".concat(styles.tag.split(' ')[0]);
       if (shouldResetMore && isArray(value) && (value || []).length) {
         var newMore = (0, _resultMore.getResetMore)(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
-        prevMore.current = newMore;
+        context.prevMore = newMore;
         setMore(newMore);
         setShouldResetMore(false);
       } else {
@@ -405,6 +417,7 @@ var Result = function Result(props) {
     if (!resultRef.current) return;
     if (!compressed) return;
     if (isCompressedBound()) return;
+    context.maxMore = Math.floor(resultRef.current.clientWidth / 20);
     var cancelObserver = (0, _hooks.addResizeObserver)(resultRef.current, handleResetMore, {
       direction: 'x'
     });

package/cjs/tree/tree-virtual-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-virtual-node.d.ts","sourceRoot":"","sources":["tree-virtual-node.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvE,QAAA,MAAM,WAAW,mIA2IhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"tree-virtual-node.d.ts","sourceRoot":"","sources":["tree-virtual-node.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvE,QAAA,MAAM,WAAW,mIAwJhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/tree/tree-virtual-node.js

@@ -83,7 +83,19 @@ var VirtualNode = function VirtualNode(props) {
     });
     if (onToggle) onToggle(id, nextExpanded);
   };
-  var indent = size === "large" ? 32 : 24;
+  var getIndent = function getIndent() {
+    if (size === "large") {
+      if (line && level === 1) {
+        return 16;
+      }
+      return 32;
+    }
+    if (line && level === 1) {
+      return 8;
+    }
+    return 24;
+  };
+  var indent = getIndent();
   var $indents;
   if (line) {
     $indents = Array.from({

package/esm/cascader/node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,QAAA,MAAM,YAAY,gIAiJjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,QAAA,MAAM,YAAY,gIAqJjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/cascader/node.js

@@ -44,8 +44,8 @@ var CascaderNode = function CascaderNode(props) {
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
-  // const [activeState, setActiveState] = useState(false);
   var checkboxRef = useRef();
+  var hasHandleSelectRef = useRef(false);
   var isDisabled = datum.isDisabled(id);
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -86,13 +86,17 @@ var CascaderNode = function CascaderNode(props) {
     }
     if (isHoverAble) {
       events.onMouseEnter = handlePathChange;
-      if (multiple) events.onClick = handleSelect;
+      if (multiple) {
+        events.onClick = handleSelect;
+        hasHandleSelectRef.current = true;
+      }
     } else if (isRealLeafNode && multiple) {
       // 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
       events.onClick = function (e) {
         handleClick(e);
         handleSelect(e);
       };
+      hasHandleSelectRef.current = true;
     }
     return events;
   };
@@ -148,7 +152,7 @@ var CascaderNode = function CascaderNode(props) {
         className: styles.optionCheckbox,
         checked: datum.getChecked(id),
         disabled: isDisabled,
-        onChange: isRealLeafNode && multiple ? undefined : handleChange
+        onChange: hasHandleSelectRef.current ? undefined : handleChange
       }), renderContent(), renderIcon()]
     })
   }));

package/esm/select/result-more.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-more.d.ts","sourceRoot":"","sources":["result-more.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKrD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,UA6D9B;;AAsHD,wBAAyC"}
+{"version":3,"file":"result-more.d.ts","sourceRoot":"","sources":["result-more.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAKrD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,UA4C9B;;AA0GD,wBAAyC"}

package/esm/select/result-more.js

@@ -24,44 +24,25 @@ export function getResetMore(onFilter, container, doms) {
   var hideMargin = parsePxToNumber(hideElStyle.marginLeft) + parsePxToNumber(hideElStyle.marginRight);
   var num = 0;
   var sumWidth = 0;
-  var itemWidthArr = items.map(function (item) {
-    var itemStyle = getComputedStyle(item);
-    var itemLen = item.offsetWidth + parsePxToNumber(itemStyle.marginLeft) + parsePxToNumber(itemStyle.marginRight);
-    sumWidth += itemLen;
-    return itemLen;
-  });
-  if (sumWidth <= contentWidth) {
-    num = -1;
-  } else {
-    var len = 0;
-    for (var i = 0; i < itemWidthArr.length; i++) {
-      var itemLen = itemWidthArr[i];
-      // number length
-      var resetNum = items.length - 1 - i;
-      var moreWidth = void 0;
-      if (resetNum <= 0) {
-        moreWidth = 0;
-      } else {
-        var reset = "+".concat(resetNum);
-        hideEl.childNodes[0].innerText = reset;
-        // (+num) width
-        moreWidth = hideEl.offsetWidth + hideMargin;
-      }
-      len += itemLen;
-      if (len > contentWidth - moreWidth) {
-        break;
-      }
-      num += 1;
-      if (i === items.length - 1) {
-        // not show more
-        num = -1;
-      }
+  for (var i = 0; i < doms.length; i++) {
+    var _item2 = doms[i];
+    var itemStyle = getComputedStyle(_item2);
+    var itemWidth = _item2.offsetWidth + parsePxToNumber(itemStyle.marginLeft) + parsePxToNumber(itemStyle.marginRight);
+    sumWidth += itemWidth;
+    var moreWidth = 0;
+    var resetNum = items.length - 1 - i;
+    if (resetNum > 0) {
+      var reset = "+".concat(resetNum);
+      hideEl.childNodes[0].innerText = reset;
+      moreWidth = hideEl.offsetWidth + hideMargin;
     }
+    if (sumWidth > contentWidth - moreWidth) {
+      num = i;
+      break;
+    }
+    num = -1;
   }
-  // at least show one
-  if (num === 0 && itemWidthArr[0]) {
-    num = 1;
-  }
+  ;
   return num;
 }
 var More = function More(props) {
@@ -83,16 +64,7 @@ var More = function More(props) {
   var shouldShowMore = showNum < 0 || showNum >= data.length;
   var before = [];
   var after = [];
-  var itemsLength = 0;
-  var tagStyle = shouldShowMore ? {
-    position: 'absolute',
-    zIndex: -100,
-    userSelect: 'none',
-    msUserSelect: 'none',
-    contain: 'layout',
-    opacity: 0,
-    pointerEvents: 'none'
-  } : {};
+  var afterLength = 0;
   if (!shouldShowMore) {
     before = new Array(showNum).fill(undefined).map(function (_item, index) {
       return data[index];
@@ -100,9 +72,9 @@ var More = function More(props) {
     after = new Array(data.length - showNum).fill(undefined).map(function (_item, index) {
       return data[showNum + index];
     });
-    itemsLength = after.length;
+    afterLength = after.length;
   }
-  if (showNum < 0 || showNum >= data.length) {
+  if (shouldShowMore) {
     return /*#__PURE__*/_jsxs(React.Fragment, {
       children: [data, /*#__PURE__*/_jsx(Tag, {
         className: styles.tag,
@@ -129,10 +101,9 @@ var More = function More(props) {
         className: styles.tag,
         jssStyle: jssStyle,
         size: size,
-        style: tagStyle,
         mode: visible ? 'fill' : 'bright',
         color: visible ? 'info' : 'default',
-        children: shouldShowMore ? '+' : "+".concat(itemsLength)
+        children: shouldShowMore ? '+' : "+".concat(afterLength)
       }, 'more'), compressed !== 'hide-popover' && /*#__PURE__*/_jsx(Popover, {
         jssStyle: jssStyle,
         className: compressedClassName,

package/esm/select/result-more.type.d.ts

@@ -4,7 +4,6 @@ import { SelectProps } from './select.type';
 export interface ResultMoreProps<DataItem, Value> extends Pick<SelectProps<DataItem, Value>, 'jssStyle' | 'size' | 'multiple' | 'placeholder' | 'keygen' | 'value' | 'compressed' | 'compressedBound' | 'renderCompressed' | 'compressedClassName' | 'disabled' | 'onFilter'> {
     data: React.ReactNode[];
     datas?: (DataItem | UnMatchedData)[];
-    more?: number;
     showNum?: number;
     onRemove?: (item: DataItem | UnMatchedData, key?: KeygenResult, index?: number) => void;
     classes: {

package/esm/select/result-more.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result-more.type.d.ts","sourceRoot":"","sources":["result-more.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK,CAC9C,SAAQ,IAAI,CACV,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,iBAAiB,GACjB,kBAAkB,GAClB,qBAAqB,GACrB,UAAU,GACV,UAAU,CACb;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,CAAC,QAAQ,GAAG,aAAa,CAAC,EAAE,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,EAAE,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C"}
+{"version":3,"file":"result-more.type.d.ts","sourceRoot":"","sources":["result-more.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK,CAC9C,SAAQ,IAAI,CACV,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC1B,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,iBAAiB,GACjB,kBAAkB,GAClB,qBAAqB,GACrB,UAAU,GACV,UAAU,CACb;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,CAAC,QAAQ,GAAG,aAAa,CAAC,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,aAAa,EAAE,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C"}

package/esm/select/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAY5C,QAAA,MAAM,MAAM,mGAybX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAY5C,QAAA,MAAM,MAAM,mGAucX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/select/result.js

@@ -76,7 +76,11 @@ var Result = function Result(props) {
     setShouldResetMore = _useState4[1];
   var render = useRender();
   var resultRef = useRef(null);
-  var prevMore = useRef(more);
+  var _useRef = useRef({
+      prevMore: more,
+      maxMore: 0
+    }),
+    context = _useRef.current;
   var removeLock = useRef(false);
   var showInput = allowOnFilter;
   var mounted = useRef(false);
@@ -279,7 +283,6 @@ var Result = function Result(props) {
     data: result,
     datas: renderMultipleResult.datas,
     size: size,
-    more: moreNumber,
     compressed: compressed,
     renderCompressed: renderCompressed,
     compressedClassName: compressedClassName,
@@ -309,13 +312,22 @@ var Result = function Result(props) {
     }
     return result;
   };
-  var handleResetMore = function handleResetMore() {
+  var handleResetMore = function handleResetMore(valueLength) {
     if (!compressed) return;
     if (isCompressedBound()) return;
     if (removeLock.current) {
       removeLock.current = false;
       return;
     }
+
+    // 性能优化：当选项数量远超容器承载能力时，跳过昂贵的DOM计算
+    // 在1000+选项时，重新计算会导致INP超过1000ms
+    var hasExistingCompression = context.prevMore > 0;
+    var hasValidEstimate = context.maxMore > 0;
+    var exceedsCapacity = valueLength && valueLength > context.maxMore;
+    if (hasExistingCompression && hasValidEstimate && exceedsCapacity) {
+      return; // 跳过重新计算，保持现有的压缩状态
+    }
     setMore(-1);
     setShouldResetMore(true);
   };
@@ -372,7 +384,7 @@ var Result = function Result(props) {
     }
   }, [focus, multiple]);
   useLayoutEffect(function () {
-    handleResetMore();
+    handleResetMore((valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) || 0);
   }, [valueProp, data]);
   useEffect(function () {
     // datum.getDataByValues(value); 需要等待 useTree useEffect  执行完毕 才能获取到
@@ -383,7 +395,7 @@ var Result = function Result(props) {
       var tagClassName = ".".concat(styles.tag.split(' ')[0]);
       if (shouldResetMore && isArray(value) && (value || []).length) {
         var newMore = getResetMore(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
-        prevMore.current = newMore;
+        context.prevMore = newMore;
         setMore(newMore);
         setShouldResetMore(false);
       } else {
@@ -397,6 +409,7 @@ var Result = function Result(props) {
     if (!resultRef.current) return;
     if (!compressed) return;
     if (isCompressedBound()) return;
+    context.maxMore = Math.floor(resultRef.current.clientWidth / 20);
     var cancelObserver = addResizeObserver(resultRef.current, handleResetMore, {
       direction: 'x'
     });

package/esm/tree/tree-virtual-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-virtual-node.d.ts","sourceRoot":"","sources":["tree-virtual-node.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvE,QAAA,MAAM,WAAW,mIA2IhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"tree-virtual-node.d.ts","sourceRoot":"","sources":["tree-virtual-node.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvE,QAAA,MAAM,WAAW,mIAwJhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/tree/tree-virtual-node.js

@@ -77,7 +77,19 @@ var VirtualNode = function VirtualNode(props) {
     });
     if (onToggle) onToggle(id, nextExpanded);
   };
-  var indent = size === "large" ? 32 : 24;
+  var getIndent = function getIndent() {
+    if (size === "large") {
+      if (line && level === 1) {
+        return 16;
+      }
+      return 32;
+    }
+    if (line && level === 1) {
+      return 8;
+    }
+    return 24;
+  };
+  var indent = getIndent();
   var $indents;
   if (line) {
     $indents = Array.from({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.7.5-beta.7",
+  "version": "3.7.5-beta.9",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.7.5-beta.7",
+    "@sheinx/hooks": "3.7.5-beta.9",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"