@sheinx/base 3.0.0-alpha.6 → 3.0.0-alpha.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/alert/alert-icon.js +2 -2
- package/cjs/alert/alert.type.d.ts +37 -0
- package/cjs/alert/alert.type.d.ts.map +1 -1
- package/cjs/button/button.type.d.ts +68 -0
- package/cjs/button/button.type.d.ts.map +1 -1
- package/cjs/card/card-body.type.d.ts +4 -0
- package/cjs/card/card-body.type.d.ts.map +1 -1
- package/cjs/cascader/cascader.d.ts.map +1 -1
- package/cjs/cascader/cascader.js +30 -20
- package/cjs/cascader/cascader.type.d.ts +41 -2
- package/cjs/cascader/cascader.type.d.ts.map +1 -1
- package/cjs/cascader/filter-list.type.d.ts +1 -1
- package/cjs/cascader/filter-list.type.d.ts.map +1 -1
- package/cjs/cascader/filter-node.d.ts.map +1 -1
- package/cjs/cascader/filter-node.js +0 -1
- package/cjs/cascader/filter-node.type.d.ts +1 -1
- package/cjs/cascader/filter-node.type.d.ts.map +1 -1
- package/cjs/cascader/list.type.d.ts +1 -1
- package/cjs/cascader/list.type.d.ts.map +1 -1
- package/cjs/cascader/node.d.ts.map +1 -1
- package/cjs/cascader/node.js +2 -2
- package/cjs/cascader/node.type.d.ts +1 -1
- package/cjs/cascader/node.type.d.ts.map +1 -1
- package/cjs/checkbox/checkbox-group.type.d.ts +28 -0
- package/cjs/checkbox/checkbox-group.type.d.ts.map +1 -1
- package/cjs/checkbox/checkbox.type.d.ts +38 -2
- package/cjs/checkbox/checkbox.type.d.ts.map +1 -1
- package/cjs/checkbox/simple-checkbox.d.ts.map +1 -1
- package/cjs/checkbox/simple-checkbox.js +4 -1
- package/cjs/collapse/collapse-item.js +2 -2
- package/cjs/collapse/collapse-item.type.d.ts +25 -0
- package/cjs/collapse/collapse-item.type.d.ts.map +1 -1
- package/cjs/collapse/collapse.js +1 -2
- package/cjs/collapse/collapse.type.d.ts +19 -0
- package/cjs/collapse/collapse.type.d.ts.map +1 -1
- package/cjs/common/type.d.ts +4 -0
- package/cjs/common/type.d.ts.map +1 -1
- package/cjs/common/use-tip.d.ts +4 -0
- package/cjs/common/use-tip.d.ts.map +1 -1
- package/cjs/config/locale/en_US.d.ts +20 -0
- package/cjs/config/locale/en_US.d.ts.map +1 -1
- package/cjs/config/locale/en_US.js +20 -0
- package/cjs/date-picker/date-picker.type.d.ts +26 -1
- package/cjs/date-picker/date-picker.type.d.ts.map +1 -1
- package/cjs/descriptions/descriptions.type.d.ts +29 -1
- package/cjs/descriptions/descriptions.type.d.ts.map +1 -1
- package/cjs/descriptions/index.d.ts +1 -1
- package/cjs/descriptions/index.d.ts.map +1 -1
- package/cjs/editable-area/editable-area.type.d.ts +12 -0
- package/cjs/editable-area/editable-area.type.d.ts.map +1 -1
- package/cjs/empty/empty.type.d.ts +12 -0
- package/cjs/empty/empty.type.d.ts.map +1 -1
- package/cjs/icons/index.d.ts +1 -0
- package/cjs/icons/index.d.ts.map +1 -1
- package/cjs/icons/index.js +5 -2
- package/cjs/image/image-gallery.d.ts.map +1 -1
- package/cjs/image/image-gallery.js +3 -6
- package/cjs/image/image-group.type.d.ts +42 -0
- package/cjs/image/image-group.type.d.ts.map +1 -1
- package/cjs/index.d.ts +0 -2
- package/cjs/index.d.ts.map +1 -1
- package/cjs/input/input.type.d.ts +93 -0
- package/cjs/input/input.type.d.ts.map +1 -1
- package/cjs/input/simple-input.js +1 -1
- package/cjs/modal/modal-func.d.ts.map +1 -1
- package/cjs/modal/modal-func.js +2 -1
- package/cjs/pagination/pagination-buttons.d.ts.map +1 -1
- package/cjs/pagination/pagination-buttons.js +2 -1
- package/cjs/pagination/pagination-next.js +1 -1
- package/cjs/pagination/pagination-prev.js +1 -1
- package/cjs/pagination/pagination.type.d.ts +62 -0
- package/cjs/pagination/pagination.type.d.ts.map +1 -1
- package/cjs/popover/confirm.type.d.ts +4 -0
- package/cjs/popover/confirm.type.d.ts.map +1 -1
- package/cjs/popover/popover.type.d.ts +91 -1
- package/cjs/popover/popover.type.d.ts.map +1 -1
- package/cjs/radio/radio-group.type.d.ts +28 -0
- package/cjs/radio/radio-group.type.d.ts.map +1 -1
- package/cjs/radio/radio.type.d.ts +23 -2
- package/cjs/radio/radio.type.d.ts.map +1 -1
- package/cjs/select/list-columns-option.d.ts.map +1 -1
- package/cjs/select/list-columns-option.js +4 -0
- package/cjs/select/list-option.d.ts.map +1 -1
- package/cjs/select/list-option.js +0 -1
- package/cjs/select/list-tree.d.ts.map +1 -1
- package/cjs/select/list-tree.js +2 -1
- package/cjs/select/list-tree.type.d.ts +2 -2
- package/cjs/select/list-tree.type.d.ts.map +1 -1
- package/cjs/select/result.d.ts.map +1 -1
- package/cjs/select/result.js +5 -6
- package/cjs/select/result.type.d.ts +1 -1
- package/cjs/select/result.type.d.ts.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +2 -1
- package/cjs/select/select.type.d.ts +158 -13
- package/cjs/select/select.type.d.ts.map +1 -1
- package/cjs/spin/spin.js +1 -1
- package/cjs/spin/spin.type.d.ts +31 -0
- package/cjs/spin/spin.type.d.ts.map +1 -1
- package/cjs/steps/step.type.d.ts +40 -0
- package/cjs/steps/step.type.d.ts.map +1 -1
- package/cjs/steps/steps-context.type.d.ts +4 -0
- package/cjs/steps/steps-context.type.d.ts.map +1 -1
- package/cjs/steps/steps.type.d.ts +36 -0
- package/cjs/steps/steps.type.d.ts.map +1 -1
- package/cjs/switch/switch.type.d.ts +21 -0
- package/cjs/switch/switch.type.d.ts.map +1 -1
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +7 -5
- package/cjs/table/table.type.d.ts +1 -0
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/table/tbody.d.ts.map +1 -1
- package/cjs/table/tbody.js +2 -1
- package/cjs/table/tbody.type.d.ts +1 -0
- package/cjs/table/tbody.type.d.ts.map +1 -1
- package/cjs/table/tr.d.ts +1 -1
- package/cjs/table/tr.d.ts.map +1 -1
- package/cjs/table/tr.js +1 -1
- package/cjs/tabs/tab.d.ts.map +1 -1
- package/cjs/tabs/tab.js +5 -1
- package/cjs/tabs/tab.type.d.ts +1 -0
- package/cjs/tabs/tab.type.d.ts.map +1 -1
- package/cjs/tabs/tabs-header.d.ts.map +1 -1
- package/cjs/tabs/tabs-header.js +13 -2
- package/cjs/tabs/tabs-header.type.d.ts +1 -0
- package/cjs/tabs/tabs-header.type.d.ts.map +1 -1
- package/cjs/tabs/tabs-panel.type.d.ts +34 -1
- package/cjs/tabs/tabs-panel.type.d.ts.map +1 -1
- package/cjs/tabs/tabs.d.ts.map +1 -1
- package/cjs/tabs/tabs.js +43 -7
- package/cjs/tabs/tabs.type.d.ts +74 -1
- package/cjs/tabs/tabs.type.d.ts.map +1 -1
- package/cjs/tag/tag.type.d.ts +72 -0
- package/cjs/tag/tag.type.d.ts.map +1 -1
- package/cjs/textarea/textarea.type.d.ts +84 -1
- package/cjs/textarea/textarea.type.d.ts.map +1 -1
- package/cjs/tooltip/tooltip.type.d.ts +1 -1
- package/cjs/tooltip/tooltip.type.d.ts.map +1 -1
- package/cjs/transfer/transfer-list-item.type.d.ts +1 -1
- package/cjs/transfer/transfer-list-item.type.d.ts.map +1 -1
- package/cjs/transfer/transfer-list.d.ts.map +1 -1
- package/cjs/transfer/transfer-list.js +4 -1
- package/cjs/transfer/transfer.d.ts.map +1 -1
- package/cjs/transfer/transfer.type.d.ts +84 -26
- package/cjs/transfer/transfer.type.d.ts.map +1 -1
- package/cjs/tree/tree-content.d.ts +1 -2
- package/cjs/tree/tree-content.d.ts.map +1 -1
- package/cjs/tree/tree-content.type.d.ts +4 -4
- package/cjs/tree/tree-content.type.d.ts.map +1 -1
- package/cjs/tree/tree-context.d.ts +1 -2
- package/cjs/tree/tree-context.d.ts.map +1 -1
- package/cjs/tree/tree-context.type.d.ts +11 -14
- package/cjs/tree/tree-context.type.d.ts.map +1 -1
- package/cjs/tree/tree-list.type.d.ts +5 -5
- package/cjs/tree/tree-list.type.d.ts.map +1 -1
- package/cjs/tree/tree-node.type.d.ts +5 -5
- package/cjs/tree/tree-node.type.d.ts.map +1 -1
- package/cjs/tree/tree-root.type.d.ts +5 -5
- package/cjs/tree/tree-root.type.d.ts.map +1 -1
- package/cjs/tree/tree.d.ts +1 -2
- package/cjs/tree/tree.d.ts.map +1 -1
- package/cjs/tree/tree.js +0 -3
- package/cjs/tree/tree.type.d.ts +131 -24
- package/cjs/tree/tree.type.d.ts.map +1 -1
- package/cjs/tree-select/index.d.ts +2 -1
- package/cjs/tree-select/index.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.d.ts +2 -1
- package/cjs/tree-select/tree-select.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.js +39 -21
- package/cjs/tree-select/tree-select.type.d.ts +116 -9
- package/cjs/tree-select/tree-select.type.d.ts.map +1 -1
- package/cjs/upload/button.type.d.ts +1 -1
- package/cjs/upload/button.type.d.ts.map +1 -1
- package/cjs/upload/image.type.d.ts +2 -2
- package/esm/alert/alert-icon.js +2 -2
- package/esm/alert/alert.type.d.ts +37 -0
- package/esm/alert/alert.type.d.ts.map +1 -1
- package/esm/button/button.type.d.ts +68 -0
- package/esm/button/button.type.d.ts.map +1 -1
- package/esm/card/card-body.type.d.ts +4 -0
- package/esm/card/card-body.type.d.ts.map +1 -1
- package/esm/cascader/cascader.d.ts.map +1 -1
- package/esm/cascader/cascader.js +30 -20
- package/esm/cascader/cascader.type.d.ts +41 -2
- package/esm/cascader/cascader.type.d.ts.map +1 -1
- package/esm/cascader/filter-list.type.d.ts +1 -1
- package/esm/cascader/filter-list.type.d.ts.map +1 -1
- package/esm/cascader/filter-node.d.ts.map +1 -1
- package/esm/cascader/filter-node.js +0 -1
- package/esm/cascader/filter-node.type.d.ts +1 -1
- package/esm/cascader/filter-node.type.d.ts.map +1 -1
- package/esm/cascader/list.type.d.ts +1 -1
- package/esm/cascader/list.type.d.ts.map +1 -1
- package/esm/cascader/node.d.ts.map +1 -1
- package/esm/cascader/node.js +2 -2
- package/esm/cascader/node.type.d.ts +1 -1
- package/esm/cascader/node.type.d.ts.map +1 -1
- package/esm/checkbox/checkbox-group.type.d.ts +28 -0
- package/esm/checkbox/checkbox-group.type.d.ts.map +1 -1
- package/esm/checkbox/checkbox.type.d.ts +38 -2
- package/esm/checkbox/checkbox.type.d.ts.map +1 -1
- package/esm/checkbox/simple-checkbox.d.ts.map +1 -1
- package/esm/checkbox/simple-checkbox.js +4 -1
- package/esm/collapse/collapse-item.js +2 -2
- package/esm/collapse/collapse-item.type.d.ts +25 -0
- package/esm/collapse/collapse-item.type.d.ts.map +1 -1
- package/esm/collapse/collapse.js +1 -2
- package/esm/collapse/collapse.type.d.ts +19 -0
- package/esm/collapse/collapse.type.d.ts.map +1 -1
- package/esm/common/type.d.ts +4 -0
- package/esm/common/type.d.ts.map +1 -1
- package/esm/common/use-tip.d.ts +4 -0
- package/esm/common/use-tip.d.ts.map +1 -1
- package/esm/config/locale/en_US.d.ts +20 -0
- package/esm/config/locale/en_US.d.ts.map +1 -1
- package/esm/config/locale/en_US.js +20 -0
- package/esm/date-picker/date-picker.type.d.ts +26 -1
- package/esm/date-picker/date-picker.type.d.ts.map +1 -1
- package/esm/descriptions/descriptions.type.d.ts +29 -1
- package/esm/descriptions/descriptions.type.d.ts.map +1 -1
- package/esm/descriptions/index.d.ts +1 -1
- package/esm/descriptions/index.d.ts.map +1 -1
- package/esm/editable-area/editable-area.type.d.ts +12 -0
- package/esm/editable-area/editable-area.type.d.ts.map +1 -1
- package/esm/empty/empty.type.d.ts +12 -0
- package/esm/empty/empty.type.d.ts.map +1 -1
- package/esm/icons/index.d.ts +1 -0
- package/esm/icons/index.d.ts.map +1 -1
- package/esm/icons/index.js +5 -2
- package/esm/image/image-gallery.d.ts.map +1 -1
- package/esm/image/image-gallery.js +3 -6
- package/esm/image/image-group.type.d.ts +42 -0
- package/esm/image/image-group.type.d.ts.map +1 -1
- package/esm/index.d.ts +0 -2
- package/esm/index.d.ts.map +1 -1
- package/esm/input/input.type.d.ts +93 -0
- package/esm/input/input.type.d.ts.map +1 -1
- package/esm/input/simple-input.js +1 -1
- package/esm/modal/modal-func.d.ts.map +1 -1
- package/esm/modal/modal-func.js +2 -1
- package/esm/pagination/pagination-buttons.d.ts.map +1 -1
- package/esm/pagination/pagination-buttons.js +2 -1
- package/esm/pagination/pagination-next.js +1 -1
- package/esm/pagination/pagination-prev.js +1 -1
- package/esm/pagination/pagination.type.d.ts +62 -0
- package/esm/pagination/pagination.type.d.ts.map +1 -1
- package/esm/popover/confirm.type.d.ts +4 -0
- package/esm/popover/confirm.type.d.ts.map +1 -1
- package/esm/popover/popover.type.d.ts +91 -1
- package/esm/popover/popover.type.d.ts.map +1 -1
- package/esm/radio/radio-group.type.d.ts +28 -0
- package/esm/radio/radio-group.type.d.ts.map +1 -1
- package/esm/radio/radio.type.d.ts +23 -2
- package/esm/radio/radio.type.d.ts.map +1 -1
- package/esm/select/list-columns-option.d.ts.map +1 -1
- package/esm/select/list-columns-option.js +4 -0
- package/esm/select/list-option.d.ts.map +1 -1
- package/esm/select/list-option.js +0 -1
- package/esm/select/list-tree.d.ts.map +1 -1
- package/esm/select/list-tree.js +2 -1
- package/esm/select/list-tree.type.d.ts +2 -2
- package/esm/select/list-tree.type.d.ts.map +1 -1
- package/esm/select/result.d.ts.map +1 -1
- package/esm/select/result.js +5 -6
- package/esm/select/result.type.d.ts +1 -1
- package/esm/select/result.type.d.ts.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +2 -1
- package/esm/select/select.type.d.ts +158 -13
- package/esm/select/select.type.d.ts.map +1 -1
- package/esm/spin/spin.js +1 -1
- package/esm/spin/spin.type.d.ts +31 -0
- package/esm/spin/spin.type.d.ts.map +1 -1
- package/esm/steps/step.type.d.ts +40 -0
- package/esm/steps/step.type.d.ts.map +1 -1
- package/esm/steps/steps-context.type.d.ts +4 -0
- package/esm/steps/steps-context.type.d.ts.map +1 -1
- package/esm/steps/steps.type.d.ts +36 -0
- package/esm/steps/steps.type.d.ts.map +1 -1
- package/esm/switch/switch.type.d.ts +21 -0
- package/esm/switch/switch.type.d.ts.map +1 -1
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +7 -5
- package/esm/table/table.type.d.ts +1 -0
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/table/tbody.d.ts.map +1 -1
- package/esm/table/tbody.js +2 -1
- package/esm/table/tbody.type.d.ts +1 -0
- package/esm/table/tbody.type.d.ts.map +1 -1
- package/esm/table/tr.d.ts +1 -1
- package/esm/table/tr.d.ts.map +1 -1
- package/esm/table/tr.js +1 -1
- package/esm/tabs/tab.d.ts.map +1 -1
- package/esm/tabs/tab.js +5 -1
- package/esm/tabs/tab.type.d.ts +1 -0
- package/esm/tabs/tab.type.d.ts.map +1 -1
- package/esm/tabs/tabs-header.d.ts.map +1 -1
- package/esm/tabs/tabs-header.js +13 -2
- package/esm/tabs/tabs-header.type.d.ts +1 -0
- package/esm/tabs/tabs-header.type.d.ts.map +1 -1
- package/esm/tabs/tabs-panel.type.d.ts +34 -1
- package/esm/tabs/tabs-panel.type.d.ts.map +1 -1
- package/esm/tabs/tabs.d.ts.map +1 -1
- package/esm/tabs/tabs.js +43 -7
- package/esm/tabs/tabs.type.d.ts +74 -1
- package/esm/tabs/tabs.type.d.ts.map +1 -1
- package/esm/tag/tag.type.d.ts +72 -0
- package/esm/tag/tag.type.d.ts.map +1 -1
- package/esm/textarea/textarea.type.d.ts +84 -1
- package/esm/textarea/textarea.type.d.ts.map +1 -1
- package/esm/tooltip/tooltip.type.d.ts +1 -1
- package/esm/tooltip/tooltip.type.d.ts.map +1 -1
- package/esm/transfer/transfer-list-item.type.d.ts +1 -1
- package/esm/transfer/transfer-list-item.type.d.ts.map +1 -1
- package/esm/transfer/transfer-list.d.ts.map +1 -1
- package/esm/transfer/transfer-list.js +4 -1
- package/esm/transfer/transfer.d.ts.map +1 -1
- package/esm/transfer/transfer.type.d.ts +84 -26
- package/esm/transfer/transfer.type.d.ts.map +1 -1
- package/esm/tree/tree-content.d.ts +1 -2
- package/esm/tree/tree-content.d.ts.map +1 -1
- package/esm/tree/tree-content.type.d.ts +4 -4
- package/esm/tree/tree-content.type.d.ts.map +1 -1
- package/esm/tree/tree-context.d.ts +1 -2
- package/esm/tree/tree-context.d.ts.map +1 -1
- package/esm/tree/tree-context.type.d.ts +11 -14
- package/esm/tree/tree-context.type.d.ts.map +1 -1
- package/esm/tree/tree-list.type.d.ts +5 -5
- package/esm/tree/tree-list.type.d.ts.map +1 -1
- package/esm/tree/tree-node.type.d.ts +5 -5
- package/esm/tree/tree-node.type.d.ts.map +1 -1
- package/esm/tree/tree-root.type.d.ts +5 -5
- package/esm/tree/tree-root.type.d.ts.map +1 -1
- package/esm/tree/tree.d.ts +1 -2
- package/esm/tree/tree.d.ts.map +1 -1
- package/esm/tree/tree.js +0 -3
- package/esm/tree/tree.type.d.ts +131 -24
- package/esm/tree/tree.type.d.ts.map +1 -1
- package/esm/tree-select/index.d.ts +2 -1
- package/esm/tree-select/index.d.ts.map +1 -1
- package/esm/tree-select/tree-select.d.ts +2 -1
- package/esm/tree-select/tree-select.d.ts.map +1 -1
- package/esm/tree-select/tree-select.js +39 -21
- package/esm/tree-select/tree-select.type.d.ts +116 -9
- package/esm/tree-select/tree-select.type.d.ts.map +1 -1
- package/esm/upload/button.type.d.ts +1 -1
- package/esm/upload/button.type.d.ts.map +1 -1
- package/esm/upload/image.type.d.ts +2 -2
- package/package.json +2 -2
|
@@ -3,9 +3,9 @@ import { CommonType } from '../common/type';
|
|
|
3
3
|
import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
|
|
4
4
|
import { JsstyleType, TreeRenderItemType } from './tree.type';
|
|
5
5
|
import { TreeListProps } from './tree-list.type';
|
|
6
|
-
export interface TreeNodeProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem
|
|
6
|
+
export interface TreeNodeProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded'>, Pick<CommonType, 'className'> {
|
|
7
7
|
jssStyle?: JsstyleType;
|
|
8
|
-
id:
|
|
8
|
+
id: KeygenResult;
|
|
9
9
|
data: DataItem;
|
|
10
10
|
index: number;
|
|
11
11
|
line: boolean;
|
|
@@ -14,8 +14,8 @@ export interface TreeNodeProps<DataItem, Value extends KeygenResult> extends Omi
|
|
|
14
14
|
parentClickExpand?: boolean;
|
|
15
15
|
childrenKey: keyof DataItem;
|
|
16
16
|
onChange?: (value: KeygenResult[]) => void;
|
|
17
|
-
onDrop?: (id:
|
|
18
|
-
onToggle?: (id:
|
|
17
|
+
onDrop?: (id: KeygenResult, targetId: Value, position: number) => void;
|
|
18
|
+
onToggle?: (id: KeygenResult, expanded?: boolean) => void;
|
|
19
19
|
iconClass?: string;
|
|
20
20
|
leafClass?: string;
|
|
21
21
|
nodeClass?: string | ((data: DataItem) => string);
|
|
@@ -26,7 +26,7 @@ export interface TreeNodeProps<DataItem, Value extends KeygenResult> extends Omi
|
|
|
26
26
|
expanded: boolean;
|
|
27
27
|
active: boolean;
|
|
28
28
|
};
|
|
29
|
-
onNodeClick: (data: DataItem, id:
|
|
29
|
+
onNodeClick: (data: DataItem, id: KeygenResult) => void;
|
|
30
30
|
renderItem: TreeRenderItemType<DataItem>;
|
|
31
31
|
listComponent: (props: TreeListProps<DataItem, Value>) => JSX.Element | null;
|
|
32
32
|
dragImageSelector: (data?: DataItem) => string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-node.type.d.ts","sourceRoot":"","sources":["tree-node.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,aAAa,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,CACjE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"tree-node.type.d.ts","sourceRoot":"","sources":["tree-node.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { JsstyleType, TreeRenderItemType } from './tree.type';
|
|
3
|
-
import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
|
|
4
|
-
export interface TreeRootProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem
|
|
3
|
+
import { BaseTreeProps, KeygenResult, UpdateFunc, ObjectKey } from '@sheinx/hooks';
|
|
4
|
+
export interface TreeRootProps<DataItem, Value extends KeygenResult> extends Omit<BaseTreeProps<DataItem>, 'chilrdrenKey'> {
|
|
5
5
|
jssStyle?: JsstyleType;
|
|
6
6
|
line: boolean;
|
|
7
7
|
childrenClass: (data: DataItem) => string | undefined;
|
|
@@ -11,7 +11,7 @@ export interface TreeRootProps<DataItem, Value extends KeygenResult> extends Omi
|
|
|
11
11
|
};
|
|
12
12
|
parentClickExpand?: boolean;
|
|
13
13
|
doubleClickExpand?: boolean;
|
|
14
|
-
childrenKey:
|
|
14
|
+
childrenKey: ObjectKey<DataItem>;
|
|
15
15
|
renderItem: TreeRenderItemType<DataItem>;
|
|
16
16
|
iconClass?: string;
|
|
17
17
|
leafClass?: string;
|
|
@@ -23,9 +23,9 @@ export interface TreeRootProps<DataItem, Value extends KeygenResult> extends Omi
|
|
|
23
23
|
dragSibling?: boolean;
|
|
24
24
|
dragHoverExpand?: boolean;
|
|
25
25
|
onToggle?: (id: KeygenResult, expanded?: boolean) => void;
|
|
26
|
-
onNodeClick: (data: DataItem, id:
|
|
26
|
+
onNodeClick: (data: DataItem, id: KeygenResult) => void;
|
|
27
27
|
onChange?: (value: KeygenResult[]) => void;
|
|
28
|
-
onDrop?: (id:
|
|
28
|
+
onDrop?: (id: KeygenResult, targetId: Value, position: number) => void;
|
|
29
29
|
loader?: (key: KeygenResult, data: DataItem) => void;
|
|
30
30
|
inlineNode?: boolean;
|
|
31
31
|
highlight?: boolean;
|
|
@@ -1 +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;
|
|
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,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnF,MAAM,WAAW,aAAa,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,CACjE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC;IACrD,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,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,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,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,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,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
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TreeProps } from './tree.type';
|
|
3
|
-
|
|
4
|
-
declare const Tree: <DataItem, Value extends KeygenResult>(props: TreeProps<DataItem, Value>) => JSX.Element;
|
|
3
|
+
declare const Tree: <DataItem, Value extends any[]>(props: TreeProps<DataItem, Value>) => JSX.Element;
|
|
5
4
|
export default Tree;
|
|
6
5
|
//# sourceMappingURL=tree.d.ts.map
|
package/cjs/tree/tree.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,QAAA,MAAM,IAAI,mFA0OT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/tree/tree.js
CHANGED
|
@@ -193,9 +193,6 @@ var Tree = function Tree(props) {
|
|
|
193
193
|
(0, _react.useEffect)(function () {
|
|
194
194
|
handleUpdateExpanded(expanded);
|
|
195
195
|
}, [expanded]);
|
|
196
|
-
|
|
197
|
-
// [TODO] - Props: dataUpdate
|
|
198
|
-
// [TODO] - This is a workaround for the issue of data not updating when dataProps changes.
|
|
199
196
|
(0, _react.useEffect)(function () {
|
|
200
197
|
if (!prevData) return;
|
|
201
198
|
if (prevData !== data && dataUpdate) {
|
package/cjs/tree/tree.type.d.ts
CHANGED
|
@@ -2,61 +2,168 @@
|
|
|
2
2
|
import { CommonType } from '../common/type';
|
|
3
3
|
import { BaseTreeProps, ObjectKey, KeygenResult, TreePathType, useTree } from '@sheinx/hooks';
|
|
4
4
|
import { SpinClasses } from '../spin/spin.type';
|
|
5
|
+
import { TreeClasses } from '@sheinx/shineout-style';
|
|
5
6
|
import { CheckboxClasses } from '../checkbox/checkbox.type';
|
|
6
|
-
export interface TreeClasses {
|
|
7
|
-
tree: string;
|
|
8
|
-
root: string;
|
|
9
|
-
line: string;
|
|
10
|
-
noline: string;
|
|
11
|
-
content: string;
|
|
12
|
-
childnode: string;
|
|
13
|
-
checkbox: string;
|
|
14
|
-
contentWrapper: string;
|
|
15
|
-
inlineContent: string;
|
|
16
|
-
text: string;
|
|
17
|
-
list: string;
|
|
18
|
-
iconWrapper: string;
|
|
19
|
-
icon: string;
|
|
20
|
-
node: string;
|
|
21
|
-
children: string;
|
|
22
|
-
leaf: string;
|
|
23
|
-
placement: string;
|
|
24
|
-
}
|
|
25
7
|
export declare type TreeRenderItemType<DataItem> = ((item: DataItem, expanded: boolean, active: boolean, id: KeygenResult) => React.ReactNode) | ObjectKey<DataItem>;
|
|
26
8
|
export declare type JsstyleType = {
|
|
27
9
|
tree: () => TreeClasses;
|
|
28
10
|
spin: () => SpinClasses;
|
|
29
11
|
checkbox: () => CheckboxClasses;
|
|
30
12
|
};
|
|
31
|
-
export declare type DatumType<DataItem
|
|
32
|
-
export interface TreeProps<DataItem, Value extends
|
|
13
|
+
export declare type DatumType<DataItem> = ReturnType<typeof useTree<DataItem>>;
|
|
14
|
+
export interface TreeProps<DataItem, Value extends any[]> extends Omit<BaseTreeProps<DataItem>, 'isControlled'>, Pick<CommonType, 'className' | 'style'> {
|
|
33
15
|
jssStyle?: JsstyleType;
|
|
16
|
+
/**
|
|
17
|
+
* @en The default selected keys of the tree
|
|
18
|
+
* @cn 默认选中的 key (非受控)
|
|
19
|
+
*/
|
|
20
|
+
defaultValues?: Value;
|
|
21
|
+
/**
|
|
22
|
+
* @en The keys of selected
|
|
23
|
+
* @cn 选中的 key (受控)
|
|
24
|
+
*/
|
|
25
|
+
value?: Value;
|
|
26
|
+
/**
|
|
27
|
+
* @en Whether show line
|
|
28
|
+
* @cn 是否显示连接线
|
|
29
|
+
* @default true
|
|
30
|
+
*/
|
|
34
31
|
line?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* @en Class name of icon
|
|
34
|
+
* @cn 展开/收起按钮的类名
|
|
35
|
+
*/
|
|
35
36
|
iconClass?: string;
|
|
37
|
+
/**
|
|
38
|
+
* @en Class name of node
|
|
39
|
+
* @cn 节点的class,如果是函数,参数为该节点数据
|
|
40
|
+
*/
|
|
36
41
|
nodeClass?: string | ((data: DataItem) => string);
|
|
42
|
+
/**
|
|
43
|
+
* @en Class name of content
|
|
44
|
+
* @cn 内容样式
|
|
45
|
+
*/
|
|
37
46
|
contentClass?: string | ((data: DataItem) => string);
|
|
47
|
+
/**
|
|
48
|
+
* @en The class of leaf, the params of function is data
|
|
49
|
+
* @cn 叶子节点的 class, 函数的参数为该条叶子节点数据
|
|
50
|
+
*/
|
|
38
51
|
leafClass?: string;
|
|
52
|
+
/**
|
|
53
|
+
* @en Custom expand/collapse buttons
|
|
54
|
+
* @cn 自定义展开/收起按钮
|
|
55
|
+
*/
|
|
39
56
|
expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
|
|
57
|
+
/**
|
|
58
|
+
* @en The class of children, the params of function is data
|
|
59
|
+
* @cn 子节点 class, 函数的参数为该条叶子节点数据
|
|
60
|
+
*/
|
|
40
61
|
childrenClass?: ((data: DataItem) => string) | string;
|
|
62
|
+
/**
|
|
63
|
+
* @en When setting the onDrop attribute, it is draggable
|
|
64
|
+
* @cn 设置 onDrop 属性时,为可拖动状态
|
|
65
|
+
*/
|
|
41
66
|
onDrop?: (data: DataItem[], key: KeygenResult, targetKey: KeygenResult, position: number) => void;
|
|
67
|
+
/**
|
|
68
|
+
* @en Active node key
|
|
69
|
+
* @cn 激活节点的key
|
|
70
|
+
*/
|
|
42
71
|
active?: KeygenResult;
|
|
72
|
+
/**
|
|
73
|
+
* @en If need to double-click to expand
|
|
74
|
+
* @cn 双击是否展开节点
|
|
75
|
+
* @default false
|
|
76
|
+
*/
|
|
43
77
|
doubleClickExpand?: boolean;
|
|
78
|
+
/**
|
|
79
|
+
* @en Expand by click parent node
|
|
80
|
+
* @cn 点击父节点展开
|
|
81
|
+
* @default false
|
|
82
|
+
*/
|
|
44
83
|
parentClickExpand?: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* @en Selector when dray image
|
|
86
|
+
* @cn 定义拖拽图片的选择器
|
|
87
|
+
*/
|
|
45
88
|
dragImageSelector?: ((data?: DataItem) => string) | string;
|
|
89
|
+
/**
|
|
90
|
+
* @en Expand event
|
|
91
|
+
* @cn 节点展开回调,参数为当前展开节点 key 数组
|
|
92
|
+
*/
|
|
46
93
|
onExpand?: (value: KeygenResult[]) => void;
|
|
94
|
+
/**
|
|
95
|
+
* @en When it is a string, return d[string]. When it is a function, return the result of the function
|
|
96
|
+
* @cn 为 string 时,返回 d[string]。 为 function 时,返回函数结果
|
|
97
|
+
* @default index
|
|
98
|
+
*/
|
|
47
99
|
renderItem: TreeRenderItemType<DataItem>;
|
|
48
|
-
|
|
100
|
+
/**
|
|
101
|
+
* @en Change event
|
|
102
|
+
* @cn 设置 onChange 属性时,显示 选择框。参数为当前选中值,和 mode 属性相关
|
|
103
|
+
*/
|
|
104
|
+
onChange?: (value: Value) => void;
|
|
105
|
+
/**
|
|
106
|
+
* @en Dom style when drop images
|
|
107
|
+
* @cn 拖拽图片的原生 style 样式
|
|
108
|
+
*/
|
|
49
109
|
dragImageStyle?: React.CSSProperties;
|
|
110
|
+
/**
|
|
111
|
+
* @en Whether it can only be dragged at the same level
|
|
112
|
+
* @cn 是否只能平级拖拽
|
|
113
|
+
*/
|
|
50
114
|
dragSibling?: boolean;
|
|
115
|
+
/**
|
|
116
|
+
* @en Automatically expand nodes with child nodes when dragging
|
|
117
|
+
* @cn 拖拽时自动展开含有子节点的节点
|
|
118
|
+
* @default false
|
|
119
|
+
*/
|
|
51
120
|
dragHoverExpand?: boolean;
|
|
121
|
+
/**
|
|
122
|
+
* @en Whether the node is inline
|
|
123
|
+
* @cn 节点是否内联
|
|
124
|
+
* @default false
|
|
125
|
+
*/
|
|
52
126
|
inlineNode?: boolean;
|
|
127
|
+
/**
|
|
128
|
+
* @en Whether to highlight the node when clicked
|
|
129
|
+
* @cn 点击节点高亮
|
|
130
|
+
* @default true
|
|
131
|
+
*/
|
|
53
132
|
highlight?: boolean;
|
|
133
|
+
/**
|
|
134
|
+
* @en Dynamically load nodes
|
|
135
|
+
* @cn 设置 loader 属性后,未定义 children 的节点视为动态加载节点,点击展开触发 loader事件,children 为 null 或者长度为 0 视为叶子节点
|
|
136
|
+
*/
|
|
54
137
|
loader?: (key: KeygenResult, data: DataItem) => void;
|
|
55
|
-
|
|
56
|
-
|
|
138
|
+
/**
|
|
139
|
+
* @en Ref
|
|
140
|
+
* @cn ref
|
|
141
|
+
*/
|
|
142
|
+
onRef?: (datum: DatumType<DataItem>['datum']) => void;
|
|
143
|
+
/**
|
|
144
|
+
* @en Click event
|
|
145
|
+
* @cn 节点点击事件
|
|
146
|
+
*/
|
|
147
|
+
onClick?: (data: DataItem, id: KeygenResult, path?: TreePathType) => void;
|
|
148
|
+
/**
|
|
149
|
+
* @en Drag start event
|
|
150
|
+
* @cn 拖拽开始事件
|
|
151
|
+
*/
|
|
57
152
|
onDragStart?: (e: React.DragEvent, data: DataItem) => void;
|
|
153
|
+
/**
|
|
154
|
+
* @en Drag end event
|
|
155
|
+
* @cn 拖拽结束事件
|
|
156
|
+
*/
|
|
58
157
|
onDragEnd?: (e: React.DragEvent, data: DataItem) => void;
|
|
158
|
+
/**
|
|
159
|
+
* @en Drag over event
|
|
160
|
+
* @cn 拖拽经过事件
|
|
161
|
+
*/
|
|
59
162
|
onDragOver?: (e: React.DragEvent, data: DataItem) => void;
|
|
163
|
+
/**
|
|
164
|
+
* @en Drag leave event
|
|
165
|
+
* @cn 拖拽离开事件
|
|
166
|
+
*/
|
|
60
167
|
onDragLeave?: (e: React.DragEvent, data: DataItem) => void;
|
|
61
168
|
}
|
|
62
169
|
//# sourceMappingURL=tree.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.type.d.ts","sourceRoot":"","sources":["tree.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"tree.type.d.ts","sourceRoot":"","sources":["tree.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,oBAAY,kBAAkB,CAAC,QAAQ,IACnC,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC,GAC3F,SAAS,CAAC,QAAQ,CAAC,CAAC;AAExB,oBAAY,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,WAAW,CAAC;IACxB,IAAI,EAAE,MAAM,WAAW,CAAC;IACxB,QAAQ,EAAE,MAAM,eAAe,CAAC;CACjC,CAAC;AAEF,oBAAY,SAAS,CAAC,QAAQ,IAAI,UAAU,CAAC,OAAO,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;AAEvE,MAAM,WAAW,SAAS,CAAC,QAAQ,EAAE,KAAK,SAAS,GAAG,EAAE,CACtD,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,EACnD,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IAClD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IACrD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;IACvE;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,MAAM,CAAC;IACtD;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClG;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,MAAM,CAAC;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrD;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1E;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3D;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1D;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5D"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { default, default as TreeSelect } from './tree-select';
|
|
2
|
-
export type { TreeSelectProps } from './tree-select.type';
|
|
2
|
+
export type { TreeSelectProps, TreeSelectValueType } from './tree-select.type';
|
|
3
|
+
export type { ComponentRef as TreeSelectRef } from './tree-select.type';
|
|
3
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,YAAY,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { KeygenResult } from '@sheinx/hooks';
|
|
3
3
|
import { TreeSelectProps } from './tree-select.type';
|
|
4
|
-
declare
|
|
4
|
+
export declare type TreeSelectValueType = KeygenResult | KeygenResult[];
|
|
5
|
+
declare const TreeSelect: <DataItem, Value extends TreeSelectValueType>(props: TreeSelectProps<DataItem, Value>) => JSX.Element;
|
|
5
6
|
export default TreeSelect;
|
|
6
7
|
//# sourceMappingURL=tree-select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAQL,YAAY,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAUjE,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAQL,YAAY,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAUjE,oBAAY,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAEhE,QAAA,MAAM,UAAU,uGAuhBf,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -15,6 +15,7 @@ exports.default = void 0;
|
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
17
|
require("core-js/modules/es.string.trim.js");
|
|
18
|
+
require("core-js/modules/es.array.map.js");
|
|
18
19
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
20
|
var _hooks = require("@sheinx/hooks");
|
|
20
21
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -91,7 +92,8 @@ var TreeSelect = function TreeSelect(props) {
|
|
|
91
92
|
onAdvancedFilter = props.onAdvancedFilter,
|
|
92
93
|
onFilterProp = props.onFilter,
|
|
93
94
|
onChangeAddition = props.onChangeAddition,
|
|
94
|
-
onEnterExpand = props.onEnterExpand
|
|
95
|
+
onEnterExpand = props.onEnterExpand,
|
|
96
|
+
onExpand = props.onExpand;
|
|
95
97
|
var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle);
|
|
96
98
|
var rootStyle = _objectSpread(_objectSpread({}, style), {}, {
|
|
97
99
|
width: width
|
|
@@ -230,9 +232,8 @@ var TreeSelect = function TreeSelect(props) {
|
|
|
230
232
|
}
|
|
231
233
|
if (open) closePop();
|
|
232
234
|
};
|
|
233
|
-
var handleExpand = function handleExpand() {
|
|
234
|
-
|
|
235
|
-
// onExpanded(exp);
|
|
235
|
+
var handleExpand = function handleExpand(expands) {
|
|
236
|
+
onExpand === null || onExpand === void 0 ? void 0 : onExpand(expands);
|
|
236
237
|
};
|
|
237
238
|
var renderClearable = function renderClearable() {
|
|
238
239
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
@@ -263,18 +264,33 @@ var TreeSelect = function TreeSelect(props) {
|
|
|
263
264
|
if (!datum.current || !values) return [];
|
|
264
265
|
return datum.current.getDataByValues(values);
|
|
265
266
|
};
|
|
267
|
+
var getDataByValuesRef = function getDataByValuesRef(values) {
|
|
268
|
+
var _datum$current2;
|
|
269
|
+
if (_hooks.util.isArray(values)) {
|
|
270
|
+
return values.map(function (id) {
|
|
271
|
+
var _datum$current;
|
|
272
|
+
return (_datum$current = datum.current) === null || _datum$current === void 0 ? void 0 : _datum$current.getDataById(id);
|
|
273
|
+
});
|
|
274
|
+
}
|
|
275
|
+
return (_datum$current2 = datum.current) === null || _datum$current2 === void 0 ? void 0 : _datum$current2.getDataById(values);
|
|
276
|
+
};
|
|
266
277
|
var getValue = function getValue() {
|
|
267
278
|
if (!datum.current) return;
|
|
268
279
|
var nextValue = datum.current.getValue();
|
|
269
280
|
if (multiple) return nextValue;
|
|
270
281
|
return nextValue.length ? nextValue[0] : '';
|
|
271
282
|
};
|
|
283
|
+
var getValueArray = function getValueArray(value) {
|
|
284
|
+
if (!value) return [];
|
|
285
|
+
if (!Array.isArray(value)) return [value];
|
|
286
|
+
return value;
|
|
287
|
+
};
|
|
272
288
|
var getContentClass = function getContentClass(data) {
|
|
273
|
-
var _datum$
|
|
289
|
+
var _datum$current3, _datum$current4;
|
|
274
290
|
if (!datum.current) return '';
|
|
275
291
|
var key = datum.current.getKey(data);
|
|
276
|
-
var isDisabled = (_datum$
|
|
277
|
-
var isCheck = (_datum$
|
|
292
|
+
var isDisabled = (_datum$current3 = datum.current) === null || _datum$current3 === void 0 ? void 0 : _datum$current3.isDisabled(key);
|
|
293
|
+
var isCheck = (_datum$current4 = datum.current) === null || _datum$current4 === void 0 ? void 0 : _datum$current4.getChecked(key);
|
|
278
294
|
if (isDisabled) {
|
|
279
295
|
return (0, _classnames.default)(styles.optionDisabled);
|
|
280
296
|
}
|
|
@@ -302,10 +318,10 @@ var TreeSelect = function TreeSelect(props) {
|
|
|
302
318
|
onTiledFilter === null || onTiledFilter === void 0 ? void 0 : onTiledFilter(trim ? text.trim() : text);
|
|
303
319
|
};
|
|
304
320
|
var handleChange = function handleChange(item, id) {
|
|
305
|
-
var _datum$
|
|
321
|
+
var _datum$current5;
|
|
306
322
|
if (!datum.current) return;
|
|
307
|
-
if (disabled === true || (_datum$
|
|
308
|
-
var currentData =
|
|
323
|
+
if (disabled === true || (_datum$current5 = datum.current) !== null && _datum$current5 !== void 0 && _datum$current5.isDisabled(id)) return;
|
|
324
|
+
var currentData = datum.current.getDataById(id);
|
|
309
325
|
if (!multiple) {
|
|
310
326
|
datum.current.setValue([]);
|
|
311
327
|
datum.current.set(datum.current.getKey(item), 1);
|
|
@@ -404,6 +420,7 @@ var TreeSelect = function TreeSelect(props) {
|
|
|
404
420
|
if ('expanded' in props) {
|
|
405
421
|
treeProps.expanded = expanded;
|
|
406
422
|
}
|
|
423
|
+
var nextValue = getValueArray(value);
|
|
407
424
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
408
425
|
className: (0, _classnames.default)(styles.tree),
|
|
409
426
|
style: {
|
|
@@ -419,9 +436,9 @@ var TreeSelect = function TreeSelect(props) {
|
|
|
419
436
|
data: tiledData,
|
|
420
437
|
keygen: keygen,
|
|
421
438
|
unmatch: unmatch,
|
|
422
|
-
value:
|
|
439
|
+
value: nextValue,
|
|
423
440
|
loader: loader,
|
|
424
|
-
expanded: 'expanded' in props ? expanded : undefined,
|
|
441
|
+
expanded: 'expanded' in props || expanded !== null && expanded !== void 0 && expanded.length ? expanded : undefined,
|
|
425
442
|
expandIcons: tiledExpandIcons,
|
|
426
443
|
disabled: disabled,
|
|
427
444
|
parentClickExpand: parentClickExpand,
|
|
@@ -433,15 +450,16 @@ var TreeSelect = function TreeSelect(props) {
|
|
|
433
450
|
});
|
|
434
451
|
};
|
|
435
452
|
(0, _react.useEffect)(function () {
|
|
436
|
-
if (
|
|
437
|
-
getComponentRef
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
453
|
+
if (getComponentRef && datum.current) {
|
|
454
|
+
if (_hooks.util.isFunc(getComponentRef)) {
|
|
455
|
+
getComponentRef({
|
|
456
|
+
getDataByValues: getDataByValuesRef
|
|
457
|
+
});
|
|
458
|
+
} else {
|
|
459
|
+
getComponentRef.current = {
|
|
460
|
+
getDataByValues: getDataByValuesRef
|
|
461
|
+
};
|
|
462
|
+
}
|
|
445
463
|
}
|
|
446
464
|
}, []);
|
|
447
465
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|