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

package/cjs/transfer/transfer.type.d.ts

@@ -1,3 +1,4 @@
+import { TransferClasses } from '@sheinx/shineout-style';
 import { CommonType } from '../common/type';
 import { BaseTransferProps, ObjectKey, KeygenResult, useListSelectMultiple } from '@sheinx/hooks';
 import { ButtonClasses } from '../button/button.type';
@@ -7,32 +8,6 @@ import { SpinClasses } from '../spin/spin.type';
 import { EmptyClasses } from '../empty/empty.type';
 import React from 'react';
 export declare type ListDatum<DataItem, Value extends KeygenResult[]> = ReturnType<typeof useListSelectMultiple<DataItem, Value>>;
-export interface TransferClasses {
-    transfer: string;
-    small: string;
-    large: string;
-    simple: string;
-    view: string;
-    source: string;
-    target: string;
-    close: string;
-    removeAll: string;
-    simpleTarget: string;
-    operations: string;
-    input: string;
-    left: string;
-    right: string;
-    header: string;
-    title: string;
-    count: string;
-    list: string;
-    footer: string;
-    item: string;
-    disabled: string;
-    itemWrapper: string;
-    checkbox: string;
-    empty: string;
-}
 export declare type JssStyleType = {
     transfer: () => TransferClasses;
     button: () => ButtonClasses;
@@ -61,24 +36,107 @@ export interface CustomRenderProps<Value extends KeygenResult[]> {
 }
 export interface TransferProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTransferProps<DataItem, Value>, 'valueControl' | 'selectControl'>, Pick<CommonType, 'size' | 'style' | 'className'> {
     jssStyle: JssStyleType;
+    /**
+     * @en The checked list, the checked values ​​use the results of keygen
+     * @cn 被勾选的列表, 勾选的值均使用的是 keygen 的结果
+     */
     selectedKeys?: KeygenResult[];
+    /**
+     * @en List Height
+     * @cn 列表高度
+     * @default 186
+     */
     listHeight?: number;
+    /**
+     * @en List row height
+     * @cn 列表行高
+     * @default 34
+     */
     lineHeight?: number;
+    /**
+     * @en When it is a string, return d[string] When it is a function, return the result of the function
+     * @cn 为 string 时，返回 d[string] 为 function 时，返回函数结果
+     * @default d => d
+     */
     renderItem?: ObjectKey<DataItem> | ((data: DataItem) => React.ReactNode);
+    /**
+     * @en Whether to enable simple mode
+     * @cn 是否开启简单模式
+     * @default false
+     */
     simple?: boolean;
+    /**
+     * @en The class name of the item
+     * @cn 选项 className
+     */
     itemClass?: string;
+    /**
+     * @en ContentLess display
+     * @cn 无内容的展示
+     */
     empty?: React.ReactNode;
+    /**
+     * @en Number of data loaded at one time
+     * @cn 一次加载的数据条数
+     * @default 20
+     */
     rowsInView?: number;
+    /**
+     * @en The class name of the list
+     * @cn 列表扩展的 class
+     */
     listClassName?: string;
+    /**
+     * @en The style of the list
+     * @cn 列表扩展的样式
+     */
     listStyle?: React.CSSProperties;
+    /**
+     * @en Title on both sides, order from left to right
+     * @cn 两侧的标题, 顺序是从左到右
+     */
     titles?: [React.ReactNode, React.ReactNode];
+    /**
+     * @en Bottom element, order from left to right
+     * @cn 底部元素, 顺序是从左到右
+     */
     footers?: [React.ReactNode, React.ReactNode];
+    /**
+     * @en Operational elements, the order is from top to bottom
+     * @cn 操作元素, 顺序是从上到下
+     */
     operations?: [React.ReactNode, React.ReactNode];
+    /**
+     * @en Whether to display the icon of the action button
+     * @cn 是否显示操作按钮的图标
+     * @default true
+     */
     operationIcon?: boolean;
+    /**
+     * @en Loading, if you need the loading status to be inconsistent on both sides, you need to pass in an array
+     * @cn 加载中, 如果需要两侧加载中状态不一致, 需要传入数组
+     */
     loading?: boolean | [boolean, boolean];
+    /**
+     * @en The placeholder of the search box
+     * @cn 搜索框占位
+     */
     searchPlaceholder?: string | [string, string];
+    /**
+     * @en Custom filter rendering
+     * @cn 自定义过滤器渲染
+     */
     renderFilter?: (filterProps: FilterProps) => React.ReactNode;
+    /**
+     * @en Filter function, parameters are: input text, data, whether it is the data on the left
+     * @cn 筛选函数, 参数为: 输入文本, 数据, 是否为左侧数据
+     */
     onFilter?: (text: string, data: DataItem, isSource: boolean) => boolean;
+    /**
+     * @en Custom render content
+     * @cn 自定义渲染内容
+     * @override ((props: { onSelected: ((string | number)[]) => void; direction: "left" | "right"; selectedKeys: (string | number)[]; value: Value; filterText: string; }) => ReactNode)
+     */
     children?: (props: CustomRenderProps<Value>) => React.ReactNode;
 }
 //# sourceMappingURL=transfer.type.d.ts.map

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

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

package/cjs/tree/index.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,+DA4BjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBAuB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/tree/tree-checkbox.js

@@ -16,7 +16,6 @@ var TreeCheckbox = function TreeCheckbox(props) {
   var _useTreeContext = (0, _treeContext.useTreeContext)(),
     getValue = _useTreeContext.getValue,
     set = _useTreeContext.set,
-    isDisabled = _useTreeContext.isDisabled,
     getChecked = _useTreeContext.getChecked;
   var handleChange = function handleChange(_, checked) {
     set(id, checked ? 1 : 0);
@@ -24,16 +23,13 @@ var TreeCheckbox = function TreeCheckbox(props) {
       onChange(getValue(), id);
     }
   };
-  var checkDisabled = function checkDisabled() {
-    if (disabled) return true;
-    return isDisabled(id);
-  };
   var checked = getChecked(id);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.Checkbox, {
+    theme: "dark",
     className: className,
     jssStyle: jssStyle,
     checked: checked,
-    disabled: checkDisabled(),
+    disabled: disabled,
     onChange: handleChange
   });
 };

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

