@sheinx/base 3.1.0-rc.2 → 3.1.0

package/esm/table/tr.js

@@ -10,6 +10,7 @@ import classNames from 'classnames';
 import Icons from "../icons";
 import Checkbox from "../checkbox";
 import Radio from "../radio";
+import { useConfig } from "../config";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -19,6 +20,8 @@ var Tr = function Tr(props) {
   var tableClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
   var trRef = useRef(null);
   var expandRef = useRef(null);
+  var config = useConfig();
+  var isRtl = config.direction === 'rtl';
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
     if (!props.isScrollX) return;
     if (fixed === 'left') {
@@ -38,7 +41,7 @@ var Tr = function Tr(props) {
     if (fixed === 'right') {
       if (props.fixRightNum !== undefined) {
         return {
-          transform: "translate3d(-".concat(props.fixRightNum, "px, 0, 0)")
+          transform: "translate3d(".concat(0 - props.fixRightNum, "px, 0, 0)")
         };
       }
       var right = props.colgroup.slice(index + 1 + colSpan).reduce(function (a, b) {
@@ -68,13 +71,11 @@ var Tr = function Tr(props) {
     var className = tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandWrapper;
     var children = props.rawData[props.treeColumnsName];
     var isExpanded = props.treeFunc.isTreeExpanded(props.rawData, props.rowIndex);
+    var dirName = isRtl ? 'Right' : 'Left';
     if (!children || children.length === 0 && !props.treeEmptyExpand) {
       return /*#__PURE__*/_jsx("span", {
         className: className,
-        style: {
-          marginLeft: level * treeIndent,
-          paddingLeft: props.isEmptyTree ? 0 : 22
-        },
+        style: _defineProperty(_defineProperty({}, "margin".concat(dirName), level * treeIndent), "padding".concat(dirName), props.isEmptyTree ? 0 : 22),
         children: content
       });
     }
@@ -184,6 +185,7 @@ var Tr = function Tr(props) {
           },
           className: classNames(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
           style: getTdStyle(col, data[i].colSpan),
+          dir: config.direction,
           children: renderContent(col, data[i].data)
         }, col.key);
         tds.push(td);
@@ -205,6 +207,7 @@ var Tr = function Tr(props) {
           className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowExpand,
           ref: expandRef,
           children: /*#__PURE__*/_jsx("td", {
+            dir: config.direction,
             className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder,
             colSpan: props.columns.length,
             style: {
@@ -219,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,gBAsNzC,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);
@@ -49,8 +66,9 @@ var TabsHeader = function TabsHeader(props) {
   var _useTransform = useTransform({
       autoScroll: true,
       direction: isVertical ? 'Y' : 'X',
-      container: headerRef.current,
-      target: scrollRef.current
+      containerRef: headerRef,
+      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;

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

@@ -1 +1 @@
-{"version":3,"file":"tree-content.type.d.ts","sourceRoot":"","sources":["tree-content.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,gBAAgB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACtE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAC;IACrF,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;IACvE,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,MAAM,CAAC;IACtD,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,KAAK;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3F,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC"}
+{"version":3,"file":"tree-content.type.d.ts","sourceRoot":"","sources":["tree-content.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,gBAAgB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACtE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAC;IACrF,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;IACvE,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,MAAM,CAAC;IACtD,QAAQ,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,KAAK;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;IAC3F,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC"}

package/esm/tree/tree-context.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { TreeContextProps, TreeProviderProps } from './tree-context.type';
-export declare const TreeContext: React.Context<TreeContextProps<any>>;
+import { TreeProviderProps } from './tree-context.type';
+export declare const TreeContext: React.Context<import("../../../hooks/src/components/use-tree/use-tree.type").TreeDatum<any>>;
 export declare const Provider: <DataItem>(props: TreeProviderProps<DataItem>) => JSX.Element;
-export declare const useTreeContext: () => TreeContextProps<any>;
+export declare const useTreeContext: () => import("../../../hooks/src/components/use-tree/use-tree.type").TreeDatum<any>;
 //# sourceMappingURL=tree-context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tree-context.d.ts","sourceRoot":"","sources":["tree-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,WAAW,sCAA0E,CAAC;AAEnG,eAAO,MAAM,QAAQ,+DAGpB,CAAC;AAEF,eAAO,MAAM,cAAc,6BAAsC,CAAC"}
+{"version":3,"file":"tree-context.d.ts","sourceRoot":"","sources":["tree-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,WAAW,8FAA0E,CAAC;AAEnG,eAAO,MAAM,QAAQ,+DAGpB,CAAC;AAEF,eAAO,MAAM,cAAc,qFAAsC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAiB5E,QAAA,MAAM,IAAI,gGA+RT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAgST,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree-node.js

@@ -9,6 +9,7 @@ import classNames from 'classnames';
 import TreeContent from "./tree-content";
 import { useTreeContext } from "./tree-context";
 import { useTreeNode, 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 placeElement = null;
@@ -63,6 +64,7 @@ var Node = function Node(props) {
     onDragEnd = props.onDragEnd,
     List = props.listComponent;
   initPlaceElement();
+  var config = useConfig();
   var element = useRef(null);
   var content = useRef(null);
   var dragImage = useRef(null);
@@ -238,6 +240,7 @@ var Node = function Node(props) {
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, getDropProps()), {}, {
     ref: element,
     className: rootClass,
+    dir: config.direction,
     children: [/*#__PURE__*/_jsx(TreeContent, {
       jssStyle: jssStyle,
       isControlled: isControlled,

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

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAyC,MAAM,eAAe,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,4FA0OT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,4FA8NT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "dragHoverExpand", "active", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart"];
+var _excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "dragHoverExpand", "active", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum"];
 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; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -15,7 +15,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useEffect } from 'react';
 import classNames from 'classnames';
-import { useTree, util, usePrevious } from '@sheinx/hooks';
+import { useTree, util } from '@sheinx/hooks';
 import RootTree from "./tree-root";
 import { Provider } from "./tree-context";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -66,8 +66,8 @@ var Tree = function Tree(props) {
     onDragLeave = props.onDragLeave,
     onDragOver = props.onDragOver,
     onDragStart = props.onDragStart,
+    propsDatum = props.datum,
     rest = _objectWithoutProperties(props, _excluded);
-  var prevData = usePrevious(data);
   var _useTree = useTree({
       mode: mode,
       value: value,
@@ -83,7 +83,8 @@ var Tree = function Tree(props) {
       defaultExpanded: defaultExpanded,
       childrenKey: childrenKey,
       keygen: keygen,
-      onExpand: onExpandProp
+      onExpand: onExpandProp,
+      datum: propsDatum
     }),
     datum = _useTree.datum,
     expanded = _useTree.expanded,
@@ -184,16 +185,6 @@ var Tree = function Tree(props) {
   useEffect(function () {
     handleUpdateExpanded(expanded);
   }, [expanded]);
-  useEffect(function () {
-    if (!prevData) return;
-    if (prevData !== data && dataUpdate) {
-      datum.setData(data);
-    }
-  }, [data]);
-  useEffect(function () {
-    if (!value) return;
-    datum.setValue(value);
-  }, [value]);
   useEffect(function () {
     if (getDatum) getDatum(datum);
   }, []);