@sheinx/base 3.0.0-alpha.9 → 3.0.0-rc.10

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

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

package/esm/tree/tree-list.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TreeNodeProps } from './tree-node.type';
 import { KeygenResult } from '@sheinx/hooks';
-declare const Node: <DataItem, Value extends KeygenResult>(props: TreeNodeProps<DataItem, Value>) => JSX.Element;
+declare const Node: <DataItem, Value extends KeygenResult[]>(props: TreeNodeProps<DataItem, Value>) => JSX.Element;
 export default Node;
 //# sourceMappingURL=tree-node.d.ts.map

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,gGA+RT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree-node.js

@@ -1,30 +1,31 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/web.dom-collections.for-each.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _treeContent = _interopRequireDefault(require("./tree-content"));
-var _treeContext = require("./tree-context");
-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);
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 { useRef, createElement } from 'react';
+import classNames from 'classnames';
+import TreeContent from "./tree-content";
+import { useTreeContext } from "./tree-context";
+import { useTreeNode, util } from '@sheinx/hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var placeElement = null;
+var innerPlaceElement = null;
 var placeInfo = {
   start: '',
   target: ''
 };
 var dragLock = false;
+var initPlaceElement = function initPlaceElement() {
+  if (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,12 +62,13 @@ var Node = function Node(props) {
     onDragStart = props.onDragStart,
     onDragEnd = props.onDragEnd,
     List = props.listComponent;
-  var element = (0, _react.useRef)(null);
-  var content = (0, _react.useRef)(null);
-  var dragImage = (0, _react.useRef)(null);
-  var _useTreeContext = (0, _treeContext.useTreeContext)(),
+  initPlaceElement();
+  var element = useRef(null);
+  var content = useRef(null);
+  var dragImage = useRef(null);
+  var _useTreeContext = useTreeContext(),
     getPath = _useTreeContext.getPath;
-  var _useTreeNode = (0, _hooks.useTreeNode)({
+  var _useTreeNode = useTreeNode({
       id: id,
       data: data,
       bindNode: bindNode,
@@ -87,8 +89,10 @@ var Node = function Node(props) {
   var children = data[childrenKey];
   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;
+  var rootClass = classNames(contentStyle.node, isLeaf() && leafClass, util.isString(nodeClass) && nodeClass, util.isFunc(nodeClass) && nodeClass(data), _defineProperty({}, contentStyle.leaf, !hasChildren));
+  if (placeElement) {
+    placeElement.className = contentStyle.placement;
+  }
   var handleFetch = function handleFetch() {};
   var handleToggle = function handleToggle() {
     var nextExpanded = !expanded;
@@ -104,7 +108,7 @@ var Node = function Node(props) {
     var targetPathStr = target.path.join('/');
     if (dragSibling && targetPathStr !== currentPathStr) return;
     if (dragHoverExpand && !expanded) {
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(id);
+      onToggle === null || onToggle === void 0 || onToggle(id);
     }
     var hover = element.current;
     var rect = hover.getBoundingClientRect();
@@ -112,25 +116,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 +175,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 +195,6 @@ var Node = function Node(props) {
       jssStyle: jssStyle,
       renderItem: renderItem,
       expandIcons: expandIcons,
-      childrenKey: childrenKey,
       iconClass: iconClass,
       leafClass: leafClass,
       nodeClass: nodeClass,
@@ -207,12 +214,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() {
@@ -227,10 +235,10 @@ var Node = function Node(props) {
     }
     return dropEvents;
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, getDropProps()), {}, {
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, getDropProps()), {}, {
     ref: element,
     className: rootClass,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_treeContent.default, {
+    children: [/*#__PURE__*/_jsx(TreeContent, {
       jssStyle: jssStyle,
       isControlled: isControlled,
       id: id,
@@ -260,8 +268,7 @@ var Node = function Node(props) {
       onNodeClick: onNodeClick,
       onDragOver: handleDragOver,
       onToggle: handleToggle
-    }), hasChildren && /*#__PURE__*/(0, _react.createElement)(List, getChildrenListProps())]
+    }), hasChildren && /*#__PURE__*/createElement(List, getChildrenListProps())]
   }));
 };
-var _default = Node;
-exports.default = _default;
+export default Node;

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

@@ -3,7 +3,7 @@ import { CommonType } from '../common/type';
 import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
 import { JsstyleType, TreeRenderItemType } from './tree.type';
 import { TreeListProps } from './tree-list.type';
-export interface TreeNodeProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded'>, Pick<CommonType, 'className'> {
+export interface TreeNodeProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded'>, Pick<CommonType, 'className'> {
     jssStyle?: JsstyleType;
     id: KeygenResult;
     data: DataItem;
@@ -13,8 +13,8 @@ export interface TreeNodeProps<DataItem, Value extends KeygenResult> extends Omi
     doubleClickExpand?: boolean;
     parentClickExpand?: boolean;
     childrenKey: keyof DataItem;
-    onChange?: (value: KeygenResult[]) => void;
-    onDrop?: (id: KeygenResult, targetId: Value, position: number) => void;
+    onChange?: (value: Value) => void;
+    onDrop?: (id: KeygenResult, targetId: KeygenResult, position: number) => void;
     onToggle?: (id: KeygenResult, expanded?: boolean) => void;
     iconClass?: string;
     leafClass?: string;

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

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

package/esm/tree/tree-node.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { TreeRootProps } from './tree-root.type';
-declare const Root: <DataItem, Value extends KeygenResult>(props: TreeRootProps<DataItem, Value>) => JSX.Element;
+declare const Root: <DataItem, Value extends KeygenResult[]>(props: TreeRootProps<DataItem, Value>) => JSX.Element;
 export default Root;
 //# sourceMappingURL=tree-root.d.ts.map

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,gGAKT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree-root.js

@@ -1,31 +1,24 @@
-"use strict";
-
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _treeList = _interopRequireDefault(require("./tree-list"));
-var _jsxRuntime = require("react/jsx-runtime");
+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"];
-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; }
+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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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 classNames from 'classnames';
+import TreeList from "./tree-list";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Root = function Root(props) {
   var jssStyle = props.jssStyle,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    rest = _objectWithoutProperties(props, _excluded);
   var treeStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = (0, _classnames.default)(treeStyle.root);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeList.default, _objectSpread(_objectSpread({}, rest), {}, {
+  var rootClass = classNames(treeStyle.root);
+  return /*#__PURE__*/_jsx(TreeList, _objectSpread(_objectSpread({}, rest), {}, {
     expanded: true,
     className: rootClass,
     jssStyle: jssStyle
   }));
 };
-var _default = Root;
-exports.default = _default;
+export default Root;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { JsstyleType, TreeRenderItemType } from './tree.type';
 import { BaseTreeProps, KeygenResult, UpdateFunc, ObjectKey } from '@sheinx/hooks';
-export interface TreeRootProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem>, 'chilrdrenKey'> {
+export interface TreeRootProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'chilrdrenKey'> {
     jssStyle?: JsstyleType;
     line: boolean;
     childrenClass: (data: DataItem) => string | undefined;
@@ -24,8 +24,8 @@ export interface TreeRootProps<DataItem, Value extends KeygenResult> extends Omi
     dragHoverExpand?: boolean;
     onToggle?: (id: KeygenResult, expanded?: boolean) => void;
     onNodeClick: (data: DataItem, id: KeygenResult) => void;
-    onChange?: (value: KeygenResult[]) => void;
-    onDrop?: (id: KeygenResult, targetId: Value, position: number) => void;
+    onChange?: (value: Value) => void;
+    onDrop?: (id: KeygenResult, targetId: KeygenResult, position: number) => void;
     loader?: (key: KeygenResult, data: DataItem) => void;
     inlineNode?: boolean;
     highlight?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"tree-root.type.d.ts","sourceRoot":"","sources":["tree-root.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnF,MAAM,WAAW,aAAa,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,CACjE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC;IACrD,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,SAAS,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,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IAClD,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,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,KAAK,MAAM,GAAG,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5D"}
+{"version":3,"file":"tree-root.type.d.ts","sourceRoot":"","sources":["tree-root.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnF,MAAM,WAAW,aAAa,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACnE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC;IACrD,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,GAAG,SAAS,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,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IAClD,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,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,KAAK,MAAM,GAAG,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5D"}

package/esm/tree/tree-root.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/esm/tree/tree.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { KeygenResult } from '@sheinx/hooks';
 import { TreeProps } from './tree.type';
-declare const Tree: <DataItem, Value extends any[]>(props: TreeProps<DataItem, Value>) => JSX.Element;
+declare const Tree: <DataItem, Value extends KeygenResult[]>(props: TreeProps<DataItem, Value>) => JSX.Element;
 export default Tree;
 //# sourceMappingURL=tree.d.ts.map

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":";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"}

package/esm/tree/tree.js

@@ -1,34 +1,26 @@
-"use strict";
-
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.set.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.array.index-of.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.splice.js");
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-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"];
-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; }
+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"];
+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(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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 RootTree from "./tree-root";
+import { Provider } from "./tree-context";
+import { jsx as _jsx } from "react/jsx-runtime";
+var produce = util.produce;
 var Tree = function Tree(props) {
-  var _classNames;
   var jssStyle = props.jssStyle,
     _props$line = props.line,
     line = _props$line === void 0 ? true : _props$line,
@@ -66,7 +58,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,
@@ -74,9 +66,9 @@ var Tree = function Tree(props) {
     onDragLeave = props.onDragLeave,
     onDragOver = props.onDragOver,
     onDragStart = props.onDragStart,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var prevData = (0, _hooks.usePrevious)(data);
-  var _useTree = (0, _hooks.useTree)({
+    rest = _objectWithoutProperties(props, _excluded);
+  var prevData = usePrevious(data);
+  var _useTree = useTree({
       mode: mode,
       value: value,
       data: data,
@@ -94,23 +86,22 @@ 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()) || {};
-  var rootClass = (0, _classnames.default)(treeStyle.tree, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, treeStyle.line, line), (0, _defineProperty2.default)(_classNames, treeStyle.noline, !line), _classNames));
+  var rootClass = classNames(treeStyle.tree, className, _defineProperty(_defineProperty({}, treeStyle.line, line), treeStyle.noline, !line));
   var getDragImageSelector = function getDragImageSelector(data) {
-    if (_hooks.util.isFunc(dragImageSelector)) return dragImageSelector(data);
+    if (util.isFunc(dragImageSelector)) return dragImageSelector(data);
     return dragImageSelector;
   };
   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);
     });
   };
@@ -134,7 +125,7 @@ var Tree = function Tree(props) {
         return e !== id;
       });
     } else {
-      newExpanded = [].concat((0, _toConsumableArray2.default)(expandedArr), [id]);
+      newExpanded = [].concat(_toConsumableArray(expandedArr), [id]);
     }
     if (onExpand) onExpand(newExpanded);
   };
@@ -144,7 +135,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 +169,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);
@@ -190,28 +181,28 @@ var Tree = function Tree(props) {
       onDrop(newData, id, targetId, position);
     }
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     handleUpdateExpanded(expanded);
   }, [expanded]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (!prevData) return;
     if (prevData !== data && dataUpdate) {
       datum.setData(data);
     }
   }, [data]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (!value) return;
     datum.setValue(value);
   }, [value]);
-  (0, _react.useEffect)(function () {
-    if (onRef) onRef(datum);
+  useEffect(function () {
+    if (getDatum) getDatum(datum);
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: rootClass
   }, rest), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeContext.Provider, {
+    children: /*#__PURE__*/_jsx(Provider, {
       value: datum,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeRoot.default, {
+      children: /*#__PURE__*/_jsx(RootTree, {
         isControlled: 'expanded' in props,
         jssStyle: jssStyle,
         data: data,
@@ -225,7 +216,7 @@ var Tree = function Tree(props) {
         contentClass: contentClass,
         expanded: expanded,
         expandIcons: expandIcons,
-        childrenClass: _hooks.util.isFunc(childrenClass) ? childrenClass : function () {
+        childrenClass: util.isFunc(childrenClass) ? childrenClass : function () {
           return childrenClass;
         },
         bindNode: datum.bindNode,
@@ -251,5 +242,4 @@ var Tree = function Tree(props) {
     })
   }));
 };
-var _default = Tree;
-exports.default = _default;
+export default Tree;