@sheinx/base 3.0.0-alpha.8 → 3.0.0-rc.1

package/esm/textarea/textarea.type.d.ts

@@ -9,6 +9,11 @@ export interface TextareaClasses {
      * 最外层class
      */
     wrapper: string;
+    /**
+     * @en Prompt information
+     * @cn 提示信息
+     */
+    tip?: React.ReactNode;
     /**
      * 当 input focus 时最外层class
      */
@@ -43,11 +48,13 @@ export interface SimpleTextareaProps extends BaseTextareaProps, Pick<CommonType,
     /**
      * @en The prefix of the textarea
      * @cn 前缀
+     * @private not export
      */
     prefix?: React.ReactNode;
     /**
      * @en The suffix of the textarea
      * @cn 后缀
+     * @private not export
      */
     suffix?: React.ReactNode;
     getStatus?: (status: {
@@ -83,7 +90,7 @@ export interface SimpleTextareaProps extends BaseTextareaProps, Pick<CommonType,
     renderTextarea?: (textareaEl: React.ReactElement) => React.ReactElement;
 }
 declare type TextareaValueType = string;
-export interface TextareaProps extends BaseTipProps, Omit<SimpleTextareaProps, 'value' | 'onChange' | 'defaultValue' | 'jssStyle' | 'getStatus' | 'rootRef' | 'renderTextarea'> {
+export interface TextareaProps extends BaseTipProps, Omit<SimpleTextareaProps, 'value' | 'onChange' | 'defaultValue' | 'jssStyle' | 'getStatus' | 'rootRef' | 'renderTextarea' | 'prefix'> {
     /**
      * @private 内部属性
      */

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.type.d.ts","sourceRoot":"","sources":["textarea.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"textarea.type.d.ts","sourceRoot":"","sources":["textarea.type.ts"],"names":[],"mappings":"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"}

package/esm/tooltip/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Tooltip } from './tooltip';
-export type { TooltipProps } from './tooltip.type';
+export type { TooltipProps, TooltipClasses } from './tooltip.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/tooltip/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/tooltip/tooltip.js

@@ -79,15 +79,18 @@ var Tooltip = function Tooltip(props) {
       }
     }, 'ns'), /*#__PURE__*/(0, _react.cloneElement)(inner, events), /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.default, {
       focus: open,
-      parentElement: targetRef.current,
+      parentElRef: targetRef,
+      popupElRef: popupRef,
       absolute: true,
       position: position,
       fixedWidth: false,
       popupGap: 0,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen)),
-        "data-soui-position": position,
-        "data-soui-type": type,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+        className: (0, _classnames.default)(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen))
+      }, _hooks.util.getDataAttribute({
+        type: type,
+        position: position
+      })), {}, {
         ref: popupRef,
         onMouseLeave: events.onMouseLeave,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -95,7 +98,7 @@ var Tooltip = function Tooltip(props) {
           className: (0, _classnames.default)(tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.content),
           children: tip
         })
-      })
+      }))
     })]
   });
 };

package/esm/transfer/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Transfer } from './transfer';
-export type { TransferProps } from './transfer.type';
+export type { TransferProps, TransferClasses } from './transfer.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/esm/transfer/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/transfer/transfer-list-item.type.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CommonType } from '../common/type';
 import { ObjectKey, KeygenType, TransferListType } from '@sheinx/hooks';
