@sheinx/base 3.3.3-beta.5 → 3.3.3-beta.7

package/cjs/cascader/cascader.type.d.ts

@@ -121,8 +121,8 @@ export interface CascaderProps<DataItem, Value extends KeygenResult[]> extends P
      */
     open?: boolean;
     /**
-     * @en Selected key (controlled)
-     * @cn 选中的 key （受控)
+     * @en Selected key (controlled). Note: Do not use undefined and null as meaningful option values. When the value type is undefined and null, the component will not process data and rendering
+     * @cn 选中的 key （受控)。注意，请勿将 undefined 和 null 作为有意义的选项值，当 value 类型为 undefined 和 null 时，组件将不处理数据和渲染
      */
     value?: Value;
     /**

package/cjs/dropdown/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAuB1D,cAAM,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IAC/C,MAAM,CAAC,YAAY;;;MAAgB;gBAEvB,KAAK,EAAE,SAAS;IAK5B,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU;IAY/B,MAAM;CAqCP;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAuB1D,cAAM,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IAC/C,MAAM,CAAC,YAAY;;;MAAgB;gBAEvB,KAAK,EAAE,SAAS;IAK5B,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU;IAY/B,MAAM;CAyCP;AAED,eAAe,IAAI,CAAC"}

package/cjs/dropdown/Item.js

@@ -10,7 +10,7 @@ var _hooks = require("@sheinx/hooks");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["className"],
-  _excluded2 = ["className"];
+  _excluded2 = ["className", "onClick"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -89,10 +89,15 @@ var Item = /*#__PURE__*/function (_React$PureComponent) {
         var _ref2 = content.props,
           _ref2$className = _ref2.className,
           contentPropsClassName = _ref2$className === void 0 ? '' : _ref2$className,
+          contentPropsOnClick = _ref2.onClick,
           otherContentProps = _objectWithoutProperties(_ref2, _excluded2);
         var className = (0, _classnames.default)(propsClassName, contentPropsClassName);
         return /*#__PURE__*/(0, _react.cloneElement)(content, Object.assign(otherProps, otherContentProps, {
-          className: className
+          className: className,
+          onClick: function onClick(e) {
+            if (contentPropsOnClick) contentPropsOnClick(e);
+            if (props.onClick) props.onClick(e);
+          }
         }));
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({}, props), {}, {

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;AAQ5C,QAAA,MAAM,MAAM,uEAmXX,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;AAQ5C,QAAA,MAAM,MAAM,uEA0XX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/select/result.js

@@ -65,7 +65,7 @@ var Result = function Result(props) {
     onRemove = props.onRemove,
     onResultItemClick = props.onResultItemClick,
     data = props.data;
-  var value = isArray(valueProp) ? valueProp : [valueProp];
+  var value = [null, undefined].includes(valueProp) ? [] : Array.isArray(valueProp) ? valueProp : [valueProp];
   var _useState = (0, _react.useState)(-1),
     _useState2 = _slicedToArray(_useState, 2),
     more = _useState2[0],
@@ -222,7 +222,9 @@ var Result = function Result(props) {
     }, 'single');
   };
   var getValueArr = function getValueArr(v) {
-    return isArray(v) ? v : [v];
+    return (isArray(v) ? v : [v]).filter(function (v) {
+      return v !== undefined && v !== null;
+    });
   };
   var renderMultipleResult = function renderMultipleResult() {
     if (isEmptyResult()) return renderNbsp();

package/cjs/select/select.type.d.ts

@@ -147,8 +147,8 @@ export interface SelectPropsBase<DataItem, Value> extends Omit<BaseSelectProps<D
      */
     keygen: KeygenType<DataItem>;
     /**
-     * @en In the Form, the value will be taken over by the form and the value will be invalid
-     * @cn 在 Form 中，value 会被表单接管，value 无效
+     * @en In the Form, the value will be taken over by the form, and the value is invalid. Note: Do not use undefined and null as meaningful option values. When the value type is undefined and null, the component will not process data and rendering
+     * @cn 在 Form 中，value 会被表单接管，value 无效。注意，请勿将 undefined 和 null 作为有意义的选项值，当 value 类型为 undefined 和 null 时，组件将不处理数据和渲染
      * @override any
      */
     value?: Value;

package/cjs/table/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBAqSzB,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAMvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBAkTzB,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/cjs/table/tr.js

@@ -74,12 +74,22 @@ var Tr = function Tr(props) {
       columnKey: props.columns[colIndex].key
     });
   });