@@ -1,10 +1,10 @@
 import { KeygenResult } from '@sheinx/hooks';
 import { CommonType } from '../common/type';
 import { JsstyleType } from './tree.type';
-export interface TreeCheckboxProps<DataItem> extends Pick<CommonType, 'className'> {
-    jssStyle: JsstyleType;
+export interface TreeCheckboxProps extends Pick<CommonType, 'className'> {
+    jssStyle?: JsstyleType;
     id: KeygenResult;
-    disabled?: boolean | ((item: DataItem) => boolean);
+    disabled?: boolean;
     onChange?: (value: KeygenResult[], id: KeygenResult) => void;
 }
 //# sourceMappingURL=tree-checkbox.type.d.ts.map

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.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":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAMvD,QAAA,MAAM,WAAW,8DA8KhB,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;
@@ -54,15 +58,19 @@ var NodeContent = function NodeContent(props) {
     if (highlight) {
       dataProps['data-active'] = active;
     }
+    if (disabled) {
+      dataProps['data-disabled'] = disabled;
+    }
     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 {
@@ -79,7 +87,6 @@ var NodeContent = function NodeContent(props) {
       "data-expanded": expanded,
       "data-icon": hasExpandIcons,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
-        name: "ring",
         size: 12,
         jssStyle: jssStyle
       })
@@ -91,7 +98,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,
@@ -134,19 +140,25 @@ var NodeContent = function NodeContent(props) {
     };
     return render(data, expanded, active, id);
   };
+  var contentEvent = {
+    onClick: inlineNode ? undefined : handleNodeClick
+  };
+  var textEvent = {
+    onClick: inlineNode ? handleNodeClick : undefined
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: rootClass,
     onDragOver: onDragOver,
-    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
+    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
       ref: bindContent,
       className: contentClass
-    }, contentDataProps()), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }, contentDataProps()), contentEvent), {}, {
+      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
         className: textClass,
-        onClick: handleNodeClick,
-        onDoubleClick: handleNodeExpand,
+        onDoubleClick: handleNodeExpand
+      }, textEvent), {}, {
         children: renderNode()
-      })]
+      }))]
     }))]
   });
 };

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

@@ -2,7 +2,7 @@
 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;
+    jssStyle?: JsstyleType;
     id: KeygenResult;
     parentClickExpand?: boolean;
     doubleClickExpand?: boolean;
@@ -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,7 +27,7 @@ export interface TreeContextProps<DataItem> extends Omit<BaseTreeProps<DataItem>
     highlight?: boolean;
     loader?: (key: KeygenResult, data: DataItem) => void;
     setFetching: (value: boolean) => void;
-    onToggle: () => void;
+    onToggle?: (id: KeygenResult, expanded?: boolean) => void;
     onFetch: () => void;
     onDragOver: (e: React.DragEvent) => void;
     onNodeClick: (data: DataItem, id: KeygenResult) => void;

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,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"}

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

package/cjs/tree/tree-context.js

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

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

@@ -1,17 +1,20 @@
 /// <reference types="react" />
-import { KeygenResult } from '@sheinx/hooks';
+import { UnMatchedData, KeygenResult } from '@sheinx/hooks';
 export declare type CheckedStatusType = 0 | 1 | 2;
-export interface TreeContextProps {
+export interface TreeContextProps<DataItem, Value> {
     set: (id: KeygenResult, checked: CheckedStatusType) => void;
     get: (id: KeygenResult) => CheckedStatusType | undefined;
-    getValue: () => KeygenResult[];
-    getActive: () => KeygenResult | 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 {
+export interface TreeProviderProps<DataItem, Value> {
     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,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"}

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;
+export interface TreeListProps<DataItem, Value> extends Omit<BaseTreeProps<DataItem>, 'childrenKey' | 'expanded'>, Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: JsstyleType;
     id?: KeygenResult;
     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;
@@ -28,8 +29,8 @@ export interface TreeListProps<DataItem> extends Omit<BaseTreeProps<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;
+    onToggle?: (id: KeygenResult, expanded?: boolean) => void;
+    onDrop?: (id: KeygenResult, 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;AAiB5E,QAAA,MAAM,IAAI,8FA8RT,CAAC;AAEF,eAAe,IAAI,CAAC"}