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

package/esm/cascader/cascader.type.d.ts

@@ -0,0 +1,272 @@
+import React from 'react';
+import { KeygenResult, ObjectKey, TreeModeType } from '@sheinx/hooks';
+import { AbsoluteListProps } from '../absolute-list/absolute-list.type';
+import { CommonType } from '../common/type';
+import { TagClasses } from '../tag/tag.type';
+import { SelectClasses, VirtualScrollClasses } from '@sheinx/shineout-style';
+import { InnerTitleClasses } from '../common/use-inner-title';
+import { PopoverClasses } from '../popover/popover.type';
+import { CheckboxClasses } from '../checkbox/checkbox.type';
+import { CascaderClasses } from '@sheinx/shineout-style';
+import { RadioClasses } from '../radio/radio.type';
+import { SpinClasses } from '../spin/spin.type';
+import { InputClasses } from '../input/input.type';
+import { BaseTipProps } from '../common/use-tip';
+export declare type JssStyleType = {
+    tag?: () => TagClasses;
+    select?: () => SelectClasses;
+    innerTitle?: () => InnerTitleClasses;
+    virtualScroll?: () => VirtualScrollClasses;
+    popover?: () => PopoverClasses;
+    checkbox?: () => CheckboxClasses;
+    radio?: () => RadioClasses;
+    spin?: () => SpinClasses;
+    input?: () => InputClasses;
+    cascader?: () => CascaderClasses;
+};
+export interface CascaderProps<DataItem, Value extends KeygenResult[]> extends Pick<CommonType, 'className' | 'style' | 'size' | 'status' | 'innerTitle'>, Pick<AbsoluteListProps, 'absolute' | 'zIndex'>, BaseTipProps {
+    jssStyle?: JssStyleType;
+    /**
+     * @en Open multiple selection
+     * @cn 开启多选
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * @en Mode 0: Returns only the fully selected node including the parent node. 1: Returns all selected nodes and semi-selected nodes. 2: Return only the selected child nodes. 3: If the parent node is full selected, only return the parent node. 4: What you choose is what you get
+     * @cn 选中值模式，未设置值为单选 0: 只返回完全选中的节点，包含父节点 1: 返回全部选中的节点和半选中的父节点 2: 只返回选中的子节点 3: 如果父节点选中，只返回父节点 4: 所选即所得
+     */
+    mode?: TreeModeType;
+    /**
+     * @en Input width
+     * @cn 输入框宽度
+     */
+    width?: number | string;
+    /**
+     * @en Set visible of cascader popup
+     * @cn 控制浮层显隐
+     */
+    open?: boolean;
+    /**
+     * @en Selected key (controlled)
+     * @cn 选中的 key （受控)
+     */
+    value?: Value;
+    /**
+     * @en Selected key
+     * @cn 默认选中的 key
+     */
+    defaultValue?: Value;
+    /**
+     * @en data. The child node is children. If the children value is null or its length is 0, it is render as a leaf node
+     * @cn 数据，子节点为children，如果 children 值为 null 或 长度为 0 时，视为叶子节点
+     * @override any[]
+     */
+    data?: DataItem[];
+    /**
+     * @en the key of the children data name
+     * @cn 指定子数据的属性名
+     * @default 'children'
+     */
+    childrenKey?: ObjectKey<DataItem>;
+    /**
+     * @en Only the last node can be selected
+     * @cn 单选只支持选末级节点
+     */
+    final?: boolean;
+    /**
+     * @en The delay in milliseconds before the filter event is triggered by user input.
+     * @cn 用户输入触发 fitler 事件的延时，单位为毫秒。
+     * @default 'children'
+     */
+    filterDelay?: number;
+    /**
+     * @en Custom render dropdown
+     * @cn 自定义渲染下拉列表
+     */
+    renderOptionList?: (list: React.ReactElement, info: {
+        loading: boolean;
+    }) => React.ReactElement;
+    /**
+     * @en Custom rendering unmatched values
+     * @cn 渲染未匹配值的方式
+     */
+    renderUnmatched?: (data: any) => React.ReactNode;
+    /**
+     * @en height of dropdown options
+     * @cn 下拉列表高度
+     * @default 300
+     */
+    height?: number;
+    /**
+     * @en render unmatch value
+     * @cn 是否展示data中不存在的值
+     * @default true
+     */
+    unmatch?: boolean;
+    /**
+     * @en If clearable is true, show clear value icon
+     * @cn 是否显示清除数据图标
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * @en Allows all possible matching options to be choosed
+     * @cn 开启 wideMatch 后，将筛选出所有可能的匹配项目
+     * @default false
+     */
+    wideMatch?: boolean;
+    /**
+     * @en show dropdown arrow, only single select
+     * @cn 是否显示下拉箭头，仅针对单选情况
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * @en close options after chose the final node
+     * @cn 选择末级节点后是否关闭选项列表
+     * @default false
+     */
+    finalDismiss?: boolean;
+    /**
+     * @en Support single node deletion
+     * @cn 支持单个节点删除
+     */
+    singleRemove?: boolean;
+    /**
+     * @en when compressed is True,the comptessedBound can limit the numbers of multiple selected item's label
+     * @cn 开启多选后，指定允许展示标签数量，超过后将折叠
+     */
+    compressedBound?: number;
+    /**
+     *  @en dropdown list loading state
+     *  @cn 下拉列表加载状态
+     *  @override boolean | ReactNode
+     *
+     */
+    loading?: boolean | React.ReactNode;
+    /**
+     * @en Merges selected values; the repeat value will not appear in the Popover when it is'no-repeat'
+     * @cn 将选中值合并。为'no-repeat'时弹出框中不重复展示值
+     * @default false
+     */
+    compressed?: boolean | 'no-repeat';
+    /**
+     * @en options collapse callback
+     * @cn 下拉列表展开/收起回调
+     */
+    onCollapse?: (collapse: boolean) => void;
+    /**
+     * @en If the loader attribute is a function, the node with no children is regarded as dynamically loaded node. Click expanded button to trigger the loader event. The children property is null or its length is 0 will be regarded as a leaf node.
+     * @cn 设置 loader 属性后，未定义 children 的节点视为动态加载节点，点击展开触发 loader 事件，children 为 null 或者长度为 0 视为叶子节点
+     */
+    loader?: (key: KeygenResult, data: DataItem) => void;
+    /**
+     * @en When it is true, all nodes disable the selection; when it is a function, it determines whether it is disabled according to the return result of the function.
+     * @cn 当 disabled 为 true 时，禁用整个选择框。如果 disabled 为函数，根据函数反回结果禁用选项
+     * @default false
+     */
+    disabled?: ((data: DataItem) => boolean) | boolean;
+    /**
+     * @en Expand mode
+     * @cn 节点展开触发方式
+     * @default 'click'
+     */
+    expandTrigger?: 'click' | 'hover' | 'hover-only';
+    /**
+     * @en When the onChange property is set, the selection box is displayed. The parameter is the current selected value, which is related to the mode property.
+     * @cn 设置 onChange 属性时，显示 选择框。参数为当前选中值，和 mode 属性相关
+     */
+    onChange?: (value: Value, selected?: DataItem) => void;
+    /**
+     * @en When the onFilter is not empty, you can filter data by input.If the onFilter returns a function, use this function as a front-end filter.If return undefined, you can do your own backend filtering.support in single selection state.
+     * @cn onFilter 不为空时，可以输入过滤数据;onFilter 如果返回一个函数，使用这个函数做前端过滤;如果不返回，可以自行做后端过滤;单选状态下支持
+     */
+    onFilter?: (text: string) => ((data: DataItem) => boolean) | undefined | void;
+    /**
+     * @en Auxiliary method for generating key. When it is a function, use the return value of this function. When it is a string, use the data value corresponding to this string. For example, 'id' is the same thing as (d) => d.id.
+     * @cn 生成 key 的辅助方法, 为函数时，使用此函数返回值, 为 string 时，使用这个 string 对应的数据值。如 'id'，相当于 (d) => d.id
+     * @default index
+     */
+    keygen: ((data: DataItem, parentKey?: KeygenResult) => KeygenResult) | ObjectKey<DataItem>;
+    /**
+     * @en When 'renderItem' is a string, it returns DataItem[string]. If it's a function, it returns the result of the function.
+     * @cn 当 renderItem 为 string 时，返回 DataItem\\[string]。 若为函数时，则返回函数结果
+     * @default d => d
+     */
+    renderItem: ObjectKey<DataItem> | ((data: DataItem, active?: boolean, id?: KeygenResult) => React.ReactNode);
+    /**
+     * @en The content displayed in the result after selecting, if not set, use renderItem. not show while return null, result is current selected
+     * @cn 选中后在结果中显示的内容，默认和 renderItem 相同
+     * @default renderItem
+     */
+    renderResult?: ObjectKey<DataItem> | ((data: DataItem, row: DataItem[]) => React.ReactNode);
+    /**
+     * @inner 弹出位置
+     */
+    position?: 'drop-up' | 'drop-down';
+    /**
+     * @en blur event
+     * @cn 失焦事件
+     */
+    onBlur?: (e?: React.KeyboardEvent<HTMLDivElement>) => void;
+    /**
+     * @en focus event
+     * @cn 聚焦事件
+     */
+    onFocus?: (e?: React.KeyboardEvent<HTMLDivElement>) => void;
+    /**
+     * @en placeholder
+     * @cn 占位符
+     */
+    placeholder?: string;
+    /**
+     * @inner 内部属性
+     */
+    trim?: boolean;
+    /**
+     * @en empty input after select value
+     * @cn 选中后是否清空输入框内容
+     * @default true
+     */
+    emptyAfterSelect?: boolean;
+    /**
+     * @en Whether to display border
+     * @cn 是否展示边框
+     * @default true
+     */
+    border?: boolean;
+    /**
+     * @en Only display border bottom
+     * @cn 是否只展示下边框
+     */
+    underline?: boolean;
+    /**
+     * @en The maximum length of the input string in the Select input box
+     * @cn Select 输入框输入字符串最大长度
+     */
+    maxLength?: number;
+    /**
+     * @en The className of the selected result content container
+     * @cn 选中结果内容容器的className
+     */
+    resultClassName?: ((value: DataItem) => string) | string;
+    /**
+     * @en Compressed popover classname
+     * @cn 多选合并展示弹出框的类名
+     */
+    compressedClassName?: string;
+    /**
+     * @en Selected value while click under onCreate or onFilter
+     * @cn onCreate 或 onFilter 在单选情况下单击值后是否选中值
+     * @default true
+     */
+    focusSelected?: boolean;
+    /**
+     * @en Hide tag style, by default, the result is displayed in tag mode. After hiding the tag style, the result can be rendered by custom renderResult
+     * @cn 隐藏标签样式，默认情况下展示结果以标签模式分割，隐藏标签样式后可通过自定义 renderResult 渲染分割结果
+     * @default false
+     */
+    hideTag?: boolean;
+}
+//# sourceMappingURL=cascader.type.d.ts.map

