@sheinx/base 3.0.0-alpha.1

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
+import { CommonType } from '../common/type';
+import { JsstyleType, TreeRenderItemType } from './tree.type';
+export interface TreeListProps<DataItem> extends Omit<BaseTreeProps<DataItem>, 'childrenKey' | 'expanded'>, Pick<CommonType, 'className' | 'style'> {
+    jssStyle: JsstyleType;
+    id?: KeygenResult;
+    line: boolean;
+    expanded?: boolean;
+    childrenKey: keyof DataItem;
+    parentClickExpand?: boolean;
+    doubleClickExpand?: boolean;
+    childrenClassName?: string;
+    expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
+    iconClass?: string;
+    leafClass?: string;
+    nodeClass?: string | ((data: DataItem) => string);
+    dragImageSelector: (data?: DataItem) => string | undefined;
+    dragImageStyle?: React.CSSProperties;
+    dragSibling?: boolean;
+    dragHoverExpand?: boolean;
+    childrenClass: (data: DataItem) => string | undefined;
+    bindNode: (id: KeygenResult, update: UpdateFunc) => {
+        expanded: boolean;
+        active: boolean;
+    };
+    renderItem: TreeRenderItemType<DataItem>;
+    loader?: (key: KeygenResult, data: DataItem) => void;
+    onNodeClick: (data: DataItem, id: KeygenResult) => void;
+    onChange?: (value: KeygenResult[]) => void;
+    onToggle?: (id: KeygenResult, expanded: boolean) => void;
+    onDrop?: (id: KeygenResult, targetId: KeygenResult, position: number) => void;
+    inlineNode?: boolean;
+    highlight?: boolean;
+    onDragStart?: (e: React.DragEvent, data: DataItem) => void;
+    onDragEnd?: (e: React.DragEvent, data: DataItem) => void;
+    onDragOver?: (e: React.DragEvent, data: DataItem) => void;
+    onDragLeave?: (e: React.DragEvent, data: DataItem) => void;
+}
+//# sourceMappingURL=tree-list.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-list.type.d.ts","sourceRoot":"","sources":["tree-list.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,aAAa,CAAC,QAAQ,CACrC,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,aAAa,GAAG,UAAU,CAAC,EAC/D,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC,QAAQ,EAAE,WAAW,CAAC;IACtB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;IACvE,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,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,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,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD,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,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,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-list.type.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAWjD,QAAA,MAAM,IAAI,2DAkRT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree-node.js

