@para-ui/core 2.2.39 → 2.2.40
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/AutoBox/index.d.ts +34 -34
- package/AutoTips/index.d.ts +27 -27
- package/Breadcrumbs/index.d.ts +39 -39
- package/Button/SplitButton.d.ts +61 -61
- package/Button/index.d.ts +56 -56
- package/Button/lang/en_US.d.ts +4 -4
- package/Button/lang/index.d.ts +9 -9
- package/Button/lang/zh_CN.d.ts +4 -4
- package/ButtonGroup/index.d.ts +33 -33
- package/ButtonGroup/index.js +2 -2
- package/Carousel/index.d.ts +30 -30
- package/Cascader/index.d.ts +54 -54
- package/Cascader/index.js +1 -1
- package/Cascader/lang/en_US.d.ts +4 -4
- package/Cascader/lang/index.d.ts +9 -9
- package/Cascader/lang/zh_CN.d.ts +4 -4
- package/Checkbox/index.d.ts +40 -40
- package/CheckboxGroup/index.d.ts +46 -46
- package/CheckboxGroup/index.js +2 -2
- package/Collapse/collapsePanel.d.ts +30 -30
- package/Collapse/index.d.ts +57 -57
- package/Collapse/motion.d.ts +5 -5
- package/Collapse/util.d.ts +11 -11
- package/CollapseBox/index.d.ts +27 -27
- package/CollapseBox/util.d.ts +5 -5
- package/CollapseLayout/index.d.ts +51 -51
- package/ColorPicker/index.d.ts +4 -4
- package/ComboSelect/WithTabsCombo/index.d.ts +11 -11
- package/ComboSelect/WithTabsCombo/interface.d.ts +141 -141
- package/ComboSelect/index.d.ts +11 -11
- package/ComboSelect/index.js +1 -1
- package/ComboSelect/interface.d.ts +149 -149
- package/ComboSelect/lang/en_US.d.ts +9 -9
- package/ComboSelect/lang/index.d.ts +19 -19
- package/ComboSelect/lang/zh_CN.d.ts +9 -9
- package/ComboSelect/utils.d.ts +12 -12
- package/Container/index.d.ts +77 -77
- package/DatePicker/PickerButton.d.ts +3 -3
- package/DatePicker/PickerTag.d.ts +3 -3
- package/DatePicker/generatePicker/generateRangePicker.d.ts +4 -4
- package/DatePicker/generatePicker/generateSinglePicker.d.ts +11 -11
- package/DatePicker/generatePicker/index.d.ts +77 -77
- package/DatePicker/index.d.ts +18 -18
- package/DatePicker/lang/en_US.d.ts +3 -3
- package/DatePicker/lang/index.d.ts +7 -7
- package/DatePicker/lang/zh_CN.d.ts +3 -3
- package/DatePicker/util.d.ts +20 -20
- package/Desktop/index.d.ts +55 -55
- package/Drawer/index.d.ts +11 -11
- package/Drawer/interface.d.ts +83 -83
- package/Drawer/lang/en_US.d.ts +5 -5
- package/Drawer/lang/index.d.ts +11 -11
- package/Drawer/lang/zh_CN.d.ts +5 -5
- package/Dropdown/index.d.ts +39 -39
- package/DynamicMultiBox/formItem.d.ts +13 -13
- package/DynamicMultiBox/index.d.ts +4 -4
- package/DynamicMultiBox/index.js +2 -2
- package/DynamicMultiBox/interface.d.ts +161 -161
- package/DynamicMultiBox/rowForm.d.ts +24 -24
- package/Empty/images/index.d.ts +2 -2
- package/Empty/index.d.ts +30 -30
- package/Empty/lang/en_US.d.ts +6 -6
- package/Empty/lang/index.d.ts +13 -13
- package/Empty/lang/zh_CN.d.ts +6 -6
- package/Form/index.d.ts +181 -181
- package/Form/index.js +2 -2
- package/FormItem/compoments/defaultCompoments/index.d.ts +19 -19
- package/FormItem/compoments/formCheckboxGroup/index.d.ts +8 -8
- package/FormItem/compoments/formFile/index.d.ts +38 -38
- package/FormItem/compoments/formRadioGroup/index.d.ts +8 -8
- package/FormItem/compoments/formSelect/index.d.ts +18 -18
- package/FormItem/errorTips.d.ts +12 -12
- package/FormItem/index.d.ts +152 -152
- package/FormItem/index.js +2 -2
- package/FormItem/itemType.d.ts +42 -42
- package/FormItem/validateFunction.d.ts +15 -15
- package/FunctionModal/dialog.d.ts +58 -58
- package/FunctionModal/index.d.ts +8 -8
- package/FunctionModal/index.js +1 -1
- package/FunctionModal/modalContext.d.ts +14 -14
- package/GlobalContext/componentsProps.d.ts +21 -21
- package/GlobalContext/confirmLocale.d.ts +7 -7
- package/GlobalContext/constant.d.ts +7 -7
- package/GlobalContext/index.d.ts +28 -28
- package/GlobalContext/intl.d.ts +34 -34
- package/GlobalContext/useFormatMessage.d.ts +3 -3
- package/Help/index.d.ts +20 -20
- package/HelperText/index.d.ts +19 -19
- package/Hooks/useGlobalProps.d.ts +1 -1
- package/InputLang/index.d.ts +49 -49
- package/InputNumber/index.d.ts +74 -74
- package/Label/index.d.ts +35 -35
- package/Loading/index.d.ts +17 -17
- package/Menu/footerExpansion.d.ts +9 -9
- package/Menu/index.d.ts +10 -10
- package/Menu/index.js +1 -1
- package/Menu/interface.d.ts +139 -139
- package/Menu/logo.d.ts +9 -9
- package/Menu/verticalMenuList.d.ts +14 -14
- package/Message/index.d.ts +73 -73
- package/Modal/Confirm/index.d.ts +66 -66
- package/Modal/index.d.ts +61 -61
- package/Modal/lang/en_US.d.ts +5 -5
- package/Modal/lang/index.d.ts +11 -11
- package/Modal/lang/zh_CN.d.ts +5 -5
- package/MultiBox/index.d.ts +54 -54
- package/Notification/index.d.ts +52 -52
- package/OperateBtn/index.d.ts +59 -59
- package/OperateBtn/index.js +1 -1
- package/OperateBtn/lang/en_US.d.ts +4 -4
- package/OperateBtn/lang/index.d.ts +9 -9
- package/OperateBtn/lang/zh_CN.d.ts +4 -4
- package/PageHeader/horizontalMeun.d.ts +9 -9
- package/PageHeader/horizontalMeunRight.d.ts +9 -9
- package/PageHeader/index.d.ts +10 -10
- package/PageHeader/interface.d.ts +167 -167
- package/Pagination/index.d.ts +33 -33
- package/Pagination/lang/en_US.d.ts +8 -8
- package/Pagination/lang/index.d.ts +17 -17
- package/Pagination/lang/zh_CN.d.ts +8 -8
- package/ParauiProvider/index.d.ts +12 -12
- package/PasswordRules/index.d.ts +46 -46
- package/PopConfirm/index.d.ts +56 -56
- package/PopConfirm/lang/en_US.d.ts +5 -5
- package/PopConfirm/lang/index.d.ts +11 -11
- package/PopConfirm/lang/zh_CN.d.ts +5 -5
- package/Popover/index.d.ts +14 -14
- package/PopoverNew/TooltipNew/index.d.ts +11 -11
- package/PopoverNew/TooltipNew/interface.d.ts +31 -31
- package/PopoverNew/TooltipNew/utils.d.ts +18 -18
- package/PopoverNew/index.d.ts +16 -16
- package/Popper/index.d.ts +13 -13
- package/Progress/Line.d.ts +47 -47
- package/Progress/Steps.d.ts +17 -17
- package/Progress/index.d.ts +81 -81
- package/Progress/index.js +1 -1
- package/Progress/utils.d.ts +6 -6
- package/Querying/images/index.d.ts +2 -2
- package/Querying/index.d.ts +26 -26
- package/Querying/lang/en_US.d.ts +4 -4
- package/Querying/lang/index.d.ts +9 -9
- package/Querying/lang/zh_CN.d.ts +4 -4
- package/README.md +739 -732
- package/Radio/index.d.ts +38 -38
- package/RadioGroup/index.d.ts +47 -47
- package/RadioGroup/index.js +2 -2
- package/Search/index.d.ts +56 -56
- package/Select/index.d.ts +96 -96
- package/Select/lang/en_US.d.ts +5 -5
- package/Select/lang/index.d.ts +11 -11
- package/Select/lang/zh_CN.d.ts +5 -5
- package/SelectInput/index.d.ts +11 -11
- package/Selector/index.d.ts +11 -11
- package/Selector/index.js +2 -2
- package/Selector/interface.d.ts +428 -428
- package/Selector/lang/en_US.d.ts +11 -11
- package/Selector/lang/index.d.ts +23 -23
- package/Selector/lang/zh_CN.d.ts +11 -11
- package/Selector/selectorData/index.d.ts +10 -10
- package/Selector/selectorMain/index.d.ts +10 -10
- package/Selector/selectorNode/index.d.ts +10 -10
- package/Selector/util.d.ts +15 -15
- package/SelectorPicker/index.d.ts +53 -53
- package/SelectorPicker/index.js +2 -2
- package/SingleBox/index.d.ts +42 -42
- package/Slider/index.d.ts +14 -14
- package/Slider/interface.d.ts +102 -102
- package/Split/index.d.ts +7 -7
- package/Stepper/icons.d.ts +5 -5
- package/Stepper/index.d.ts +39 -39
- package/Switch/index.d.ts +78 -78
- package/Table/index.d.ts +10 -10
- package/Table/index.js +1 -1
- package/Table/interface.d.ts +271 -271
- package/Table/lang/en_US.d.ts +8 -8
- package/Table/lang/index.d.ts +17 -17
- package/Table/lang/zh_CN.d.ts +8 -8
- package/Table/tableBody.d.ts +9 -9
- package/Table/tableBodyElement/index.d.ts +15 -15
- package/Table/tableBodyInterface.d.ts +67 -67
- package/Table/tableContainer/index.d.ts +16 -16
- package/Table/tableElement/index.d.ts +15 -15
- package/Table/tableHead.d.ts +9 -9
- package/Table/tableHeadElement/index.d.ts +15 -15
- package/Table/tableHeadInterface.d.ts +30 -30
- package/Table/tablePagination.d.ts +9 -9
- package/Table/tablePaginationInterFace.d.ts +24 -24
- package/Table/tdElement/index.d.ts +15 -15
- package/Table/thElement/index.d.ts +15 -15
- package/Table/trElement/index.d.ts +15 -15
- package/Table/util.d.ts +28 -28
- package/Tabs/index.d.ts +48 -48
- package/Tag/TagGroup.d.ts +66 -66
- package/Tag/index.d.ts +34 -34
- package/TextField/index.d.ts +95 -95
- package/TimePicker/index.d.ts +22 -22
- package/TimePicker/locale/en_US.d.ts +3 -3
- package/TimePicker/locale/zh_CN.d.ts +3 -3
- package/TimePicker/style/index.d.ts +1 -1
- package/Timeline/index.d.ts +22 -22
- package/Title/index.d.ts +30 -30
- package/ToggleButton/ToggleButtonGroup.d.ts +49 -49
- package/ToggleButton/index.d.ts +49 -49
- package/Tooltip/index.d.ts +14 -14
- package/Transfer/index.d.ts +37 -37
- package/Transfer/lang/en_US.d.ts +8 -8
- package/Transfer/lang/index.d.ts +17 -17
- package/Transfer/lang/zh_CN.d.ts +8 -8
- package/Tree/OperateBar/index.d.ts +13 -13
- package/Tree/Tree.d.ts +4 -4
- package/Tree/index.d.ts +5 -5
- package/Tree/index.js +1 -1
- package/Tree/interface.d.ts +207 -207
- package/Tree/lang/en_US.d.ts +8 -8
- package/Tree/lang/index.d.ts +17 -17
- package/Tree/lang/zh_CN.d.ts +8 -8
- package/Tree/utils/tools.d.ts +26 -26
- package/Tree/utils/treeUtil.d.ts +15 -15
- package/Upload/Dragger/index.d.ts +10 -10
- package/Upload/ErroTip/index.d.ts +13 -13
- package/Upload/ImageUpload/index.d.ts +14 -14
- package/Upload/ImgCrop/EasyCrop.d.ts +17 -17
- package/Upload/ImgCrop/constants.d.ts +7 -7
- package/Upload/ImgCrop/index.d.ts +6 -6
- package/Upload/ImgCrop/interface.d.ts +48 -48
- package/Upload/UploadList/index.d.ts +5 -5
- package/Upload/index.d.ts +15 -15
- package/Upload/index.js +1 -1
- package/Upload/interface.d.ts +134 -134
- package/Upload/lang/en_US.d.ts +12 -12
- package/Upload/lang/index.d.ts +25 -25
- package/Upload/lang/zh_CN.d.ts +12 -12
- package/cdn/AutoBox/index.js +1 -1
- package/cdn/AutoTips/index.js +1 -1
- package/cdn/Breadcrumbs/index.js +1 -1
- package/cdn/Button/index.js +5 -5
- package/cdn/ButtonGroup/index.js +5 -5
- package/cdn/Cascader/index.js +3 -3
- package/cdn/Checkbox/index.js +5 -5
- package/cdn/CheckboxGroup/index.js +5 -5
- package/cdn/Collapse/index.js +2 -2
- package/cdn/ColorPicker/index.js +1 -1
- package/cdn/ComboSelect/index.js +3 -3
- package/cdn/DatePicker/index.js +5 -5
- package/cdn/Desktop/index.js +2 -2
- package/cdn/Drawer/index.js +5 -5
- package/cdn/Dropdown/index.js +3 -3
- package/cdn/DynamicMultiBox/index.js +6 -6
- package/cdn/Form/index.js +4 -4
- package/cdn/FormItem/index.js +5 -5
- package/cdn/FunctionModal/index.js +5 -5
- package/cdn/Help/index.js +1 -1
- package/cdn/InputLang/index.js +1 -1
- package/cdn/InputNumber/index.js +5 -5
- package/cdn/Label/index.js +1 -1
- package/cdn/Menu/index.js +2 -2
- package/cdn/Modal/index.js +1 -1
- package/cdn/MultiBox/index.js +5 -5
- package/cdn/Notification/index.js +2 -2
- package/cdn/OperateBtn/index.js +1 -1
- package/cdn/PageHeader/index.js +5 -5
- package/cdn/Pagination/index.js +2 -2
- package/cdn/ParauiProvider/index.js +2 -2
- package/cdn/PasswordRules/index.js +2 -2
- package/cdn/PopConfirm/index.js +5 -5
- package/cdn/Popover/index.js +1 -1
- package/cdn/PopoverNew/index.js +3 -3
- package/cdn/Progress/index.js +1 -1
- package/cdn/Radio/index.js +5 -5
- package/cdn/RadioGroup/index.js +6 -6
- package/cdn/Search/index.js +5 -5
- package/cdn/Select/index.js +2 -2
- package/cdn/SelectInput/index.js +2 -2
- package/cdn/Selector/index.js +5 -5
- package/cdn/SelectorPicker/index.js +5 -5
- package/cdn/SingleBox/index.js +5 -5
- package/cdn/Slider/index.js +3 -3
- package/cdn/Stepper/index.js +3 -3
- package/cdn/Switch/index.js +5 -5
- package/cdn/Table/index.js +7 -7
- package/cdn/Tabs/index.js +6 -6
- package/cdn/TextField/index.js +1 -1
- package/cdn/TimePicker/index.js +10 -10
- package/cdn/Timeline/index.js +2 -2
- package/cdn/ToggleButton/index.js +1 -1
- package/cdn/Tooltip/index.js +1 -1
- package/cdn/Transfer/index.js +5 -5
- package/cdn/Tree/index.js +2 -2
- package/cdn/Upload/index.js +2 -2
- package/index.d.ts +142 -142
- package/index.js +2 -2
- package/package.json +131 -131
package/Selector/interface.d.ts
CHANGED
|
@@ -1,428 +1,428 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import { EmptyProps } from "../Empty";
|
|
3
|
-
import { ReqFuncProps } from "./util";
|
|
4
|
-
/** 搜索方法 */
|
|
5
|
-
export interface SearchFuncProps {
|
|
6
|
-
page?: number;
|
|
7
|
-
size?: number;
|
|
8
|
-
[name: string]: any;
|
|
9
|
-
}
|
|
10
|
-
/** 搜索接口返回数据 */
|
|
11
|
-
export interface SearchReqDataProps {
|
|
12
|
-
data?: {
|
|
13
|
-
/**
|
|
14
|
-
* 分页
|
|
15
|
-
* data => {list: any[], total: number}
|
|
16
|
-
*
|
|
17
|
-
* 不分页
|
|
18
|
-
* data => any[]
|
|
19
|
-
* */
|
|
20
|
-
data?: any;
|
|
21
|
-
/**
|
|
22
|
-
* 接口数据是否生成树, 默认false,不生成树,平铺数据
|
|
23
|
-
* 一般用户传死数据这种情况
|
|
24
|
-
* */
|
|
25
|
-
isTree?: boolean;
|
|
26
|
-
};
|
|
27
|
-
err?: any;
|
|
28
|
-
}
|
|
29
|
-
/** 面包屑 */
|
|
30
|
-
export interface BreadcrumbsListItem {
|
|
31
|
-
/** 每一项显示名 */
|
|
32
|
-
label: ReactNode;
|
|
33
|
-
/** 值 每一行数据的key */
|
|
34
|
-
value: string;
|
|
35
|
-
/** 每一项最大宽度 */
|
|
36
|
-
maxWidth?: string;
|
|
37
|
-
/** 是否可点击 */
|
|
38
|
-
disabled?: boolean;
|
|
39
|
-
[name: string]: any;
|
|
40
|
-
}
|
|
41
|
-
/** 类型字段 */
|
|
42
|
-
export interface SelectorListTypeItem {
|
|
43
|
-
/** 显示名 */
|
|
44
|
-
label: ReactNode;
|
|
45
|
-
/** 类型 */
|
|
46
|
-
value: string;
|
|
47
|
-
}
|
|
48
|
-
/** 数据源 */
|
|
49
|
-
export interface SelectorAnyJson {
|
|
50
|
-
/** 唯一值 */
|
|
51
|
-
key?: string;
|
|
52
|
-
/** 父级id */
|
|
53
|
-
parentId?: string;
|
|
54
|
-
/** 类型 */
|
|
55
|
-
type?: string;
|
|
56
|
-
/** 图片 */
|
|
57
|
-
img?: ReactNode;
|
|
58
|
-
/** 主标题, 默认label */
|
|
59
|
-
mainTitle?: ReactNode;
|
|
60
|
-
/** 辅助信息 */
|
|
61
|
-
subTitle?: ReactNode;
|
|
62
|
-
/** 标签 */
|
|
63
|
-
tag?: ReactNode;
|
|
64
|
-
/** 下级字段 */
|
|
65
|
-
children?: SelectorAnyJson[];
|
|
66
|
-
/** 禁用 */
|
|
67
|
-
disabled?: boolean;
|
|
68
|
-
/** 禁用下级 */
|
|
69
|
-
disabledChild?: boolean;
|
|
70
|
-
/** 是否可选 */
|
|
71
|
-
choice?: boolean;
|
|
72
|
-
/** 是否具有详情 */
|
|
73
|
-
detail?: boolean;
|
|
74
|
-
/** 是否叶子节点, 不是叶子节点就是分支节点, 渲染dom类型的 */
|
|
75
|
-
leaf?: boolean;
|
|
76
|
-
/** 是否存在下级 */
|
|
77
|
-
child?: boolean;
|
|
78
|
-
/** 是否有× 选中数据专用 */
|
|
79
|
-
close?: boolean;
|
|
80
|
-
/** 原始数据 */
|
|
81
|
-
data?: any;
|
|
82
|
-
[name: string]: any;
|
|
83
|
-
}
|
|
84
|
-
/** 常量 */
|
|
85
|
-
export interface SelectorConstData {
|
|
86
|
-
/** 所有数据的json */
|
|
87
|
-
jsonData: Record<string, any>;
|
|
88
|
-
/** 浅拷贝对象 */
|
|
89
|
-
jsonDataCopy: Record<string, any>;
|
|
90
|
-
/** 第一层数据 */
|
|
91
|
-
oneDataList: SelectorAnyJson[];
|
|
92
|
-
/** 当前页数据源 */
|
|
93
|
-
currentSourceData: SelectorAnyJson[];
|
|
94
|
-
/** 当前选中值的mapping */
|
|
95
|
-
selectValueJson: Record<string, any>;
|
|
96
|
-
/** 面包屑数组 */
|
|
97
|
-
breadcrumbsList: BreadcrumbsListItem[];
|
|
98
|
-
/** 接口id */
|
|
99
|
-
reqId: string;
|
|
100
|
-
/** 请求数据 */
|
|
101
|
-
reqParams: {
|
|
102
|
-
/** 页数 */
|
|
103
|
-
size: number;
|
|
104
|
-
/** 分页 */
|
|
105
|
-
pagination: boolean;
|
|
106
|
-
/** 来加载 */
|
|
107
|
-
isLazy: boolean;
|
|
108
|
-
};
|
|
109
|
-
/** 不是懒加载, 是否请求过 */
|
|
110
|
-
noLazyReq: boolean;
|
|
111
|
-
/** 更改数据源定时器 */
|
|
112
|
-
reqTimer: any;
|
|
113
|
-
/** 页码 */
|
|
114
|
-
page: number;
|
|
115
|
-
/** 搜索值 */
|
|
116
|
-
searchVal: string;
|
|
117
|
-
/** 搜索点了下级,记录搜索前的面包屑 null说明没有储存过 */
|
|
118
|
-
beforeSearchBreadcrumbs: BreadcrumbsListItem[] | null;
|
|
119
|
-
/** 搜索配置 */
|
|
120
|
-
searchConfig: {
|
|
121
|
-
/** 页码 */
|
|
122
|
-
page: number;
|
|
123
|
-
/** 每页条数 */
|
|
124
|
-
size: number;
|
|
125
|
-
/** 请求id */
|
|
126
|
-
reqId: string;
|
|
127
|
-
/** 当前页数据源 */
|
|
128
|
-
currentSourceData: SelectorAnyJson[];
|
|
129
|
-
};
|
|
130
|
-
[name: string]: any;
|
|
131
|
-
}
|
|
132
|
-
/** 字段配置,对应数据字段 */
|
|
133
|
-
export interface SelectorFieldConfigProps {
|
|
134
|
-
/** 图片 */
|
|
135
|
-
img?: string;
|
|
136
|
-
/** 主标题, 默认label */
|
|
137
|
-
mainTitle?: string;
|
|
138
|
-
/** 辅助信息 */
|
|
139
|
-
subTitle?: string;
|
|
140
|
-
/** 标签 */
|
|
141
|
-
tag?: string;
|
|
142
|
-
/** 类型字段 */
|
|
143
|
-
type?: string;
|
|
144
|
-
/** 返回值唯一的key,默认为key 选中数据专用 */
|
|
145
|
-
key?: string;
|
|
146
|
-
/** 下级字段,默认children 展示数据专用 */
|
|
147
|
-
children?: string;
|
|
148
|
-
/** 父级默认字段,默认parentId 展示数据专用 */
|
|
149
|
-
parentId?: string;
|
|
150
|
-
}
|
|
151
|
-
/** 节点接口定义 */
|
|
152
|
-
export interface SelectorNodeProps {
|
|
153
|
-
/** className */
|
|
154
|
-
className?: string;
|
|
155
|
-
/** 样式 */
|
|
156
|
-
style?: React.CSSProperties;
|
|
157
|
-
/** 节点模式, 叶子节点 / 分支节点 */
|
|
158
|
-
nodeMode?: 'leaf' | 'branch';
|
|
159
|
-
/** 使用场景 列表选择/已选择列表 */
|
|
160
|
-
useCase?: 'view' | 'edit';
|
|
161
|
-
/** 选择模式 radio单选 check复选 undefined不存在选择 */
|
|
162
|
-
selectMode?: 'radio' | 'check';
|
|
163
|
-
/** 图标地址 string为图标地址 其他为dom */
|
|
164
|
-
img?: ReactNode;
|
|
165
|
-
/** 主标题 */
|
|
166
|
-
mainTitle?: ReactNode;
|
|
167
|
-
/** 副标题 */
|
|
168
|
-
subTitle?: ReactNode;
|
|
169
|
-
/** 标签 */
|
|
170
|
-
tag?: ReactNode;
|
|
171
|
-
/** 详情 */
|
|
172
|
-
detail?: boolean;
|
|
173
|
-
/** 详情渲染 */
|
|
174
|
-
detailRender?: () => ReactNode;
|
|
175
|
-
/** 选中每一项自定义 */
|
|
176
|
-
leftRender?: () => ReactNode;
|
|
177
|
-
/** 是否存在下级 */
|
|
178
|
-
child?: boolean;
|
|
179
|
-
/** 是否关闭 */
|
|
180
|
-
close?: boolean;
|
|
181
|
-
/** 禁用 */
|
|
182
|
-
disabled?: boolean;
|
|
183
|
-
/** 禁用下级 */
|
|
184
|
-
disabledChild?: boolean;
|
|
185
|
-
/** 选中 */
|
|
186
|
-
checked?: boolean;
|
|
187
|
-
/** 半选 */
|
|
188
|
-
indeterminate?: boolean;
|
|
189
|
-
/** 选择事件 */
|
|
190
|
-
onSelect?: () => void;
|
|
191
|
-
/** 点击下级 */
|
|
192
|
-
onLevel?: () => void;
|
|
193
|
-
/** 点击× */
|
|
194
|
-
onClose?: () => void;
|
|
195
|
-
[name: string]: any;
|
|
196
|
-
}
|
|
197
|
-
/** 主体接口定义 */
|
|
198
|
-
export interface SelectorMainProps {
|
|
199
|
-
/** className */
|
|
200
|
-
className?: string;
|
|
201
|
-
/** 样式 */
|
|
202
|
-
style?: React.CSSProperties;
|
|
203
|
-
/** 请求地址 */
|
|
204
|
-
url?: string;
|
|
205
|
-
/** value */
|
|
206
|
-
value?: Record<string, any>;
|
|
207
|
-
/** 唯一值,默认key */
|
|
208
|
-
rowKey?: string;
|
|
209
|
-
/** 选择模式 radio单选 check复选 undefined不存在选择 */
|
|
210
|
-
selectMode?: 'radio' | 'check';
|
|
211
|
-
/** 节点模式, 叶子节点 / 分支节点 */
|
|
212
|
-
nodeMode?: 'leaf' | 'branch';
|
|
213
|
-
/** 数据渲染分组 */
|
|
214
|
-
groupType?: SelectorListTypeItem[];
|
|
215
|
-
/** 分组作用域 默认search */
|
|
216
|
-
groupRange?: 'search' | 'list' | 'searchList';
|
|
217
|
-
/** 面包屑 */
|
|
218
|
-
breadcrumbs?: boolean;
|
|
219
|
-
/** 面包屑中间符号 */
|
|
220
|
-
breadcrumbsSeparator?: string;
|
|
221
|
-
/** 面包屑数组 */
|
|
222
|
-
breadcrumbsList?: BreadcrumbsListItem[];
|
|
223
|
-
/** 搜索 */
|
|
224
|
-
search?: boolean;
|
|
225
|
-
/** 搜索面包屑 */
|
|
226
|
-
searchBreadcrumbs?: ReactNode;
|
|
227
|
-
/** 搜索值 */
|
|
228
|
-
searchVal?: {
|
|
229
|
-
val: string;
|
|
230
|
-
};
|
|
231
|
-
/** 搜索Placeholder */
|
|
232
|
-
searchPlaceholder?: ReactNode;
|
|
233
|
-
/** 搜索触发方式 */
|
|
234
|
-
searchTrigger?: 'onChange' | 'onEnter';
|
|
235
|
-
/** 搜索loading */
|
|
236
|
-
searchLoading?: boolean;
|
|
237
|
-
/** 搜索数据 */
|
|
238
|
-
searchList?: SelectorAnyJson[];
|
|
239
|
-
/** 加载中 */
|
|
240
|
-
loading?: boolean;
|
|
241
|
-
/** 是否懒加载 */
|
|
242
|
-
isLazy?: boolean;
|
|
243
|
-
/** 是否具有详情 */
|
|
244
|
-
detail?: boolean;
|
|
245
|
-
/** 空状态属性 */
|
|
246
|
-
emptyProps?: EmptyProps;
|
|
247
|
-
/**
|
|
248
|
-
* 详情渲染
|
|
249
|
-
* @param item 当前节点数据
|
|
250
|
-
* @param bol true列表数据, false展示数据
|
|
251
|
-
* */
|
|
252
|
-
detailRender?: (item: SelectorAnyJson, bol: boolean) => ReactNode;
|
|
253
|
-
/** 加载更多 */
|
|
254
|
-
loadMore?: boolean;
|
|
255
|
-
/** 搜索模块加载更多 */
|
|
256
|
-
searchLoadMore?: boolean;
|
|
257
|
-
/** 是否全选 */
|
|
258
|
-
isAllCheck?: boolean;
|
|
259
|
-
/** 渲染数据 */
|
|
260
|
-
list?: SelectorAnyJson[];
|
|
261
|
-
/** 禁用 */
|
|
262
|
-
disabled?: string[] | boolean;
|
|
263
|
-
/** 禁用下级 */
|
|
264
|
-
disabledChild?: string[] | boolean;
|
|
265
|
-
/** 字段配置,对应数据字段 */
|
|
266
|
-
fieldConfig?: SelectorFieldConfigProps;
|
|
267
|
-
/** 选择事件 */
|
|
268
|
-
onSelect?: (item: SelectorAnyJson) => void;
|
|
269
|
-
/** 点击下级 */
|
|
270
|
-
onLevel?: (item: SelectorAnyJson, isSearch?: boolean) => void;
|
|
271
|
-
/** 查看更多 */
|
|
272
|
-
onLoad?: (isSearch?: boolean) => void;
|
|
273
|
-
/** 点击全选 */
|
|
274
|
-
onAllCheck?: (bol?: boolean) => void;
|
|
275
|
-
/** 点击面包屑 */
|
|
276
|
-
onClickBreadcrumbs?: (item: BreadcrumbsListItem) => void;
|
|
277
|
-
/** 搜索事件 */
|
|
278
|
-
onSearch?: (val: string, bol: boolean) => void;
|
|
279
|
-
/** 刷新事件 */
|
|
280
|
-
onRefresh?: () => void;
|
|
281
|
-
[name: string]: any;
|
|
282
|
-
}
|
|
283
|
-
/** 选中数据接口定义 */
|
|
284
|
-
export interface SelectorDataProps {
|
|
285
|
-
/** className */
|
|
286
|
-
className?: string;
|
|
287
|
-
/** 样式 */
|
|
288
|
-
style?: React.CSSProperties;
|
|
289
|
-
/** 空状态属性 */
|
|
290
|
-
emptyProps?: EmptyProps;
|
|
291
|
-
/** 布局方式 标签 / 节点 */
|
|
292
|
-
layout?: 'tag' | 'node';
|
|
293
|
-
/** 节点模式, 叶子节点 / 分支节点 */
|
|
294
|
-
nodeMode?: 'leaf' | 'branch';
|
|
295
|
-
/** 禁用 */
|
|
296
|
-
disabled?: string[] | boolean;
|
|
297
|
-
/** 是否具有详情 */
|
|
298
|
-
detail?: boolean;
|
|
299
|
-
/**
|
|
300
|
-
* 详情渲染
|
|
301
|
-
* @param item 当前节点数据
|
|
302
|
-
* @param bol true列表数据, false展示数据
|
|
303
|
-
* */
|
|
304
|
-
detailRender?: (item: SelectorAnyJson, bol: boolean) => ReactNode;
|
|
305
|
-
/** 数据渲染分组 */
|
|
306
|
-
groupType?: SelectorListTypeItem[];
|
|
307
|
-
/** 数据 */
|
|
308
|
-
list?: SelectorAnyJson[];
|
|
309
|
-
/** 返回数据字段配置,对应数据字段 */
|
|
310
|
-
backDataFieldConfig?: SelectorFieldConfigProps;
|
|
311
|
-
/** 处理选中数据的节点信息 */
|
|
312
|
-
handSelectorNodeInfo?: (item: SelectorAnyJson) => SelectorAnyJson;
|
|
313
|
-
/** 选中数据标题render */
|
|
314
|
-
selectDataTitleRender?: (list?: SelectorAnyJson[]) => ReactNode;
|
|
315
|
-
/** 选中每一项自定义 */
|
|
316
|
-
selectRenderItem?: (item: SelectorAnyJson) => ReactNode;
|
|
317
|
-
/** 选中项整体自定义渲染 */
|
|
318
|
-
selectRender?: (list: SelectorAnyJson[]) => ReactNode;
|
|
319
|
-
/** 点击× */
|
|
320
|
-
onClose?: (item: SelectorAnyJson, index: number) => void;
|
|
321
|
-
[name: string]: any;
|
|
322
|
-
}
|
|
323
|
-
/** 组件props */
|
|
324
|
-
export interface SelectorProps {
|
|
325
|
-
/** className */
|
|
326
|
-
className?: string;
|
|
327
|
-
/** 样式 */
|
|
328
|
-
style?: React.CSSProperties;
|
|
329
|
-
/** 唯一值,默认key */
|
|
330
|
-
rowKey?: string;
|
|
331
|
-
/** 刷新 */
|
|
332
|
-
refresh?: any;
|
|
333
|
-
/** 值 */
|
|
334
|
-
value?: Record<string, any>[] | Record<string, any>;
|
|
335
|
-
/** 默认值 不受控 */
|
|
336
|
-
defaultValue?: Record<string, any>[] | Record<string, any>;
|
|
337
|
-
/** 布局方式 左右 / 上下 / 无选中数据 */
|
|
338
|
-
layout?: 'lr' | 'tb' | 'list';
|
|
339
|
-
/** 选择模式 radio单选 check复选 undefined不存在选择 */
|
|
340
|
-
selectMode?: 'radio' | 'check';
|
|
341
|
-
/** 节点模式, 叶子节点 / 分支节点 默认分支节点*/
|
|
342
|
-
nodeMode?: 'leaf' | 'branch';
|
|
343
|
-
/** 请求上下文 */
|
|
344
|
-
ctx?: string;
|
|
345
|
-
/** 请求地址 */
|
|
346
|
-
url?: string;
|
|
347
|
-
/** 请求方式 */
|
|
348
|
-
method?: 'Post' | 'Get';
|
|
349
|
-
/** 本地数据源 */
|
|
350
|
-
data?: any;
|
|
351
|
-
/** 是否分页 */
|
|
352
|
-
pagination?: boolean;
|
|
353
|
-
/** 一页条数 */
|
|
354
|
-
size?: number;
|
|
355
|
-
/** 是否懒加载 false为全量数据 */
|
|
356
|
-
isLazy?: boolean;
|
|
357
|
-
/** 请求参数 */
|
|
358
|
-
params?: Record<string, any>;
|
|
359
|
-
/** 数据渲染分组 */
|
|
360
|
-
groupType?: SelectorListTypeItem[];
|
|
361
|
-
/** 分组作用域 默认search */
|
|
362
|
-
groupRange?: 'search' | 'list' | 'searchList';
|
|
363
|
-
/** 面包屑 */
|
|
364
|
-
breadcrumbs?: boolean;
|
|
365
|
-
/** 面包屑中间符号 */
|
|
366
|
-
breadcrumbsSeparator?: string;
|
|
367
|
-
/** 是否展示首层 */
|
|
368
|
-
showbreadcrumbsHead?: boolean;
|
|
369
|
-
/** 面包屑首层 */
|
|
370
|
-
breadcrumbsHead?: BreadcrumbsListItem;
|
|
371
|
-
/** 搜索 */
|
|
372
|
-
search?: boolean;
|
|
373
|
-
/** 搜索Placeholder */
|
|
374
|
-
searchPlaceholder?: ReactNode;
|
|
375
|
-
/** 搜索触发方式 */
|
|
376
|
-
searchTrigger?: 'onChange' | 'onEnter';
|
|
377
|
-
/** 是否具有详情 */
|
|
378
|
-
detail?: boolean;
|
|
379
|
-
/**
|
|
380
|
-
* 详情渲染
|
|
381
|
-
* @param item 当前节点数据
|
|
382
|
-
* @param bol true列表数据, false展示数据
|
|
383
|
-
* */
|
|
384
|
-
detailRender?: (item: SelectorAnyJson, bol: boolean) => (Promise<ReactNode> | ReactNode);
|
|
385
|
-
/** 是否全选, 只存在复选框的时候 */
|
|
386
|
-
isAllCheck?: boolean;
|
|
387
|
-
/** 禁用 */
|
|
388
|
-
disabled?: string[] | boolean;
|
|
389
|
-
/** 禁用下级 */
|
|
390
|
-
disabledChild?: string[] | boolean;
|
|
391
|
-
/** 字段配置,对应数据字段 */
|
|
392
|
-
fieldConfig?: SelectorFieldConfigProps;
|
|
393
|
-
/** 返回数据字段配置,对应数据字段 */
|
|
394
|
-
backDataFieldConfig?: SelectorFieldConfigProps;
|
|
395
|
-
/** 处理节点信息 isSearch是否搜索 */
|
|
396
|
-
handNodeInfo?: (item: SelectorAnyJson, isSearch: boolean) => SelectorAnyJson;
|
|
397
|
-
/** 处理选中数据的节点信息 */
|
|
398
|
-
handSelectorNodeInfo?: (item: SelectorAnyJson) => SelectorAnyJson;
|
|
399
|
-
/** 处理请求参数 */
|
|
400
|
-
paramsCallback?: (data: ReqFuncProps, isSearch?: boolean) => ReqFuncProps;
|
|
401
|
-
/** 请求回调参数 requestCallback(data, cb) cb(data) 需要回调数据回来 */
|
|
402
|
-
requestCallback?: (data: any, cb: (data: any) => void, isSearch?: boolean) => void;
|
|
403
|
-
/** 选中数据标题render */
|
|
404
|
-
selectDataTitleRender?: (list?: SelectorAnyJson[]) => ReactNode;
|
|
405
|
-
/** 选中每一项自定义 */
|
|
406
|
-
selectRenderItem?: (item: SelectorAnyJson) => ReactNode;
|
|
407
|
-
/** 选中项整体自定义渲染 */
|
|
408
|
-
selectRender?: (list: SelectorAnyJson[]) => ReactNode;
|
|
409
|
-
/** 空状态属性 */
|
|
410
|
-
emptyProps?: EmptyProps;
|
|
411
|
-
/**
|
|
412
|
-
* 搜索事件
|
|
413
|
-
* @param val 搜索框的值
|
|
414
|
-
* @return [] 返回平铺数组
|
|
415
|
-
* */
|
|
416
|
-
onSearch?: (val: string, reqParams: SearchFuncProps) => (Promise<SearchReqDataProps> | SearchReqDataProps);
|
|
417
|
-
/** 刷新事件 */
|
|
418
|
-
onRefresh?: () => void;
|
|
419
|
-
/** 选择事件 返回true不触发onChange事件
|
|
420
|
-
* item 点击数据, 全选时候的数据
|
|
421
|
-
* bol 选中/不选中
|
|
422
|
-
* isAllCheck 全选
|
|
423
|
-
* */
|
|
424
|
-
onSelect?: (item: SelectorAnyJson | SelectorAnyJson[], bol: boolean, isAllCheck: boolean) => (Promise<boolean | void> | (boolean | void));
|
|
425
|
-
/** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
|
|
426
|
-
onChange?: (val: Record<string, any>[] | Record<string, any> | null, node: Record<string, any>, rowData: Record<string, any>) => void;
|
|
427
|
-
[name: string]: any;
|
|
428
|
-
}
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { EmptyProps } from "../Empty";
|
|
3
|
+
import { ReqFuncProps } from "./util";
|
|
4
|
+
/** 搜索方法 */
|
|
5
|
+
export interface SearchFuncProps {
|
|
6
|
+
page?: number;
|
|
7
|
+
size?: number;
|
|
8
|
+
[name: string]: any;
|
|
9
|
+
}
|
|
10
|
+
/** 搜索接口返回数据 */
|
|
11
|
+
export interface SearchReqDataProps {
|
|
12
|
+
data?: {
|
|
13
|
+
/**
|
|
14
|
+
* 分页
|
|
15
|
+
* data => {list: any[], total: number}
|
|
16
|
+
*
|
|
17
|
+
* 不分页
|
|
18
|
+
* data => any[]
|
|
19
|
+
* */
|
|
20
|
+
data?: any;
|
|
21
|
+
/**
|
|
22
|
+
* 接口数据是否生成树, 默认false,不生成树,平铺数据
|
|
23
|
+
* 一般用户传死数据这种情况
|
|
24
|
+
* */
|
|
25
|
+
isTree?: boolean;
|
|
26
|
+
};
|
|
27
|
+
err?: any;
|
|
28
|
+
}
|
|
29
|
+
/** 面包屑 */
|
|
30
|
+
export interface BreadcrumbsListItem {
|
|
31
|
+
/** 每一项显示名 */
|
|
32
|
+
label: ReactNode;
|
|
33
|
+
/** 值 每一行数据的key */
|
|
34
|
+
value: string;
|
|
35
|
+
/** 每一项最大宽度 */
|
|
36
|
+
maxWidth?: string;
|
|
37
|
+
/** 是否可点击 */
|
|
38
|
+
disabled?: boolean;
|
|
39
|
+
[name: string]: any;
|
|
40
|
+
}
|
|
41
|
+
/** 类型字段 */
|
|
42
|
+
export interface SelectorListTypeItem {
|
|
43
|
+
/** 显示名 */
|
|
44
|
+
label: ReactNode;
|
|
45
|
+
/** 类型 */
|
|
46
|
+
value: string;
|
|
47
|
+
}
|
|
48
|
+
/** 数据源 */
|
|
49
|
+
export interface SelectorAnyJson {
|
|
50
|
+
/** 唯一值 */
|
|
51
|
+
key?: string;
|
|
52
|
+
/** 父级id */
|
|
53
|
+
parentId?: string;
|
|
54
|
+
/** 类型 */
|
|
55
|
+
type?: string;
|
|
56
|
+
/** 图片 */
|
|
57
|
+
img?: ReactNode;
|
|
58
|
+
/** 主标题, 默认label */
|
|
59
|
+
mainTitle?: ReactNode;
|
|
60
|
+
/** 辅助信息 */
|
|
61
|
+
subTitle?: ReactNode;
|
|
62
|
+
/** 标签 */
|
|
63
|
+
tag?: ReactNode;
|
|
64
|
+
/** 下级字段 */
|
|
65
|
+
children?: SelectorAnyJson[];
|
|
66
|
+
/** 禁用 */
|
|
67
|
+
disabled?: boolean;
|
|
68
|
+
/** 禁用下级 */
|
|
69
|
+
disabledChild?: boolean;
|
|
70
|
+
/** 是否可选 */
|
|
71
|
+
choice?: boolean;
|
|
72
|
+
/** 是否具有详情 */
|
|
73
|
+
detail?: boolean;
|
|
74
|
+
/** 是否叶子节点, 不是叶子节点就是分支节点, 渲染dom类型的 */
|
|
75
|
+
leaf?: boolean;
|
|
76
|
+
/** 是否存在下级 */
|
|
77
|
+
child?: boolean;
|
|
78
|
+
/** 是否有× 选中数据专用 */
|
|
79
|
+
close?: boolean;
|
|
80
|
+
/** 原始数据 */
|
|
81
|
+
data?: any;
|
|
82
|
+
[name: string]: any;
|
|
83
|
+
}
|
|
84
|
+
/** 常量 */
|
|
85
|
+
export interface SelectorConstData {
|
|
86
|
+
/** 所有数据的json */
|
|
87
|
+
jsonData: Record<string, any>;
|
|
88
|
+
/** 浅拷贝对象 */
|
|
89
|
+
jsonDataCopy: Record<string, any>;
|
|
90
|
+
/** 第一层数据 */
|
|
91
|
+
oneDataList: SelectorAnyJson[];
|
|
92
|
+
/** 当前页数据源 */
|
|
93
|
+
currentSourceData: SelectorAnyJson[];
|
|
94
|
+
/** 当前选中值的mapping */
|
|
95
|
+
selectValueJson: Record<string, any>;
|
|
96
|
+
/** 面包屑数组 */
|
|
97
|
+
breadcrumbsList: BreadcrumbsListItem[];
|
|
98
|
+
/** 接口id */
|
|
99
|
+
reqId: string;
|
|
100
|
+
/** 请求数据 */
|
|
101
|
+
reqParams: {
|
|
102
|
+
/** 页数 */
|
|
103
|
+
size: number;
|
|
104
|
+
/** 分页 */
|
|
105
|
+
pagination: boolean;
|
|
106
|
+
/** 来加载 */
|
|
107
|
+
isLazy: boolean;
|
|
108
|
+
};
|
|
109
|
+
/** 不是懒加载, 是否请求过 */
|
|
110
|
+
noLazyReq: boolean;
|
|
111
|
+
/** 更改数据源定时器 */
|
|
112
|
+
reqTimer: any;
|
|
113
|
+
/** 页码 */
|
|
114
|
+
page: number;
|
|
115
|
+
/** 搜索值 */
|
|
116
|
+
searchVal: string;
|
|
117
|
+
/** 搜索点了下级,记录搜索前的面包屑 null说明没有储存过 */
|
|
118
|
+
beforeSearchBreadcrumbs: BreadcrumbsListItem[] | null;
|
|
119
|
+
/** 搜索配置 */
|
|
120
|
+
searchConfig: {
|
|
121
|
+
/** 页码 */
|
|
122
|
+
page: number;
|
|
123
|
+
/** 每页条数 */
|
|
124
|
+
size: number;
|
|
125
|
+
/** 请求id */
|
|
126
|
+
reqId: string;
|
|
127
|
+
/** 当前页数据源 */
|
|
128
|
+
currentSourceData: SelectorAnyJson[];
|
|
129
|
+
};
|
|
130
|
+
[name: string]: any;
|
|
131
|
+
}
|
|
132
|
+
/** 字段配置,对应数据字段 */
|
|
133
|
+
export interface SelectorFieldConfigProps {
|
|
134
|
+
/** 图片 */
|
|
135
|
+
img?: string;
|
|
136
|
+
/** 主标题, 默认label */
|
|
137
|
+
mainTitle?: string;
|
|
138
|
+
/** 辅助信息 */
|
|
139
|
+
subTitle?: string;
|
|
140
|
+
/** 标签 */
|
|
141
|
+
tag?: string;
|
|
142
|
+
/** 类型字段 */
|
|
143
|
+
type?: string;
|
|
144
|
+
/** 返回值唯一的key,默认为key 选中数据专用 */
|
|
145
|
+
key?: string;
|
|
146
|
+
/** 下级字段,默认children 展示数据专用 */
|
|
147
|
+
children?: string;
|
|
148
|
+
/** 父级默认字段,默认parentId 展示数据专用 */
|
|
149
|
+
parentId?: string;
|
|
150
|
+
}
|
|
151
|
+
/** 节点接口定义 */
|
|
152
|
+
export interface SelectorNodeProps {
|
|
153
|
+
/** className */
|
|
154
|
+
className?: string;
|
|
155
|
+
/** 样式 */
|
|
156
|
+
style?: React.CSSProperties;
|
|
157
|
+
/** 节点模式, 叶子节点 / 分支节点 */
|
|
158
|
+
nodeMode?: 'leaf' | 'branch';
|
|
159
|
+
/** 使用场景 列表选择/已选择列表 */
|
|
160
|
+
useCase?: 'view' | 'edit';
|
|
161
|
+
/** 选择模式 radio单选 check复选 undefined不存在选择 */
|
|
162
|
+
selectMode?: 'radio' | 'check';
|
|
163
|
+
/** 图标地址 string为图标地址 其他为dom */
|
|
164
|
+
img?: ReactNode;
|
|
165
|
+
/** 主标题 */
|
|
166
|
+
mainTitle?: ReactNode;
|
|
167
|
+
/** 副标题 */
|
|
168
|
+
subTitle?: ReactNode;
|
|
169
|
+
/** 标签 */
|
|
170
|
+
tag?: ReactNode;
|
|
171
|
+
/** 详情 */
|
|
172
|
+
detail?: boolean;
|
|
173
|
+
/** 详情渲染 */
|
|
174
|
+
detailRender?: () => ReactNode;
|
|
175
|
+
/** 选中每一项自定义 */
|
|
176
|
+
leftRender?: () => ReactNode;
|
|
177
|
+
/** 是否存在下级 */
|
|
178
|
+
child?: boolean;
|
|
179
|
+
/** 是否关闭 */
|
|
180
|
+
close?: boolean;
|
|
181
|
+
/** 禁用 */
|
|
182
|
+
disabled?: boolean;
|
|
183
|
+
/** 禁用下级 */
|
|
184
|
+
disabledChild?: boolean;
|
|
185
|
+
/** 选中 */
|
|
186
|
+
checked?: boolean;
|
|
187
|
+
/** 半选 */
|
|
188
|
+
indeterminate?: boolean;
|
|
189
|
+
/** 选择事件 */
|
|
190
|
+
onSelect?: () => void;
|
|
191
|
+
/** 点击下级 */
|
|
192
|
+
onLevel?: () => void;
|
|
193
|
+
/** 点击× */
|
|
194
|
+
onClose?: () => void;
|
|
195
|
+
[name: string]: any;
|
|
196
|
+
}
|
|
197
|
+
/** 主体接口定义 */
|
|
198
|
+
export interface SelectorMainProps {
|
|
199
|
+
/** className */
|
|
200
|
+
className?: string;
|
|
201
|
+
/** 样式 */
|
|
202
|
+
style?: React.CSSProperties;
|
|
203
|
+
/** 请求地址 */
|
|
204
|
+
url?: string;
|
|
205
|
+
/** value */
|
|
206
|
+
value?: Record<string, any>;
|
|
207
|
+
/** 唯一值,默认key */
|
|
208
|
+
rowKey?: string;
|
|
209
|
+
/** 选择模式 radio单选 check复选 undefined不存在选择 */
|
|
210
|
+
selectMode?: 'radio' | 'check';
|
|
211
|
+
/** 节点模式, 叶子节点 / 分支节点 */
|
|
212
|
+
nodeMode?: 'leaf' | 'branch';
|
|
213
|
+
/** 数据渲染分组 */
|
|
214
|
+
groupType?: SelectorListTypeItem[];
|
|
215
|
+
/** 分组作用域 默认search */
|
|
216
|
+
groupRange?: 'search' | 'list' | 'searchList';
|
|
217
|
+
/** 面包屑 */
|
|
218
|
+
breadcrumbs?: boolean;
|
|
219
|
+
/** 面包屑中间符号 */
|
|
220
|
+
breadcrumbsSeparator?: string;
|
|
221
|
+
/** 面包屑数组 */
|
|
222
|
+
breadcrumbsList?: BreadcrumbsListItem[];
|
|
223
|
+
/** 搜索 */
|
|
224
|
+
search?: boolean;
|
|
225
|
+
/** 搜索面包屑 */
|
|
226
|
+
searchBreadcrumbs?: ReactNode;
|
|
227
|
+
/** 搜索值 */
|
|
228
|
+
searchVal?: {
|
|
229
|
+
val: string;
|
|
230
|
+
};
|
|
231
|
+
/** 搜索Placeholder */
|
|
232
|
+
searchPlaceholder?: ReactNode;
|
|
233
|
+
/** 搜索触发方式 */
|
|
234
|
+
searchTrigger?: 'onChange' | 'onEnter';
|
|
235
|
+
/** 搜索loading */
|
|
236
|
+
searchLoading?: boolean;
|
|
237
|
+
/** 搜索数据 */
|
|
238
|
+
searchList?: SelectorAnyJson[];
|
|
239
|
+
/** 加载中 */
|
|
240
|
+
loading?: boolean;
|
|
241
|
+
/** 是否懒加载 */
|
|
242
|
+
isLazy?: boolean;
|
|
243
|
+
/** 是否具有详情 */
|
|
244
|
+
detail?: boolean;
|
|
245
|
+
/** 空状态属性 */
|
|
246
|
+
emptyProps?: EmptyProps;
|
|
247
|
+
/**
|
|
248
|
+
* 详情渲染
|
|
249
|
+
* @param item 当前节点数据
|
|
250
|
+
* @param bol true列表数据, false展示数据
|
|
251
|
+
* */
|
|
252
|
+
detailRender?: (item: SelectorAnyJson, bol: boolean) => ReactNode;
|
|
253
|
+
/** 加载更多 */
|
|
254
|
+
loadMore?: boolean;
|
|
255
|
+
/** 搜索模块加载更多 */
|
|
256
|
+
searchLoadMore?: boolean;
|
|
257
|
+
/** 是否全选 */
|
|
258
|
+
isAllCheck?: boolean;
|
|
259
|
+
/** 渲染数据 */
|
|
260
|
+
list?: SelectorAnyJson[];
|
|
261
|
+
/** 禁用 */
|
|
262
|
+
disabled?: string[] | boolean;
|
|
263
|
+
/** 禁用下级 */
|
|
264
|
+
disabledChild?: string[] | boolean;
|
|
265
|
+
/** 字段配置,对应数据字段 */
|
|
266
|
+
fieldConfig?: SelectorFieldConfigProps;
|
|
267
|
+
/** 选择事件 */
|
|
268
|
+
onSelect?: (item: SelectorAnyJson) => void;
|
|
269
|
+
/** 点击下级 */
|
|
270
|
+
onLevel?: (item: SelectorAnyJson, isSearch?: boolean) => void;
|
|
271
|
+
/** 查看更多 */
|
|
272
|
+
onLoad?: (isSearch?: boolean) => void;
|
|
273
|
+
/** 点击全选 */
|
|
274
|
+
onAllCheck?: (bol?: boolean) => void;
|
|
275
|
+
/** 点击面包屑 */
|
|
276
|
+
onClickBreadcrumbs?: (item: BreadcrumbsListItem) => void;
|
|
277
|
+
/** 搜索事件 */
|
|
278
|
+
onSearch?: (val: string, bol: boolean) => void;
|
|
279
|
+
/** 刷新事件 */
|
|
280
|
+
onRefresh?: () => void;
|
|
281
|
+
[name: string]: any;
|
|
282
|
+
}
|
|
283
|
+
/** 选中数据接口定义 */
|
|
284
|
+
export interface SelectorDataProps {
|
|
285
|
+
/** className */
|
|
286
|
+
className?: string;
|
|
287
|
+
/** 样式 */
|
|
288
|
+
style?: React.CSSProperties;
|
|
289
|
+
/** 空状态属性 */
|
|
290
|
+
emptyProps?: EmptyProps;
|
|
291
|
+
/** 布局方式 标签 / 节点 */
|
|
292
|
+
layout?: 'tag' | 'node';
|
|
293
|
+
/** 节点模式, 叶子节点 / 分支节点 */
|
|
294
|
+
nodeMode?: 'leaf' | 'branch';
|
|
295
|
+
/** 禁用 */
|
|
296
|
+
disabled?: string[] | boolean;
|
|
297
|
+
/** 是否具有详情 */
|
|
298
|
+
detail?: boolean;
|
|
299
|
+
/**
|
|
300
|
+
* 详情渲染
|
|
301
|
+
* @param item 当前节点数据
|
|
302
|
+
* @param bol true列表数据, false展示数据
|
|
303
|
+
* */
|
|
304
|
+
detailRender?: (item: SelectorAnyJson, bol: boolean) => ReactNode;
|
|
305
|
+
/** 数据渲染分组 */
|
|
306
|
+
groupType?: SelectorListTypeItem[];
|
|
307
|
+
/** 数据 */
|
|
308
|
+
list?: SelectorAnyJson[];
|
|
309
|
+
/** 返回数据字段配置,对应数据字段 */
|
|
310
|
+
backDataFieldConfig?: SelectorFieldConfigProps;
|
|
311
|
+
/** 处理选中数据的节点信息 */
|
|
312
|
+
handSelectorNodeInfo?: (item: SelectorAnyJson) => SelectorAnyJson;
|
|
313
|
+
/** 选中数据标题render */
|
|
314
|
+
selectDataTitleRender?: (list?: SelectorAnyJson[]) => ReactNode;
|
|
315
|
+
/** 选中每一项自定义 */
|
|
316
|
+
selectRenderItem?: (item: SelectorAnyJson) => ReactNode;
|
|
317
|
+
/** 选中项整体自定义渲染 */
|
|
318
|
+
selectRender?: (list: SelectorAnyJson[]) => ReactNode;
|
|
319
|
+
/** 点击× */
|
|
320
|
+
onClose?: (item: SelectorAnyJson, index: number) => void;
|
|
321
|
+
[name: string]: any;
|
|
322
|
+
}
|
|
323
|
+
/** 组件props */
|
|
324
|
+
export interface SelectorProps {
|
|
325
|
+
/** className */
|
|
326
|
+
className?: string;
|
|
327
|
+
/** 样式 */
|
|
328
|
+
style?: React.CSSProperties;
|
|
329
|
+
/** 唯一值,默认key */
|
|
330
|
+
rowKey?: string;
|
|
331
|
+
/** 刷新 */
|
|
332
|
+
refresh?: any;
|
|
333
|
+
/** 值 */
|
|
334
|
+
value?: Record<string, any>[] | Record<string, any>;
|
|
335
|
+
/** 默认值 不受控 */
|
|
336
|
+
defaultValue?: Record<string, any>[] | Record<string, any>;
|
|
337
|
+
/** 布局方式 左右 / 上下 / 无选中数据 */
|
|
338
|
+
layout?: 'lr' | 'tb' | 'list';
|
|
339
|
+
/** 选择模式 radio单选 check复选 undefined不存在选择 */
|
|
340
|
+
selectMode?: 'radio' | 'check';
|
|
341
|
+
/** 节点模式, 叶子节点 / 分支节点 默认分支节点*/
|
|
342
|
+
nodeMode?: 'leaf' | 'branch';
|
|
343
|
+
/** 请求上下文 */
|
|
344
|
+
ctx?: string;
|
|
345
|
+
/** 请求地址 */
|
|
346
|
+
url?: string;
|
|
347
|
+
/** 请求方式 */
|
|
348
|
+
method?: 'Post' | 'Get';
|
|
349
|
+
/** 本地数据源 */
|
|
350
|
+
data?: any;
|
|
351
|
+
/** 是否分页 */
|
|
352
|
+
pagination?: boolean;
|
|
353
|
+
/** 一页条数 */
|
|
354
|
+
size?: number;
|
|
355
|
+
/** 是否懒加载 false为全量数据 */
|
|
356
|
+
isLazy?: boolean;
|
|
357
|
+
/** 请求参数 */
|
|
358
|
+
params?: Record<string, any>;
|
|
359
|
+
/** 数据渲染分组 */
|
|
360
|
+
groupType?: SelectorListTypeItem[];
|
|
361
|
+
/** 分组作用域 默认search */
|
|
362
|
+
groupRange?: 'search' | 'list' | 'searchList';
|
|
363
|
+
/** 面包屑 */
|
|
364
|
+
breadcrumbs?: boolean;
|
|
365
|
+
/** 面包屑中间符号 */
|
|
366
|
+
breadcrumbsSeparator?: string;
|
|
367
|
+
/** 是否展示首层 */
|
|
368
|
+
showbreadcrumbsHead?: boolean;
|
|
369
|
+
/** 面包屑首层 */
|
|
370
|
+
breadcrumbsHead?: BreadcrumbsListItem;
|
|
371
|
+
/** 搜索 */
|
|
372
|
+
search?: boolean;
|
|
373
|
+
/** 搜索Placeholder */
|
|
374
|
+
searchPlaceholder?: ReactNode;
|
|
375
|
+
/** 搜索触发方式 */
|
|
376
|
+
searchTrigger?: 'onChange' | 'onEnter';
|
|
377
|
+
/** 是否具有详情 */
|
|
378
|
+
detail?: boolean;
|
|
379
|
+
/**
|
|
380
|
+
* 详情渲染
|
|
381
|
+
* @param item 当前节点数据
|
|
382
|
+
* @param bol true列表数据, false展示数据
|
|
383
|
+
* */
|
|
384
|
+
detailRender?: (item: SelectorAnyJson, bol: boolean) => (Promise<ReactNode> | ReactNode);
|
|
385
|
+
/** 是否全选, 只存在复选框的时候 */
|
|
386
|
+
isAllCheck?: boolean;
|
|
387
|
+
/** 禁用 */
|
|
388
|
+
disabled?: string[] | boolean;
|
|
389
|
+
/** 禁用下级 */
|
|
390
|
+
disabledChild?: string[] | boolean;
|
|
391
|
+
/** 字段配置,对应数据字段 */
|
|
392
|
+
fieldConfig?: SelectorFieldConfigProps;
|
|
393
|
+
/** 返回数据字段配置,对应数据字段 */
|
|
394
|
+
backDataFieldConfig?: SelectorFieldConfigProps;
|
|
395
|
+
/** 处理节点信息 isSearch是否搜索 */
|
|
396
|
+
handNodeInfo?: (item: SelectorAnyJson, isSearch: boolean) => SelectorAnyJson;
|
|
397
|
+
/** 处理选中数据的节点信息 */
|
|
398
|
+
handSelectorNodeInfo?: (item: SelectorAnyJson) => SelectorAnyJson;
|
|
399
|
+
/** 处理请求参数 */
|
|
400
|
+
paramsCallback?: (data: ReqFuncProps, isSearch?: boolean) => ReqFuncProps;
|
|
401
|
+
/** 请求回调参数 requestCallback(data, cb) cb(data) 需要回调数据回来 */
|
|
402
|
+
requestCallback?: (data: any, cb: (data: any) => void, isSearch?: boolean) => void;
|
|
403
|
+
/** 选中数据标题render */
|
|
404
|
+
selectDataTitleRender?: (list?: SelectorAnyJson[]) => ReactNode;
|
|
405
|
+
/** 选中每一项自定义 */
|
|
406
|
+
selectRenderItem?: (item: SelectorAnyJson) => ReactNode;
|
|
407
|
+
/** 选中项整体自定义渲染 */
|
|
408
|
+
selectRender?: (list: SelectorAnyJson[]) => ReactNode;
|
|
409
|
+
/** 空状态属性 */
|
|
410
|
+
emptyProps?: EmptyProps;
|
|
411
|
+
/**
|
|
412
|
+
* 搜索事件
|
|
413
|
+
* @param val 搜索框的值
|
|
414
|
+
* @return [] 返回平铺数组
|
|
415
|
+
* */
|
|
416
|
+
onSearch?: (val: string, reqParams: SearchFuncProps) => (Promise<SearchReqDataProps> | SearchReqDataProps);
|
|
417
|
+
/** 刷新事件 */
|
|
418
|
+
onRefresh?: () => void;
|
|
419
|
+
/** 选择事件 返回true不触发onChange事件
|
|
420
|
+
* item 点击数据, 全选时候的数据
|
|
421
|
+
* bol 选中/不选中
|
|
422
|
+
* isAllCheck 全选
|
|
423
|
+
* */
|
|
424
|
+
onSelect?: (item: SelectorAnyJson | SelectorAnyJson[], bol: boolean, isAllCheck: boolean) => (Promise<boolean | void> | (boolean | void));
|
|
425
|
+
/** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
|
|
426
|
+
onChange?: (val: Record<string, any>[] | Record<string, any> | null, node: Record<string, any>, rowData: Record<string, any>) => void;
|
|
427
|
+
[name: string]: any;
|
|
428
|
+
}
|