package/esm/cascader/cascader.type.d.ts.map

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

package/esm/cascader/cascader.type.js

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

package/esm/cascader/filter-list.d.ts

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

package/esm/cascader/filter-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-list.d.ts","sourceRoot":"","sources":["filter-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAQ,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,QAAA,MAAM,UAAU,kGAsEf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/cascader/filter-list.js

@@ -0,0 +1,84 @@
+"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");
+require("core-js/modules/es.array.filter.js");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _filterNode = _interopRequireDefault(require("./filter-node"));
+var _spin = _interopRequireDefault(require("../spin"));
+var _jsxRuntime = require("react/jsx-runtime");
+var FilterList = function FilterList(props) {
+  var _jssStyle$cascader;
+  var jssStyle = props.jssStyle,
+    data = props.data,
+    datum = props.datum,
+    loading = props.loading,
+    childrenKey = props.childrenKey,
+    wideMatch = props.wideMatch,
+    shouldFinal = props.shouldFinal,
+    filterFunc = props.filterFunc,
+    renderItem = props.renderItem,
+    renderOptionList = props.renderOptionList,
+    setInputText = props.setInputText,
+    setFilterText = props.setFilterText,
+    onChange = props.onChange,
+    onPathChange = props.onPathChange;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+  var getKey = function getKey(path) {
+    return path.map(function (d) {
+      return datum.getKey(d);
+    }).join('-');
+  };
+  var getWideMatch = function getWideMatch(list) {
+    return list.filter(function (arr) {
+      return arr.some(function (item) {
+        return filterFunc === null || filterFunc === void 0 ? void 0 : filterFunc(item);
+      });
+    });
+  };
+  var renderLoading = function renderLoading() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+      jssStyle: jssStyle
+    });
+  };
+  var renderList = function renderList() {
+    var list = _hooks.util.getFlattenTree(data, childrenKey, wideMatch);
+    if (wideMatch) {
+      list = getWideMatch(list);
+    }
+    if (loading) return renderLoading();
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(styles.list),
+      children: list.map(function (item) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_filterNode.default, {
+          jssStyle: jssStyle,
+          data: item,
+          datum: datum,
+          shouldFinal: shouldFinal,
+          renderItem: renderItem,
+          setInputText: setInputText,
+          setFilterText: setFilterText,
+          onChange: onChange,
+          onPathChange: onPathChange
+        }, getKey(item));
+      })
+    });
+  };
+  var renderEmpety = function renderEmpety() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "noData"
+    });
+  };
+  if (!data || data.length === 0) return renderEmpety();
+  var list = renderList();
+  return renderOptionList ? renderOptionList(list, {
+    loading: !!loading
+  }) : list;
+};
+var _default = FilterList;
+exports.default = _default;

