@dt-frames/ui 1.0.11 → 1.0.12
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/components/curd/src/components/dialog.d.ts +7 -3
- package/es/components/forms/src/components/formInputUseDialog.d.ts +903 -0
- package/es/components/forms/src/types/form.type.d.ts +3 -1
- package/es/components/modal/src/types/modal.type.d.ts +4 -1
- package/es/components/table/src/hooks/useCustomRow.d.ts +19 -0
- package/es/components/table/src/index.d.ts +21 -2
- package/es/components/table/src/props.d.ts +4 -0
- package/es/components/upload/src/index.d.ts +21 -2
- package/es/components/upload/src/upload.d.ts +21 -2
- package/es/index.js +150 -34
- package/es/style/components/forms/index.less +23 -0
- package/package.json +1 -1
- package/src/components/curd/src/components/dialog.vue +3 -2
- package/src/components/forms/index.less +23 -0
- package/src/components/forms/src/componentMap.ts +2 -0
- package/src/components/forms/src/components/formInputUseDialog.vue +43 -0
- package/src/components/forms/src/components/formItem.vue +10 -10
- package/src/components/forms/src/types/form.type.ts +6 -0
- package/src/components/modal/src/hooks/useModal.ts +7 -1
- package/src/components/modal/src/types/modal.type.ts +4 -1
- package/src/components/source/src/hooks/useSource.ts +1 -1
- package/src/components/table/src/components/TableHeader.vue +1 -1
- package/src/components/table/src/hooks/useCustomRow.ts +86 -0
- package/src/components/table/src/index.vue +14 -2
- package/src/components/table/src/props.ts +3 -0
|
@@ -12,7 +12,7 @@ export declare type FormCallBackParams = {
|
|
|
12
12
|
model: Recordable;
|
|
13
13
|
name: string;
|
|
14
14
|
};
|
|
15
|
-
export declare type ComponentType = 'Input' | 'InputGroup' | 'InputPassword' | 'InputSearch' | 'InputTextArea' | 'InputNumber' | 'InputCountDown' | 'Select' | 'TreeSelect' | 'ApiTree' | 'ApiTreeSelect' | 'Radio' | 'RadioButtonGroup' | 'RadioGroup' | 'Checkbox' | 'CheckboxGroup' | 'AutoComplete' | 'Cascader' | 'DatePicker' | 'MonthPicker' | 'RangePicker' | 'WeekPicker' | 'TimePicker' | 'Switch' | 'Upload' | 'IconPicker' | 'Render' | 'Slider' | 'Rate' | 'Divider' | 'Icon';
|
|
15
|
+
export declare type ComponentType = 'Input' | 'InputWithDialog' | 'InputGroup' | 'InputPassword' | 'InputSearch' | 'InputTextArea' | 'InputNumber' | 'InputCountDown' | 'Select' | 'TreeSelect' | 'ApiTree' | 'ApiTreeSelect' | 'Radio' | 'RadioButtonGroup' | 'RadioGroup' | 'Checkbox' | 'CheckboxGroup' | 'AutoComplete' | 'Cascader' | 'DatePicker' | 'MonthPicker' | 'RangePicker' | 'WeekPicker' | 'TimePicker' | 'Switch' | 'Upload' | 'IconPicker' | 'Render' | 'Slider' | 'Rate' | 'Divider' | 'Icon';
|
|
16
16
|
export declare type ColEx = {
|
|
17
17
|
style?: any;
|
|
18
18
|
span?: number | string;
|
|
@@ -102,6 +102,8 @@ export declare type FormSchema = {
|
|
|
102
102
|
labelCol?: Partial<ColEx>;
|
|
103
103
|
wrapperCol?: Partial<ColEx>;
|
|
104
104
|
isAdvanced?: boolean;
|
|
105
|
+
openDialog?: (parms: Recordable) => void;
|
|
106
|
+
linkProps?: string[];
|
|
105
107
|
};
|
|
106
108
|
export declare type FormActionType = {
|
|
107
109
|
setProps: (props: FormProps) => Promise<void>;
|
|
@@ -6,7 +6,10 @@ export declare type ModalMethods = {
|
|
|
6
6
|
redoModalHeight?: () => void;
|
|
7
7
|
};
|
|
8
8
|
export interface ReturnMethods extends ModalMethods {
|
|
9
|
-
openModal:
|
|
9
|
+
openModal: (data?: {
|
|
10
|
+
data?: Recordable;
|
|
11
|
+
afterClose?: (data: Recordable) => void;
|
|
12
|
+
}, openOnSet?: boolean) => void;
|
|
10
13
|
closeModal: () => void;
|
|
11
14
|
getVisible?: ComputedRef<boolean>;
|
|
12
15
|
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Recordable } from "@dt-frames/core";
|
|
2
|
+
import { ComputedRef } from "vue";
|
|
3
|
+
import { BasicTableProps } from "../types/table.type";
|
|
4
|
+
interface Options {
|
|
5
|
+
setSelectedRowKeys: (keys: string[]) => void;
|
|
6
|
+
getSelectRowKeys: () => string[];
|
|
7
|
+
clearSelectedRowKeys: () => void;
|
|
8
|
+
emit: any;
|
|
9
|
+
}
|
|
10
|
+
export declare function useCustomRow(propsRef: ComputedRef<BasicTableProps>, { setSelectedRowKeys, getSelectRowKeys, clearSelectedRowKeys, emit }: Options): {
|
|
11
|
+
customRow: (record: Recordable, index: number) => {
|
|
12
|
+
onClick: (e: any) => void;
|
|
13
|
+
onDblclick: (event: Event) => void;
|
|
14
|
+
onContextmenu: (event: Event) => void;
|
|
15
|
+
onMouseenter: (event: Event) => void;
|
|
16
|
+
onMouseleave: (event: Event) => void;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
10
10
|
type: import("vue").PropType<boolean | import("./types/table.type").TableSetting>;
|
|
11
11
|
default: () => {};
|
|
12
12
|
};
|
|
13
|
+
clickToRowSelect: {
|
|
14
|
+
type: BooleanConstructor;
|
|
15
|
+
default: boolean;
|
|
16
|
+
};
|
|
13
17
|
striped: {
|
|
14
18
|
type: BooleanConstructor;
|
|
15
19
|
default: boolean;
|
|
@@ -264,13 +268,20 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
264
268
|
rowKey: string;
|
|
265
269
|
columns: import("./types/table.type").BasicColumn[];
|
|
266
270
|
tableLayout: string;
|
|
271
|
+
customRow: (record: Recordable<any>, index: number) => {
|
|
272
|
+
onClick: (e: any) => void;
|
|
273
|
+
onDblclick: (event: Event) => void;
|
|
274
|
+
onContextmenu: (event: Event) => void;
|
|
275
|
+
onMouseenter: (event: Event) => void;
|
|
276
|
+
onMouseleave: (event: Event) => void;
|
|
277
|
+
};
|
|
267
278
|
size: SizeType;
|
|
268
279
|
bordered: boolean;
|
|
269
280
|
onDownload: Function;
|
|
270
|
-
customRow: (record: any, index: any) => void;
|
|
271
281
|
childrenColumnName: string;
|
|
272
282
|
clickRowSelect: boolean;
|
|
273
283
|
tableSetting: {};
|
|
284
|
+
clickToRowSelect: boolean;
|
|
274
285
|
striped: boolean;
|
|
275
286
|
canColDrag: boolean;
|
|
276
287
|
resizable: boolean;
|
|
@@ -352,7 +363,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
352
363
|
}>>, filters: Partial<Recordable<string[]>>, sorter: import("./types/table.type").SorterResult) => any;
|
|
353
364
|
getSelectRows: () => Recordable<any>[];
|
|
354
365
|
handleResizeColumn: (w: any, col: any) => void;
|
|
355
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "expanded-rows-change" | "edit-change")[], "register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "expanded-rows-change" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
366
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "expanded-rows-change" | "edit-change")[], "register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "expanded-rows-change" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
356
367
|
clickRowSelect: {
|
|
357
368
|
type: BooleanConstructor;
|
|
358
369
|
default: boolean;
|
|
@@ -361,6 +372,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
361
372
|
type: import("vue").PropType<boolean | import("./types/table.type").TableSetting>;
|
|
362
373
|
default: () => {};
|
|
363
374
|
};
|
|
375
|
+
clickToRowSelect: {
|
|
376
|
+
type: BooleanConstructor;
|
|
377
|
+
default: boolean;
|
|
378
|
+
};
|
|
364
379
|
striped: {
|
|
365
380
|
type: BooleanConstructor;
|
|
366
381
|
default: boolean;
|
|
@@ -550,6 +565,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
550
565
|
"onSelection-change"?: (...args: any[]) => any;
|
|
551
566
|
"onRow-click"?: (...args: any[]) => any;
|
|
552
567
|
"onRow-dbClick"?: (...args: any[]) => any;
|
|
568
|
+
"onRow-contextmenu"?: (...args: any[]) => any;
|
|
569
|
+
"onRow-mouseenter"?: (...args: any[]) => any;
|
|
570
|
+
"onRow-mouseleave"?: (...args: any[]) => any;
|
|
553
571
|
"onExpanded-rows-change"?: (...args: any[]) => any;
|
|
554
572
|
"onEdit-change"?: (...args: any[]) => any;
|
|
555
573
|
}, {
|
|
@@ -567,6 +585,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
567
585
|
rowSelection: any;
|
|
568
586
|
clickRowSelect: boolean;
|
|
569
587
|
tableSetting: {};
|
|
588
|
+
clickToRowSelect: boolean;
|
|
570
589
|
striped: boolean;
|
|
571
590
|
canColDrag: boolean;
|
|
572
591
|
resizable: boolean;
|
|
@@ -2168,6 +2168,10 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
|
|
|
2168
2168
|
type: import("vue").PropType<boolean | import("../../table/src/types/table.type").TableSetting>;
|
|
2169
2169
|
default: () => {};
|
|
2170
2170
|
};
|
|
2171
|
+
clickToRowSelect: {
|
|
2172
|
+
type: BooleanConstructor;
|
|
2173
|
+
default: boolean;
|
|
2174
|
+
};
|
|
2171
2175
|
striped: {
|
|
2172
2176
|
type: BooleanConstructor;
|
|
2173
2177
|
default: boolean;
|
|
@@ -2422,13 +2426,20 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
|
|
|
2422
2426
|
rowKey: string;
|
|
2423
2427
|
columns: import("../../table/src/types/table.type").BasicColumn[];
|
|
2424
2428
|
tableLayout: string;
|
|
2429
|
+
customRow: (record: import("@dt-frames/core").Recordable<any>, index: number) => {
|
|
2430
|
+
onClick: (e: any) => void;
|
|
2431
|
+
onDblclick: (event: Event) => void;
|
|
2432
|
+
onContextmenu: (event: Event) => void;
|
|
2433
|
+
onMouseenter: (event: Event) => void;
|
|
2434
|
+
onMouseleave: (event: Event) => void;
|
|
2435
|
+
};
|
|
2425
2436
|
size: import("../../table/src/types/table.type").SizeType;
|
|
2426
2437
|
bordered: boolean;
|
|
2427
2438
|
onDownload: Function;
|
|
2428
|
-
customRow: (record: any, index: any) => void;
|
|
2429
2439
|
childrenColumnName: string;
|
|
2430
2440
|
clickRowSelect: boolean;
|
|
2431
2441
|
tableSetting: {};
|
|
2442
|
+
clickToRowSelect: boolean;
|
|
2432
2443
|
striped: boolean;
|
|
2433
2444
|
canColDrag: boolean;
|
|
2434
2445
|
resizable: boolean;
|
|
@@ -2510,7 +2521,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
|
|
|
2510
2521
|
}>>, filters: Partial<import("@dt-frames/core").Recordable<string[]>>, sorter: import("../../table/src/types/table.type").SorterResult) => any;
|
|
2511
2522
|
getSelectRows: () => import("@dt-frames/core").Recordable<any>[];
|
|
2512
2523
|
handleResizeColumn: (w: any, col: any) => void;
|
|
2513
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "expanded-rows-change" | "edit-change")[], "register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "expanded-rows-change" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
2524
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "expanded-rows-change" | "edit-change")[], "register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "expanded-rows-change" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
2514
2525
|
clickRowSelect: {
|
|
2515
2526
|
type: BooleanConstructor;
|
|
2516
2527
|
default: boolean;
|
|
@@ -2519,6 +2530,10 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
|
|
|
2519
2530
|
type: import("vue").PropType<boolean | import("../../table/src/types/table.type").TableSetting>;
|
|
2520
2531
|
default: () => {};
|
|
2521
2532
|
};
|
|
2533
|
+
clickToRowSelect: {
|
|
2534
|
+
type: BooleanConstructor;
|
|
2535
|
+
default: boolean;
|
|
2536
|
+
};
|
|
2522
2537
|
striped: {
|
|
2523
2538
|
type: BooleanConstructor;
|
|
2524
2539
|
default: boolean;
|
|
@@ -2708,6 +2723,9 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
|
|
|
2708
2723
|
"onSelection-change"?: (...args: any[]) => any;
|
|
2709
2724
|
"onRow-click"?: (...args: any[]) => any;
|
|
2710
2725
|
"onRow-dbClick"?: (...args: any[]) => any;
|
|
2726
|
+
"onRow-contextmenu"?: (...args: any[]) => any;
|
|
2727
|
+
"onRow-mouseenter"?: (...args: any[]) => any;
|
|
2728
|
+
"onRow-mouseleave"?: (...args: any[]) => any;
|
|
2711
2729
|
"onExpanded-rows-change"?: (...args: any[]) => any;
|
|
2712
2730
|
"onEdit-change"?: (...args: any[]) => any;
|
|
2713
2731
|
}, {
|
|
@@ -2725,6 +2743,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
|
|
|
2725
2743
|
rowSelection: any;
|
|
2726
2744
|
clickRowSelect: boolean;
|
|
2727
2745
|
tableSetting: {};
|
|
2746
|
+
clickToRowSelect: boolean;
|
|
2728
2747
|
striped: boolean;
|
|
2729
2748
|
canColDrag: boolean;
|
|
2730
2749
|
resizable: boolean;
|
|
@@ -1017,6 +1017,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1017
1017
|
type: import("vue").PropType<boolean | import("../../table/src/types/table.type").TableSetting>;
|
|
1018
1018
|
default: () => {};
|
|
1019
1019
|
};
|
|
1020
|
+
clickToRowSelect: {
|
|
1021
|
+
type: BooleanConstructor;
|
|
1022
|
+
default: boolean;
|
|
1023
|
+
};
|
|
1020
1024
|
striped: {
|
|
1021
1025
|
type: BooleanConstructor;
|
|
1022
1026
|
default: boolean;
|
|
@@ -1271,13 +1275,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1271
1275
|
rowKey: string;
|
|
1272
1276
|
columns: import("../../table/src/types/table.type").BasicColumn[];
|
|
1273
1277
|
tableLayout: string;
|
|
1278
|
+
customRow: (record: import("@dt-frames/core").Recordable<any>, index: number) => {
|
|
1279
|
+
onClick: (e: any) => void;
|
|
1280
|
+
onDblclick: (event: Event) => void;
|
|
1281
|
+
onContextmenu: (event: Event) => void;
|
|
1282
|
+
onMouseenter: (event: Event) => void;
|
|
1283
|
+
onMouseleave: (event: Event) => void;
|
|
1284
|
+
};
|
|
1274
1285
|
size: import("../../table/src/types/table.type").SizeType;
|
|
1275
1286
|
bordered: boolean;
|
|
1276
1287
|
onDownload: Function;
|
|
1277
|
-
customRow: (record: any, index: any) => void;
|
|
1278
1288
|
childrenColumnName: string;
|
|
1279
1289
|
clickRowSelect: boolean;
|
|
1280
1290
|
tableSetting: {};
|
|
1291
|
+
clickToRowSelect: boolean;
|
|
1281
1292
|
striped: boolean;
|
|
1282
1293
|
canColDrag: boolean;
|
|
1283
1294
|
resizable: boolean;
|
|
@@ -1359,7 +1370,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1359
1370
|
}>>, filters: Partial<import("@dt-frames/core").Recordable<string[]>>, sorter: import("../../table/src/types/table.type").SorterResult) => any;
|
|
1360
1371
|
getSelectRows: () => import("@dt-frames/core").Recordable<any>[];
|
|
1361
1372
|
handleResizeColumn: (w: any, col: any) => void;
|
|
1362
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "expanded-rows-change" | "edit-change")[], "register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "expanded-rows-change" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1373
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "expanded-rows-change" | "edit-change")[], "register" | "columns-change" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "expanded-rows-change" | "edit-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1363
1374
|
clickRowSelect: {
|
|
1364
1375
|
type: BooleanConstructor;
|
|
1365
1376
|
default: boolean;
|
|
@@ -1368,6 +1379,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1368
1379
|
type: import("vue").PropType<boolean | import("../../table/src/types/table.type").TableSetting>;
|
|
1369
1380
|
default: () => {};
|
|
1370
1381
|
};
|
|
1382
|
+
clickToRowSelect: {
|
|
1383
|
+
type: BooleanConstructor;
|
|
1384
|
+
default: boolean;
|
|
1385
|
+
};
|
|
1371
1386
|
striped: {
|
|
1372
1387
|
type: BooleanConstructor;
|
|
1373
1388
|
default: boolean;
|
|
@@ -1557,6 +1572,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1557
1572
|
"onSelection-change"?: (...args: any[]) => any;
|
|
1558
1573
|
"onRow-click"?: (...args: any[]) => any;
|
|
1559
1574
|
"onRow-dbClick"?: (...args: any[]) => any;
|
|
1575
|
+
"onRow-contextmenu"?: (...args: any[]) => any;
|
|
1576
|
+
"onRow-mouseenter"?: (...args: any[]) => any;
|
|
1577
|
+
"onRow-mouseleave"?: (...args: any[]) => any;
|
|
1560
1578
|
"onExpanded-rows-change"?: (...args: any[]) => any;
|
|
1561
1579
|
"onEdit-change"?: (...args: any[]) => any;
|
|
1562
1580
|
}, {
|
|
@@ -1574,6 +1592,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
1574
1592
|
rowSelection: any;
|
|
1575
1593
|
clickRowSelect: boolean;
|
|
1576
1594
|
tableSetting: {};
|
|
1595
|
+
clickToRowSelect: boolean;
|
|
1577
1596
|
striped: boolean;
|
|
1578
1597
|
canColDrag: boolean;
|
|
1579
1598
|
resizable: boolean;
|