-  (0, _react.useEffect)(function () {
+  var setVirtualRowHeight = (0, _hooks.usePersistFn)(function () {
     if (props.setRowHeight && trRef.current) {
       var expandHeight = expandRef.current ? expandRef.current.getBoundingClientRect().height : 0;
       props.setRowHeight(props.rowIndex, trRef.current.getBoundingClientRect().height + expandHeight);
     }
-  }, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
+  });
+  (0, _react.useEffect)(setVirtualRowHeight, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
+  (0, _react.useEffect)(function () {
+    if (!trRef.current) return;
+    var cancelObserver = (0, _hooks.addResizeObserver)(trRef.current, setVirtualRowHeight, {
+      direction: 'y'
+    });
+    return function () {
+      cancelObserver();
+    };
+  }, []);
   var renderTreeExpand = function renderTreeExpand(content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;

package/cjs/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AA4GtC,wBAAqC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAyHtC,wBAAqC"}

package/cjs/tabs/tab.js

@@ -20,7 +20,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var Tab = function Tab(props, ref) {
   var _jssStyle$tabs;
   var jssStyle = props.jssStyle,
-    tab = props.tab,
+    propTab = props.tab,
     disabled = props.disabled,
     id = props.id,
     color = props.color;
@@ -46,13 +46,11 @@ var Tab = function Tab(props, ref) {
   };
   var handleClick = function handleClick() {
     if (disabled) return;
-    if (_hooks.util.isLink(tab)) {
-      if (tab.props.onClick && typeof tab.props.onClick === 'function') {
-        tab.props.onClick();
-      }
-    }
     onChange === null || onChange === void 0 || onChange(id);
   };
+  var tab = _hooks.util.isLink(propTab) ?
+  // 直接返回a标签的内容，不要a标签
+  propTab.props.children : propTab;
   var renderCardTab = function renderCardTab() {
     return tab;
   };
@@ -84,27 +82,35 @@ var Tab = function Tab(props, ref) {
   if (shape === 'card') {
     style.color = color;
   }
-  if (shape === 'button') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, _objectSpread(_objectSpread({
-    className: tabClass,
-    jssStyle: {
-      button: buttonStyle
-    }
-  }, getStateProps()), {}, {
-    style: style,
-    disabled: disabled,
-    type: isActive ? 'primary' : 'secondary',
-    onClick: handleClick,
-    dir: config.direction,
-    children: tab
-  }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
-    dir: config.direction,
+  var containerProps = _objectSpread(_objectSpread({
     className: tabClass
   }, getStateProps()), {}, {
     style: style,
     onClick: handleClick,
     ref: ref,
+    dir: config.direction
+  });
+  if (shape === 'button') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, _objectSpread(_objectSpread({
+      jssStyle: {
+        button: buttonStyle
+      },
+      disabled: disabled,
+      type: isActive ? 'primary' : 'secondary'
+    }, containerProps), {}, {
+      children: tab
+    }));
+  }
+  var $children = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [shape === 'card' && renderCardTab(), shape === 'line' && renderLineTab(), shape === 'dash' && renderDashTab(), shape === 'fill' && renderFillTab()]
+  });
+  if (_hooks.util.isLink(propTab)) {
+    return /*#__PURE__*/_react.default.cloneElement(propTab, _objectSpread({
+      children: $children
+    }, containerProps));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: $children
   }));
 };
 var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(Tab);

package/cjs/tree-select/tree-select.type.d.ts