package/esm/cascader/filter-list.type.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { KeygenResult } from '@sheinx/hooks';
+import { DatumType } from '../tree/tree.type';
+import { JssStyleType, CascaderProps } from './cascader.type';
+export interface FilterListProps<DataItem, Value extends KeygenResult[]> extends Pick<CascaderProps<DataItem, Value>, 'renderOptionList' | 'loading' | 'wideMatch' | 'childrenKey'> {
+    jssStyle?: JssStyleType;
+    data: DataItem[];
+    datum: DatumType<DataItem>['datum'];
+    filterFunc?: (data: DataItem) => boolean;
+    shouldFinal: boolean;
+    renderItem: (data: DataItem, active?: boolean, id?: Value[0] | undefined) => React.ReactNode;
+    onChange: (item: Value) => void;
+    onPathChange: (id: KeygenResult, item: DataItem | null, nextPath: Value, fromClick?: boolean) => void;
+    setInputText: (text: string) => void;
+    setFilterText: (text: string) => void;
+}
+//# sourceMappingURL=filter-list.type.d.ts.map

package/esm/cascader/filter-list.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-list.type.d.ts","sourceRoot":"","sources":["filter-list.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACrE,SAAQ,IAAI,CACV,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC9B,kBAAkB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAC7D;IACD,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7F,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,YAAY,EAAE,CACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;IACV,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC"}