-import { TransferClasses } from '@sheinx/shineout-style';
+import { TransferClasses } from './transfer.type';
 import { ButtonClasses } from '../button/button.type';
 import { CheckboxClasses } from '../checkbox/checkbox.type';
 export interface TransferListItemProps<DataItem> extends Pick<CommonType, 'size'> {

package/esm/transfer/transfer-list-item.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-list-item.type.d.ts","sourceRoot":"","sources":["transfer-list-item.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,WAAW,qBAAqB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC/E,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,eAAe,CAAC;QAChC,MAAM,EAAE,MAAM,aAAa,CAAC;QAC5B,QAAQ,EAAE,MAAM,eAAe,CAAC;KACjC,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACzE"}
+{"version":3,"file":"transfer-list-item.type.d.ts","sourceRoot":"","sources":["transfer-list-item.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,WAAW,qBAAqB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC/E,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,eAAe,CAAC;QAChC,MAAM,EAAE,MAAM,aAAa,CAAC;QAC5B,QAAQ,EAAE,MAAM,eAAe,CAAC;KACjC,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACzE"}

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

@@ -1 +1 @@
-{"version":3,"file":"transfer-list.d.ts","sourceRoot":"","sources":["transfer-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,YAAY,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD,QAAA,MAAM,YAAY,oGAqMjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"transfer-list.d.ts","sourceRoot":"","sources":["transfer-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,YAAY,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD,QAAA,MAAM,YAAY,oGAgMjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/transfer/transfer-list.js

@@ -106,8 +106,9 @@ var TransferList = function TransferList(props) {
       });
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: styles.input,
+      className: styles.inputWrapper,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
+        className: styles.input,
         clearable: true,
         jssStyle: jssStyle,
         value: filterText,
@@ -195,7 +196,6 @@ var TransferList = function TransferList(props) {
     children: [renderHeader(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_spin.default, {
       className: styles.spinContainer,
       jssStyle: jssStyle,
-      name: "ring",
       loading: loading,
       size: 24,
       children: [onFilter && renderFilter(), renderList(), renderFooter()]

package/esm/transfer/transfer.type.d.ts

@@ -1,4 +1,3 @@
-import { TransferClasses } from '@sheinx/shineout-style';
 import { CommonType } from '../common/type';
 import { BaseTransferProps, ObjectKey, KeygenResult, useListSelectMultiple } from '@sheinx/hooks';
 import { ButtonClasses } from '../button/button.type';
@@ -8,6 +7,34 @@ import { SpinClasses } from '../spin/spin.type';
 import { EmptyClasses } from '../empty/empty.type';
 import React from 'react';
 export declare type ListDatum<DataItem, Value extends KeygenResult[]> = ReturnType<typeof useListSelectMultiple<DataItem, Value>>;
+export interface TransferClasses {
+    transfer: string;
+    small: string;
+    large: string;
+    simple: string;
+    view: string;
+    source: string;
+    target: string;
+    close: string;
+    removeAll: string;
+    simpleTarget: string;
+    operations: string;
+    input: string;
+    inputWrapper: string;
+    left: string;
+    right: string;
+    header: string;
+    spinContainer: string;
+    title: string;
+    count: string;
+    list: string;
+    footer: string;
+    item: string;
+    disabled: string;
+    itemWrapper: string;
+    checkbox: string;
+    empty: string;
+}
 export declare type JssStyleType = {
     transfer: () => TransferClasses;
     button: () => ButtonClasses;

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

@@ -1 +1 @@
-{"version":3,"file":"transfer.type.d.ts","sourceRoot":"","sources":["transfer.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"transfer.type.d.ts","sourceRoot":"","sources":["transfer.type.ts"],"names":[],"mappings":"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"}

package/esm/tree/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Tree } from './tree';
-export type { TreeProps } from './tree.type';
+export type { TreeProps, TreeClasses } from './tree.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/esm/tree/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

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;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBAsB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBAuB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/tree/tree-checkbox.js

@@ -25,6 +25,7 @@ var TreeCheckbox = function TreeCheckbox(props) {
   };
   var checked = getChecked(id);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.Checkbox, {
+    theme: "dark",
     className: className,
     jssStyle: jssStyle,
     checked: checked,

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

@@ -1 +1 @@
-{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,QAAA,MAAM,WAAW,8DAsKhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,QAAA,MAAM,WAAW,8DA8KhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/tree/tree-content.js

@@ -87,7 +87,6 @@ var NodeContent = function NodeContent(props) {
       "data-expanded": expanded,
       "data-icon": hasExpandIcons,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
-        name: "ring",
         size: 12,
         jssStyle: jssStyle
       })
@@ -141,19 +140,25 @@ var NodeContent = function NodeContent(props) {
     };
     return render(data, expanded, active, id);
   };
+  var contentEvent = {
+    onClick: inlineNode ? undefined : handleNodeClick
+  };
+  var textEvent = {
+    onClick: inlineNode ? handleNodeClick : undefined
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: rootClass,
     onDragOver: onDragOver,
-    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
       ref: bindContent,
       className: contentClass
-    }, contentDataProps()), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }, contentDataProps()), contentEvent), {}, {
+      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
         className: textClass,
-        onDoubleClick: handleNodeExpand,
-        onClick: handleNodeClick,
+        onDoubleClick: handleNodeExpand
+      }, textEvent), {}, {
         children: renderNode()
-      })]
+      }))]
     }))]
   });
 };

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { TreeContextProps, TreeProviderProps } from './tree-context.type';
-export declare const TreeContext: React.Context<TreeContextProps<any, any>>;
-export declare const Provider: <DataItem, Value>(props: TreeProviderProps<DataItem, Value>) => JSX.Element;
-export declare const useTreeContext: () => TreeContextProps<any, any>;
+export declare const TreeContext: React.Context<any>;
+export declare const Provider: <DataItem, Value>(props: any) => JSX.Element;
+export declare const useTreeContext: () => 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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,WAAW,2CAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ,6EAKpB,CAAC;AAEF,eAAO,MAAM,cAAc,kCAAsC,CAAC"}
+{"version":3,"file":"tree-context.d.ts","sourceRoot":"","sources":["tree-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,WAAW,oBAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ,8CAKpB,CAAC;AAEF,eAAO,MAAM,cAAc,WAAsC,CAAC"}

package/esm/tree/tree-context.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");

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

@@ -1,20 +1,9 @@
 /// <reference types="react" />
-import { UnMatchedData, KeygenResult } from '@sheinx/hooks';
+import { useTree } from '@sheinx/hooks';
 export declare type CheckedStatusType = 0 | 1 | 2;
-export interface TreeContextProps<DataItem, Value> {
-    set: (id: KeygenResult, checked: CheckedStatusType) => void;
-    get: (id: KeygenResult) => CheckedStatusType | undefined;
-    getValue: () => Value[];
-    getKey: (item: any, id?: KeygenResult, index?: number) => KeygenResult;
-    getChecked: (id: KeygenResult) => boolean | 'indeterminate';
-    getPath: (id: KeygenResult) => any;
-    getDataByValues: (values: Value) => (DataItem | UnMatchedData)[];
-    setValue: (value?: Value[]) => void;
-    isDisabled: (id: KeygenResult) => boolean;
-    getDataById: (id: KeygenResult) => DataItem | UnMatchedData;
-}
-export interface TreeProviderProps<DataItem, Value> {
+export declare type TreeContextProps<DataItem> = ReturnType<typeof useTree<DataItem>>['datum'];
+export interface TreeProviderProps<DataItem> {
     children: React.ReactNode;
-    value: TreeContextProps<DataItem, Value>;
+    value: TreeContextProps<DataItem>;
 }
 //# sourceMappingURL=tree-context.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tree-context.type.d.ts","sourceRoot":"","sources":["tree-context.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE5D,oBAAY,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC1C,MAAM,WAAW,gBAAgB,CAAC,QAAQ,EAAE,KAAK;IAC/C,GAAG,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,GAAG,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,iBAAiB,GAAG,SAAS,CAAC;IACzD,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAC;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,YAAY,CAAC;IACvE,UAAU,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,GAAG,eAAe,CAAC;IAC5D,OAAO,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,GAAG,CAAC;IACnC,eAAe,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAC,EAAE,CAAC;IACjE,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,CAAC;IAC1C,WAAW,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,QAAQ,GAAG,aAAa,CAAC;CAC7D;AAED,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CAC1C"}
+{"version":3,"file":"tree-context.type.d.ts","sourceRoot":"","sources":["tree-context.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,oBAAY,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C,oBAAY,gBAAgB,CAAC,QAAQ,IAAI,UAAU,CAAC,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AAEvF,MAAM,WAAW,iBAAiB,CAAC,QAAQ;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;CACnC"}

package/esm/tree/tree-list.js

@@ -66,13 +66,13 @@ var List = function List(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeNode.default, {
       jssStyle: jssStyle,
       id: id,
-      isControlled: isControlled,
       data: node,
-      mode: mode,
       index: index,
       line: line,
       keygen: keygen,
       listComponent: List,
+      isControlled: isControlled,
+      mode: mode,
       active: active,
       childrenClass: childrenClass,
       childrenKey: childrenKey,

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;AAQ5E,QAAA,MAAM,IAAI,8FAsRT,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;AAiB5E,QAAA,MAAM,IAAI,8FA+RT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree-node.js

@@ -17,14 +17,21 @@ var _hooks = require("@sheinx/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var placeElement = document.createElement('div');
-var innerPlaceElement = document.createElement('div');
-placeElement.appendChild(innerPlaceElement);
+var placeElement = null;
+var innerPlaceElement = null;
 var placeInfo = {
   start: '',
   target: ''
 };
 var dragLock = false;
+var initPlaceElement = function initPlaceElement() {
+  if (_hooks.util.isBrowser() && !(placeElement && innerPlaceElement)) {
+    placeElement = document.createElement('div');
+    innerPlaceElement = document.createElement('div');
+    placeElement.appendChild(innerPlaceElement);
+  }
+};
+initPlaceElement();
 var Node = function Node(props) {
   var jssStyle = props.jssStyle,
     id = props.id,
@@ -61,6 +68,7 @@ var Node = function Node(props) {
     onDragStart = props.onDragStart,
     onDragEnd = props.onDragEnd,
     List = props.listComponent;
+  initPlaceElement();
   var element = (0, _react.useRef)(null);
   var content = (0, _react.useRef)(null);
   var dragImage = (0, _react.useRef)(null);
@@ -88,7 +96,9 @@ var Node = function Node(props) {
   var hasChildren = children && children.length > 0;
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = (0, _classnames.default)(contentStyle.node, isLeaf() && leafClass, _hooks.util.isString(nodeClass) && nodeClass, _hooks.util.isFunc(nodeClass) && nodeClass(data), (0, _defineProperty2.default)({}, contentStyle.leaf, !hasChildren));
-  placeElement.className = contentStyle.placement;
+  if (placeElement) {
+    placeElement.className = contentStyle.placement;
+  }
   var handleFetch = function handleFetch() {};
   var handleToggle = function handleToggle() {
     var nextExpanded = !expanded;
@@ -112,25 +122,29 @@ var Node = function Node(props) {
     var hoverMiddleY = (rect.bottom - rect.top) / 2;
     var hoverClientY = e.clientY - rect.top;
     var position = index;
-    innerPlaceElement.style.height = '0px';
-    if (hoverClientY < hoverMiddleY + clientHeight * 0.2) {
-      hover.parentNode.insertBefore(placeElement, hover);
-      if (hoverClientY > clientHeight * 0.3) {
-        if (!dragSibling) {
-          position = -1;
-          innerPlaceElement.style.height = "".concat(rect.height, "px");
-        } else {
-          position += 1;
-          hover.parentNode.insertBefore(placeElement, hover.nextElementSibling);
+    if (innerPlaceElement) {
+      innerPlaceElement.style.height = '0px';
+    }
+    if (placeElement && innerPlaceElement) {
+      if (hoverClientY < hoverMiddleY + clientHeight * 0.2) {
+        hover.parentNode.insertBefore(placeElement, hover);
+        if (hoverClientY > clientHeight * 0.3) {
+          if (!dragSibling) {
+            position = -1;
+            innerPlaceElement.style.height = "".concat(rect.height, "px");
+          } else {
+            position += 1;
+            hover.parentNode.insertBefore(placeElement, hover.nextElementSibling);
+          }
         }
+      } else {
+        position += 1;
+        hover.parentNode.insertBefore(placeElement, hover.nextElementSibling);
       }
-    } else {
-      position += 1;
-      hover.parentNode.insertBefore(placeElement, hover.nextElementSibling);
+      placeInfo.target = id;
+      // @ts-ignore
+      placeElement.setAttribute('data-position', position);
     }
-    placeInfo.target = id;
-    // @ts-ignore
-    placeElement.setAttribute('data-position', position);
     if (onDragOver) onDragOver(e, data);
   };
   var handleDragStart = function handleDragStart(e) {
@@ -167,7 +181,7 @@ var Node = function Node(props) {
     element.current.style.display = '';
     if (!dragLock) return;
     dragLock = false;
-    if (!placeElement.parentNode) return;
+    if (!placeElement || !placeElement.parentNode) return;
     if (dragImage.current && dragImage.current.parentNode) dragImage.current.parentNode.removeChild(dragImage.current);
     var position = parseInt(placeElement.getAttribute('data-position') || '', 10);
     var target = placeInfo.target;
@@ -187,7 +201,6 @@ var Node = function Node(props) {
       jssStyle: jssStyle,
       renderItem: renderItem,
       expandIcons: expandIcons,
-      childrenKey: childrenKey,
       iconClass: iconClass,
       leafClass: leafClass,
       nodeClass: nodeClass,
@@ -207,12 +220,13 @@ var Node = function Node(props) {
       onToggle: onToggle,
       onNodeClick: onNodeClick,
       bindNode: bindNode,
+      childrenClassName: childrenClass(data),
+      childrenKey: childrenKey,
       childrenClass: childrenClass,
       dragSibling: dragSibling,
       dragHoverExpand: dragHoverExpand,
       dragImageStyle: dragImageStyle,
-      dragImageSelector: dragImageSelector,
-      childrenClassName: childrenClass(data)
+      dragImageSelector: dragImageSelector
     };
   };
   var getDropProps = function getDropProps() {

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

@@ -1 +1 @@
-{"version":3,"file":"tree-root.d.ts","sourceRoot":"","sources":["tree-root.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,QAAA,MAAM,IAAI,8FAMT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree-root.d.ts","sourceRoot":"","sources":["tree-root.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,QAAA,MAAM,IAAI,8FAKT,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,QAAA,MAAM,IAAI,mFA0OT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,QAAA,MAAM,IAAI,mFA0OT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree.js

@@ -21,12 +21,12 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
 var _treeRoot = _interopRequireDefault(require("./tree-root"));
-var _immer = require("immer");
 var _treeContext = require("./tree-context");
 var _jsxRuntime = require("react/jsx-runtime");
-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", "onRef", "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"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var produce = _hooks.util.produce;
 var Tree = function Tree(props) {
   var _classNames;
   var jssStyle = props.jssStyle,
@@ -66,7 +66,7 @@ var Tree = function Tree(props) {
     className = props.className,
     onClick = props.onClick,
     loader = props.loader,
-    onRef = props.onRef,
+    getDatum = props.getDatum,
     onDrop = props.onDrop,
     onExpandProp = props.onExpand,
     onChange = props.onChange,
@@ -94,7 +94,6 @@ var Tree = function Tree(props) {
       onExpand: onExpandProp
     }),
     datum = _useTree.datum,
-    updateMap = _useTree.updateMap,
     expanded = _useTree.expanded,
     onExpand = _useTree.onExpand;
   var treeStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
@@ -105,12 +104,12 @@ var Tree = function Tree(props) {
   };
   var handleUpdateExpanded = function handleUpdateExpanded(expanded) {
     var tempExpandMap = new Set(expanded);
-    updateMap.forEach(function (update, id) {
+    datum.updateMap.forEach(function (update, id) {
       update('expanded', tempExpandMap.has(id));
     });
   };
   var handleUpdateActive = function handleUpdateActive(active) {
-    updateMap.forEach(function (update, id) {
+    datum.updateMap.forEach(function (update, id) {
       update('active', id === active);
     });
   };
@@ -144,7 +143,7 @@ var Tree = function Tree(props) {
     var current = datum.getPath(id);
     var target = datum.getPath(targetIdCopy);
     if (!current || !target) return;
-    var newData = (0, _immer.produce)(data, function (draft) {
+    var newData = produce(data, function (draft) {
       var node = draft;
       var temp;
       var removeNode = function removeNode() {};
@@ -178,7 +177,7 @@ var Tree = function Tree(props) {
         if (!Array.isArray(tnode[childrenKey])) tnode[childrenKey] = [];
         tnode[childrenKey].push(node);
         positionCopy = tnode[childrenKey].length - 1;
-        var update = updateMap.get(targetIdCopy);
+        var update = datum.updateMap.get(targetIdCopy);
         if (update) update('expanded', true);
       } else {
         tnode.splice(positionCopy + offset, 0, node);
@@ -204,7 +203,7 @@ var Tree = function Tree(props) {
     datum.setValue(value);
   }, [value]);
   (0, _react.useEffect)(function () {
-    if (onRef) onRef(datum);
+    if (getDatum) getDatum(datum);
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: rootClass