@@ -251,8 +251,8 @@ export interface TreeSelectProps<DataItem, Value> extends Pick<CommonType, 'clas
         data?: ResultItem<DataItem>[] | ResultItem<DataItem> | null;
     }) => void;
     /**
-     * @en In the Form, the value will be taken over by the form and the value will be invalid.
-     * @cn 选中的 key （受控），多选时必须为array
+     * @cn 选中的 key （受控），多选时必须为array。注意，请勿将 undefined 和 null 作为有意义的选项值，当 value 类型为 undefined 和 null 时，组件将不处理数据和渲染
+     * @en Selected key (controlled), must be an array in multiple selection. Note: Do not use undefined and null as meaningful option values. When the value type is undefined and null, the component will not process data and rendering
      */
     value?: Value;
     /**

package/esm/cascader/cascader.type.d.ts

@@ -121,8 +121,8 @@ export interface CascaderProps<DataItem, Value extends KeygenResult[]> extends P
      */
     open?: boolean;
     /**
-     * @en Selected key (controlled)
-     * @cn 选中的 key （受控)
+     * @en Selected key (controlled). Note: Do not use undefined and null as meaningful option values. When the value type is undefined and null, the component will not process data and rendering
+     * @cn 选中的 key （受控)。注意，请勿将 undefined 和 null 作为有意义的选项值，当 value 类型为 undefined 和 null 时，组件将不处理数据和渲染
      */
     value?: Value;
     /**

package/esm/dropdown/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAuB1D,cAAM,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IAC/C,MAAM,CAAC,YAAY;;;MAAgB;gBAEvB,KAAK,EAAE,SAAS;IAK5B,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU;IAY/B,MAAM;CAqCP;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAgB,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAuB1D,cAAM,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IAC/C,MAAM,CAAC,YAAY;;;MAAgB;gBAEvB,KAAK,EAAE,SAAS;IAK5B,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU;IAY/B,MAAM;CAyCP;AAED,eAAe,IAAI,CAAC"}

package/esm/dropdown/Item.js

@@ -1,7 +1,7 @@
 'use client';
 
 var _excluded = ["className"],
-  _excluded2 = ["className"];
+  _excluded2 = ["className", "onClick"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -81,10 +81,15 @@ var Item = /*#__PURE__*/function (_React$PureComponent) {
         var _ref2 = content.props,
           _ref2$className = _ref2.className,
           contentPropsClassName = _ref2$className === void 0 ? '' : _ref2$className,
+          contentPropsOnClick = _ref2.onClick,
           otherContentProps = _objectWithoutProperties(_ref2, _excluded2);
         var className = classNames(propsClassName, contentPropsClassName);
         return /*#__PURE__*/cloneElement(content, Object.assign(otherProps, otherContentProps, {
-          className: className
+          className: className,
+          onClick: function onClick(e) {
+            if (contentPropsOnClick) contentPropsOnClick(e);
+            if (props.onClick) props.onClick(e);
+          }
         }));
       }
       return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({}, props), {}, {

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;AAQ5C,QAAA,MAAM,MAAM,uEAmXX,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;AAQ5C,QAAA,MAAM,MAAM,uEA0XX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/select/result.js

@@ -57,7 +57,7 @@ var Result = function Result(props) {
     onRemove = props.onRemove,
     onResultItemClick = props.onResultItemClick,
     data = props.data;
-  var value = isArray(valueProp) ? valueProp : [valueProp];
+  var value = [null, undefined].includes(valueProp) ? [] : Array.isArray(valueProp) ? valueProp : [valueProp];
   var _useState = useState(-1),
     _useState2 = _slicedToArray(_useState, 2),
     more = _useState2[0],
@@ -214,7 +214,9 @@ var Result = function Result(props) {
     }, 'single');
   };
   var getValueArr = function getValueArr(v) {
-    return isArray(v) ? v : [v];
+    return (isArray(v) ? v : [v]).filter(function (v) {
+      return v !== undefined && v !== null;
+    });
   };
   var renderMultipleResult = function renderMultipleResult() {
     if (isEmptyResult()) return renderNbsp();

package/esm/select/select.type.d.ts

@@ -147,8 +147,8 @@ export interface SelectPropsBase<DataItem, Value> extends Omit<BaseSelectProps<D
      */
     keygen: KeygenType<DataItem>;
     /**
-     * @en In the Form, the value will be taken over by the form and the value will be invalid
-     * @cn 在 Form 中，value 会被表单接管，value 无效
+     * @en In the Form, the value will be taken over by the form, and the value is invalid. Note: Do not use undefined and null as meaningful option values. When the value type is undefined and null, the component will not process data and rendering
+     * @cn 在 Form 中，value 会被表单接管，value 无效。注意，请勿将 undefined 和 null 作为有意义的选项值，当 value 类型为 undefined 和 null 时，组件将不处理数据和渲染
      * @override any
      */
     value?: Value;

package/esm/table/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBAqSzB,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAMvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBAkTzB,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/esm/table/tr.js

@@ -6,6 +6,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { useEffect, useRef } from 'react';
 import { usePersistFn, util } from '@sheinx/hooks';
+import { addResizeObserver } from '@sheinx/hooks';
 import classNames from 'classnames';
 import Icons from "../icons";
 import Checkbox from "../checkbox";
@@ -67,12 +68,22 @@ var Tr = function Tr(props) {
       columnKey: props.columns[colIndex].key
     });
   });
