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

package/cjs/tree/tree-content.d.ts

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

package/cjs/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":";AACA,OAAO,EAAE,YAAY,EAAQ,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,QAAA,MAAM,WAAW,mGAgLhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/tree/tree-content.js

@@ -1,14 +1,9 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
 var _treeCheckbox = _interopRequireDefault(require("./tree-checkbox"));
@@ -16,10 +11,14 @@ var _treeContext = require("./tree-context");
 var _icons = _interopRequireDefault(require("../icons"));
 var _spin = _interopRequireDefault(require("../spin"));
 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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
 var NodeContent = function NodeContent(props) {
-  var _classNames;
   var jssStyle = props.jssStyle,
     id = props.id,
     active = props.active,
@@ -47,7 +46,7 @@ var NodeContent = function NodeContent(props) {
     isDisabled = _useTreeContext.isDisabled;
   var disabled = isDisabled(id);
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = (0, _classnames.default)(contentStyle.contentWrapper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), (0, _defineProperty2.default)(_classNames, contentStyle.inlineContent, inlineNode), _classNames));
+  var rootClass = (0, _classnames.default)(contentStyle.contentWrapper, _defineProperty(_defineProperty({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode));
   var contentClass = (0, _classnames.default)(contentStyle.content, _hooks.util.isString(contentClassProp) && contentClassProp, _hooks.util.isFunc(contentClassProp) && contentClassProp(data));
   var textClass = (0, _classnames.default)(contentStyle.text, disabled ? contentStyle.textDisabled : '');
   var hasExpandIcons = expandIcons !== undefined;
@@ -64,7 +63,7 @@ var NodeContent = function NodeContent(props) {
     return dataProps;
   };
   var handleIndicatorClick = function handleIndicatorClick() {
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(id);
+    onToggle === null || onToggle === void 0 || onToggle(id);
     if (data[childrenKey] !== undefined) return;
     setFetching(true);
     if (loader) loader(id, data);
@@ -87,7 +86,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
       })
@@ -95,7 +93,7 @@ var NodeContent = function NodeContent(props) {
   };
   var renderIndicator = function renderIndicator() {
     var children = data[childrenKey];
-    var icon = expandIcons ? expandIcons[expanded ? 1 : 0] : expanded ? _icons.default.TreeMinus : _icons.default.TreePlus;
+    var icon = expandIcons ? expandIcons[expanded ? 1 : 0] : expanded ? _icons.default.tree.LineExpand : _icons.default.tree.LineCollapse;
     var indicator;
     if (line) {
       indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -116,7 +114,7 @@ var NodeContent = function NodeContent(props) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _classnames.default)(contentStyle.icon, iconClass),
           onClick: handleIndicatorClick,
-          children: _hooks.util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : _icons.default.TreeArrow
+          children: _hooks.util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : _icons.default.tree.Expand
         })
       });
     }
@@ -141,21 +139,26 @@ 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()
-      })]
+      }))]
     }))]
   });
 };
-var _default = NodeContent;
-exports.default = _default;
+var _default = exports.default = NodeContent;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
 import { JsstyleType, TreeRenderItemType } from './tree.type';
-export interface TreeContextProps<DataItem> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'> {
+export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'> {
     jssStyle?: JsstyleType;
     id: KeygenResult;
     parentClickExpand?: boolean;
@@ -31,6 +31,6 @@ export interface TreeContextProps<DataItem> extends Omit<BaseTreeProps<DataItem>
     onFetch: () => void;
     onDragOver: (e: React.DragEvent) => void;
     onNodeClick: (data: DataItem, id: KeygenResult) => void;
-    onChange?: (value: KeygenResult[]) => void;
+    onChange?: (value: Value) => void;
 }
 //# sourceMappingURL=tree-content.type.d.ts.map

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

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

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

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

package/cjs/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;AAC/B,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,WAAW,sCAA0E,CAAC;AAEnG,eAAO,MAAM,QAAQ,+DAGpB,CAAC;AAEF,eAAO,MAAM,cAAc,6BAAsC,CAAC"}

package/cjs/tree/tree-context.js

