@sheinx/base 3.0.0-alpha.2 → 3.0.0-alpha.5

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

@@ -1 +1 @@
-{"version":3,"file":"tree-checkbox.type.d.ts","sourceRoot":"","sources":["tree-checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAiB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAChF,QAAQ,EAAE,WAAW,CAAC;IACtB,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;CAC9D"}
+{"version":3,"file":"tree-checkbox.type.d.ts","sourceRoot":"","sources":["tree-checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;CAC9D"}

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;AAKvD,QAAA,MAAM,WAAW,8DA6JhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,YAAY,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,QAAA,MAAM,WAAW,iGAqKhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/tree/tree-content.js

@@ -12,6 +12,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
 var _treeCheckbox = _interopRequireDefault(require("./tree-checkbox"));
+var _treeContext = require("./tree-context");
 var _icons = _interopRequireDefault(require("../icons"));
 var _spin = _interopRequireDefault(require("../spin"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,8 +25,8 @@ var NodeContent = function NodeContent(props) {
     active = props.active,
     data = props.data,
     line = props.line,
-    disabled = props.disabled,
     iconClass = props.iconClass,
+    contentClassProp = props.contentClass,
     expandIcons = props.expandIcons,
     renderItem = props.renderItem,
     expanded = props.expanded,
@@ -42,10 +43,13 @@ var NodeContent = function NodeContent(props) {
     onToggle = props.onToggle,
     onDragOver = props.onDragOver,
     onNodeClick = props.onNodeClick;
+  var _useTreeContext = (0, _treeContext.useTreeContext)(),
+    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 contentClass = (0, _classnames.default)(contentStyle.content);
-  var textClass = (0, _classnames.default)(contentStyle.text);
+  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;
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -57,12 +61,13 @@ var NodeContent = function NodeContent(props) {
     return dataProps;
   };
   var handleIndicatorClick = function handleIndicatorClick() {
-    onToggle();
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(id);
     if (data[childrenKey] !== undefined) return;
     setFetching(true);
     if (loader) loader(id, data);
   };
   var handleNodeClick = function handleNodeClick() {
+    if (disabled) return;
     if (parentClickExpand && hasChildren) {
       handleIndicatorClick();
     } else {
@@ -91,7 +96,6 @@ var NodeContent = function NodeContent(props) {
     var indicator;
     if (line) {
       indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        // style={{ position: 'absolute', left: 16, top: 6 }}
         className: contentStyle.iconWrapper,
         "data-expanded": expanded,
         "data-icon": hasExpandIcons,
@@ -143,8 +147,8 @@ var NodeContent = function NodeContent(props) {
     }, contentDataProps()), {}, {
       children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: textClass,
-        onClick: handleNodeClick,
         onDoubleClick: handleNodeExpand,
+        onClick: handleNodeClick,
         children: renderNode()
       })]
     }))]

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

@@ -1,9 +1,9 @@
 /// <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'> {
-    jssStyle: JsstyleType;
-    id: KeygenResult;
+export interface TreeContextProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem, Value>, 'data' | 'childrenKey' | 'expanded' | 'active'> {
+    jssStyle?: JsstyleType;
+    id: Value;
     parentClickExpand?: boolean;
     doubleClickExpand?: boolean;
     data: DataItem;
@@ -12,6 +12,7 @@ export interface TreeContextProps<DataItem> extends Omit<BaseTreeProps<DataItem>
     expanded: boolean;
     iconClass?: string;
     leafClass?: string;
+    contentClass?: string | ((data: DataItem) => string);
     expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
     childrenKey: keyof DataItem;
     renderItem: TreeRenderItemType<DataItem>;
@@ -26,10 +27,10 @@ export interface TreeContextProps<DataItem> extends Omit<BaseTreeProps<DataItem>
     highlight?: boolean;
     loader?: (key: KeygenResult, data: DataItem) => void;
     setFetching: (value: boolean) => void;
-    onToggle: () => void;
+    onToggle?: (id: Value, expanded?: boolean) => void;
     onFetch: () => void;
     onDragOver: (e: React.DragEvent) => void;
-    onNodeClick: (data: DataItem, id: KeygenResult) => void;
+    onNodeClick: (data: DataItem, id: Value) => void;
     onChange?: (value: KeygenResult[]) => 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,EAAE,WAAW,CAAC;IACtB,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,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,EAAE,MAAM,IAAI,CAAC;IACrB,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,CACpE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5F,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,KAAK,CAAC;IACV,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,KAAK,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,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,KAAK,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC5C"}

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { KeygenResult } from '@sheinx/hooks';
 import { TreeContextProps, TreeProviderProps } from './tree-context.type';
-export declare const TreeContext: React.Context<TreeContextProps>;
-export declare const Provider: (props: TreeProviderProps) => JSX.Element;
-export declare const useTreeContext: () => TreeContextProps;
+export declare const TreeContext: React.Context<TreeContextProps<any, any>>;
+export declare const Provider: <DataItem, Value extends KeygenResult>(props: TreeProviderProps<DataItem, Value>) => JSX.Element;
+export declare const useTreeContext: () => TreeContextProps<any, 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,iCAAgE,CAAC;AAEzF,eAAO,MAAM,QAAQ,UAAW,iBAAiB,gBAGhD,CAAC;AAEF,eAAO,MAAM,cAAc,wBAAsC,CAAC"}
+{"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,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,WAAW,2CAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ,kGAKpB,CAAC;AAEF,eAAO,MAAM,cAAc,kCAAsC,CAAC"}

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

@@ -1,17 +1,23 @@
 /// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
+import { ResultItem } from '../tree-select/tree-select.type';
 export declare type CheckedStatusType = 0 | 1 | 2;
-export interface TreeContextProps {
-    set: (id: KeygenResult, checked: CheckedStatusType) => void;
-    get: (id: KeygenResult) => CheckedStatusType | undefined;
-    getValue: () => KeygenResult[];
-    getActive: () => KeygenResult | undefined;
-    getChecked: (id: KeygenResult) => boolean | 'indeterminate';
-    getPath: (id: KeygenResult) => any;
-    isDisabled: (id: KeygenResult) => boolean;
+export interface TreeContextProps<DataItem, Value extends KeygenResult> {
+    set: (id: Value, checked: CheckedStatusType) => void;
+    get: (id: Value) => CheckedStatusType | undefined;
+    getValue: () => Value[];
+    getKey: (item: any, id?: Value, index?: number) => Value;
+    getChecked: (id: Value) => boolean | 'indeterminate';
+    getPath: (id: Value) => any;
+    getDataByValues: {
+        (values: Value): ResultItem<DataItem>;
+        (values: Value[]): ResultItem<DataItem>[];
+    };
+    setValue: (value?: Value[]) => void;
+    isDisabled: (id: Value) => boolean;
 }
-export interface TreeProviderProps {
+export interface TreeProviderProps<DataItem, Value extends KeygenResult> {
     children: React.ReactNode;
-    value: TreeContextProps;
+    value: TreeContextProps<DataItem, Value>;
 }
 //# 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,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,oBAAY,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC1C,MAAM,WAAW,gBAAgB;IAC/B,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,YAAY,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,YAAY,GAAG,SAAS,CAAC;IAC1C,UAAU,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,GAAG,eAAe,CAAC;IAC5D,OAAO,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,GAAG,CAAC;IACnC,UAAU,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,CAAC;CAC3C;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC;CACzB"}
+{"version":3,"file":"tree-context.type.d.ts","sourceRoot":"","sources":["tree-context.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D,oBAAY,iBAAiB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC1C,MAAM,WAAW,gBAAgB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY;IACpE,GAAG,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACrD,GAAG,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,iBAAiB,GAAG,SAAS,CAAC;IAClD,QAAQ,EAAE,MAAM,KAAK,EAAE,CAAC;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC;IACzD,UAAU,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,OAAO,GAAG,eAAe,CAAC;IACrD,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,GAAG,CAAC;IAC5B,eAAe,EAAE;QACf,CAAC,MAAM,EAAE,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QACtC,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;KAC3C,CAAC;IACF,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,CAAC,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CAC1C"}

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
+import { KeygenResult } from '@sheinx/hooks';
 import { TreeListProps } from './tree-list.type';
-declare const List: <DataItem>(props: TreeListProps<DataItem>) => 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":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,kEA8GT,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,qGAkHT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/tree/tree-list.js

@@ -10,8 +10,6 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _treeNode = _interopRequireDefault(require("./tree-node"));
 var _jsxRuntime = require("react/jsx-runtime");
-// import { util } from '@sheinx/hooks';
-
 var List = function List(props) {
   var hasExpanded = (0, _react.useRef)(false);
   var jssStyle = props.jssStyle,
@@ -24,12 +22,14 @@ var List = function List(props) {
     expanded = props.expanded,
     active = props.active,
     line = props.line,
+    isControlled = props.isControlled,
     style = props.style,
     onChange = props.onChange,
     renderItem = props.renderItem,
     iconClass = props.iconClass,
     leafClass = props.leafClass,
     nodeClass = props.nodeClass,
+    contentClass = props.contentClass,
     expandIcons = props.expandIcons,
     childrenKey = props.childrenKey,
     inlineNode = props.inlineNode,
@@ -66,6 +66,7 @@ var List = function List(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeNode.default, {
       jssStyle: jssStyle,
       id: id,
+      isControlled: isControlled,
       data: node,
       mode: mode,
       index: index,
@@ -79,6 +80,7 @@ var List = function List(props) {
       iconClass: iconClass,
       leafClass: leafClass,
       nodeClass: nodeClass,
+      contentClass: contentClass,
       expandIcons: expandIcons,
       bindNode: bindNode,
       loader: loader,
@@ -90,6 +92,7 @@ var List = function List(props) {
       dragHoverExpand: dragHoverExpand,
       parentClickExpand: parentClickExpand,
       doubleClickExpand: doubleClickExpand,
+      expanded: expanded,
       onNodeClick: onNodeClick,
       onToggle: onToggle,
       onChange: onChange,
@@ -102,10 +105,6 @@ var List = function List(props) {
   };
   if (!expanded && !hasExpanded.current) return null;
   hasExpanded.current = true;
-
-  // if (!data || !util.isArray(data)) {
-  //   return null;
-  // }
   var newStyle = Object.assign({}, style, {
     display: expanded ? 'block' : 'none'
   });

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

@@ -2,11 +2,11 @@
 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;
+export interface TreeListProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem, Value>, 'childrenKey' | 'expanded'>, Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: JsstyleType;
+    id?: Value;
     line: boolean;
-    expanded?: boolean;
+    expanded: boolean;
     childrenKey: keyof DataItem;
     parentClickExpand?: boolean;
     doubleClickExpand?: boolean;
@@ -15,6 +15,7 @@ export interface TreeListProps<DataItem> extends Omit<BaseTreeProps<DataItem>, '
     iconClass?: string;
     leafClass?: string;
     nodeClass?: string | ((data: DataItem) => string);
+    contentClass?: string | ((data: DataItem) => string);
     dragImageSelector: (data?: DataItem) => string | undefined;
     dragImageStyle?: React.CSSProperties;
     dragSibling?: boolean;
@@ -26,10 +27,10 @@ export interface TreeListProps<DataItem> extends Omit<BaseTreeProps<DataItem>, '
     };
     renderItem: TreeRenderItemType<DataItem>;
     loader?: (key: KeygenResult, data: DataItem) => void;
-    onNodeClick: (data: DataItem, id: KeygenResult) => void;
+    onNodeClick: (data: DataItem, id: Value) => void;
     onChange?: (value: KeygenResult[]) => void;
-    onToggle?: (id: KeygenResult, expanded: boolean) => void;
-    onDrop?: (id: KeygenResult, targetId: KeygenResult, position: number) => void;
+    onToggle?: (id: Value, expanded?: boolean) => void;
+    onDrop?: (id: Value, targetId: Value, 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":";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"}
+{"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,5 +1,6 @@
 /// <reference types="react" />
 import { TreeNodeProps } from './tree-node.type';
-declare const Node: <DataItem>(props: TreeNodeProps<DataItem>) => JSX.Element;
+import { KeygenResult } from '@sheinx/hooks';
+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;AAWjD,QAAA,MAAM,IAAI,2DAkRT,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;AAQ5E,QAAA,MAAM,IAAI,8FAsRT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/tree/tree-node.js

@@ -30,6 +30,7 @@ var Node = function Node(props) {
     id = props.id,
     data = props.data,
     line = props.line,
+    isControlled = props.isControlled,
     index = props.index,
     renderItem = props.renderItem,
     parentClickExpand = props.parentClickExpand,
@@ -37,6 +38,7 @@ var Node = function Node(props) {
     iconClass = props.iconClass,
     leafClass = props.leafClass,
     nodeClass = props.nodeClass,
+    contentClass = props.contentClass,
     expandIcons = props.expandIcons,
     keygen = props.keygen,
     mode = props.mode,
@@ -61,7 +63,6 @@ var Node = function Node(props) {
     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;
@@ -78,17 +79,22 @@ var Node = function Node(props) {
       dragImageStyle: dragImageStyle
     }),
     active = _useTreeNode.active,
-    expanded = _useTreeNode.expanded,
     isLeaf = _useTreeNode.isLeaf,
     fetching = _useTreeNode.fetching,
     setFetching = _useTreeNode.setFetching,
-    handleToggle = _useTreeNode.onToggle;
+    expanded = _useTreeNode.expanded,
+    setExpanded = _useTreeNode.setExpanded;
   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 handleToggle = function handleToggle() {
+    var nextExpanded = !expanded;
+    setExpanded(nextExpanded);
+    if (onToggle) onToggle(id, nextExpanded);
+  };
   var handleDragOver = function handleDragOver(e) {
     if (!dragLock) return;
     var current = getPath(placeInfo.start);
@@ -98,7 +104,7 @@ var Node = function Node(props) {
     var targetPathStr = target.path.join('/');
     if (dragSibling && targetPathStr !== currentPathStr) return;
     if (dragHoverExpand && !expanded) {
-      handleToggle();
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(id);
     }
     var hover = element.current;
     var rect = hover.getBoundingClientRect();
@@ -185,6 +191,8 @@ var Node = function Node(props) {
       iconClass: iconClass,
       leafClass: leafClass,
       nodeClass: nodeClass,
+      isControlled: isControlled,
+      contentClass: contentClass,
       parentClickExpand: parentClickExpand,
       expanded: expanded,
       line: line,
@@ -224,10 +232,12 @@ var Node = function Node(props) {
     className: rootClass,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_treeContent.default, {
       jssStyle: jssStyle,
+      isControlled: isControlled,
       id: id,
       line: line,
       data: data,
       mode: mode,
+      contentClass: contentClass,
       active: active,
       fetching: fetching,
       expanded: expanded,

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

@@ -3,31 +3,32 @@ 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;
+export interface TreeNodeProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem, Value>, 'data' | 'childrenKey' | 'expanded'>, Pick<CommonType, 'className'> {
+    jssStyle?: JsstyleType;
+    id: Value;
     data: DataItem;
     index: number;
     line: boolean;
-    expanded?: 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;
+    onDrop?: (id: Value, targetId: Value, position: number) => void;
+    onToggle?: (id: Value, expanded?: boolean) => void;
     iconClass?: string;
     leafClass?: string;
     nodeClass?: string | ((data: DataItem) => string);
+    contentClass?: 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;
+    onNodeClick: (data: DataItem, id: Value) => void;
     renderItem: TreeRenderItemType<DataItem>;
-    listComponent: (props: TreeListProps<DataItem>) => JSX.Element | null;
+    listComponent: (props: TreeListProps<DataItem, Value>) => JSX.Element | null;
     dragImageSelector: (data?: DataItem) => string | undefined;
     dragImageStyle?: React.CSSProperties;
     dragSibling?: boolean;

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,5 +1,6 @@
 /// <reference types="react" />
+import { KeygenResult } from '@sheinx/hooks';
 import { TreeRootProps } from './tree-root.type';
-declare const Root: <DataItem>(props: TreeRootProps<DataItem>) => 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,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,QAAA,MAAM,IAAI,2DAMT,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,8FAMT,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,8 +1,8 @@
 /// <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;
+export interface TreeRootProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem, Value>, 'chilrdrenKey'> {
+    jssStyle?: JsstyleType;
     line: boolean;
     childrenClass: (data: DataItem) => string | undefined;
     bindNode: (id: KeygenResult, update: UpdateFunc) => {
@@ -16,15 +16,16 @@ export interface TreeRootProps<DataItem> extends Omit<BaseTreeProps<DataItem>, '
     iconClass?: string;
     leafClass?: string;
     nodeClass?: string | ((data: DataItem) => string);
+    contentClass?: 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;
+    onToggle?: (id: KeygenResult, expanded?: boolean) => void;
+    onNodeClick: (data: DataItem, id: Value) => void;
     onChange?: (value: KeygenResult[]) => void;
-    onDrop?: (id: KeygenResult, targetId: KeygenResult, position: number) => void;
+    onDrop?: (id: Value, targetId: Value, position: number) => void;
     loader?: (key: KeygenResult, data: DataItem) => void;
     inlineNode?: boolean;
     highlight?: boolean;

package/cjs/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,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"}
+{"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,EAAE,KAAK,SAAS,YAAY,CACjE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,cAAc,CAAC;IAC5D,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,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,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,KAAK,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,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/cjs/tree/tree.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAe,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,YAAY,EAA8B,MAAM,eAAe,CAAC;AAKzE,QAAA,MAAM,IAAI,0FA4OT,CAAC;AAEF,eAAe,IAAI,CAAC"}