@@ -0,0 +1,257 @@
+"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);
+var placeInfo = {
+  start: '',
+  target: ''
+};
+var dragLock = false;
+var Node = function Node(props) {
+  var jssStyle = props.jssStyle,
+    id = props.id,
+    data = props.data,
+    line = props.line,
+    index = props.index,
+    renderItem = props.renderItem,
+    parentClickExpand = props.parentClickExpand,
+    doubleClickExpand = props.doubleClickExpand,
+    iconClass = props.iconClass,
+    leafClass = props.leafClass,
+    nodeClass = props.nodeClass,
+    expandIcons = props.expandIcons,
+    keygen = props.keygen,
+    mode = props.mode,
+    childrenKey = props.childrenKey,
+    inlineNode = props.inlineNode,
+    highlight = props.highlight,
+    dragSibling = props.dragSibling,
+    dragHoverExpand = props.dragHoverExpand,
+    dragImageSelector = props.dragImageSelector,
+    dragImageStyle = props.dragImageStyle,
+    childrenClass = props.childrenClass,
+    bindNode = props.bindNode,
+    loader = props.loader,
+    onChange = props.onChange,
+    onNodeClick = props.onNodeClick,
+    onToggle = props.onToggle,
+    onDrop = props.onDrop,
+    onDragOver = props.onDragOver,
+    onDragLeave = props.onDragLeave,
+    onDragStart = props.onDragStart,
+    onDragEnd = props.onDragEnd,
+    List = props.listComponent;
+  var element = (0, _react.useRef)(null);
+  var content = (0, _react.useRef)(null);
+  // const dragLock = useRef(false);
+  var dragImage = (0, _react.useRef)(null);
+  var _useTreeContext = (0, _treeContext.useTreeContext)(),
+    getPath = _useTreeContext.getPath;
+  var _useTreeNode = (0, _hooks.useTreeNode)({
+      id: id,
+      data: data,
+      bindNode: bindNode,
+      loader: loader,
+      onToggle: onToggle,
+      childrenKey: childrenKey,
+      element: element,
+      content: content.current,
+      dragImageSelector: dragImageSelector,
+      dragImageStyle: dragImageStyle
+    }),
+    active = _useTreeNode.active,
+    expanded = _useTreeNode.expanded,
+    isLeaf = _useTreeNode.isLeaf,
+    fetching = _useTreeNode.fetching,
+    setFetching = _useTreeNode.setFetching,
+    handleToggle = _useTreeNode.onToggle;
+  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 handleFetch = function handleFetch() {};
+  var handleDragOver = function handleDragOver(e) {
+    if (!dragLock) return;
+    var current = getPath(placeInfo.start);
+    var target = getPath(id);
+    if (!current || !target) return;
+    var currentPathStr = current.path.join('/');
+    var targetPathStr = target.path.join('/');
+    if (dragSibling && targetPathStr !== currentPathStr) return;
+    if (dragHoverExpand && !expanded) {
+      handleToggle();
+    }
+    var hover = element.current;
+    var rect = hover.getBoundingClientRect();
+    var clientHeight = e.target.getBoundingClientRect().height || 20;
+    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);
+        }
+      }
+    } else {
+      position += 1;
+      hover.parentNode.insertBefore(placeElement, hover.nextElementSibling);
+    }
+    placeInfo.target = id;
+    // @ts-ignore
+    placeElement.setAttribute('data-position', position);
+    if (onDragOver) onDragOver(e, data);
+  };
+  var handleDragStart = function handleDragStart(e) {
+    if (dragLock) return;
+    dragLock = true;
+    e.dataTransfer.effectAllowed = 'copyMove';
+    e.dataTransfer.setData('text/plain', id);
+    placeInfo.start = id;
+    var el = document.querySelector(dragImageSelector(data));
+    var dragEl = el || content.current;
+    var rect = dragEl.getBoundingClientRect();
+    dragImage.current = dragEl.cloneNode(true);
+    document.body.appendChild(dragImage.current);
+    dragImage.current.style.position = 'absolute';
+    dragImage.current.style.top = '-1000px';
+    dragImage.current.style.left = '-1000px';
+    dragImage.current.style.width = "".concat(rect.width, "px");
+    dragImage.current.style.background = '#fff';
+    dragImage.current.style.boxShadow = '0 0 5px 0 rgba(0, 0, 0, 0.1)';
+    if (dragImageStyle) {
+      Object.keys(dragImageStyle).forEach(function (k) {
+        var _dragImage$current;
+        var styleKey = k;
+        ((_dragImage$current = dragImage.current) === null || _dragImage$current === void 0 ? void 0 : _dragImage$current.style)[styleKey] = dragImageStyle[styleKey];
+      });
+    }
+    e.dataTransfer.setDragImage(dragImage.current, e.clientX - rect.left, e.clientY - rect.top);
+    setTimeout(function () {
+      element.current.style.display = 'none';
+    }, 0);
+    if (onDragStart) onDragStart(e, data);
+  };
+  var handleDragEnd = function handleDragEnd(e) {
+    element.current.style.display = '';
+    if (!dragLock) return;
+    dragLock = false;
+    if (!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;
+    placeElement.parentNode.removeChild(placeElement);
+    if (onDrop && (target !== id || index !== position)) {
+      onDrop(id, target, position);
+    }
+    if (onDragEnd) onDragEnd(e, data);
+  };
+  var handleDragLeave = function handleDragLeave(e) {
+    if (onDragLeave) onDragLeave(e, data);
+  };
+  var getChildrenListProps = function getChildrenListProps() {
+    return {
+      id: id,
+      keygen: keygen,
+      jssStyle: jssStyle,
+      renderItem: renderItem,
+      expandIcons: expandIcons,
+      childrenKey: childrenKey,
+      iconClass: iconClass,
+      leafClass: leafClass,
+      nodeClass: nodeClass,
+      parentClickExpand: parentClickExpand,
+      expanded: expanded,
+      line: line,
+      data: children,
+      mode: mode,
+      index: index,
+      loader: loader,
+      inlineNode: inlineNode,
+      highlight: highlight,
+      onDrop: onDrop,
+      onChange: onChange,
+      onToggle: onToggle,
+      onNodeClick: onNodeClick,
+      bindNode: bindNode,
+      childrenClass: childrenClass,
+      dragSibling: dragSibling,
+      dragHoverExpand: dragHoverExpand,
+      dragImageStyle: dragImageStyle,
+      dragImageSelector: dragImageSelector,
+      childrenClassName: childrenClass(data)
+    };
+  };
+  var getDropProps = function getDropProps() {
+    var dropEvents = {};
+    if (onDrop) {
+      Object.assign(dropEvents, {
+        draggable: true,
+        onDragStart: handleDragStart,
+        onDragEnd: handleDragEnd,
+        onDragLeave: handleDragLeave
+      });
+    }
+    return dropEvents;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, getDropProps()), {}, {
+    ref: element,
+    className: rootClass,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_treeContent.default, {
+      jssStyle: jssStyle,
+      id: id,
+      line: line,
+      data: data,
+      mode: mode,
+      active: active,
+      fetching: fetching,
+      expanded: expanded,
+      keygen: keygen,
+      bindNode: bindNode,
+      bindContent: content,
+      childrenKey: childrenKey,
+      renderItem: renderItem,
+      iconClass: iconClass,
+      leafClass: leafClass,
+      expandIcons: expandIcons,
+      parentClickExpand: parentClickExpand,
+      doubleClickExpand: doubleClickExpand,
+      loader: loader,
+      inlineNode: inlineNode,
+      highlight: highlight,
+      setFetching: setFetching,
+      onChange: onChange,
+      onFetch: handleFetch,
+      onNodeClick: onNodeClick,
+      onDragOver: handleDragOver,
+      onToggle: handleToggle
+    }), hasChildren && /*#__PURE__*/(0, _react.createElement)(List, getChildrenListProps())]
+  }));
+};
+var _default = Node;
+exports.default = _default;

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

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+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> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded'>, Pick<CommonType, 'className'> {
+    jssStyle: JsstyleType;
+    id: string;
+    data: DataItem;
+    index: number;
+    line: boolean;
+    expanded?: boolean;
+    doubleClickExpand?: boolean;
+    parentClickExpand?: boolean;
+    childrenKey: keyof DataItem;
+    onChange?: (value: KeygenResult[]) => void;
+    onDrop?: (id: KeygenResult, targetId: KeygenResult, position: number) => void;
+    onToggle?: (id: KeygenResult, expanded: boolean) => void;
+    iconClass?: string;
+    leafClass?: string;
+    nodeClass?: string | ((data: DataItem) => string);
+    expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
+    childrenClass: (data: DataItem) => string | undefined;
+    bindNode: (id: KeygenResult, update: UpdateFunc) => {
+        expanded: boolean;
+        active: boolean;
+    };
+    onNodeClick: (data: DataItem, id: KeygenResult) => void;
+    renderItem: TreeRenderItemType<DataItem>;
+    listComponent: (props: TreeListProps<DataItem>) => JSX.Element | null;
+    dragImageSelector: (data?: DataItem) => string | undefined;
+    dragImageStyle?: React.CSSProperties;
+    dragSibling?: boolean;
+    dragHoverExpand?: boolean;
+    loader?: (key: KeygenResult, data: DataItem) => void;
+    inlineNode?: boolean;
+    highlight?: boolean;
+    onDragStart?: (e: React.DragEvent, data: DataItem) => void;
+    onDragEnd?: (e: React.DragEvent, data: DataItem) => void;
+    onDragOver?: (e: React.DragEvent, data: DataItem) => void;
+    onDragLeave?: (e: React.DragEvent, data: DataItem) => void;
+}
+//# sourceMappingURL=tree-node.type.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

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

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