@@ -1,20 +1,17 @@
 "use strict";
+'use client';
 
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _typeof = require("@babel/runtime/helpers/typeof");
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTreeContext = exports.TreeContext = exports.Provider = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var TreeContext = /*#__PURE__*/React.createContext({});
-exports.TreeContext = TreeContext;
-var Provider = function Provider(props) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var TreeContext = exports.TreeContext = /*#__PURE__*/React.createContext({});
+var Provider = exports.Provider = function Provider(props) {
   var children = props.children,
     value = props.value;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeContext.Provider, {
@@ -22,8 +19,6 @@ var Provider = function Provider(props) {
     children: children
   });
 };
-exports.Provider = Provider;
-var useTreeContext = function useTreeContext() {
+var useTreeContext = exports.useTreeContext = function useTreeContext() {
   return React.useContext(TreeContext);
-};
-exports.useTreeContext = useTreeContext;
+};

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

@@ -1,20 +1,9 @@
 /// <reference types="react" />
-import { UnMatchedData, KeygenResult } 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> {
+import { useTree } from '@sheinx/hooks';
+export type CheckedStatusType = 0 | 1 | 2;
+export 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/cjs/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,MAAM,MAAM,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C,MAAM,MAAM,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/cjs/tree/tree-list.d.ts

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

package/cjs/tree/tree-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-list.d.ts","sourceRoot":"","sources":["tree-list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,qGAkHT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree-list.d.ts","sourceRoot":"","sources":["tree-list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,uGAkHT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/tree/tree-list.js

@@ -1,15 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.array.map.js");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _treeNode = _interopRequireDefault(require("./tree-node"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// import { util } from '@sheinx/hooks';
+
 var List = function List(props) {
   var hasExpanded = (0, _react.useRef)(false);
   var jssStyle = props.jssStyle,
@@ -66,13 +67,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,
@@ -116,5 +117,4 @@ var List = function List(props) {
     children: data.map(renderNode)
   });
 };
-var _default = List;
-exports.default = _default;
+var _default = exports.default = List;

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

@@ -2,7 +2,7 @@
 import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
 import { CommonType } from '../common/type';
 import { JsstyleType, TreeRenderItemType } from './tree.type';
-export interface TreeListProps<DataItem, Value> extends Omit<BaseTreeProps<DataItem>, 'childrenKey' | 'expanded'>, Pick<CommonType, 'className' | 'style'> {
+export interface TreeListProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'childrenKey' | 'expanded'>, Pick<CommonType, 'className' | 'style'> {
     jssStyle?: JsstyleType;
     id?: KeygenResult;
     line: boolean;
@@ -28,9 +28,9 @@ export interface TreeListProps<DataItem, Value> extends Omit<BaseTreeProps<DataI
     renderItem: TreeRenderItemType<DataItem>;
     loader?: (key: KeygenResult, data: DataItem) => void;
     onNodeClick: (data: DataItem, id: KeygenResult) => void;
-    onChange?: (value: KeygenResult[]) => void;
+    onChange?: (value: Value) => void;
     onToggle?: (id: KeygenResult, expanded?: boolean) => void;
-    onDrop?: (id: KeygenResult, targetId: Value, position: number) => void;
+    onDrop?: (id: KeygenResult, targetId: KeygenResult, position: number) => void;
     inlineNode?: boolean;
     highlight?: boolean;
     onDragStart?: (e: React.DragEvent, data: DataItem) => void;

package/cjs/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/cjs/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/cjs/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/cjs/tree/tree-node.js

@@ -1,30 +1,37 @@
 "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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+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);
@@ -87,8 +95,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 = (0, _classnames.default)(contentStyle.node, isLeaf() && leafClass, _hooks.util.isString(nodeClass) && nodeClass, _hooks.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 +114,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 +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() {
@@ -263,5 +277,4 @@ var Node = function Node(props) {
     }), hasChildren && /*#__PURE__*/(0, _react.createElement)(List, getChildrenListProps())]
   }));
 };
-var _default = Node;
-exports.default = _default;
+var _default = exports.default = Node;

package/cjs/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/cjs/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/cjs/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/cjs/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"}