@sheinx/base 3.7.5-beta.10 → 3.7.5-beta.2

package/cjs/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AAWxD,QAAA,MAAM,KAAK,UAAW,UAAU,mDA2H/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AAWxD,QAAA,MAAM,KAAK,UAAW,UAAU,mDA4H/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/alert/alert.js

@@ -128,7 +128,7 @@ var Alert = function Alert(props) {
   if (dismiss === HIDE) {
     return null;
   }
-  if (title) {
+  if ('title' in props && title !== undefined) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
       className: rootClass
     }, getRootProps()), {}, {

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,gIAqJjB,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,gIAiJjB,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,17 +92,13 @@ var CascaderNode = function CascaderNode(props) {
     }
     if (isHoverAble) {
       events.onMouseEnter = handlePathChange;
-      if (multiple) {
-        events.onClick = handleSelect;
-        hasHandleSelectRef.current = true;
-      }
+      if (multiple) events.onClick = handleSelect;
     } else if (isRealLeafNode && multiple) {
       // 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
       events.onClick = function (e) {
         handleClick(e);
         handleSelect(e);
       };
-      hasHandleSelectRef.current = true;
     }
     return events;
   };
@@ -158,7 +154,7 @@ var CascaderNode = function CascaderNode(props) {
         className: styles.optionCheckbox,
         checked: datum.getChecked(id),
         disabled: isDisabled,
-        onChange: hasHandleSelectRef.current ? undefined : handleChange
+        onChange: isRealLeafNode && multiple ? 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,UA4C9B;;AA0GD,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,UA6D9B;;AAsHD,wBAAyC"}

package/cjs/select/result-more.js

@@ -34,25 +34,44 @@ function getResetMore(onFilter, container, doms) {
   var hideMargin = (0, _hooks.parsePxToNumber)(hideElStyle.marginLeft) + (0, _hooks.parsePxToNumber)(hideElStyle.marginRight);
   var num = 0;
   var sumWidth = 0;
-  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;
-    }
+  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;
+      }
+    }
+  }
+  // at least show one
+  if (num === 0 && itemWidthArr[0]) {
+    num = 1;
   }