package/esm/cascader/filter-list.type.js

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

package/esm/cascader/filter-node.d.ts

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

package/esm/cascader/filter-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-node.d.ts","sourceRoot":"","sources":["filter-node.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,QAAA,MAAM,UAAU,kGAgEf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/cascader/filter-node.js

@@ -0,0 +1,67 @@
+"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");
+require("core-js/modules/es.array.slice.js");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsxRuntime = require("react/jsx-runtime");
+var FilterNode = function FilterNode(props) {
+  var _jssStyle$cascader;
+  var jssStyle = props.jssStyle,
+    data = props.data,
+    shouldFinal = props.shouldFinal,
+    datum = props.datum,
+    renderItem = props.renderItem,
+    setInputText = props.setInputText,
+    setFilterText = props.setFilterText,
+    onChange = props.onChange,
+    onPathChange = props.onPathChange;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+  var handleSelectItem = function handleSelectItem(index, e) {
+    var isFinal = data && index === data.length - 1;
+    if (shouldFinal && !isFinal) return;
+    if (e) e.stopPropagation();
+    var item = data[index];
+    var isDisabled = datum.isDisabled(datum.getKey(item));
+    if (isDisabled) return;
+    var keys = data.slice(0, index + 1).map(function (i) {
+      return datum.getKey(i);
+    });
+    if (onChange) onChange(keys);
+    onPathChange(datum.getKey(item), item, keys.slice(0, keys.length - 1), true);
+    setInputText('');
+    setFilterText('');
+  };
+  var handleSelect = function handleSelect() {
+    handleSelectItem(data.length - 1);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(styles.option, styles.filterOption),
+    onClick: handleSelect,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(styles.optionInner),
+      children: data.map(function (item, index) {
+        var handleClick = function handleClick(e) {
+          handleSelectItem(index, e);
+        };
+        var isDisabled = datum.isDisabled(datum.getKey(item));
+        var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: handleClick,
+          className: (0, _classnames.default)(isDisabled && styles.filterDisabledOption),
+          children: renderItem(item)
+        }, 'content');
+        if (index === 0) return content;
+        return [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)(styles.filterOptionSeparator),
+          children: "/"
+        }, 'separator'), content];
+      })
+    })
+  });
+};
+var _default = FilterNode;
+exports.default = _default;

package/esm/cascader/filter-node.type.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { KeygenResult } from '@sheinx/hooks';
+import { DatumType } from '../tree/tree.type';
+import { JssStyleType } from './cascader.type';
+export interface FilterNodeProps<DataItem, Value extends KeygenResult[]> {
+    jssStyle?: JssStyleType;
+    data: DataItem[];
+    datum: DatumType<DataItem>['datum'];
+    shouldFinal: boolean;
+    renderItem: (data: DataItem, active?: boolean, id?: Value[0] | undefined) => React.ReactNode;
+    setInputText: (text: string) => void;
+    setFilterText: (text: string) => void;
+    onChange: (item: Value) => void;
+    onPathChange: (id: KeygenResult, item: DataItem | null, nextPath: Value, fromClick?: boolean) => void;
+}
+//# sourceMappingURL=filter-node.type.d.ts.map

