@sheinx/base 3.1.0-rc.3 → 3.1.1

package/esm/steps/step.arrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.arrow.d.ts","sourceRoot":"","sources":["step.arrow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,SAAS,UAAW,cAAc,gBA2BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"step.arrow.d.ts","sourceRoot":"","sources":["step.arrow.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,SAAS,UAAW,cAAc,gBAgCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/steps/step.arrow.js

@@ -1,5 +1,6 @@
 import classNames from 'classnames';
 import { util } from '@sheinx/hooks';
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ArrowStep = function ArrowStep(props) {
@@ -12,9 +13,11 @@ var ArrowStep = function ArrowStep(props) {
     status = props.status;
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var rootClass = classNames(styles.arrow);
+  var config = useConfig();
   var renderTitle = function renderTitle() {
     return /*#__PURE__*/_jsx("div", {
       className: styles.title,
+      dir: config.direction,
       children: util.isFunc(title) ? title(index, status) : title
     });
   };
@@ -33,6 +36,7 @@ var ArrowStep = function ArrowStep(props) {
   return /*#__PURE__*/_jsx("div", {
     className: rootClass,
     onClick: onChange,
+    dir: config.direction,
     children: renderContent()
   });
 };

package/esm/steps/step.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["step.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AAqGvD,QAAA,MAAM,gBAAgB,UAAW,aAAa,gBAE7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"step.d.ts","sourceRoot":"","sources":["step.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAa,aAAa,EAAE,MAAM,aAAa,CAAC;AAuGvD,QAAA,MAAM,gBAAgB,UAAW,aAAa,gBAE7C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/steps/step.default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.default.d.ts","sourceRoot":"","sources":["step.default.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,QAAA,MAAM,WAAW,UAAW,cAAc,gBA0EzC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"step.default.d.ts","sourceRoot":"","sources":["step.default.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,QAAA,MAAM,WAAW,UAAW,cAAc,gBAmFzC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/steps/step.default.js

@@ -5,6 +5,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import classNames from 'classnames';
 import { util } from '@sheinx/hooks';
 import Icons from "../icons";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var DefaultStep = function DefaultStep(props) {
@@ -20,17 +21,20 @@ var DefaultStep = function DefaultStep(props) {
     onChange = props.onChange;
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var rootClass = styles.default;
+  var config = useConfig();
   var iconClass = classNames(styles.icon, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.finish, status === 'finish'), styles.error, status === 'error'), styles.process, status === 'process'), styles.wait, status === 'wait'));
   var showTail = labelPlacement === 'vertical' || direction === 'vertical';
   var renderTail = function renderTail() {
     return /*#__PURE__*/_jsx("div", {
       className: styles.tail,
-      children: " "
+      dir: config.direction,
+      children: ' '
     });
   };
   var renderTitle = function renderTitle() {
     return /*#__PURE__*/_jsx("div", {
       className: styles.title,
+      dir: config.direction,
       children: util.isFunc(title) ? title(index, status) : title
     });
   };
@@ -44,6 +48,7 @@ var DefaultStep = function DefaultStep(props) {
     if (renderIconProp) return /*#__PURE__*/_jsx("div", {
       className: iconClass,
       onClick: onChange,
+      dir: config.direction,
       children: /*#__PURE__*/_jsx("span", {
         className: styles.iconWrapper,
         children: renderIconProp(index, status)

package/esm/steps/step.dot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,cAAc,gBAiDrC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"step.dot.d.ts","sourceRoot":"","sources":["step.dot.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,OAAO,UAAW,cAAc,gBA0DrC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/steps/step.dot.js

@@ -4,6 +4,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 classNames from 'classnames';
 import { util } from '@sheinx/hooks';
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var DotStep = function DotStep(props) {
@@ -15,6 +16,7 @@ var DotStep = function DotStep(props) {
     status = props.status,
     labelPlacement = props.labelPlacement,
     onChange = props.onChange;
+  var config = useConfig();
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var rootClass = styles.dot;
   var iconClass = classNames(styles.icon, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.finish, status === 'finish'), styles.error, status === 'error'), styles.process, status === 'process'), styles.wait, status === 'wait'));
@@ -22,12 +24,14 @@ var DotStep = function DotStep(props) {
   var renderTail = function renderTail() {
     return /*#__PURE__*/_jsx("div", {
       className: styles.tail,
-      children: " "
+      dir: config.direction,
+      children: ' '
     });
   };
   var renderTitle = function renderTitle() {
     return /*#__PURE__*/_jsx("div", {
       className: styles.title,
+      dir: config.direction,
       children: util.isFunc(title) ? title(props.index, status) : title
     });
   };
@@ -40,6 +44,7 @@ var DotStep = function DotStep(props) {
   var renderIcon = function renderIcon() {
     return /*#__PURE__*/_jsx("div", {
       className: iconClass,
+      dir: config.direction,
       children: /*#__PURE__*/_jsx("span", {
         className: styles.iconWrapper
       })

package/esm/steps/step.js

@@ -10,6 +10,7 @@ import StepsContext from "./steps-context";
 import DefaultStep from "./step.default";
 import DotStep from "./step.dot";
 import ArrowStep from "./step.arrow";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Step = function Step(props) {
   var _jssStyle$steps;
@@ -33,6 +34,7 @@ var Step = function Step(props) {
     direction = props.direction,
     onClick = props.onClick,
     onChange = props.onChange;
+  var config = useConfig();
   var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$steps = jssStyle.steps) === null || _jssStyle$steps === void 0 ? void 0 : _jssStyle$steps.call(jssStyle)) || {};
   var getLabelPlacement = function getLabelPlacement() {
     // dot 类型只支持 vertical labelPlacement
@@ -87,6 +89,7 @@ var Step = function Step(props) {
   };
   return /*#__PURE__*/_jsx("div", {
     className: rootClass,
+    dir: config.direction,
     children: renderStep()
   });
 };

package/esm/switch/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,QAAA,MAAM,MAAM,WAAY,WAAW,gBAwDlC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["switch.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,QAAA,MAAM,MAAM,WAAY,WAAW,gBAyDlC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/switch/switch.js

@@ -13,6 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useCheck, useInputAble } from '@sheinx/hooks';
 import classNames from 'classnames';
 import React from 'react';
+import { useConfig } from "../config";
 import useWithFormConfig from "../common/use-with-form-config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -25,6 +26,7 @@ var Switch = function Switch(props0) {
     loading = props.loading,
     className = props.className,
     style = props.style;
+  var config = useConfig();
   var switchClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$switch = jssStyle.switch) === null || _jssStyle$switch === void 0 ? void 0 : _jssStyle$switch.call(jssStyle);
   var disabled = props.disabled || props.loading;
   var _useInputAble = useInputAble({
@@ -70,6 +72,7 @@ var Switch = function Switch(props0) {
       type: 'checkbox'
     })), /*#__PURE__*/_jsx("div", {
       className: switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.indicator,
+      dir: config.direction,
       children: loading ? /*#__PURE__*/_jsx("div", {
         className: switchClasses === null || switchClasses === void 0 ? void 0 : switchClasses.loading
       }) : null

package/esm/table/tr.js

@@ -222,20 +222,20 @@ var Tr = function Tr(props) {
   var handleRowClick = usePersistFn(function (e) {
     var target = e.target;
     var _props$rowClickAttr = props.rowClickAttr,
-      rowClickAttr = _props$rowClickAttr === void 0 ? ['*'] : _props$rowClickAttr,
+      rowClickAttr = _props$rowClickAttr === void 0 ? '*' : _props$rowClickAttr,
       onRowClick = props.onRowClick;
     if (onRowClick && rowClickAttr) {
       if (rowClickAttr === true || rowClickAttr === '*') {
-        onRowClick(props.rawData, props.rowIndex);
+        onRowClick(props.rawData, props.rowIndex, rowClickAttr);
       } else {
         var arrts = Array.isArray(rowClickAttr) ? rowClickAttr : [rowClickAttr].filter(function (item) {
           return typeof item === 'string';
         });
-        var isMatch = arrts.some(function (attr) {
+        var attIndex = arrts.findIndex(function (attr) {
           return attr === '*' || target.hasAttribute(attr);
         });
-        if (isMatch) {
-          onRowClick(props.rawData, props.rowIndex);
+        if (attIndex > -1) {
+          onRowClick(props.rawData, props.rowIndex, arrts[attIndex]);
         }
       }
     }

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;;AA0FtC,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;;AAqGtC,wBAAqC"}

package/esm/tabs/tab.js

@@ -7,6 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import classNames from 'classnames';
 import Button from "../button";
+import { useConfig } from "../config";
 import { useTabsContext, util } from '@sheinx/hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -24,6 +25,7 @@ var Tab = function Tab(props, ref) {
     onChange = _useTabsContext.onChange,
     activeBackground = _useTabsContext.activeBackground,
     inactiveBackground = _useTabsContext.inactiveBackground;
+  var config = useConfig();
   var tabsStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
   var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
   var tabClass = classNames(tabsStyle.tab, {});
@@ -81,9 +83,11 @@ var Tab = function Tab(props, ref) {
     disabled: disabled,
     type: isActive ? 'primary' : 'secondary',
     onClick: handleClick,
+    dir: config.direction,
     children: tab
   }));
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    dir: config.direction,
     className: tabClass
   }, getStateProps()), {}, {
     style: style,

package/esm/tabs/tabs-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAuNzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAkPzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/tabs/tabs-header.js

@@ -16,8 +16,23 @@ import { useTabsContext, useTransform, util } from '@sheinx/hooks';
 import Tab from "./tab";
 import Icon from "../icons";
 import Button from "../button";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+var getRectDiff = function getRectDiff(node, pNode) {
+  var nodeRect = node.getBoundingClientRect();
+  var pNodeRect = pNode.getBoundingClientRect();
+  return {
+    left: nodeRect.left - pNodeRect.left,
+    right: nodeRect.right - pNodeRect.right,
+    top: nodeRect.top - pNodeRect.top,
+    bottom: nodeRect.bottom - pNodeRect.bottom,
+    width: nodeRect.width,
+    height: nodeRect.height,
+    parentWidth: pNodeRect.width,
+    parentHeight: pNodeRect.height
+  };
+};
 var TabsHeader = function TabsHeader(props) {
   var _jssStyle$tabs;
   var tabs = props.tabs,
@@ -41,6 +56,8 @@ var TabsHeader = function TabsHeader(props) {
     isVertical = _useTabsContext.isVertical,
     onCollapsible = _useTabsContext.onCollapsible,
     active = _useTabsContext.active;
+  var config = useConfig();
+  var isRtl = config.direction === 'rtl';
   useEffect(function () {
     if (sticky && headerRef.current && scrollRef.current && !loaded) {
       setLoaded(true);
@@ -50,7 +67,8 @@ var TabsHeader = function TabsHeader(props) {
       autoScroll: true,
       direction: isVertical ? 'Y' : 'X',
       containerRef: headerRef,
-      targetRef: scrollRef
+      targetRef: scrollRef,
+      isRtl: config.direction === 'rtl'
     }),
     delta = _useTransform.delta,
     atStart = _useTransform.atStart,
@@ -58,20 +76,20 @@ var TabsHeader = function TabsHeader(props) {
     transformStyle = _useTransform.style,
     shouldScroll = _useTransform.shouldScroll,
     handleTransform = _useTransform.handleTransform,
-    setTransform = _useTransform.setTransform,
-    getRectDiff = _useTransform.getRectDiff;
+    setTransform = _useTransform.setTransform;
   var headerStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
   var headerClass = classNames(headerStyle.header, {});
   var headerWrapperClass = classNames(headerStyle.headerWrapper, {});
   var buttonStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.button) || {};
-  var calculateOffset = function calculateOffset(scrollOffsetValue, currentOffsetValue, currentOffsetValueOther) {
-    var isAdditon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-    var nextOffset = scrollOffsetValue;
-    var startOffset = isAdditon ? scrollOffsetValue - currentOffsetValue : scrollOffsetValue + currentOffsetValue;
-    if (currentOffsetValue < 0 || currentOffsetValueOther > 0) {
-      nextOffset = startOffset;
+  var calculateOffset = function calculateOffset(currentScrollOffsetStartValue, width, currentOffsetStartValue, currentOffsetEndOther, parentWidth) {
+    var single = isRtl && !isVertical ? -1 : 1;
+    if (currentOffsetStartValue * single < 0) {
+      return currentScrollOffsetStartValue;
+    }
+    if (currentOffsetEndOther * single > 0) {
+      return currentScrollOffsetStartValue + single * (width - parentWidth);
     }
-    return nextOffset;
+    return undefined;
   };
   useEffect(function () {
     if (!shouldScroll) return;
@@ -79,30 +97,33 @@ var TabsHeader = function TabsHeader(props) {
       var currentTab = tabRef.current[active];
       if (!currentTab || !headerRef.current || !scrollRef.current) return 0;
       var currentOffest = getRectDiff(currentTab, headerRef.current);
-      var scrollOffest = getRectDiff(scrollRef.current, headerRef.current);
-      if (['top-right', 'bottom-right'].includes(getPosition)) {
-        return -calculateOffset(scrollOffest.right, currentOffest.left, currentOffest.right);
+      var currentScrollOffset = getRectDiff(currentTab, scrollRef.current);
+      // vertical
+      if (['left-top', 'right-top', 'left-bottom', 'right-bottom'].includes(getPosition)) {
+        return calculateOffset(currentScrollOffset.top, currentScrollOffset.height, currentOffest.top, currentOffest.bottom, currentOffest.parentHeight);
       }
-      if (['left-top', 'right-top'].includes(getPosition)) {
-        return calculateOffset(-scrollOffest.top, currentOffest.top, currentOffest.bottom, false);
+      if (isRtl) {
+        return calculateOffset(currentScrollOffset.right, currentScrollOffset.width, currentOffest.right, currentOffest.left, currentOffest.parentWidth);
       }
-      if (['left-bottom', 'right-bottom'].includes(getPosition)) {
-        return -calculateOffset(scrollOffest.bottom, currentOffest.top, currentOffest.bottom);
-      }
-      return calculateOffset(-scrollOffest.left, currentOffest.left, currentOffest.right, false);
+      return calculateOffset(currentScrollOffset.left, currentScrollOffset.width, currentOffest.left, currentOffest.right, currentOffest.parentWidth);
     };
-    setTransform(getActiveTabOffest());
+    var offset = getActiveTabOffest();
+    if (offset !== undefined) {
+      setTransform(offset);
+    }
   }, [active, tabRef.current, headerRef.current, scrollRef.current, shouldScroll]);
   var getDataProps = function getDataProps(options) {
     return util.getDataAttribute(_objectSpread({}, options));
   };
   var handlePrev = function handlePrev() {
     if (!headerRef.current) return;
-    setTransform(delta - headerRef.current.clientWidth);
+    var single = isRtl && !isVertical ? -1 : 1;
+    setTransform(delta - headerRef.current.clientWidth * single);
   };
   var handleNext = function handleNext() {
     if (!headerRef.current) return;
-    setTransform(delta + headerRef.current.clientWidth);
+    var single = isRtl && !isVertical ? -1 : 1;
+    setTransform(delta + headerRef.current.clientWidth * single);
   };
   var renderTab = function renderTab() {
     return /*#__PURE__*/_jsx("div", {
@@ -147,6 +168,7 @@ var TabsHeader = function TabsHeader(props) {
       state: atStart ? 'disabled' : ''
     })), {}, {
       onClick: handlePrev,
+      dir: config.direction,
       children: shape === 'card' ? Icon.tabs.Pre : /*#__PURE__*/_jsx("span", {
         className: headerStyle.iconInner,
         children: Icon.tabs.Pre
@@ -160,6 +182,7 @@ var TabsHeader = function TabsHeader(props) {
       state: atEnd ? 'disabled' : ''
     })), {}, {
       onClick: handleNext,
+      dir: config.direction,
       children: shape === 'card' ? Icon.tabs.Next : /*#__PURE__*/_jsx("span", {
         className: headerStyle.iconInner,
         children: Icon.tabs.Next
@@ -190,6 +213,7 @@ var TabsHeader = function TabsHeader(props) {
     position: props.getPosition,
     shape: shape
   })), {}, {
+    dir: config.direction,
     children: [!hideSplit && shape !== 'card' && renderHr(), collapsible && renderCollapsibleButton(), shouldScroll && renderPrevButton(), renderTab(), shouldScroll && renderNextButton(), extra && renderExtra()]
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,IAAI;YAAW,SAAS;;CA2P7B,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,IAAI;YAAW,SAAS;;CAuP7B,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/esm/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AA6LhD,wBAAoC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AA8LhD,wBAAoC"}

package/esm/textarea/textarea.js

@@ -135,6 +135,7 @@ var Textarea = function Textarea(props0) {
       style: {
         minWidth: 'auto'
       },
+      dir: config.direction,
       className: classNames(textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.info, !!isError && (textareaClasses === null || textareaClasses === void 0 ? void 0 : textareaClasses.infoError)),
       children: text
     }, 'info');

package/esm/textarea/use-auto-size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-size.d.ts","sourceRoot":"","sources":["use-auto-size.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,QAAA,MAAM,WAAW;;;;;0BAKI,eAAe;;WAmBT,MAAM,YAAY,gBAyB5C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"use-auto-size.d.ts","sourceRoot":"","sources":["use-auto-size.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,QAAA,MAAM,WAAW;;;;;0BAKI,eAAe;;WAoBT,MAAM,YAAY,gBAyB5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/textarea/use-auto-size.js

@@ -25,6 +25,7 @@ var useAutoSize = function useAutoSize(props) {
     if (!shadowRef.current) return;
     var v = value || '';
     if (shadowRef.current.value !== v) shadowRef.current.value = v;
+    if (shadowRef.current.scrollHeight === 0) return;
     setHeight(shadowRef.current.scrollHeight);
   };
   React.useEffect(function () {

package/esm/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,OAAO,UAAW,YAAY,uBAwFnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,QAAA,MAAM,OAAO,UAAW,YAAY,uBA0FnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/tooltip/tooltip.js

@@ -8,6 +8,7 @@ import { usePopup, util } from '@sheinx/hooks';
 import classNames from 'classnames';
 import React, { cloneElement, isValidElement } from 'react';
 import AbsoluteList from "../absolute-list";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -28,6 +29,7 @@ var Tooltip = function Tooltip(props) {
     _props$position = props.position,
     popsitionProps = _props$position === void 0 ? 'bottom' : _props$position;
   var tooltipClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
+  var config = useConfig();
   var childrenProps = /*#__PURE__*/isValidElement(children) ? children === null || children === void 0 ? void 0 : children.props : {};
   var _usePopup = usePopup({
       position: popsitionProps,
@@ -84,6 +86,7 @@ var Tooltip = function Tooltip(props) {
       })), {}, {
         ref: popupRef,
         onMouseLeave: events.onMouseLeave,
+        dir: config.direction,
         children: /*#__PURE__*/_jsx("div", {
           style: style,
           className: classNames(tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.content),

package/esm/transfer/transfer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAiC,YAAY,EAAQ,MAAM,eAAe,CAAC;AAKlF,QAAA,MAAM,QAAQ,gGAoLb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAiC,YAAY,EAAQ,MAAM,eAAe,CAAC;AAMlF,QAAA,MAAM,QAAQ,gGAuLb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/transfer/transfer.js

@@ -8,6 +8,7 @@ import { useTransfer, util } from '@sheinx/hooks';
 import TransferList from "./transfer-list";
 import TransferOperate from "./transfer-operate";
 import Icon from "../icons";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Transfer = function Transfer(props) {
@@ -52,6 +53,8 @@ var Transfer = function Transfer(props) {
     onFilterProp = props.onFilter,
     onChangeProp = props.onChange,
     onSelectChangeProp = props.onSelectChange;
+  var config = useConfig();
+  var isRtl = config.direction === 'rtl';
   var _useTransfer = useTransfer({
       data: data,
       keygen: keygen,
@@ -98,7 +101,7 @@ var Transfer = function Transfer(props) {
         operation: sourceOperation,
         listDatum: sourceDatum,
         value: sourceSelectedKeys,
-        children: operationIcon && !sourceOperation && Icon.transfer.Add
+        children: operationIcon && !sourceOperation && (isRtl ? Icon.transfer.Remove : Icon.transfer.Add)
       }), /*#__PURE__*/_jsx(TransferOperate, {
         size: size,
         listType: "target",
@@ -108,7 +111,7 @@ var Transfer = function Transfer(props) {
         operation: targetOperation,
         listDatum: targetDatum,
         value: targetSelectedKeys,
-        children: operationIcon && !targetOperation && Icon.transfer.Remove
+        children: operationIcon && !targetOperation && (isRtl ? Icon.transfer.Add : Icon.transfer.Remove)
       })]
     });
   };

package/esm/tree/tree-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,QAAA,MAAM,YAAY,gFAwBjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,QAAA,MAAM,YAAY,gFA8BjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/tree/tree-checkbox.js

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { Checkbox } from "../checkbox";
 import { useTreeContext } from "./tree-context";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -10,7 +11,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
   var _useTreeContext = useTreeContext(),
     getValue = _useTreeContext.getValue,
     set = _useTreeContext.set,
-    getChecked = _useTreeContext.getChecked;
+    getChecked = _useTreeContext.getChecked,
+    unBindUpdate = _useTreeContext.unBindUpdate;
   var handleChange = function handleChange(_, checked) {
     set(id, checked ? 1 : 0);
     if (onChange) {
@@ -18,6 +20,11 @@ var TreeCheckbox = function TreeCheckbox(props) {
     }
   };
   var checked = getChecked(id);
+  useEffect(function () {
+    return function () {
+      unBindUpdate(id);
+    };
+  }, []);
   return /*#__PURE__*/_jsx(Checkbox
   //@ts-ignore
   , {

package/esm/tree/tree-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAQ,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,QAAA,MAAM,WAAW,mGAgLhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAmB,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,QAAA,MAAM,WAAW,mGA+MhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/tree/tree-content.js

@@ -5,11 +5,12 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 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 classNames from 'classnames';
-import { util } from '@sheinx/hooks';
+import { util, useRender } from '@sheinx/hooks';
 import Checkbox from "./tree-checkbox";
 import { useTreeContext } from "./tree-context";
 import Icons from "../icons";
 import Spin from "../spin";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var NodeContent = function NodeContent(props) {
@@ -36,9 +37,13 @@ var NodeContent = function NodeContent(props) {
     onToggle = props.onToggle,
     onDragOver = props.onDragOver,
     onNodeClick = props.onNodeClick;
+  var forceUpdate = useRender();
   var _useTreeContext = useTreeContext(),
-    isDisabled = _useTreeContext.isDisabled;
+    isDisabled = _useTreeContext.isDisabled,
+    bindUpdate = _useTreeContext.bindUpdate;
+  var config = useConfig();
   var disabled = isDisabled(id);
+  bindUpdate(id, forceUpdate);
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = classNames(contentStyle.contentWrapper, _defineProperty(_defineProperty({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode));
   var contentClass = classNames(contentStyle.content, util.isString(contentClassProp) && contentClassProp, util.isFunc(contentClassProp) && contentClassProp(data));
@@ -59,8 +64,15 @@ var NodeContent = function NodeContent(props) {
   var handleIndicatorClick = function handleIndicatorClick() {
     onToggle === null || onToggle === void 0 || onToggle(id);
     if (data[childrenKey] !== undefined) return;
-    setFetching(true);
-    if (loader) loader(id, data);
+    if (loader) {
+      setFetching(true);
+      var result = loader(id, data);
+      if (util.isPromise(result)) {
+        result.then(function () {
+          return setFetching(false);
+        });
+      }
+    }
   };
   var handleNodeClick = function handleNodeClick() {
     if (disabled) return;
@@ -79,6 +91,7 @@ var NodeContent = function NodeContent(props) {
       className: contentStyle.iconWrapper,
       "data-expanded": expanded,
       "data-icon": hasExpandIcons,
+      dir: config.direction,
       children: /*#__PURE__*/_jsx(Spin, {
         size: 12,
         jssStyle: jssStyle
@@ -94,9 +107,11 @@ var NodeContent = function NodeContent(props) {
         className: contentStyle.iconWrapper,
         "data-expanded": expanded,
         "data-icon": hasExpandIcons,
+        dir: config.direction,
         children: /*#__PURE__*/_jsx("span", {
           className: classNames(contentStyle.icon, iconClass),
           onClick: handleIndicatorClick,
+          dir: config.direction,
           children: util.isFunc(icon) ? icon(data) : icon
         })
       });
@@ -105,9 +120,11 @@ var NodeContent = function NodeContent(props) {
         className: contentStyle.iconWrapper,
         "data-expanded": expanded,
         "data-icon": hasExpandIcons,
+        dir: config.direction,
         children: /*#__PURE__*/_jsx("span", {
           className: classNames(contentStyle.icon, iconClass),
           onClick: handleIndicatorClick,
+          dir: config.direction,
           children: util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : Icons.tree.Expand
         })
       });
@@ -115,7 +132,7 @@ var NodeContent = function NodeContent(props) {
     if (children && children.length > 0) return indicator;
     if (Array.isArray(children) || children === null) return null;
     if (fetching && !children) return renderLoading();
-    if (loader && !fetching) return indicator;
+    if (loader && children === undefined) return indicator;
     return null;
   };
   var renderCheckbox = function renderCheckbox() {
@@ -142,11 +159,14 @@ var NodeContent = function NodeContent(props) {
   return /*#__PURE__*/_jsxs("div", {
     className: rootClass,
     onDragOver: onDragOver,
+    dir: config.direction,
     children: [renderIndicator(), /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+      dir: config.direction,
       ref: bindContent,
       className: contentClass
     }, contentDataProps()), contentEvent), {}, {
       children: [onChange && renderCheckbox(), /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+        dir: config.direction,
         className: textClass,
         onDoubleClick: handleNodeExpand
       }, textEvent), {}, {

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

@@ -25,7 +25,7 @@ export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extend
     fetching: boolean;
     inlineNode?: boolean;
     highlight?: boolean;
-    loader?: (key: KeygenResult, data: DataItem) => void;
+    loader?: (key: KeygenResult, data: DataItem) => void | Promise<any>;
     setFetching: (value: boolean) => void;
     onToggle?: (id: KeygenResult, expanded?: boolean) => void;
     onFetch: () => void;