3h1-ui 2.8.2 → 2.9.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/es/index.js +1333 -370
- package/es/style.css +111 -2
- package/es/ui/index.d.ts +1 -0
- package/es/ui/src/AdvancedSearch/index.d.ts +3 -0
- package/es/ui/src/AdvancedSearch/src/data.d.ts +17 -0
- package/es/ui/src/Table/src/components/TableAdvancedSearch.vue.d.ts +20 -0
- package/es/ui/src/Table/src/components/TableGlobalSearch.vue.d.ts +2 -0
- package/es/ui/src/Table/src/components/settings/AdvancedSearchSetting.vue.d.ts +2 -0
- package/es/ui/src/Table/src/const.d.ts +3 -3
- package/es/ui/src/Table/src/hooks/useAdvancedSearch.d.ts +41 -0
- package/es/ui/src/Table/src/hooks/useDataSource.d.ts +2 -1
- package/es/ui/src/Table/src/props.d.ts +38 -3
- package/es/ui/src/Table/src/types/table.d.ts +15 -0
- package/lib/index.js +1331 -368
- package/package.json +3 -3
package/es/style.css
CHANGED
|
@@ -25036,7 +25036,7 @@ span.iconify {
|
|
|
25036
25036
|
justify-content: space-between;
|
|
25037
25037
|
}
|
|
25038
25038
|
.shy-basic-form-action {
|
|
25039
|
-
width:
|
|
25039
|
+
width: 250px !important;
|
|
25040
25040
|
}
|
|
25041
25041
|
.shy-basic-form-input {
|
|
25042
25042
|
flex: 1;
|
|
@@ -25412,7 +25412,54 @@ span.iconify {
|
|
|
25412
25412
|
}
|
|
25413
25413
|
.shy-basic-column-setting__cloumn-list .scrollbar {
|
|
25414
25414
|
height: 220px;
|
|
25415
|
-
}.
|
|
25415
|
+
}.icon-selected[data-v-851e809a] {
|
|
25416
|
+
color: #498bf8;
|
|
25417
|
+
}.shy-ui-advanced-search .ant-form-item {
|
|
25418
|
+
margin-bottom: 0;
|
|
25419
|
+
}
|
|
25420
|
+
.shy-ui-advanced-search .ant-space {
|
|
25421
|
+
width: 100%;
|
|
25422
|
+
}
|
|
25423
|
+
.shy-ui-advanced-search .ant-form-horizontal {
|
|
25424
|
+
padding-left: 0 !important;
|
|
25425
|
+
}
|
|
25426
|
+
.shy-ui-advanced-search-item-wrapper {
|
|
25427
|
+
display: flex;
|
|
25428
|
+
align-items: center;
|
|
25429
|
+
margin-bottom: 12px;
|
|
25430
|
+
}
|
|
25431
|
+
.shy-ui-advanced-search-item-op {
|
|
25432
|
+
margin-right: 8px;
|
|
25433
|
+
flex: none;
|
|
25434
|
+
}
|
|
25435
|
+
.shy-ui-advanced-search-item-value {
|
|
25436
|
+
flex: 1 1 0;
|
|
25437
|
+
}
|
|
25438
|
+
.shy-ui-advanced-search-item-value-range {
|
|
25439
|
+
display: flex;
|
|
25440
|
+
align-items: center;
|
|
25441
|
+
}
|
|
25442
|
+
.shy-ui-advanced-search-item-value-range > div {
|
|
25443
|
+
flex: 1 1 0;
|
|
25444
|
+
}
|
|
25445
|
+
.shy-ui-advanced-search-item-value-range > div:first-child {
|
|
25446
|
+
margin-right: 8px;
|
|
25447
|
+
}
|
|
25448
|
+
.shy-ui-advanced-search .ant-picker {
|
|
25449
|
+
width: 100%;
|
|
25450
|
+
}
|
|
25451
|
+
.shy-ui-advanced-search-add {
|
|
25452
|
+
display: flex;
|
|
25453
|
+
align-items: center;
|
|
25454
|
+
font-size: 14px;
|
|
25455
|
+
font-weight: 400;
|
|
25456
|
+
color: #81B2FB;
|
|
25457
|
+
cursor: pointer;
|
|
25458
|
+
}.table-settings {
|
|
25459
|
+
display: flex;
|
|
25460
|
+
align-items: center;
|
|
25461
|
+
}
|
|
25462
|
+
.table-settings > * {
|
|
25416
25463
|
margin-right: 12px;
|
|
25417
25464
|
}
|
|
25418
25465
|
.table-settings svg {
|
|
@@ -25434,6 +25481,45 @@ span.iconify {
|
|
|
25434
25481
|
}
|
|
25435
25482
|
.shy-basic-table-header__toolbar > * {
|
|
25436
25483
|
margin-right: 8px;
|
|
25484
|
+
}.shy-basic-table-global-search[data-v-e43dae4b] {
|
|
25485
|
+
position: absolute;
|
|
25486
|
+
top: 40px;
|
|
25487
|
+
right: 131px;
|
|
25488
|
+
width: 200px;
|
|
25489
|
+
max-height: 800px;
|
|
25490
|
+
overflow: auto;
|
|
25491
|
+
background-color: #fff;
|
|
25492
|
+
z-index: 1000;
|
|
25493
|
+
border: 1px solid #ebebeb;
|
|
25494
|
+
padding: 10px;
|
|
25495
|
+
}
|
|
25496
|
+
.shy-basic-table-global-search-item-global[data-v-e43dae4b] {
|
|
25497
|
+
height: 32px;
|
|
25498
|
+
line-height: 32px;
|
|
25499
|
+
font-size: 14px;
|
|
25500
|
+
color: #131415;
|
|
25501
|
+
cursor: pointer;
|
|
25502
|
+
padding: 0 8px;
|
|
25503
|
+
display: flex;
|
|
25504
|
+
align-items: center;
|
|
25505
|
+
justify-content: space-between;
|
|
25506
|
+
}
|
|
25507
|
+
.shy-basic-table-global-search-item-special[data-v-e43dae4b] {
|
|
25508
|
+
height: 32px;
|
|
25509
|
+
line-height: 32px;
|
|
25510
|
+
font-size: 14px;
|
|
25511
|
+
color: #131415;
|
|
25512
|
+
cursor: pointer;
|
|
25513
|
+
padding: 0 8px;
|
|
25514
|
+
display: flex;
|
|
25515
|
+
align-items: center;
|
|
25516
|
+
justify-content: space-between;
|
|
25517
|
+
}
|
|
25518
|
+
.shy-basic-table-global-search-checkbox-wrapper[data-v-e43dae4b] {
|
|
25519
|
+
padding: 0 8px;
|
|
25520
|
+
}
|
|
25521
|
+
.shy-basic-table-global-search .selected-bg[data-v-e43dae4b] {
|
|
25522
|
+
background-color: #ebf1ff;
|
|
25437
25523
|
}.shy-basic-table-action {
|
|
25438
25524
|
display: flex;
|
|
25439
25525
|
align-items: center;
|
|
@@ -25494,6 +25580,29 @@ span.iconify {
|
|
|
25494
25580
|
.shy-basic-table-row__striped td {
|
|
25495
25581
|
background-color: #fafafa;
|
|
25496
25582
|
}
|
|
25583
|
+
.shy-basic-table-advanced-search {
|
|
25584
|
+
position: absolute;
|
|
25585
|
+
top: 30px;
|
|
25586
|
+
right: 100px;
|
|
25587
|
+
width: 600px;
|
|
25588
|
+
max-height: 800px;
|
|
25589
|
+
overflow: auto;
|
|
25590
|
+
z-index: 100;
|
|
25591
|
+
background-color: #fff;
|
|
25592
|
+
border: 1px solid #ebebeb;
|
|
25593
|
+
padding: 10px 10px 42px 10px;
|
|
25594
|
+
}
|
|
25595
|
+
.shy-basic-table-advanced-search-footer {
|
|
25596
|
+
position: absolute;
|
|
25597
|
+
left: 10px;
|
|
25598
|
+
bottom: 10px;
|
|
25599
|
+
}
|
|
25600
|
+
.shy-basic-table-advanced-search-item {
|
|
25601
|
+
display: flex;
|
|
25602
|
+
align-items: center;
|
|
25603
|
+
justify-content: space-between;
|
|
25604
|
+
margin-bottom: 8px;
|
|
25605
|
+
}
|
|
25497
25606
|
.shy-basic-table-form-container .ant-form {
|
|
25498
25607
|
position: relative;
|
|
25499
25608
|
padding: 12px 10px 6px;
|
package/es/ui/index.d.ts
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const searchType: {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
}[];
|
|
5
|
+
export declare const searchTypeNumber: {
|
|
6
|
+
label: string;
|
|
7
|
+
value: string;
|
|
8
|
+
}[];
|
|
9
|
+
export declare const searchTypeString: {
|
|
10
|
+
label: string;
|
|
11
|
+
value: string;
|
|
12
|
+
}[];
|
|
13
|
+
export declare const searchTypeDate: {
|
|
14
|
+
label: string;
|
|
15
|
+
value: string;
|
|
16
|
+
}[];
|
|
17
|
+
export declare const getGlobalAdvancedType: (fieldList: any, value: any) => {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
2
|
+
schemasAdvancedSearch: {
|
|
3
|
+
default: () => any[];
|
|
4
|
+
type: ArrayConstructor;
|
|
5
|
+
};
|
|
6
|
+
}, {
|
|
7
|
+
handleEnsure: () => void;
|
|
8
|
+
handleReset: () => void;
|
|
9
|
+
advancedSearchRef: import("vue").Ref<any>;
|
|
10
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "ensure"[], "ensure", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
schemasAdvancedSearch: {
|
|
12
|
+
default: () => any[];
|
|
13
|
+
type: ArrayConstructor;
|
|
14
|
+
};
|
|
15
|
+
}>> & {
|
|
16
|
+
onEnsure?: (...args: any[]) => any;
|
|
17
|
+
}, {
|
|
18
|
+
schemasAdvancedSearch: unknown[];
|
|
19
|
+
}>;
|
|
20
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _sfc_main: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
|
|
2
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _sfc_main: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
|
|
2
|
+
export default _sfc_main;
|
|
@@ -10,10 +10,10 @@ export declare const FETCH_SETTING: {
|
|
|
10
10
|
};
|
|
11
11
|
export declare const DEFAULT_SIZE: string;
|
|
12
12
|
export declare const DEFAULT_SORT_FN: (sortInfo: SorterResult) => {
|
|
13
|
-
|
|
14
|
-
order:
|
|
13
|
+
sort: string;
|
|
14
|
+
order: string;
|
|
15
15
|
} | {
|
|
16
|
-
|
|
16
|
+
sort?: undefined;
|
|
17
17
|
order?: undefined;
|
|
18
18
|
};
|
|
19
19
|
export declare const DEFAULT_FILTER_FN: (data: Partial<Recordable<string[]>>) => Partial<Recordable<string[]>>;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export declare enum OperatorEnum {
|
|
2
|
+
'eq' = "\u7B49\u4E8E",
|
|
3
|
+
'ne' = "\u4E0D\u7B49\u4E8E",
|
|
4
|
+
'gt' = "\u5927\u4E8E",
|
|
5
|
+
'ge' = "\u5927\u4E8E\u7B49\u4E8E",
|
|
6
|
+
'lt' = "\u5C0F\u4E8E",
|
|
7
|
+
'le' = "\u5C0F\u4E8E\u7B49\u4E8E",
|
|
8
|
+
'bt' = "\u5728...\u4E4B\u95F4",
|
|
9
|
+
'nb' = "\u4E0D\u5728...\u4E4B\u95F4",
|
|
10
|
+
'ct' = "\u5305\u542B",
|
|
11
|
+
'sw' = "\u4EE5...\u5F00\u5934"
|
|
12
|
+
}
|
|
13
|
+
export declare const useAdvancedSearch: ({ getProps, reload }: {
|
|
14
|
+
getProps: any;
|
|
15
|
+
reload: any;
|
|
16
|
+
}) => {
|
|
17
|
+
isVisibleAdvancedSearch: import("vue").Ref<boolean>;
|
|
18
|
+
schemasAdvancedSearch: import("vue").ComputedRef<any>;
|
|
19
|
+
openAdvancedSearch: () => void;
|
|
20
|
+
closeAdvancedSearch: () => void;
|
|
21
|
+
handleAdvancedEnsure: (form: any) => void;
|
|
22
|
+
setGlobalSearchType: (value: any) => void;
|
|
23
|
+
getGlobalSearchType: () => number;
|
|
24
|
+
openGlobalSearch: () => void;
|
|
25
|
+
closeGlobalSearch: () => void;
|
|
26
|
+
isVisibleGlobalSearch: import("vue").Ref<boolean>;
|
|
27
|
+
curGlobalSearchValue: import("vue").Ref<string>;
|
|
28
|
+
setGlobalSchemas: (value: any) => void;
|
|
29
|
+
getGlobalSchemas: () => any[];
|
|
30
|
+
setGlobalSearchValue: (value: any) => void;
|
|
31
|
+
getGlobalSearchValue: () => string;
|
|
32
|
+
setCurSearchParams: (value: any) => void;
|
|
33
|
+
getCurSearchParams: () => {};
|
|
34
|
+
};
|
|
35
|
+
export declare const useAdvancedSearchKv: () => {
|
|
36
|
+
getKvOperator: () => {
|
|
37
|
+
kvDateOperator: any[];
|
|
38
|
+
kvNumberOperator: any[];
|
|
39
|
+
kvStringOperator: any[];
|
|
40
|
+
};
|
|
41
|
+
};
|
|
@@ -8,8 +8,9 @@ interface ActionType {
|
|
|
8
8
|
getFieldsValue: () => Recordable;
|
|
9
9
|
clearSelectedRowKeys: () => void;
|
|
10
10
|
tableData: Ref<Recordable[]>;
|
|
11
|
+
getCurSearchParams?: any;
|
|
11
12
|
}
|
|
12
|
-
export declare function useDataSource(propsRef: ComputedRef<BasicTableProps>, { getPaginationInfo, setPagination, setLoading, getFieldsValue, clearSelectedRowKeys, tableData }: ActionType, emit: EmitType): {
|
|
13
|
+
export declare function useDataSource(propsRef: ComputedRef<BasicTableProps>, { getPaginationInfo, setPagination, setLoading, getFieldsValue, clearSelectedRowKeys, tableData, getCurSearchParams }: ActionType, emit: EmitType): {
|
|
13
14
|
getDataSourceRef: ComputedRef<Recordable<any>[]>;
|
|
14
15
|
getDataSource: <T = Recordable<any>>() => T[];
|
|
15
16
|
getRawDataSource: <T_1 = Recordable<any>>() => T_1;
|
|
@@ -142,10 +142,10 @@ export declare const basicProps: {
|
|
|
142
142
|
readonly prototype: any;
|
|
143
143
|
})[];
|
|
144
144
|
default: (sortInfo: SorterResult) => {
|
|
145
|
-
|
|
146
|
-
order:
|
|
145
|
+
sort: string;
|
|
146
|
+
order: string;
|
|
147
147
|
} | {
|
|
148
|
-
|
|
148
|
+
sort?: undefined;
|
|
149
149
|
order?: undefined;
|
|
150
150
|
};
|
|
151
151
|
};
|
|
@@ -341,6 +341,41 @@ export declare const basicProps: {
|
|
|
341
341
|
default?: boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean);
|
|
342
342
|
validator?: (value: boolean) => boolean;
|
|
343
343
|
};
|
|
344
|
+
useAdvancedSearch: {
|
|
345
|
+
readonly validate: (fn: import("vue-types/dist/types").ValidatorFunction<unknown>) => import("vue-types").VueTypeValidableDef<boolean> & {
|
|
346
|
+
default: boolean;
|
|
347
|
+
} & {
|
|
348
|
+
validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
|
|
349
|
+
};
|
|
350
|
+
_vueTypes_name: string;
|
|
351
|
+
type?: import("vue-types/dist/types").Prop<boolean> | import("vue-types/dist/types").Prop<boolean>[];
|
|
352
|
+
readonly def: (def?: boolean) => import("vue-types").VueTypeValidableDef<boolean> & {
|
|
353
|
+
default: boolean;
|
|
354
|
+
};
|
|
355
|
+
readonly isRequired: {
|
|
356
|
+
readonly validate: (fn: import("vue-types/dist/types").ValidatorFunction<unknown>) => import("vue-types").VueTypeValidableDef<boolean> & {
|
|
357
|
+
default: boolean;
|
|
358
|
+
} & {
|
|
359
|
+
required: true;
|
|
360
|
+
} & {
|
|
361
|
+
validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
|
|
362
|
+
};
|
|
363
|
+
_vueTypes_name: string;
|
|
364
|
+
type?: import("vue-types/dist/types").Prop<boolean> | import("vue-types/dist/types").Prop<boolean>[];
|
|
365
|
+
readonly def: (def?: boolean) => import("vue-types").VueTypeValidableDef<boolean> & {
|
|
366
|
+
default: boolean;
|
|
367
|
+
} & {
|
|
368
|
+
required: true;
|
|
369
|
+
};
|
|
370
|
+
readonly isRequired: any;
|
|
371
|
+
required: true;
|
|
372
|
+
default: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
|
373
|
+
validator?: (value: boolean) => boolean;
|
|
374
|
+
};
|
|
375
|
+
required?: boolean;
|
|
376
|
+
default: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
|
|
377
|
+
validator?: (value: boolean) => boolean;
|
|
378
|
+
};
|
|
344
379
|
useTableWrapper: {
|
|
345
380
|
readonly validate: (fn: import("vue-types/dist/types").ValidatorFunction<unknown>) => import("vue-types").VueTypeValidableDef<boolean> & {
|
|
346
381
|
default: boolean;
|
|
@@ -113,6 +113,20 @@ export interface TableActionType {
|
|
|
113
113
|
setTreeExpand?: any;
|
|
114
114
|
getVxeTableRef: any;
|
|
115
115
|
setSelectRowByKeys?: any;
|
|
116
|
+
openAdvancedSearch?: any;
|
|
117
|
+
closeAdvancedSearch?: any;
|
|
118
|
+
isVisibleAdvancedSearch?: any;
|
|
119
|
+
isVisibleGlobalSearch?: any;
|
|
120
|
+
closeGlobalSearch?: any;
|
|
121
|
+
openGlobalSearch?: any;
|
|
122
|
+
setGlobalSearchType?: any;
|
|
123
|
+
getGlobalSearchType?: any;
|
|
124
|
+
getGlobalSchemas?: any;
|
|
125
|
+
setGlobalSchemas?: any;
|
|
126
|
+
setGlobalSearchValue?: any;
|
|
127
|
+
getGlobalSearchValue?: any;
|
|
128
|
+
setCurSearchParams?: any;
|
|
129
|
+
getCurSearchParams?: any;
|
|
116
130
|
}
|
|
117
131
|
export interface FetchSetting {
|
|
118
132
|
pageField: string;
|
|
@@ -150,6 +164,7 @@ export interface BasicTableProps<T = any> {
|
|
|
150
164
|
searchInfo?: Recordable;
|
|
151
165
|
defSort?: Recordable;
|
|
152
166
|
useSearchForm?: boolean;
|
|
167
|
+
useAdvancedSearch?: boolean;
|
|
153
168
|
formConfig?: Partial<FormProps>;
|
|
154
169
|
columns: BasicColumn[];
|
|
155
170
|
showIndexColumn?: boolean;
|