package/esm/tree/tree-root.js

@@ -0,0 +1,31 @@
+"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");
+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; }
+var Root = function Root(props) {
+  var jssStyle = props.jssStyle,
+    rest = (0, _objectWithoutProperties2.default)(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), {}, {
+    expanded: true,
+    className: rootClass,
+    jssStyle: jssStyle
+  }));
+};
+var _default = Root;
+exports.default = _default;

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { JsstyleType, TreeRenderItemType } from './tree.type';
+import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
+export interface TreeRootProps<DataItem> extends Omit<BaseTreeProps<DataItem>, 'chilrdrenKey'> {
+    jssStyle: JsstyleType;
+    line: boolean;
+    childrenClass: (data: DataItem) => string | undefined;
+    bindNode: (id: KeygenResult, update: UpdateFunc) => {
+        expanded: boolean;
+        active: boolean;
+    };
+    parentClickExpand?: boolean;
+    doubleClickExpand?: boolean;
+    childrenKey: keyof DataItem;
+    renderItem: TreeRenderItemType<DataItem>;
+    iconClass?: string;
+    leafClass?: string;
+    nodeClass?: string | ((data: DataItem) => string);
+    expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
+    dragImageSelector: (data?: DataItem) => string | undefined;
+    dragImageStyle?: React.CSSProperties;
+    dragSibling?: boolean;
+    dragHoverExpand?: boolean;
+    onToggle?: (id: KeygenResult, expanded: boolean) => void;
+    onNodeClick: (data: DataItem, id: KeygenResult) => void;
+    onChange?: (value: KeygenResult[]) => void;
+    onDrop?: (id: KeygenResult, targetId: KeygenResult, position: number) => void;
+    loader?: (key: KeygenResult, data: DataItem) => void;
+    inlineNode?: boolean;
+    highlight?: boolean;
+    onDragStart?: (e: React.DragEvent, data: DataItem) => void;
+    onDragEnd?: (e: React.DragEvent, data: DataItem) => void;
+    onDragOver?: (e: React.DragEvent, data: DataItem) => void;
+    onDragLeave?: (e: React.DragEvent, data: DataItem) => void;
+}
+//# sourceMappingURL=tree-root.type.d.ts.map

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

@@ -0,0 +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,MAAM,eAAe,CAAC;AAExE,MAAM,WAAW,aAAa,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC5F,QAAQ,EAAE,WAAW,CAAC;IACtB,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,MAAM,QAAQ,CAAC;IAC5B,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,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,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,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,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

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

package/esm/tree/tree.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAe,MAAM,aAAa,CAAC;AAMrD,QAAA,MAAM,IAAI,uDAgNT,CAAC;AAEF,eAAe,IAAI,CAAC"}