shineout 3.5.0-beta.7 → 3.5.0-beta.8

package/cjs/index.js

@@ -500,5 +500,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.5.0-beta.7'
+  version: '3.5.0-beta.8'
 };

package/cjs/tests/utils.d.ts

@@ -8,6 +8,7 @@ export declare function componentsClassTest(components: NodeListOf<Element>, boo
 export declare function textContentTest(element: Element, text: string | null | undefined): void;
 export declare function classContentTest(element: Element, name: string, bool?: boolean): void;
 export declare function styleTest(element: Element, style: string): void;
+export declare function styleContainTest(element: Element, styleObject: object): void;
 export declare function styleContentTest(element: Element, name: string, bool?: boolean): void;
 export interface StyleProps {
     [key: string]: string;

package/cjs/tests/utils.js

@@ -17,6 +17,7 @@ exports.inputPlaceholderTest = inputPlaceholderTest;
 exports.inputValueTest = inputValueTest;
 exports.snapshotTest = snapshotTest;
 exports.snapshotTestByClick = snapshotTestByClick;
+exports.styleContainTest = styleContainTest;
 exports.styleContentTest = styleContentTest;
 exports.styleTest = styleTest;
 exports.textContentTest = textContentTest;
@@ -83,6 +84,9 @@ function classContentTest(element, name) {
 function styleTest(element, style) {
   attributesTest(element, 'style', style);
 }
+function styleContainTest(element, styleObject) {
+  expect(element.style).toEqual(expect.objectContaining(styleObject));
+}
 function styleContentTest(element, name) {
   var _element$getAttribute2;
   var bool = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;

package/dist/shineout.js

@@ -11993,7 +11993,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.5.0-beta.7');
+/* harmony default export */ var version = ('3.5.0-beta.8');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -22330,7 +22330,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     },
     '&:hover': objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
       cursor: 'pointer',
-      '&$clearable:not($wrapperEmpty)': {
+      '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
         '& $clearIcon': {
           display: 'block'
         },
@@ -28831,129 +28831,6 @@ var getDataAttribute = function getDataAttribute(attrs) {
 var getDataAttributeName = function getDataAttributeName(name) {
   return "data-soui-".concat(name);
 };
-;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/get-position-style.ts
-
-var ReverseDir = {
-  left: 'right',
-  right: 'left',
-  top: 'bottom',
-  bottom: 'top'
-};
-var getPositionStyle = function getPositionStyle(position, config) {
-  var _ref = config || {},
-    _ref$popupGap = _ref.popupGap,
-    popupGap = _ref$popupGap === void 0 ? 0 : _ref$popupGap;
-  var mainMargin = "calc(100% + ".concat(popupGap, "px)");
-  var halfMargin = "calc(50% + ".concat(popupGap, "px)");
-  var newStyle = {
-    zIndex: config === null || config === void 0 ? void 0 : config.zIndex
-  };
-  if (config !== null && config !== void 0 && config.fixedWidth) {
-    var key = config.fixedWidth === 'min' ? 'minWidth' : 'width';
-    newStyle[key] = '100%';
-  }
-  if (position === 'drop-down') {
-    newStyle.top = mainMargin;
-    newStyle.left = 0;
-  } else if (position === 'drop-up') {
-    newStyle.bottom = mainMargin;
-    newStyle.left = 0;
-  } else {
-    var positionArr = (position || '').split('-');
-    if (positionArr.length === 2) {
-      var _positionArr = slicedToArray_default()(positionArr, 2),
-        m = _positionArr[0],
-        n = _positionArr[1];
-      newStyle[ReverseDir[m]] = mainMargin;
-      newStyle[n] = 0;
-    } else {
-      var _positionArr2 = slicedToArray_default()(positionArr, 1),
-        _m = _positionArr2[0];
-      newStyle[ReverseDir[_m]] = mainMargin;
-      if (_m === 'left' || _m === 'right') {
-        newStyle.top = halfMargin;
-        newStyle.transform = 'translateY(-50%)';
-      }
-      if (_m === 'top' || _m === 'bottom') {
-        newStyle.left = halfMargin;
-        newStyle.transform = 'translateX(-50%)';
-      }
-    }
-  }
-  return newStyle;
-};
-// EXTERNAL MODULE: ../../node_modules/.pnpm/react-fast-compare@3.2.2/node_modules/react-fast-compare/index.js
-var react_fast_compare = __webpack_require__(5284);
-var react_fast_compare_default = /*#__PURE__*/__webpack_require__.n(react_fast_compare);
-;// CONCATENATED MODULE: ../hooks/src/utils/shallow-equal.ts
-
-
-var shallow_equal_hasOwnProperty = Object.prototype.hasOwnProperty;
-function is(x, y) {
-  if (x === y) {
-    return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  }
-  // eslint-disable-next-line
-  return x !== x && y !== y;
-}
-function getOption(options, key) {
-  if (!options[key]) return [];
-  var val = options[key];
-  return Array.isArray(val) ? val : [val];
-}
-function compareColumns(columns1, columns2) {
-  if (!columns1 || !columns2) return true;
-  if (columns1.length !== columns2.length) return false;
-  var simpleCompare = columns1.every(function (c, i) {
-    return c.width === columns2[i].width || Number.isNaN(c.width) && Number.isNaN(columns2[i].width);
-  });
-  if (!simpleCompare) return false;
-  var complexCompare = columns1.every(function (c, i) {
-    if (Array.isArray(c.group) && Array.isArray(columns2[i].group)) return c.group.every(function (d, index) {
-      return d === columns2[i].group[index];
-    });
-    return c.group === columns2[i].group;
-  });
-  return complexCompare;
-}
-function shallowEqual(objA, objB) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  if (is(objA, objB)) {
-    return true;
-  }
-  if (typeof_default()(objA) !== 'object' || objA === null || typeof_default()(objB) !== 'object' || objB === null) {
-    return false;
-  }
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-  var skip = getOption(options, 'skip');
-  var deep = getOption(options, 'deep');
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  keysA.sort(function (a, b) {
-    return deep.indexOf(a) - deep.indexOf(b);
-  });
-
-  // Test for A's keys different from B.
-  for (var i = 0; i < keysA.length; i++) {
-    var k = keysA[i];
-    if (skip.includes(k)) continue;
-    if (!shallow_equal_hasOwnProperty.call(objB, k) || !is(objA[k], objB[k])) {
-      if (objA[k] instanceof Error && objB[k] instanceof Error) {
-        if (objA[k].message !== objB[k].message) return false;
-        continue;
-      }
-      if (deep.includes(k)) {
-        if (!react_fast_compare_default()(objA[k], objB[k])) return false;
-      } else {
-        return false;
-      }
-    }
-  }
-  return true;
-}
-/* harmony default export */ var shallow_equal = (shallowEqual);
 ;// CONCATENATED MODULE: ../hooks/src/utils/func.ts
 // 节流函数
 var throttle = function throttle(func, wait) {
@@ -29149,6 +29026,209 @@ function cssSupport(attr, value) {
 var parsePxToNumber = function parsePxToNumber(str) {
   return Number(str.replace(/\s+|px/gi, ''));
 };
+;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/get-position-style.ts
+
+var ReverseDir = {
+  left: 'right',
+  right: 'left',
+  top: 'bottom',
+  bottom: 'top'
+};
+var getPositionStyle = function getPositionStyle(position, config) {
+  var _ref = config || {},
+    _ref$popupGap = _ref.popupGap,
+    popupGap = _ref$popupGap === void 0 ? 0 : _ref$popupGap;
+  var mainMargin = "calc(100% + ".concat(popupGap, "px)");
+  var halfMargin = "calc(50% + ".concat(popupGap, "px)");
+  var newStyle = {
+    zIndex: config === null || config === void 0 ? void 0 : config.zIndex
+  };
+  if (config !== null && config !== void 0 && config.fixedWidth) {
+    var key = config.fixedWidth === 'min' ? 'minWidth' : 'width';
+    newStyle[key] = '100%';
+  }
+  if (position === 'drop-down') {
+    newStyle.top = mainMargin;
+    newStyle.left = 0;
+  } else if (position === 'drop-up') {
+    newStyle.bottom = mainMargin;
+    newStyle.left = 0;
+  } else {
+    var positionArr = (position || '').split('-');
+    if (positionArr.length === 2) {
+      var _positionArr = slicedToArray_default()(positionArr, 2),
+        m = _positionArr[0],
+        n = _positionArr[1];
+      newStyle[ReverseDir[m]] = mainMargin;
+      newStyle[n] = 0;
+    } else {
+      var _positionArr2 = slicedToArray_default()(positionArr, 1),
+        _m = _positionArr2[0];
+      newStyle[ReverseDir[_m]] = mainMargin;
+      if (_m === 'left' || _m === 'right') {
+        newStyle.top = halfMargin;
+        newStyle.transform = 'translateY(-50%)';
+      }
+      if (_m === 'top' || _m === 'bottom') {
+        newStyle.left = halfMargin;
+        newStyle.transform = 'translateX(-50%)';
+      }
+    }
+  }
+  return newStyle;
+};
+;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/check-position.ts
+
+
+var useCheckElementPosition = function useCheckElementPosition(elementRef) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var enable = options.enable,
+    scrollContainer = options.scrollContainer;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({
+      top: 0,
+      left: 0
+    }),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    position = _useState2[0],
+    setPosition = _useState2[1];
+  var lastPosition = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+    top: 0,
+    left: 0
+  });
+  var checkPosition = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function () {
+    if (elementRef.current) {
+      var rect = elementRef.current.getBoundingClientRect();
+      var scrollContainerRect = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.getBoundingClientRect();
+      var newPosition;
+      if (scrollContainerRect) {
+        newPosition = {
+          top: rect.top - scrollContainerRect.top,
+          left: rect.left - scrollContainerRect.left
+        };
+      } else {
+        newPosition = {
+          top: rect.top,
+          left: rect.left
+        };
+      }
+      if (newPosition.top !== lastPosition.current.top || newPosition.left !== lastPosition.current.left) {
+        setPosition(newPosition);
+        lastPosition.current = newPosition;
+      }
+    }
+  }, [elementRef, scrollContainer]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var _window;
+    if (!enable) return;
+    var element = elementRef.current;
+    var container = scrollContainer || window;
+    if (!element) return;
+
+    // 初始检查
+    checkPosition();
+    var resizeObserver = null;
+    if ((_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
+      resizeObserver = new ResizeObserver(checkPosition);
+      resizeObserver.observe(element);
+      if (container instanceof Element) {
+        resizeObserver.observe(container);
+      }
+    }
+    // 滚动事件监听
+    container.addEventListener('scroll', checkPosition);
+
+    // 如果容器不是 window，我们仍然需要监听 window 的 resize 事件
+    if (container !== window) {
+      window.addEventListener('resize', checkPosition);
+    }
+
+    // 清理函数
+    return function () {
+      var _resizeObserver;
+      (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 || _resizeObserver.disconnect();
+      container.removeEventListener('scroll', checkPosition);
+      if (container !== window) {
+        window.removeEventListener('resize', checkPosition);
+      }
+    };
+  }, [enable, elementRef, scrollContainer, checkPosition]);
+  if (!enable || !elementRef) {
+    return null;
+  }
+  return position;
+};
+// EXTERNAL MODULE: ../../node_modules/.pnpm/react-fast-compare@3.2.2/node_modules/react-fast-compare/index.js
+var react_fast_compare = __webpack_require__(5284);
+var react_fast_compare_default = /*#__PURE__*/__webpack_require__.n(react_fast_compare);
+;// CONCATENATED MODULE: ../hooks/src/utils/shallow-equal.ts
+
+
+var shallow_equal_hasOwnProperty = Object.prototype.hasOwnProperty;
+function is(x, y) {
+  if (x === y) {
+    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+  }
+  // eslint-disable-next-line
+  return x !== x && y !== y;
+}
+function getOption(options, key) {
+  if (!options[key]) return [];
+  var val = options[key];
+  return Array.isArray(val) ? val : [val];
+}
+function compareColumns(columns1, columns2) {
+  if (!columns1 || !columns2) return true;
+  if (columns1.length !== columns2.length) return false;
+  var simpleCompare = columns1.every(function (c, i) {
+    return c.width === columns2[i].width || Number.isNaN(c.width) && Number.isNaN(columns2[i].width);
+  });
+  if (!simpleCompare) return false;
+  var complexCompare = columns1.every(function (c, i) {
+    if (Array.isArray(c.group) && Array.isArray(columns2[i].group)) return c.group.every(function (d, index) {
+      return d === columns2[i].group[index];
+    });
+    return c.group === columns2[i].group;
+  });
+  return complexCompare;
+}
+function shallowEqual(objA, objB) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (is(objA, objB)) {
+    return true;
+  }
+  if (typeof_default()(objA) !== 'object' || objA === null || typeof_default()(objB) !== 'object' || objB === null) {
+    return false;
+  }
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
+  var skip = getOption(options, 'skip');
+  var deep = getOption(options, 'deep');
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+  keysA.sort(function (a, b) {
+    return deep.indexOf(a) - deep.indexOf(b);
+  });
+
+  // Test for A's keys different from B.
+  for (var i = 0; i < keysA.length; i++) {
+    var k = keysA[i];
+    if (skip.includes(k)) continue;
+    if (!shallow_equal_hasOwnProperty.call(objB, k) || !is(objA[k], objB[k])) {
+      if (objA[k] instanceof Error && objB[k] instanceof Error) {
+        if (objA[k].message !== objB[k].message) return false;
+        continue;
+      }
+      if (deep.includes(k)) {
+        if (!react_fast_compare_default()(objA[k], objB[k])) return false;
+      } else {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+/* harmony default export */ var shallow_equal = (shallowEqual);
 ;// CONCATENATED MODULE: ../hooks/src/common/use-position-style/index.ts
 
 
@@ -29162,8 +29242,7 @@ var verticalPosition = ['bottom-left', 'bottom-right', 'top-left', 'top-right',
 var hideStyle = {
   pointerEvents: 'none',
   position: 'fixed',
-  zIndex: -1000,
-  opacity: 0
+  visibility: 'hidden'
 };
 var usePositionStyle = function usePositionStyle(config) {
   var _ref = config || {},
@@ -29191,7 +29270,6 @@ var usePositionStyle = function usePositionStyle(config) {
     arrayStyle = _useState4[0],
     setArrayStyle = _useState4[1];
   var _React$useRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef({
-      element: null,
       containerRect: {
         left: 0,
         width: 0
@@ -29205,10 +29283,13 @@ var usePositionStyle = function usePositionStyle(config) {
         width: 0
       },
       popUpHeight: 0,
-      popUpWidth: 0,
-      opsStyle: {}
+      popUpWidth: 0
     }),
     context = _React$useRef.current;
+  var parentElNewPosition = useCheckElementPosition(parentElRef, {
+    scrollContainer: scrollElRef === null || scrollElRef === void 0 ? void 0 : scrollElRef.current,
+    enable: show && adjust
+  });
   var adjustPosition = function adjustPosition(position) {
     var winHeight = docSize.height;
     if (!verticalPosition.includes(position)) return position;
@@ -29275,7 +29356,6 @@ var usePositionStyle = function usePositionStyle(config) {
     }
     var targetPosition = position;
     var rootContainer = getContainer() || document.body;
-    var closestScrollContainer = absolute ? null : getClosestScrollContainer(parentElRef.current);
     var containerRect = rootContainer.getBoundingClientRect();
     var bodyRect = (document.documentElement || document.body).getBoundingClientRect();
     var containerScrollBarWidth = rootContainer.offsetWidth - rootContainer.clientWidth;
@@ -29294,7 +29374,7 @@ var usePositionStyle = function usePositionStyle(config) {
       var overRight = 0;
       var overLeft = 0;
       if (h === 'left') {
-        style.left = rect.left - containerRect.left + containerScroll.left + ((closestScrollContainer === null || closestScrollContainer === void 0 ? void 0 : closestScrollContainer.scrollLeft) || 0);
+        style.left = rect.left - containerRect.left + containerScroll.left;
         style.transform = '';
         arrayStyle.left = "8px";
         if (adjust) {
@@ -29483,7 +29563,7 @@ var usePositionStyle = function usePositionStyle(config) {
       setArrayStyle(newArrayStyle || {});
     }
   });
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(updateStyle, [show, position, absolute, updateKey, fixedWidth]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(updateStyle, [show, position, absolute, updateKey, fixedWidth, parentElNewPosition]);
   return {
     style: style,
     arrayStyle: arrayStyle
@@ -30114,7 +30194,9 @@ var useContainer = function useContainer() {
 'use client';
 
 
-var AbsoluteContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createContext)(false);
+var AbsoluteContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createContext)({
+  absolute: false
+});
 AbsoluteContext.displayName = 'AbsoluteContext';
 /* harmony default export */ var absolute_context = (AbsoluteContext);
 ;// CONCATENATED MODULE: ../base/src/absolute-list/absolute-list.tsx
@@ -30128,7 +30210,7 @@ var AbsoluteList = function AbsoluteList(props) {
   var position = props.position,
     children = props.children,
     parentElRef = props.parentElRef,
-    scrollElRef = props.scrollElRef,
+    scrollElRefProp = props.scrollElRef,
     fixedWidth = props.fixedWidth,
     _props$zIndex = props.zIndex,
     zIndex = _props$zIndex === void 0 ? 1051 : _props$zIndex,
@@ -30142,7 +30224,9 @@ var AbsoluteList = function AbsoluteList(props) {
     destroy = _props$destroy === void 0 ? false : _props$destroy,
     _props$lazy = props.lazy,
     lazy = _props$lazy === void 0 ? true : _props$lazy;
-  var defaultAbsolute = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(absolute_context);
+  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(absolute_context),
+    defaultAbsolute = _useContext.absolute,
+    scrollElRefContext = _useContext.scrollElRef;
   var absolute = props.absolute === undefined ? defaultAbsolute : props.absolute;
   var _useContainer = use_container({
       container: typeof absolute === 'function' ? absolute : undefined
@@ -30152,6 +30236,19 @@ var AbsoluteList = function AbsoluteList(props) {
       rendered: false
     }),
     context = _useRef.current;
+  var closestScrollContainerRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
+
+  // scrollElRef的3个来源：1. 外部传入 2. 上下文传入 3. 最接近的滚动容器
+  var finalScrollElRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(function () {
+    return scrollElRefProp || scrollElRefContext || closestScrollContainerRef;
+  }, [scrollElRefProp, scrollElRefContext]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (scrollElRefProp || scrollElRefContext) return;
+    var closestScrollContainer = getClosestScrollContainer(parentElRef.current);
+    if (closestScrollContainer) {
+      closestScrollContainerRef.current = closestScrollContainer;
+    }
+  }, [parentElRef, scrollElRefProp, scrollElRefContext]);
   var _usePositionStyle = usePositionStyle({
       getContainer: getRoot,
       position: position,
@@ -30160,7 +30257,7 @@ var AbsoluteList = function AbsoluteList(props) {
       show: focus,
       fixedWidth: fixedWidth,
       zIndex: zIndex,
-      scrollElRef: scrollElRef,
+      scrollElRef: finalScrollElRef,
       popupElRef: popupElRef,
       updateKey: updateKey,
       popupGap: popupGap,
@@ -38468,6 +38565,7 @@ var result_Result = function Result(props) {
     if (!multiple && valueProp && valueProp !== 0) {
       var _result = getDataByValues(value);
       _placeholder = renderResultContent(_result[0]);
+      if (_placeholder === undefined) _placeholder = placeholder;
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(result_input, {
@@ -38654,7 +38752,26 @@ var result_Result = function Result(props) {
       if (_result2.length > 0) {
         var inputTmpText = renderResultContent(_result2[0]);
         if (inputTmpText) {
-          props.setInputText(inputTmpText);
+          // 提取result文本
+          var getTextFromReactElement = function getTextFromReactElement(element) {
+            if (!element) return '';
+            // 如果是字符串或数字，直接返回
+            if (typeof element === 'string' || typeof element === 'number') return String(element);
+            // 如果是 React Element，处理的是renderResult返回的是React Element的场景
+            if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(element)) {
+              var _element$props;
+              var children = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.children;
+              if (Array.isArray(children)) {
+                return children.map(function (child) {
+                  return getTextFromReactElement(child);
+                }).join('');
+              }
+              return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) ? getTextFromReactElement(children) : String(children || '');
+            }
+            return '';
+          };
+          var textContent = getTextFromReactElement(inputTmpText);
+          props.setInputText(textContent);
         }
       }
       setTimeout(function () {
@@ -44511,7 +44628,7 @@ var DatePicker = function DatePicker(props0) {
     }
   }, []);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({}, getDataAttribute(defineProperty_default()(defineProperty_default()({}, 'input-border', 'true'), "type", type))), {}, {
-    className: classnames_default()(props.className, styles === null || styles === void 0 ? void 0 : styles.wrapper, props.innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), focused && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), range && (styles === null || styles === void 0 ? void 0 : styles.wrapperRange), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!props.underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline)),
+    className: classnames_default()(props.className, styles === null || styles === void 0 ? void 0 : styles.wrapper, props.innerTitle && (styles === null || styles === void 0 ? void 0 : styles.wrapperInnerTitle), size === 'small' && (styles === null || styles === void 0 ? void 0 : styles.wrapperSmall), size === 'large' && (styles === null || styles === void 0 ? void 0 : styles.wrapperLarge), focused && disabled !== true && (styles === null || styles === void 0 ? void 0 : styles.wrapperFocus), disabledStatus === 'all' && (styles === null || styles === void 0 ? void 0 : styles.wrapperDisabled), (!!props.error || props.status === 'error') && (styles === null || styles === void 0 ? void 0 : styles.wrapperError), range && (styles === null || styles === void 0 ? void 0 : styles.wrapperRange), !border && (styles === null || styles === void 0 ? void 0 : styles.wrapperNoBorder), !!props.underline && (styles === null || styles === void 0 ? void 0 : styles.wrapperUnderline)),
     style: objectSpread2_default()({
       width: props.width
     }, props.style),
@@ -49658,6 +49775,11 @@ var useNumberFormat = function useNumberFormat(props) {
     setInternalInputValue(getStringValue(val));
     if (typeof val === 'string') {
       var num = parseFloat(val);
+      if (val === '') {
+        // 如果允许空值，则返回 null，否则返回 undefined
+        onChange === null || onChange === void 0 || onChange(allowNull ? null : undefined);
+        return;
+      }
       if (isNaN(num)) return;
       onChange === null || onChange === void 0 || onChange(num);
     } else {
@@ -58352,18 +58474,18 @@ var thead_toNum = toNum;
     }),
     groupColumns = _useTableGroup.groupColumns,
     columnLevel = _useTableGroup.columnLevel;
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    var heights = trRefs.current.map(function (tr) {
-      return (tr === null || tr === void 0 ? void 0 : tr.offsetHeight) || 0;
-    });
-    context.trHeights = heights;
-  }, [groupColumns]);
   var config = useConfig();
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       dragIndex: -1,
       trHeights: []
     }),
     context = _useRef.current;
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var heights = trRefs.current.map(function (tr) {
+      return (tr === null || tr === void 0 ? void 0 : tr.offsetHeight) || 0;
+    });
+    context.trHeights = heights;
+  }, [groupColumns]);
   var handleDragMove = usePersistFn(function (deltaX) {
     props === null || props === void 0 || props.dragCol(context.dragIndex, deltaX);
   });
@@ -58386,7 +58508,7 @@ var thead_toNum = toNum;
     });
   };
   var renderSort = function renderSort(column) {
-    var _sortInfo$get;
+    var _sortInfo$get, _ref, _column$sortDirection;
     if (!column.sorter) {
       return null;
     }
@@ -58397,6 +58519,7 @@ var thead_toNum = toNum;
       }
     };
     var isCustomRender = props.renderSorter && typeof props.renderSorter === 'function';
+    var renderedSortDirections = (_ref = (_column$sortDirection = column.sortDirections) !== null && _column$sortDirection !== void 0 ? _column$sortDirection : props.sortDirections) !== null && _ref !== void 0 ? _ref : ['asc', 'desc'];
     return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterContainer,
       dir: config.direction,
@@ -58409,13 +58532,13 @@ var thead_toNum = toNum;
           return handleChange('desc');
         }
       }) : /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        children: [renderedSortDirections.includes('asc') && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterAsc, currentOrder === 'asc' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterActive)),
           onClick: function onClick() {
             handleChange(currentOrder === 'asc' ? null : 'asc');
           },
           children: icons_config.table.SortUp
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        }), renderedSortDirections.includes('desc') && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: classnames_default()(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterDesc, currentOrder === 'desc' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterActive)),
           onClick: function onClick() {
             handleChange(currentOrder === 'desc' ? null : 'desc');
@@ -59053,9 +59176,13 @@ var Tr = function Tr(props) {
     var tagName = el.tagName;
     if (tagName === 'TD' || tagName === 'TR') return false;
     if (tagName === 'A' || tagName === 'BUTTON' || tagName === 'INPUT') return true;
-    if (preventClasses.find(function (c) {
-      return el.classList.contains(c);
-    })) return true;
+    var isPreventElement = preventClasses.find(function (cl) {
+      var classes = cl === null || cl === void 0 ? void 0 : cl.split(' ');
+      return classes.some(function (c) {
+        return el.classList.contains(c);
+      });
+    });
+    if (isPreventElement) return true;
     if (!el.parentElement) return true;
     return isNotExpandableElement(el.parentElement);
   };
@@ -59079,8 +59206,8 @@ var Tr = function Tr(props) {
         }
       }
     }
-    if (isNotExpandableElement(target)) return;
     if (props.rowClickExpand) {
+      if (isNotExpandableElement(target)) return;
       props.handleExpandClick(props.expandCol, props.rawData, props.rowIndex);
     }
   });
@@ -59593,6 +59720,7 @@ var emptyRef = {
       data: treeData,
       colgroup: colgroup,
       sortInfo: sortInfo,
+      sortDirections: props.sortDirections,
       onSorterChange: onSorterChange,
       dragCol: layoutFunc.dragCol,
       resizeCol: layoutFunc.resizeCol,
@@ -59815,7 +59943,10 @@ var emptyRef = {
       ref: tableRef,
       dir: config.direction,
       children: /*#__PURE__*/(0,jsx_runtime.jsxs)(absolute_context.Provider, {
-        value: true,
+        value: {
+          absolute: true,
+          scrollElRef: scrollRef
+        },
         children: [renderTable(), renderLoading(), props.children]
       })
     })), renderPagination()]
@@ -66015,7 +66146,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.5.0-beta.7'
+  version: '3.5.0-beta.8'
 });
 }();
 /******/ 	return __webpack_exports__;