-  useEffect(function () {
+  var setVirtualRowHeight = usePersistFn(function () {
     if (props.setRowHeight && trRef.current) {
       var expandHeight = expandRef.current ? expandRef.current.getBoundingClientRect().height : 0;
       props.setRowHeight(props.rowIndex, trRef.current.getBoundingClientRect().height + expandHeight);
     }
-  }, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
+  });
+  useEffect(setVirtualRowHeight, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
+  useEffect(function () {
+    if (!trRef.current) return;
+    var cancelObserver = addResizeObserver(trRef.current, setVirtualRowHeight, {
+      direction: 'y'
+    });
+    return function () {
+      cancelObserver();
+    };
+  }, []);
   var renderTreeExpand = function renderTreeExpand(content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;

package/esm/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AA4GtC,wBAAqC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAyHtC,wBAAqC"}

package/esm/tabs/tab.js

@@ -10,11 +10,12 @@ import Button from "../button";
 import { useConfig } from "../config";
 import { useTabsContext, util } from '@sheinx/hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Tab = function Tab(props, ref) {
   var _jssStyle$tabs;
   var jssStyle = props.jssStyle,
-    tab = props.tab,
+    propTab = props.tab,
     disabled = props.disabled,
     id = props.id,
     color = props.color;
@@ -40,13 +41,11 @@ var Tab = function Tab(props, ref) {
   };
   var handleClick = function handleClick() {
     if (disabled) return;
-    if (util.isLink(tab)) {
-      if (tab.props.onClick && typeof tab.props.onClick === 'function') {
-        tab.props.onClick();
-      }
-    }
     onChange === null || onChange === void 0 || onChange(id);
   };
+  var tab = util.isLink(propTab) ?
+  // 直接返回a标签的内容，不要a标签
+  propTab.props.children : propTab;
   var renderCardTab = function renderCardTab() {
     return tab;
   };
@@ -78,27 +77,35 @@ var Tab = function Tab(props, ref) {
   if (shape === 'card') {
     style.color = color;
   }
-  if (shape === 'button') return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-    className: tabClass,
-    jssStyle: {
-      button: buttonStyle
-    }
-  }, getStateProps()), {}, {
-    style: style,
-    disabled: disabled,
-    type: isActive ? 'primary' : 'secondary',
-    onClick: handleClick,
-    dir: config.direction,
-    children: tab
-  }));
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
-    dir: config.direction,
+  var containerProps = _objectSpread(_objectSpread({
     className: tabClass
   }, getStateProps()), {}, {
     style: style,
     onClick: handleClick,
     ref: ref,
+    dir: config.direction
+  });
+  if (shape === 'button') {
+    return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      jssStyle: {
+        button: buttonStyle
+      },
+      disabled: disabled,
+      type: isActive ? 'primary' : 'secondary'
+    }, containerProps), {}, {
+      children: tab
+    }));
+  }
+  var $children = /*#__PURE__*/_jsxs(_Fragment, {
     children: [shape === 'card' && renderCardTab(), shape === 'line' && renderLineTab(), shape === 'dash' && renderDashTab(), shape === 'fill' && renderFillTab()]
+  });
+  if (util.isLink(propTab)) {
+    return /*#__PURE__*/React.cloneElement(propTab, _objectSpread({
+      children: $children
+    }, containerProps));
+  }
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: $children
   }));
 };
 export default /*#__PURE__*/React.forwardRef(Tab);

package/esm/tree-select/tree-select.type.d.ts

@@ -251,8 +251,8 @@ export interface TreeSelectProps<DataItem, Value> extends Pick<CommonType, 'clas
         data?: ResultItem<DataItem>[] | ResultItem<DataItem> | null;
     }) => void;
     /**
-     * @en In the Form, the value will be taken over by the form and the value will be invalid.
-     * @cn 选中的 key （受控），多选时必须为array
+     * @cn 选中的 key （受控），多选时必须为array。注意，请勿将 undefined 和 null 作为有意义的选项值，当 value 类型为 undefined 和 null 时，组件将不处理数据和渲染
+     * @en Selected key (controlled), must be an array in multiple selection. Note: Do not use undefined and null as meaningful option values. When the value type is undefined and null, the component will not process data and rendering
      */
     value?: Value;
     /**

package/package.json

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