-  ;
   return num;
 }
 var More = function More(props) {
@@ -74,7 +93,16 @@ var More = function More(props) {
   var shouldShowMore = showNum < 0 || showNum >= data.length;
   var before = [];
   var after = [];
-  var afterLength = 0;
+  var itemsLength = 0;
+  var tagStyle = shouldShowMore ? {
+    position: 'absolute',
+    zIndex: -100,
+    userSelect: 'none',
+    msUserSelect: 'none',
+    contain: 'layout',
+    opacity: 0,
+    pointerEvents: 'none'
+  } : {};
   if (!shouldShowMore) {
     before = new Array(showNum).fill(undefined).map(function (_item, index) {
       return data[index];
@@ -82,9 +110,9 @@ var More = function More(props) {
     after = new Array(data.length - showNum).fill(undefined).map(function (_item, index) {
       return data[showNum + index];
     });
-    afterLength = after.length;
+    itemsLength = after.length;
   }
-  if (shouldShowMore) {
+  if (showNum < 0 || showNum >= data.length) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
       children: [data, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, {
         className: styles.tag,
@@ -111,9 +139,10 @@ 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(afterLength)
+        children: shouldShowMore ? '+' : "+".concat(itemsLength)
       }, 'more'), compressed !== 'hide-popover' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.default, {
         jssStyle: jssStyle,
         className: compressedClassName,

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

@@ -4,6 +4,7 @@ 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,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,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"}

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,mGAucX,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,mGAybX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/select/result.js

@@ -84,11 +84,7 @@ var Result = function Result(props) {
     setShouldResetMore = _useState4[1];
   var render = (0, _hooks.useRender)();
   var resultRef = (0, _react.useRef)(null);
-  var _useRef = (0, _react.useRef)({
-      prevMore: more,
-      maxMore: 0
-    }),
-    context = _useRef.current;
+  var prevMore = (0, _react.useRef)(more);
   var removeLock = (0, _react.useRef)(false);
   var showInput = allowOnFilter;
   var mounted = (0, _react.useRef)(false);
@@ -291,6 +287,7 @@ var Result = function Result(props) {
     data: result,
     datas: renderMultipleResult.datas,
     size: size,
+    more: moreNumber,
     compressed: compressed,
     renderCompressed: renderCompressed,
     compressedClassName: compressedClassName,
@@ -320,22 +317,13 @@ var Result = function Result(props) {
     }
     return result;
   };
-  var handleResetMore = function handleResetMore(valueLength) {
+  var handleResetMore = function handleResetMore() {
     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);
   };
@@ -392,7 +380,7 @@ var Result = function Result(props) {
     }
   }, [focus, multiple]);
   (0, _react.useLayoutEffect)(function () {
-    handleResetMore((valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) || 0);
+    handleResetMore();
   }, [valueProp, data]);
   (0, _react.useEffect)(function () {
     // datum.getDataByValues(value); 需要等待 useTree useEffect  执行完毕 才能获取到
@@ -403,7 +391,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));
-        context.prevMore = newMore;
+        prevMore.current = newMore;
         setMore(newMore);
         setShouldResetMore(false);
       } else {
@@ -417,7 +405,6 @@ 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,mIAwJhB,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,mIA2IhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -83,19 +83,7 @@ var VirtualNode = function VirtualNode(props) {
     });
     if (onToggle) onToggle(id, nextExpanded);
   };
-  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 indent = size === "large" ? 32 : 24;
   var $indents;
   if (line) {
     $indents = Array.from({

package/esm/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AAWxD,QAAA,MAAM,KAAK,UAAW,UAAU,mDA2H/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,UAAU,EAAE,MAAM,cAAc,CAAC;AAWxD,QAAA,MAAM,KAAK,UAAW,UAAU,mDA4H/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/alert/alert.js

@@ -120,7 +120,7 @@ var Alert = function Alert(props) {
   if (dismiss === HIDE) {
     return null;
   }
-  if (title) {
+  if ('title' in props && title !== undefined) {
     return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
       className: rootClass
     }, getRootProps()), {}, {

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,gIAqJjB,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,gIAiJjB,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,17 +86,13 @@ var CascaderNode = function CascaderNode(props) {
     }
     if (isHoverAble) {
       events.onMouseEnter = handlePathChange;
-      if (multiple) {
-        events.onClick = handleSelect;
-        hasHandleSelectRef.current = true;
-      }
+      if (multiple) events.onClick = handleSelect;
     } else if (isRealLeafNode && multiple) {
       // 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
       events.onClick = function (e) {
         handleClick(e);
         handleSelect(e);
       };
-      hasHandleSelectRef.current = true;
     }
     return events;
   };
@@ -152,7 +148,7 @@ var CascaderNode = function CascaderNode(props) {
         className: styles.optionCheckbox,
         checked: datum.getChecked(id),
         disabled: isDisabled,
-        onChange: hasHandleSelectRef.current ? undefined : handleChange
+        onChange: isRealLeafNode && multiple ? 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,UA4C9B;;AA0GD,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,UA6D9B;;AAsHD,wBAAyC"}

package/esm/select/result-more.js

@@ -24,25 +24,44 @@ export function getResetMore(onFilter, container, doms) {
   var hideMargin = parsePxToNumber(hideElStyle.marginLeft) + parsePxToNumber(hideElStyle.marginRight);
   var num = 0;
   var sumWidth = 0;
-  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;
-    }
+  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;
+      }
+    }
+  }
+  // at least show one
+  if (num === 0 && itemWidthArr[0]) {
+    num = 1;
   }
-  ;
   return num;
 }
 var More = function More(props) {
@@ -64,7 +83,16 @@ var More = function More(props) {
   var shouldShowMore = showNum < 0 || showNum >= data.length;
   var before = [];
   var after = [];
-  var afterLength = 0;
+  var itemsLength = 0;
+  var tagStyle = shouldShowMore ? {
+    position: 'absolute',
+    zIndex: -100,
+    userSelect: 'none',
+    msUserSelect: 'none',
+    contain: 'layout',
+    opacity: 0,
+    pointerEvents: 'none'
+  } : {};
   if (!shouldShowMore) {
     before = new Array(showNum).fill(undefined).map(function (_item, index) {
       return data[index];
@@ -72,9 +100,9 @@ var More = function More(props) {
     after = new Array(data.length - showNum).fill(undefined).map(function (_item, index) {
       return data[showNum + index];
     });
-    afterLength = after.length;
+    itemsLength = after.length;
   }
-  if (shouldShowMore) {
+  if (showNum < 0 || showNum >= data.length) {
     return /*#__PURE__*/_jsxs(React.Fragment, {
       children: [data, /*#__PURE__*/_jsx(Tag, {
         className: styles.tag,
@@ -101,9 +129,10 @@ 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(afterLength)
+        children: shouldShowMore ? '+' : "+".concat(itemsLength)
       }, 'more'), compressed !== 'hide-popover' && /*#__PURE__*/_jsx(Popover, {
         jssStyle: jssStyle,
         className: compressedClassName,

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

@@ -4,6 +4,7 @@ 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,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,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"}

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,mGAucX,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,mGAybX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/select/result.js

@@ -76,11 +76,7 @@ var Result = function Result(props) {
     setShouldResetMore = _useState4[1];
   var render = useRender();
   var resultRef = useRef(null);
-  var _useRef = useRef({
-      prevMore: more,
-      maxMore: 0
-    }),
-    context = _useRef.current;
+  var prevMore = useRef(more);
   var removeLock = useRef(false);
   var showInput = allowOnFilter;
   var mounted = useRef(false);
@@ -283,6 +279,7 @@ var Result = function Result(props) {
     data: result,
     datas: renderMultipleResult.datas,
     size: size,
+    more: moreNumber,
     compressed: compressed,
     renderCompressed: renderCompressed,
     compressedClassName: compressedClassName,
@@ -312,22 +309,13 @@ var Result = function Result(props) {
     }
     return result;
   };
-  var handleResetMore = function handleResetMore(valueLength) {
+  var handleResetMore = function handleResetMore() {
     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);
   };
@@ -384,7 +372,7 @@ var Result = function Result(props) {
     }
   }, [focus, multiple]);
   useLayoutEffect(function () {
-    handleResetMore((valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) || 0);
+    handleResetMore();
   }, [valueProp, data]);
   useEffect(function () {
     // datum.getDataByValues(value); 需要等待 useTree useEffect  执行完毕 才能获取到
@@ -395,7 +383,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));
-        context.prevMore = newMore;
+        prevMore.current = newMore;
         setMore(newMore);
         setShouldResetMore(false);
       } else {
@@ -409,7 +397,6 @@ 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,mIAwJhB,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,mIA2IhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -77,19 +77,7 @@ var VirtualNode = function VirtualNode(props) {
     });
     if (onToggle) onToggle(id, nextExpanded);
   };
-  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 indent = size === "large" ? 32 : 24;
   var $indents;
   if (line) {
     $indents = Array.from({

package/package.json

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