package/esm/cascader/filter-node.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-node.type.d.ts","sourceRoot":"","sources":["filter-node.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,eAAe,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE;IACrE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7F,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,YAAY,EAAE,CACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;CACX"}

package/esm/cascader/filter-node.type.js

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

package/esm/cascader/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Cascader } from './cascader';
+export type { CascaderProps } from './cascader.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/cascader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/esm/cascader/index.js

@@ -0,0 +1,20 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Cascader", {
+  enumerable: true,
+  get: function get() {
+    return _cascader.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _cascader.default;
+  }
+});
+var _cascader = _interopRequireDefault(require("./cascader"));

package/esm/cascader/list.d.ts

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

package/esm/cascader/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAGhD,QAAA,MAAM,YAAY,oGAqEjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/cascader/list.js

@@ -0,0 +1,74 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _node = _interopRequireDefault(require("./node"));
+var _jsxRuntime = require("react/jsx-runtime");
+var CascaderList = function CascaderList(props) {
+  var _jssStyle$cascader;
+  var jssStyle = props.jssStyle,
+    data = props.data,
+    keygen = props.keygen,
+    parentId = props.parentId,
+    datum = props.datum,
+    renderItem = props.renderItem,
+    loader = props.loader,
+    onChange = props.onChange,
+    onPathChange = props.onPathChange,
+    multiple = props.multiple,
+    expandTrigger = props.expandTrigger,
+    childrenKey = props.childrenKey,
+    shouldFinal = props.shouldFinal,
+    path = props.path;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+
+  // 和 datum 中的 geyKey 不一样，根据 parentId 生成唯一的 key
+  var getKey = function getKey(item, index) {
+    if (typeof keygen === 'function') return keygen(item, parentId);
+    if (keygen && typeof keygen === 'string') {
+      var key = item[keygen];
+      if (typeof key === 'string' || typeof key === 'number') {
+        return key;
+      }
+      console.error('key must be number or string but get', key);
+    }
+    return parentId + (parentId ? ',' : '') + index;
+  };
+  var renderEmpety = function renderEmpety() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: "noData"
+    });
+  };
+  if (!data || data.length === 0) return renderEmpety();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(styles.list),
+    children: data.map(function (item, index) {
+      var id = getKey(item, index);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_node.default, {
+        jssStyle: jssStyle,
+        active: props.id === id,
+        id: id,
+        data: item,
+        datum: datum,
+        renderItem: renderItem,
+        keygen: keygen,
+        loader: loader,
+        onPathChange: onPathChange,
+        onChange: onChange,
+        multiple: multiple,
+        expandTrigger: expandTrigger,
+        childrenKey: childrenKey,
+        shouldFinal: shouldFinal,
+        parentId: parentId,
+        path: path
+      }, id);
+    })
+  });
+};
+var _default = CascaderList;
+exports.default = _default;

package/esm/cascader/list.type.d.ts

@@ -0,0 +1,16 @@
+import { KeygenResult, ObjectKey } from '@sheinx/hooks';
+import { DatumType } from '../tree/tree.type';
+import { JssStyleType, CascaderProps } from './cascader.type';
+export interface CascaderListProps<DataItem, Value extends KeygenResult[]> extends Pick<CascaderProps<DataItem, Value>, 'loader' | 'multiple' | 'expandTrigger' | 'renderItem' | 'keygen'> {
+    jssStyle?: JssStyleType;
+    id: KeygenResult;
+    parentId: KeygenResult;
+    data: DataItem[];
+    datum: DatumType<DataItem>['datum'];
+    shouldFinal: boolean;
+    path: Value;
+    childrenKey: ObjectKey<DataItem>;
+    onPathChange: (id: KeygenResult, item: DataItem | null, nextPath: Value, fromClick?: boolean) => void;
+    onChange: (item: Value) => void;
+}
+//# sourceMappingURL=list.type.d.ts.map

package/esm/cascader/list.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.type.d.ts","sourceRoot":"","sources":["list.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACvE,SAAQ,IAAI,CACV,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC9B,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,QAAQ,CAClE;IACD,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,YAAY,EAAE,CACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC"}