easy-ep-ui 0.1.1 → 0.2.0
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/LICENSE +172 -0
- package/README.md +29 -14
- package/dist/easy-ep-ui.js +1 -1
- package/dist/style.css +1 -1
- package/es/charts/BaseBar/index.d.ts +2 -0
- package/es/charts/BaseBar/src/index.vue.d.ts +45 -0
- package/es/charts/BaseLine/index.d.ts +2 -0
- package/es/charts/BaseLine/src/index.vue.d.ts +47 -0
- package/es/charts/BasePie/index.d.ts +2 -0
- package/es/charts/BasePie/src/index.vue.d.ts +41 -0
- package/es/charts/BaseRadar/index.d.ts +2 -0
- package/es/charts/BaseRadar/src/index.vue.d.ts +47 -0
- package/es/charts/config.d.ts +32 -0
- package/es/charts/index.d.ts +8 -0
- package/es/charts/useChart.d.ts +21 -0
- package/es/components/ee-dept-cascader/index.d.ts +2 -0
- package/es/components/ee-dept-cascader/src/index.vue.d.ts +26 -0
- package/es/components/ee-dept-cascader/type.d.ts +39 -0
- package/es/components/ee-dict-select/src/index.vue.d.ts +19 -18
- package/es/components/ee-dict-select/type.d.ts +54 -0
- package/es/components/ee-form-dialog/src/index.vue.d.ts +108 -8
- package/es/components/ee-form-table/src/components/FormAuto.vue.d.ts +115 -0
- package/es/components/ee-form-table/src/components/FormDrawer.vue.d.ts +280 -7
- package/es/components/ee-form-table/src/components/TableToolbar.vue.d.ts +10 -3
- package/es/components/ee-form-table/src/constants.d.ts +2 -2
- package/es/components/ee-form-table/src/hooks/useCrud.d.ts +3 -1
- package/es/components/ee-form-table/src/hooks/useExport.d.ts +2 -0
- package/es/components/ee-form-table/src/hooks/useForm.d.ts +4 -2
- package/es/components/ee-form-table/src/hooks/useTable.d.ts +28 -11
- package/es/components/ee-form-table/src/index.vue.d.ts +33 -2
- package/es/components/ee-form-table/types.d.ts +86 -1
- package/es/components/ee-remote-select/index.d.ts +2 -0
- package/es/components/ee-remote-select/src/index.vue.d.ts +30 -0
- package/es/components/ee-remote-select/type.d.ts +53 -0
- package/es/components/ee-role-select/index.d.ts +2 -0
- package/es/components/ee-role-select/src/index.vue.d.ts +29 -0
- package/es/components/ee-role-select/type.d.ts +44 -0
- package/es/components/ee-search-bar/src/index.vue.d.ts +80 -10
- package/es/components/ee-status-tag/src/index.vue.d.ts +1 -1
- package/es/components/ee-user-select/index.d.ts +2 -0
- package/es/components/ee-user-select/src/index.vue.d.ts +29 -0
- package/es/components/ee-user-select/type.d.ts +46 -0
- package/es/hooks/index.d.ts +4 -0
- package/es/hooks/useRemoteSelectPagination.d.ts +68 -0
- package/es/hooks/useSelectEcho.d.ts +27 -0
- package/es/index.d.ts +50 -2
- package/es/index.mjs +3119 -1092
- package/es/locale/en.d.ts +3 -0
- package/es/locale/index.d.ts +91 -0
- package/es/locale/useLocale.d.ts +13 -0
- package/es/locale/zh-cn.d.ts +3 -0
- package/es/style.css +1 -1
- package/es/utils/types.d.ts +39 -0
- package/lib/charts/BaseBar/index.d.ts +2 -0
- package/lib/charts/BaseBar/src/index.vue.d.ts +45 -0
- package/lib/charts/BaseLine/index.d.ts +2 -0
- package/lib/charts/BaseLine/src/index.vue.d.ts +47 -0
- package/lib/charts/BasePie/index.d.ts +2 -0
- package/lib/charts/BasePie/src/index.vue.d.ts +41 -0
- package/lib/charts/BaseRadar/index.d.ts +2 -0
- package/lib/charts/BaseRadar/src/index.vue.d.ts +47 -0
- package/lib/charts/config.d.ts +32 -0
- package/lib/charts/index.d.ts +8 -0
- package/lib/charts/useChart.d.ts +21 -0
- package/lib/components/ee-dept-cascader/index.d.ts +2 -0
- package/lib/components/ee-dept-cascader/src/index.vue.d.ts +26 -0
- package/lib/components/ee-dept-cascader/type.d.ts +39 -0
- package/lib/components/ee-dict-select/src/index.vue.d.ts +19 -18
- package/lib/components/ee-dict-select/type.d.ts +54 -0
- package/lib/components/ee-form-dialog/src/index.vue.d.ts +108 -8
- package/lib/components/ee-form-table/src/components/FormAuto.vue.d.ts +115 -0
- package/lib/components/ee-form-table/src/components/FormDrawer.vue.d.ts +280 -7
- package/lib/components/ee-form-table/src/components/TableToolbar.vue.d.ts +10 -3
- package/lib/components/ee-form-table/src/constants.d.ts +2 -2
- package/lib/components/ee-form-table/src/hooks/useCrud.d.ts +3 -1
- package/lib/components/ee-form-table/src/hooks/useExport.d.ts +2 -0
- package/lib/components/ee-form-table/src/hooks/useForm.d.ts +4 -2
- package/lib/components/ee-form-table/src/hooks/useTable.d.ts +28 -11
- package/lib/components/ee-form-table/src/index.vue.d.ts +33 -2
- package/lib/components/ee-form-table/types.d.ts +86 -1
- package/lib/components/ee-remote-select/index.d.ts +2 -0
- package/lib/components/ee-remote-select/src/index.vue.d.ts +30 -0
- package/lib/components/ee-remote-select/type.d.ts +53 -0
- package/lib/components/ee-role-select/index.d.ts +2 -0
- package/lib/components/ee-role-select/src/index.vue.d.ts +29 -0
- package/lib/components/ee-role-select/type.d.ts +44 -0
- package/lib/components/ee-search-bar/src/index.vue.d.ts +80 -10
- package/lib/components/ee-status-tag/src/index.vue.d.ts +1 -1
- package/lib/components/ee-user-select/index.d.ts +2 -0
- package/lib/components/ee-user-select/src/index.vue.d.ts +29 -0
- package/lib/components/ee-user-select/type.d.ts +46 -0
- package/lib/hooks/index.d.ts +4 -0
- package/lib/hooks/useRemoteSelectPagination.d.ts +68 -0
- package/lib/hooks/useSelectEcho.d.ts +27 -0
- package/lib/index.cjs +1 -1
- package/lib/index.d.ts +50 -2
- package/lib/locale/en.d.ts +3 -0
- package/lib/locale/index.d.ts +91 -0
- package/lib/locale/useLocale.d.ts +13 -0
- package/lib/locale/zh-cn.d.ts +3 -0
- package/lib/style.css +1 -1
- package/lib/utils/types.d.ts +39 -0
- package/package.json +5 -2
|
@@ -23,6 +23,8 @@ export type ExportMode = 'current' | 'all';
|
|
|
23
23
|
export type SearchFieldType = 'input' | 'number' | 'select' | 'radio' | 'checkbox' | 'date' | 'date-range' | 'textarea';
|
|
24
24
|
/** Element Plus 按钮类型 */
|
|
25
25
|
export type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default';
|
|
26
|
+
/** 表单字段控件类型 */
|
|
27
|
+
export type FormFieldType = 'input' | 'number' | 'select' | 'radio' | 'checkbox' | 'date' | 'date-range' | 'textarea' | 'switch';
|
|
26
28
|
export interface DictOption {
|
|
27
29
|
value: string | number;
|
|
28
30
|
label: string;
|
|
@@ -37,6 +39,37 @@ export interface ColumnSearchItem {
|
|
|
37
39
|
props?: Record<string, unknown>;
|
|
38
40
|
field?: string;
|
|
39
41
|
}
|
|
42
|
+
export interface ColumnFormItem {
|
|
43
|
+
/** 是否在新增表单中展示(默认 true) */
|
|
44
|
+
add?: boolean;
|
|
45
|
+
/** 是否在编辑表单中展示(默认同 add) */
|
|
46
|
+
edit?: boolean;
|
|
47
|
+
/** 表单控件类型,默认 'input' */
|
|
48
|
+
type?: FormFieldType;
|
|
49
|
+
/** 占位符 */
|
|
50
|
+
placeholder?: string;
|
|
51
|
+
/** 静态选项(select/radio/checkbox) */
|
|
52
|
+
options?: {
|
|
53
|
+
value: any;
|
|
54
|
+
label: string;
|
|
55
|
+
}[];
|
|
56
|
+
/** 字典 key(优先于 options) */
|
|
57
|
+
dictKey?: string;
|
|
58
|
+
/** 透传给控件的 props */
|
|
59
|
+
props?: Record<string, unknown>;
|
|
60
|
+
/** Element Plus 校验规则 */
|
|
61
|
+
rules?: Record<string, unknown>[];
|
|
62
|
+
/** 栅格跨列数(默认 1) */
|
|
63
|
+
colSpan?: number;
|
|
64
|
+
/** 必填标记(自动加 required 校验) */
|
|
65
|
+
required?: boolean;
|
|
66
|
+
/** 编辑时只读 */
|
|
67
|
+
readonly?: boolean;
|
|
68
|
+
/** 新增时的默认值 */
|
|
69
|
+
defaultValue?: unknown;
|
|
70
|
+
/** 强制隐藏 */
|
|
71
|
+
hide?: boolean;
|
|
72
|
+
}
|
|
40
73
|
export interface TableColumn {
|
|
41
74
|
prop: string;
|
|
42
75
|
label: string;
|
|
@@ -46,10 +79,12 @@ export interface TableColumn {
|
|
|
46
79
|
fixed?: FixedType;
|
|
47
80
|
sortable?: boolean;
|
|
48
81
|
show?: boolean;
|
|
82
|
+
showTooltip?: boolean;
|
|
49
83
|
formatter?: (row: Record<string, unknown>, column: TableColumn, cellValue: unknown, index: number) => unknown;
|
|
50
84
|
dictKey?: string;
|
|
51
85
|
slotName?: string;
|
|
52
86
|
search?: ColumnSearchItem;
|
|
87
|
+
form?: ColumnFormItem;
|
|
53
88
|
auth?: string;
|
|
54
89
|
children?: TableColumn[];
|
|
55
90
|
[key: string]: unknown;
|
|
@@ -72,13 +107,15 @@ export interface PaginationConfig {
|
|
|
72
107
|
}
|
|
73
108
|
export interface ActionButton {
|
|
74
109
|
text: string;
|
|
75
|
-
icon?:
|
|
110
|
+
icon?: any;
|
|
76
111
|
type?: ButtonType;
|
|
77
112
|
code?: string;
|
|
78
113
|
auth?: string;
|
|
79
114
|
show?: (row: Record<string, unknown>) => boolean;
|
|
80
115
|
handler: (row: Record<string, unknown>) => void;
|
|
81
116
|
}
|
|
117
|
+
/** 操作列按钮展示模式 */
|
|
118
|
+
export type ActionButtonMode = 'text' | 'icon' | 'icon-text';
|
|
82
119
|
export interface ActionConfig {
|
|
83
120
|
show?: boolean;
|
|
84
121
|
label?: string;
|
|
@@ -87,17 +124,28 @@ export interface ActionConfig {
|
|
|
87
124
|
showView?: boolean;
|
|
88
125
|
showEdit?: boolean;
|
|
89
126
|
showDelete?: boolean;
|
|
127
|
+
showVersion?: boolean;
|
|
90
128
|
viewText?: string;
|
|
91
129
|
editText?: string;
|
|
92
130
|
deleteText?: string;
|
|
131
|
+
versionText?: string;
|
|
93
132
|
viewAuth?: string;
|
|
94
133
|
editAuth?: string;
|
|
95
134
|
deleteAuth?: string;
|
|
135
|
+
versionAuth?: string;
|
|
96
136
|
fixed?: FixedType;
|
|
97
137
|
confirmDelete?: boolean;
|
|
98
138
|
deleteConfirmTitle?: string;
|
|
99
139
|
deleteConfirmMessage?: string;
|
|
100
140
|
customButtons?: ActionButton[];
|
|
141
|
+
beforeButtons?: ActionButton[];
|
|
142
|
+
afterButtons?: ActionButton[];
|
|
143
|
+
buttonMode?: ActionButtonMode;
|
|
144
|
+
maxButtons?: number;
|
|
145
|
+
onView?: (row: Record<string, unknown>) => void;
|
|
146
|
+
onAdd?: () => void;
|
|
147
|
+
onEdit?: (row: Record<string, unknown>) => void;
|
|
148
|
+
onDelete?: (row: Record<string, unknown>) => void;
|
|
101
149
|
}
|
|
102
150
|
export interface ToolbarButton {
|
|
103
151
|
text: string;
|
|
@@ -113,6 +161,7 @@ export interface ToolbarConfig {
|
|
|
113
161
|
showImport?: boolean;
|
|
114
162
|
showExport?: boolean;
|
|
115
163
|
showBatchDelete?: boolean;
|
|
164
|
+
showRefresh?: boolean;
|
|
116
165
|
addText?: string;
|
|
117
166
|
importText?: string;
|
|
118
167
|
exportText?: string;
|
|
@@ -132,12 +181,38 @@ export interface CrudApi {
|
|
|
132
181
|
edit?: (data: Record<string, unknown>) => Promise<unknown>;
|
|
133
182
|
delete?: (id: string | number) => Promise<unknown>;
|
|
134
183
|
batchDelete?: (ids: (string | number)[]) => Promise<unknown>;
|
|
184
|
+
version?: (id: string | number) => Promise<Record<string, unknown>[]>;
|
|
135
185
|
}
|
|
136
186
|
export interface CrudConfig {
|
|
137
187
|
api: CrudApi;
|
|
138
188
|
baseParams?: Record<string, unknown>;
|
|
139
189
|
requestMethod?: 'GET' | 'POST';
|
|
140
190
|
requestInstance?: unknown;
|
|
191
|
+
/** 各操作的自定义 URL,优先级高于 api 函数 */
|
|
192
|
+
urls?: {
|
|
193
|
+
list?: string;
|
|
194
|
+
add?: string;
|
|
195
|
+
edit?: string;
|
|
196
|
+
delete?: string;
|
|
197
|
+
batchDelete?: string;
|
|
198
|
+
version?: string;
|
|
199
|
+
};
|
|
200
|
+
/** 各操作的自定义参数 */
|
|
201
|
+
params?: {
|
|
202
|
+
list?: Record<string, unknown>;
|
|
203
|
+
add?: Record<string, unknown>;
|
|
204
|
+
edit?: Record<string, unknown>;
|
|
205
|
+
delete?: Record<string, unknown>;
|
|
206
|
+
batchDelete?: Record<string, unknown>;
|
|
207
|
+
version?: Record<string, unknown>;
|
|
208
|
+
};
|
|
209
|
+
/** 版本管理配置 */
|
|
210
|
+
versionConfig?: {
|
|
211
|
+
/** 自定义版本请求 URL(优先级高于 api.version) */
|
|
212
|
+
url?: string;
|
|
213
|
+
/** 自定义参数 */
|
|
214
|
+
params?: Record<string, unknown>;
|
|
215
|
+
};
|
|
141
216
|
}
|
|
142
217
|
export interface SelectionConfig {
|
|
143
218
|
show?: boolean;
|
|
@@ -158,10 +233,19 @@ export interface DrawerConfig {
|
|
|
158
233
|
closeOnReset?: boolean;
|
|
159
234
|
addTitle?: string;
|
|
160
235
|
editTitle?: string;
|
|
236
|
+
viewTitle?: string;
|
|
237
|
+
/** 表单每行展示列数(默认 2) */
|
|
238
|
+
formCols?: number;
|
|
239
|
+
/** 表单标签宽度(默认 '80px') */
|
|
240
|
+
formLabelWidth?: string;
|
|
241
|
+
/** 表单组件尺寸 */
|
|
242
|
+
formSize?: ComponentSize;
|
|
161
243
|
}
|
|
162
244
|
export interface ColumnSettingConfig {
|
|
163
245
|
show?: boolean;
|
|
164
246
|
storageKey?: string;
|
|
247
|
+
/** 是否默认显示行号列 */
|
|
248
|
+
showIndex?: boolean;
|
|
165
249
|
}
|
|
166
250
|
export interface AutoHeightConfig {
|
|
167
251
|
offset?: number;
|
|
@@ -170,6 +254,7 @@ export interface EeFormTableProps {
|
|
|
170
254
|
columns: TableColumn[];
|
|
171
255
|
data?: Record<string, unknown>[];
|
|
172
256
|
loading?: boolean;
|
|
257
|
+
readOnly?: boolean;
|
|
173
258
|
searchConfig?: SearchConfig | boolean;
|
|
174
259
|
pagination?: PaginationConfig | boolean;
|
|
175
260
|
actionConfig?: ActionConfig | boolean;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { EeRemoteSelectProps } from '../type';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<EeRemoteSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
search: (keyword: string) => any;
|
|
4
|
+
clear: () => any;
|
|
5
|
+
"update:modelValue": (val: string | number | (string | number)[]) => any;
|
|
6
|
+
change: (val: string | number | (string | number)[]) => any;
|
|
7
|
+
blur: (evt: FocusEvent) => any;
|
|
8
|
+
focus: (evt: FocusEvent) => any;
|
|
9
|
+
"load-success": (options: any[]) => any;
|
|
10
|
+
}, string, import('vue').PublicProps, Readonly<EeRemoteSelectProps> & Readonly<{
|
|
11
|
+
onSearch?: ((keyword: string) => any) | undefined;
|
|
12
|
+
onClear?: (() => any) | undefined;
|
|
13
|
+
"onUpdate:modelValue"?: ((val: string | number | (string | number)[]) => any) | undefined;
|
|
14
|
+
onChange?: ((val: string | number | (string | number)[]) => any) | undefined;
|
|
15
|
+
onBlur?: ((evt: FocusEvent) => any) | undefined;
|
|
16
|
+
onFocus?: ((evt: FocusEvent) => any) | undefined;
|
|
17
|
+
"onLoad-success"?: ((options: any[]) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
pageNumKey: string;
|
|
20
|
+
pageSizeKey: string;
|
|
21
|
+
pageSize: number;
|
|
22
|
+
searchKey: string;
|
|
23
|
+
labelField: string;
|
|
24
|
+
valueField: string;
|
|
25
|
+
size: "large" | "default" | "small";
|
|
26
|
+
mode: "single" | "multiple";
|
|
27
|
+
clearable: boolean;
|
|
28
|
+
filterable: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
export default _default;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { AxiosInstance } from 'axios';
|
|
2
|
+
import { DictOption } from '../../utils/types';
|
|
3
|
+
/** EeRemoteSelect 组件属性 */
|
|
4
|
+
export interface EeRemoteSelectProps {
|
|
5
|
+
/** 双向绑定值 */
|
|
6
|
+
modelValue?: string | number | (string | number)[];
|
|
7
|
+
/** 远程列表查询接口地址(必填) */
|
|
8
|
+
apiUrl: string;
|
|
9
|
+
/** ID 回显详情查询接口地址(必填) */
|
|
10
|
+
detailEchoUrl: string;
|
|
11
|
+
/** 选择模式,默认 single */
|
|
12
|
+
mode?: 'single' | 'multiple';
|
|
13
|
+
/** 选项 label 字段名,默认 label */
|
|
14
|
+
labelField?: string;
|
|
15
|
+
/** 选项 value 字段名,默认 value */
|
|
16
|
+
valueField?: string;
|
|
17
|
+
/** 搜索关键词参数字段名,默认 keyword */
|
|
18
|
+
searchKey?: string;
|
|
19
|
+
/** 分页页码字段名,默认 pageNum */
|
|
20
|
+
pageNumKey?: string;
|
|
21
|
+
/** 分页条数字段名,默认 pageSize */
|
|
22
|
+
pageSizeKey?: string;
|
|
23
|
+
/** 每页条数,默认 20 */
|
|
24
|
+
pageSize?: number;
|
|
25
|
+
/** 固定附加请求参数 */
|
|
26
|
+
extraParams?: Record<string, any>;
|
|
27
|
+
/** 外部 axios 请求实例,不传则从全局配置获取 */
|
|
28
|
+
requestInstance?: AxiosInstance;
|
|
29
|
+
/** 占位符文本 */
|
|
30
|
+
placeholder?: string;
|
|
31
|
+
/** 是否可清空,默认 true */
|
|
32
|
+
clearable?: boolean;
|
|
33
|
+
/** 是否禁用 */
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
/** 是否只读 */
|
|
36
|
+
readonly?: boolean;
|
|
37
|
+
/** 是否可搜索过滤,默认 true */
|
|
38
|
+
filterable?: boolean;
|
|
39
|
+
/** 组件尺寸 */
|
|
40
|
+
size?: 'large' | 'default' | 'small';
|
|
41
|
+
/** 静态选项数据,优先级最高,传入后不走接口 */
|
|
42
|
+
options?: DictOption[];
|
|
43
|
+
}
|
|
44
|
+
/** EeRemoteSelect 组件事件 */
|
|
45
|
+
export interface EeRemoteSelectEmits {
|
|
46
|
+
(e: 'update:modelValue', val: string | number | (string | number)[]): void;
|
|
47
|
+
(e: 'change', val: string | number | (string | number)[]): void;
|
|
48
|
+
(e: 'clear'): void;
|
|
49
|
+
(e: 'blur', evt: FocusEvent): void;
|
|
50
|
+
(e: 'focus', evt: FocusEvent): void;
|
|
51
|
+
(e: 'search', keyword: string): void;
|
|
52
|
+
(e: 'load-success', options: any[]): void;
|
|
53
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { EeRoleSelectProps } from '../type';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<EeRoleSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
search: (keyword: string) => any;
|
|
4
|
+
clear: () => any;
|
|
5
|
+
"update:modelValue": (val: string | number | (string | number)[]) => any;
|
|
6
|
+
change: (val: string | number | (string | number)[]) => any;
|
|
7
|
+
blur: (evt: FocusEvent) => any;
|
|
8
|
+
focus: (evt: FocusEvent) => any;
|
|
9
|
+
"load-success": (options: any[]) => any;
|
|
10
|
+
}, string, import('vue').PublicProps, Readonly<EeRoleSelectProps> & Readonly<{
|
|
11
|
+
onSearch?: ((keyword: string) => any) | undefined;
|
|
12
|
+
onClear?: (() => any) | undefined;
|
|
13
|
+
"onUpdate:modelValue"?: ((val: string | number | (string | number)[]) => any) | undefined;
|
|
14
|
+
onChange?: ((val: string | number | (string | number)[]) => any) | undefined;
|
|
15
|
+
onBlur?: ((evt: FocusEvent) => any) | undefined;
|
|
16
|
+
onFocus?: ((evt: FocusEvent) => any) | undefined;
|
|
17
|
+
"onLoad-success"?: ((options: any[]) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
apiUrl: string;
|
|
20
|
+
searchKey: string;
|
|
21
|
+
labelField: string;
|
|
22
|
+
valueField: string;
|
|
23
|
+
size: "large" | "default" | "small";
|
|
24
|
+
detailEchoUrl: string;
|
|
25
|
+
mode: "single" | "multiple";
|
|
26
|
+
clearable: boolean;
|
|
27
|
+
filterable: boolean;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { AxiosInstance } from 'axios';
|
|
2
|
+
/** EeRoleSelect 组件属性 */
|
|
3
|
+
export interface EeRoleSelectProps {
|
|
4
|
+
/** 双向绑定值 */
|
|
5
|
+
modelValue?: string | number | (string | number)[];
|
|
6
|
+
/** 自定义角色列表接口地址,覆盖默认接口 */
|
|
7
|
+
apiUrl?: string;
|
|
8
|
+
/** 自定义角色详情回显接口地址 */
|
|
9
|
+
detailEchoUrl?: string;
|
|
10
|
+
/** 选择模式,默认 single */
|
|
11
|
+
mode?: 'single' | 'multiple';
|
|
12
|
+
/** 选项 label 字段名,默认 label */
|
|
13
|
+
labelField?: string;
|
|
14
|
+
/** 选项 value 字段名,默认 value */
|
|
15
|
+
valueField?: string;
|
|
16
|
+
/** 搜索关键词参数字段名,默认 keyword */
|
|
17
|
+
searchKey?: string;
|
|
18
|
+
/** 固定附加请求参数 */
|
|
19
|
+
extraParams?: Record<string, any>;
|
|
20
|
+
/** 外部 axios 请求实例,不传则从全局配置获取 */
|
|
21
|
+
requestInstance?: AxiosInstance;
|
|
22
|
+
/** 占位符文本 */
|
|
23
|
+
placeholder?: string;
|
|
24
|
+
/** 是否可清空,默认 true */
|
|
25
|
+
clearable?: boolean;
|
|
26
|
+
/** 是否禁用 */
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
/** 是否只读 */
|
|
29
|
+
readonly?: boolean;
|
|
30
|
+
/** 是否可搜索过滤,默认 true */
|
|
31
|
+
filterable?: boolean;
|
|
32
|
+
/** 组件尺寸 */
|
|
33
|
+
size?: 'large' | 'default' | 'small';
|
|
34
|
+
}
|
|
35
|
+
/** EeRoleSelect 组件事件 */
|
|
36
|
+
export interface EeRoleSelectEmits {
|
|
37
|
+
(e: 'update:modelValue', val: string | number | (string | number)[]): void;
|
|
38
|
+
(e: 'change', val: string | number | (string | number)[]): void;
|
|
39
|
+
(e: 'clear'): void;
|
|
40
|
+
(e: 'blur', evt: FocusEvent): void;
|
|
41
|
+
(e: 'focus', evt: FocusEvent): void;
|
|
42
|
+
(e: 'search', keyword: string): void;
|
|
43
|
+
(e: 'load-success', options: any[]): void;
|
|
44
|
+
}
|
|
@@ -9,12 +9,12 @@ type __VLS_Props = {
|
|
|
9
9
|
size?: 'large' | 'default' | 'small';
|
|
10
10
|
};
|
|
11
11
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
12
|
-
"update:modelValue": (val: Record<string, any>) => any;
|
|
13
12
|
search: (val: Record<string, any>) => any;
|
|
13
|
+
"update:modelValue": (val: Record<string, any>) => any;
|
|
14
14
|
reset: () => any;
|
|
15
15
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
16
|
-
"onUpdate:modelValue"?: ((val: Record<string, any>) => any) | undefined;
|
|
17
16
|
onSearch?: ((val: Record<string, any>) => any) | undefined;
|
|
17
|
+
"onUpdate:modelValue"?: ((val: Record<string, any>) => any) | undefined;
|
|
18
18
|
onReset?: (() => any) | undefined;
|
|
19
19
|
}>, {
|
|
20
20
|
size: "large" | "default" | "small";
|
|
@@ -60,10 +60,45 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
60
60
|
$options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').FormProps> & Readonly<{
|
|
61
61
|
onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
|
|
62
62
|
}>, {
|
|
63
|
-
validate: (callback
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
63
|
+
validate: (callback
|
|
64
|
+
/**
|
|
65
|
+
* EeSearchBar 搜索栏组件
|
|
66
|
+
*
|
|
67
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
68
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
69
|
+
*/
|
|
70
|
+
?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
|
|
71
|
+
validateField: (props
|
|
72
|
+
/**
|
|
73
|
+
* EeSearchBar 搜索栏组件
|
|
74
|
+
*
|
|
75
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
76
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
77
|
+
*/
|
|
78
|
+
?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback
|
|
79
|
+
/**
|
|
80
|
+
* EeSearchBar 搜索栏组件
|
|
81
|
+
*
|
|
82
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
83
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
84
|
+
*/
|
|
85
|
+
?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
|
|
86
|
+
resetFields: (props
|
|
87
|
+
/**
|
|
88
|
+
* EeSearchBar 搜索栏组件
|
|
89
|
+
*
|
|
90
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
91
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
92
|
+
*/
|
|
93
|
+
?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
|
|
94
|
+
clearValidate: (props
|
|
95
|
+
/**
|
|
96
|
+
* EeSearchBar 搜索栏组件
|
|
97
|
+
*
|
|
98
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
99
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
100
|
+
*/
|
|
101
|
+
?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
|
|
67
102
|
scrollToField: (prop: import('element-plus').FormItemProp) => void;
|
|
68
103
|
getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
|
|
69
104
|
fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
|
|
@@ -109,10 +144,45 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
109
144
|
}> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
|
|
110
145
|
onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
|
|
111
146
|
}>, "fields" | "labelWidth" | "labelPosition" | "requireAsteriskPosition" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues"> & {
|
|
112
|
-
validate: (callback
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
147
|
+
validate: (callback
|
|
148
|
+
/**
|
|
149
|
+
* EeSearchBar 搜索栏组件
|
|
150
|
+
*
|
|
151
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
152
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
153
|
+
*/
|
|
154
|
+
?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
|
|
155
|
+
validateField: (props
|
|
156
|
+
/**
|
|
157
|
+
* EeSearchBar 搜索栏组件
|
|
158
|
+
*
|
|
159
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
160
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
161
|
+
*/
|
|
162
|
+
?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback
|
|
163
|
+
/**
|
|
164
|
+
* EeSearchBar 搜索栏组件
|
|
165
|
+
*
|
|
166
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
167
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
168
|
+
*/
|
|
169
|
+
?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
|
|
170
|
+
resetFields: (props
|
|
171
|
+
/**
|
|
172
|
+
* EeSearchBar 搜索栏组件
|
|
173
|
+
*
|
|
174
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
175
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
176
|
+
*/
|
|
177
|
+
?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
|
|
178
|
+
clearValidate: (props
|
|
179
|
+
/**
|
|
180
|
+
* EeSearchBar 搜索栏组件
|
|
181
|
+
*
|
|
182
|
+
* 基于 el-form 封装的搜索栏,支持多字段类型(input/select/datepicker)、
|
|
183
|
+
* 搜索/重置按钮、字段显隐控制。
|
|
184
|
+
*/
|
|
185
|
+
?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
|
|
116
186
|
scrollToField: (prop: import('element-plus').FormItemProp) => void;
|
|
117
187
|
getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
|
|
118
188
|
fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
|
|
@@ -8,6 +8,6 @@ type __VLS_Props = {
|
|
|
8
8
|
};
|
|
9
9
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
10
10
|
defaultType: "primary" | "success" | "warning" | "danger" | "info";
|
|
11
|
-
defaultEffect: "
|
|
11
|
+
defaultEffect: "plain" | "light" | "dark";
|
|
12
12
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
13
|
export default _default;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { EeUserSelectProps } from '../type';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<EeUserSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
|
+
search: (keyword: string) => any;
|
|
4
|
+
clear: () => any;
|
|
5
|
+
"update:modelValue": (val: string | number | (string | number)[]) => any;
|
|
6
|
+
change: (val: string | number | (string | number)[]) => any;
|
|
7
|
+
blur: (evt: FocusEvent) => any;
|
|
8
|
+
focus: (evt: FocusEvent) => any;
|
|
9
|
+
"load-success": (options: any[]) => any;
|
|
10
|
+
}, string, import('vue').PublicProps, Readonly<EeUserSelectProps> & Readonly<{
|
|
11
|
+
onSearch?: ((keyword: string) => any) | undefined;
|
|
12
|
+
onClear?: (() => any) | undefined;
|
|
13
|
+
"onUpdate:modelValue"?: ((val: string | number | (string | number)[]) => any) | undefined;
|
|
14
|
+
onChange?: ((val: string | number | (string | number)[]) => any) | undefined;
|
|
15
|
+
onBlur?: ((evt: FocusEvent) => any) | undefined;
|
|
16
|
+
onFocus?: ((evt: FocusEvent) => any) | undefined;
|
|
17
|
+
"onLoad-success"?: ((options: any[]) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
apiUrl: string;
|
|
20
|
+
searchKey: string;
|
|
21
|
+
labelField: string;
|
|
22
|
+
valueField: string;
|
|
23
|
+
size: "large" | "default" | "small";
|
|
24
|
+
detailEchoUrl: string;
|
|
25
|
+
mode: "single" | "multiple";
|
|
26
|
+
clearable: boolean;
|
|
27
|
+
filterable: boolean;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { AxiosInstance } from 'axios';
|
|
2
|
+
/** EeUserSelect 组件属性 */
|
|
3
|
+
export interface EeUserSelectProps {
|
|
4
|
+
/** 双向绑定值 */
|
|
5
|
+
modelValue?: string | number | (string | number)[];
|
|
6
|
+
/** 自定义人员列表接口地址,覆盖默认接口 */
|
|
7
|
+
apiUrl?: string;
|
|
8
|
+
/** 自定义人员详情回显接口地址 */
|
|
9
|
+
detailEchoUrl?: string;
|
|
10
|
+
/** 选择模式,默认 single */
|
|
11
|
+
mode?: 'single' | 'multiple';
|
|
12
|
+
/** 筛选指定部门下人员 */
|
|
13
|
+
deptId?: string | number;
|
|
14
|
+
/** 选项 label 字段名,默认 label */
|
|
15
|
+
labelField?: string;
|
|
16
|
+
/** 选项 value 字段名,默认 value */
|
|
17
|
+
valueField?: string;
|
|
18
|
+
/** 搜索关键词参数字段名,默认 keyword */
|
|
19
|
+
searchKey?: string;
|
|
20
|
+
/** 固定附加请求参数 */
|
|
21
|
+
extraParams?: Record<string, any>;
|
|
22
|
+
/** 外部 axios 请求实例,不传则从全局配置获取 */
|
|
23
|
+
requestInstance?: AxiosInstance;
|
|
24
|
+
/** 占位符文本 */
|
|
25
|
+
placeholder?: string;
|
|
26
|
+
/** 是否可清空,默认 true */
|
|
27
|
+
clearable?: boolean;
|
|
28
|
+
/** 是否禁用 */
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
/** 是否只读 */
|
|
31
|
+
readonly?: boolean;
|
|
32
|
+
/** 是否可搜索过滤,默认 true */
|
|
33
|
+
filterable?: boolean;
|
|
34
|
+
/** 组件尺寸 */
|
|
35
|
+
size?: 'large' | 'default' | 'small';
|
|
36
|
+
}
|
|
37
|
+
/** EeUserSelect 组件事件 */
|
|
38
|
+
export interface EeUserSelectEmits {
|
|
39
|
+
(e: 'update:modelValue', val: string | number | (string | number)[]): void;
|
|
40
|
+
(e: 'change', val: string | number | (string | number)[]): void;
|
|
41
|
+
(e: 'clear'): void;
|
|
42
|
+
(e: 'blur', evt: FocusEvent): void;
|
|
43
|
+
(e: 'focus', evt: FocusEvent): void;
|
|
44
|
+
(e: 'search', keyword: string): void;
|
|
45
|
+
(e: 'load-success', options: any[]): void;
|
|
46
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { AxiosInstance } from 'axios';
|
|
2
|
+
/**
|
|
3
|
+
* 远程分页下拉配置选项
|
|
4
|
+
*/
|
|
5
|
+
export interface RemotePaginationOption {
|
|
6
|
+
/** 外部 axios 请求实例,不传则从全局配置获取 */
|
|
7
|
+
requestInstance?: AxiosInstance;
|
|
8
|
+
/** 远程接口地址(必填) */
|
|
9
|
+
apiUrl: string;
|
|
10
|
+
/** 页码字段名,默认 pageNum */
|
|
11
|
+
pageNumKey?: string;
|
|
12
|
+
/** 每页条数字段名,默认 pageSize */
|
|
13
|
+
pageSizeKey?: string;
|
|
14
|
+
/** 每页条数,默认 20 */
|
|
15
|
+
pageSize?: number;
|
|
16
|
+
/** 搜索关键词字段名,默认 keyword */
|
|
17
|
+
searchKey?: string;
|
|
18
|
+
/** 附加请求参数 */
|
|
19
|
+
extraParams?: Record<string, any>;
|
|
20
|
+
/** 选项文本字段名,默认 label */
|
|
21
|
+
labelField?: string;
|
|
22
|
+
/** 选项值字段名,默认 value */
|
|
23
|
+
valueField?: string;
|
|
24
|
+
/** 子节点字段名(树形数据预留),默认 children */
|
|
25
|
+
childrenField?: string;
|
|
26
|
+
/** 关键词防抖延迟(毫秒),默认 300 */
|
|
27
|
+
debounceDelay?: number;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* 远程下拉选项项类型
|
|
31
|
+
*/
|
|
32
|
+
export interface RemoteSelectOption {
|
|
33
|
+
[key: string]: any;
|
|
34
|
+
/** 显示文本 */
|
|
35
|
+
label?: string;
|
|
36
|
+
/** 选项值 */
|
|
37
|
+
value?: any;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* 创建远程分页下拉控制器
|
|
41
|
+
*
|
|
42
|
+
* @param option - 远程分页配置
|
|
43
|
+
* @returns loading / options / noMore / loadData / loadMore / resetList / onKeywordChange
|
|
44
|
+
*/
|
|
45
|
+
export declare function useRemoteSelectPagination(option: RemotePaginationOption): {
|
|
46
|
+
/** 是否正在加载 */
|
|
47
|
+
loading: import('vue').Ref<boolean, boolean>;
|
|
48
|
+
/** 当前选项列表 */
|
|
49
|
+
options: import('vue').Ref<{
|
|
50
|
+
[x: string]: any;
|
|
51
|
+
label?: string
|
|
52
|
+
/** 选项值 */
|
|
53
|
+
| undefined;
|
|
54
|
+
value?: any;
|
|
55
|
+
}[], RemoteSelectOption[] | {
|
|
56
|
+
[x: string]: any;
|
|
57
|
+
label?: string
|
|
58
|
+
/** 选项值 */
|
|
59
|
+
| undefined;
|
|
60
|
+
value?: any;
|
|
61
|
+
}[]>;
|
|
62
|
+
/** 是否没有更多数据 */
|
|
63
|
+
noMore: import('vue').Ref<boolean, boolean>;
|
|
64
|
+
loadData: (searchVal?: string, reset?: boolean) => Promise<void>;
|
|
65
|
+
loadMore: () => Promise<void>;
|
|
66
|
+
resetList: () => void;
|
|
67
|
+
onKeywordChange: (val: string) => void;
|
|
68
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { AxiosInstance } from 'axios';
|
|
2
|
+
/**
|
|
3
|
+
* 回显配置选项
|
|
4
|
+
*/
|
|
5
|
+
export interface EchoOption {
|
|
6
|
+
/** 外部 axios 请求实例,不传则从全局配置获取 */
|
|
7
|
+
requestInstance?: AxiosInstance;
|
|
8
|
+
/** 详情回显接口地址(必填) */
|
|
9
|
+
detailApiUrl: string;
|
|
10
|
+
/** 选项文本字段名,默认 label */
|
|
11
|
+
labelField?: string;
|
|
12
|
+
/** 选项值字段名,默认 value */
|
|
13
|
+
valueField?: string;
|
|
14
|
+
/** 选择模式,默认 single */
|
|
15
|
+
mode?: 'single' | 'multiple';
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* 创建选项回显控制器
|
|
19
|
+
*
|
|
20
|
+
* @param option - 回显配置
|
|
21
|
+
* @returns echoText / echoValue
|
|
22
|
+
*/
|
|
23
|
+
export declare function useSelectEcho(option: EchoOption): {
|
|
24
|
+
/** 当前回显文本(单选为 string,多选为 string[]) */
|
|
25
|
+
echoText: import('vue').Ref<string | string[], string | string[]>;
|
|
26
|
+
echoValue: (modelVal: any) => Promise<void>;
|
|
27
|
+
};
|