@lx-frontend/wrap-element-ui 1.0.0-beta.7 → 1.0.1-beta.2
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/dist/AddMembers/index.vue.d.ts +31 -0
- package/dist/AuditSteps/index.vue.d.ts +46 -0
- package/dist/DemoComponent/index.vue.d.ts +2 -0
- package/dist/EditableTable/index.vue.d.ts +186 -0
- package/dist/EditableTable/types.d.ts +123 -0
- package/dist/EditableTable/useCellHover.d.ts +11 -0
- package/dist/EditableTable/useColumnHeaderOperation.d.ts +106 -0
- package/dist/EditableTable/useDefaultOperation.d.ts +22 -0
- package/dist/EditableTable/useDragSort.d.ts +15 -0
- package/dist/EditableTable/usePagination.d.ts +13 -0
- package/dist/EditableTable/useRowBgColor.d.ts +16 -0
- package/dist/EditableTable/useViewSetting.d.ts +58 -0
- package/dist/Ellipsis/MultilineEllipsis.vue.d.ts +91 -0
- package/dist/Ellipsis/index.vue.d.ts +89 -0
- package/dist/LxTable/index.vue.d.ts +2 -0
- package/dist/PopoverForm/index.vue.d.ts +50 -0
- package/dist/SearchForm/index.vue.d.ts +105 -0
- package/dist/SearchSelect/index.vue.d.ts +53 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.mjs +40826 -0
- package/dist/singleMessage/index.d.ts +4 -0
- package/package.json +3 -2
- package/src/components/AddMembers/index.vue +40 -32
- package/src/components/EditableTable/index.less +26 -34
- package/src/components/EditableTable/index.vue +35 -108
- package/src/components/EditableTable/types.ts +10 -32
- package/src/components/EditableTable/useColumnHeaderOperation.ts +28 -166
- package/src/components/EditableTable/useDefaultOperation.ts +10 -10
- package/src/components/EditableTable/useDragSort.ts +5 -4
- package/src/components/EditableTable/usePagination.ts +7 -4
- package/src/components/EditableTable/useRowBgColor.ts +3 -3
- package/src/components/EditableTable/useViewSetting.ts +1 -53
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{
|
|
2
|
+
/** 成员数据 */
|
|
3
|
+
technicianOptions: ArrayConstructor;
|
|
4
|
+
/** 获取数据加载中 */
|
|
5
|
+
fetchTechniciansLoading: BooleanConstructor;
|
|
6
|
+
/** 弹窗标题 */
|
|
7
|
+
title: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
default: string;
|
|
10
|
+
};
|
|
11
|
+
}, {}, {
|
|
12
|
+
techniciansSearchQuery: string;
|
|
13
|
+
}, {}, {
|
|
14
|
+
handleCloseTechniciansSelectPopup(show: any): void;
|
|
15
|
+
handleInputTechniciansSearch(query: any): void;
|
|
16
|
+
handleAddTechnician(id: any, item: any): void;
|
|
17
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
|
|
18
|
+
/** 成员数据 */
|
|
19
|
+
technicianOptions: ArrayConstructor;
|
|
20
|
+
/** 获取数据加载中 */
|
|
21
|
+
fetchTechniciansLoading: BooleanConstructor;
|
|
22
|
+
/** 弹窗标题 */
|
|
23
|
+
title: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
}>>, {
|
|
28
|
+
fetchTechniciansLoading: boolean;
|
|
29
|
+
title: string;
|
|
30
|
+
}>;
|
|
31
|
+
export default _default;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{
|
|
2
|
+
candidates: {
|
|
3
|
+
type: ArrayConstructor;
|
|
4
|
+
};
|
|
5
|
+
value: {
|
|
6
|
+
type: ArrayConstructor;
|
|
7
|
+
default(): never[];
|
|
8
|
+
};
|
|
9
|
+
maxSelect: {
|
|
10
|
+
type: NumberConstructor;
|
|
11
|
+
default: number;
|
|
12
|
+
};
|
|
13
|
+
stepNum: {
|
|
14
|
+
type: NumberConstructor;
|
|
15
|
+
default: number;
|
|
16
|
+
};
|
|
17
|
+
}, {}, {}, {
|
|
18
|
+
isAdd(): boolean;
|
|
19
|
+
}, {
|
|
20
|
+
syncSteps(modification: any): void;
|
|
21
|
+
handleEditCandidate(val: any, index: any): void;
|
|
22
|
+
handleDeleteStep(i: any): void;
|
|
23
|
+
handleAddStep(): void;
|
|
24
|
+
isValidateSteps(): boolean;
|
|
25
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
|
|
26
|
+
candidates: {
|
|
27
|
+
type: ArrayConstructor;
|
|
28
|
+
};
|
|
29
|
+
value: {
|
|
30
|
+
type: ArrayConstructor;
|
|
31
|
+
default(): never[];
|
|
32
|
+
};
|
|
33
|
+
maxSelect: {
|
|
34
|
+
type: NumberConstructor;
|
|
35
|
+
default: number;
|
|
36
|
+
};
|
|
37
|
+
stepNum: {
|
|
38
|
+
type: NumberConstructor;
|
|
39
|
+
default: number;
|
|
40
|
+
};
|
|
41
|
+
}>>, {
|
|
42
|
+
value: unknown[];
|
|
43
|
+
maxSelect: number;
|
|
44
|
+
stepNum: number;
|
|
45
|
+
}>;
|
|
46
|
+
export default _default;
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
import { ITableDataItem, IColumnConfig, IDefaultOperationType, IColorList } from './types';
|
|
2
|
+
|
|
3
|
+
interface IProps {
|
|
4
|
+
/** 表格数据 */
|
|
5
|
+
dataList: ITableDataItem[];
|
|
6
|
+
/** 列配置 */
|
|
7
|
+
columnConfig: IColumnConfig[];
|
|
8
|
+
/** 是否展示展开行 */
|
|
9
|
+
hasExpandRow?: boolean;
|
|
10
|
+
/** 是否展示序号 */
|
|
11
|
+
hasIndexColumn?: boolean;
|
|
12
|
+
/** 是否展示选择列 */
|
|
13
|
+
hasSelectionColumn?: boolean;
|
|
14
|
+
/** 是否支持行拖拽 */
|
|
15
|
+
rowDragAble?: boolean;
|
|
16
|
+
/** 表格总条数 */
|
|
17
|
+
total: number;
|
|
18
|
+
/** 自定义列操作,当前支持行编辑(edit),删除(delete),置顶(top) */
|
|
19
|
+
defaultOperations?: IDefaultOperationType[];
|
|
20
|
+
/** 行背景色列表 */
|
|
21
|
+
colorList?: IColorList;
|
|
22
|
+
/** 左侧固定列数 */
|
|
23
|
+
leftFixedCount?: number;
|
|
24
|
+
/** 性能优化参数,调整拖拽的范围 */
|
|
25
|
+
dragSemiRange?: number;
|
|
26
|
+
/** 是否显示加载 */
|
|
27
|
+
loading?: boolean;
|
|
28
|
+
}
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
30
|
+
dataList: () => never[];
|
|
31
|
+
columnConfig: () => never[];
|
|
32
|
+
hasExpandRow: boolean;
|
|
33
|
+
hasIndexColumn: boolean;
|
|
34
|
+
hasSelectionColumn: boolean;
|
|
35
|
+
rowDragAble: boolean;
|
|
36
|
+
total: number;
|
|
37
|
+
defaultOperations: () => never[];
|
|
38
|
+
colorList: () => never[];
|
|
39
|
+
leftFixedCount: number;
|
|
40
|
+
dragSemiRange: number;
|
|
41
|
+
loading: boolean;
|
|
42
|
+
}>, {
|
|
43
|
+
closeAllExpandedRows: () => void;
|
|
44
|
+
elTableRef: any;
|
|
45
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
46
|
+
"selection-change": (selection: any) => void;
|
|
47
|
+
"row-bg-change": (param: {
|
|
48
|
+
colorId: number;
|
|
49
|
+
row: ITableDataItem;
|
|
50
|
+
rowIndex: number;
|
|
51
|
+
}) => void;
|
|
52
|
+
"row-drag-drop": (param: {
|
|
53
|
+
row: any;
|
|
54
|
+
fromIndex: number;
|
|
55
|
+
toIndex: number;
|
|
56
|
+
page: number;
|
|
57
|
+
size: number;
|
|
58
|
+
}) => void;
|
|
59
|
+
"row-delete": (param: {
|
|
60
|
+
row: any;
|
|
61
|
+
index: number;
|
|
62
|
+
page: number;
|
|
63
|
+
size: number;
|
|
64
|
+
}) => void;
|
|
65
|
+
"row-edit": (param: {
|
|
66
|
+
row: any;
|
|
67
|
+
index: number;
|
|
68
|
+
page: number;
|
|
69
|
+
size: number;
|
|
70
|
+
}) => void;
|
|
71
|
+
"row-pin-to-top": (param: {
|
|
72
|
+
row: any;
|
|
73
|
+
rawIndex: number;
|
|
74
|
+
page: number;
|
|
75
|
+
size: number;
|
|
76
|
+
}) => void;
|
|
77
|
+
"row-edit-save": (param: {
|
|
78
|
+
page: number;
|
|
79
|
+
size: number;
|
|
80
|
+
row: any;
|
|
81
|
+
changedData: Record<string, any>;
|
|
82
|
+
}) => void;
|
|
83
|
+
"row-edit-cancel": (param: {
|
|
84
|
+
row: any;
|
|
85
|
+
page: number;
|
|
86
|
+
size: number;
|
|
87
|
+
}) => void;
|
|
88
|
+
"page-change": (param: {
|
|
89
|
+
page: number;
|
|
90
|
+
size: number;
|
|
91
|
+
}) => void;
|
|
92
|
+
}, string, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
|
|
93
|
+
dataList: () => never[];
|
|
94
|
+
columnConfig: () => never[];
|
|
95
|
+
hasExpandRow: boolean;
|
|
96
|
+
hasIndexColumn: boolean;
|
|
97
|
+
hasSelectionColumn: boolean;
|
|
98
|
+
rowDragAble: boolean;
|
|
99
|
+
total: number;
|
|
100
|
+
defaultOperations: () => never[];
|
|
101
|
+
colorList: () => never[];
|
|
102
|
+
leftFixedCount: number;
|
|
103
|
+
dragSemiRange: number;
|
|
104
|
+
loading: boolean;
|
|
105
|
+
}>>>, {
|
|
106
|
+
colorList: IColorList;
|
|
107
|
+
hasExpandRow: boolean;
|
|
108
|
+
dataList: ITableDataItem[];
|
|
109
|
+
columnConfig: IColumnConfig[];
|
|
110
|
+
hasIndexColumn: boolean;
|
|
111
|
+
hasSelectionColumn: boolean;
|
|
112
|
+
rowDragAble: boolean;
|
|
113
|
+
total: number;
|
|
114
|
+
defaultOperations: IDefaultOperationType[];
|
|
115
|
+
leftFixedCount: number;
|
|
116
|
+
dragSemiRange: number;
|
|
117
|
+
loading: boolean;
|
|
118
|
+
}>, Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: {
|
|
119
|
+
[x: string]: any;
|
|
120
|
+
prop: string;
|
|
121
|
+
label: string;
|
|
122
|
+
editType?: import('./types').IEditType | undefined;
|
|
123
|
+
sortable?: boolean | undefined;
|
|
124
|
+
slotName?: string | undefined;
|
|
125
|
+
isAlwaysShow?: boolean | undefined;
|
|
126
|
+
isColumnSearchAble?: boolean | undefined;
|
|
127
|
+
summary?: boolean | undefined;
|
|
128
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
129
|
+
} | {
|
|
130
|
+
[x: string]: any;
|
|
131
|
+
prop: string;
|
|
132
|
+
label: string;
|
|
133
|
+
editType?: import('./types').IEditType | undefined;
|
|
134
|
+
sortable?: boolean | undefined;
|
|
135
|
+
slotName?: string | undefined;
|
|
136
|
+
isAlwaysShow?: boolean | undefined;
|
|
137
|
+
isColumnSearchAble?: boolean | undefined;
|
|
138
|
+
summary?: boolean | undefined;
|
|
139
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
140
|
+
inputType: string | number;
|
|
141
|
+
} | {
|
|
142
|
+
[x: string]: any;
|
|
143
|
+
prop: string;
|
|
144
|
+
label: string;
|
|
145
|
+
editType?: import('./types').IEditType | undefined;
|
|
146
|
+
sortable?: boolean | undefined;
|
|
147
|
+
slotName?: string | undefined;
|
|
148
|
+
isAlwaysShow?: boolean | undefined;
|
|
149
|
+
isColumnSearchAble?: boolean | undefined;
|
|
150
|
+
summary?: boolean | undefined;
|
|
151
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
152
|
+
options: {
|
|
153
|
+
[key: string]: any;
|
|
154
|
+
key: string;
|
|
155
|
+
value: string | number;
|
|
156
|
+
}[];
|
|
157
|
+
}) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<any, (_: {
|
|
158
|
+
scope: any;
|
|
159
|
+
column: IColumnConfig;
|
|
160
|
+
}) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<any, (_: any) => any>> & Partial<Record<any, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
|
|
161
|
+
expand?(_: any): any;
|
|
162
|
+
"custom-operation"?(_: any): any;
|
|
163
|
+
}>;
|
|
164
|
+
export default _default;
|
|
165
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
166
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
167
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
168
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
169
|
+
} : {
|
|
170
|
+
type: import('vue').PropType<T[K]>;
|
|
171
|
+
required: true;
|
|
172
|
+
};
|
|
173
|
+
};
|
|
174
|
+
type __VLS_WithDefaults<P, D> = {
|
|
175
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
176
|
+
default: D[K];
|
|
177
|
+
}> : P[K];
|
|
178
|
+
};
|
|
179
|
+
type __VLS_Prettify<T> = {
|
|
180
|
+
[K in keyof T]: T[K];
|
|
181
|
+
} & {};
|
|
182
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
183
|
+
new (): {
|
|
184
|
+
$scopedSlots: S;
|
|
185
|
+
};
|
|
186
|
+
};
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
export declare enum IEditType {
|
|
2
|
+
INPUT = "input",
|
|
3
|
+
SELECT = "select",
|
|
4
|
+
DATE_ONLY = "date"
|
|
5
|
+
}
|
|
6
|
+
export interface IColumnConfigRequired {
|
|
7
|
+
prop: string;
|
|
8
|
+
label: string;
|
|
9
|
+
editType?: IEditType;
|
|
10
|
+
sortable?: boolean;
|
|
11
|
+
slotName?: string;
|
|
12
|
+
isAlwaysShow?: boolean;
|
|
13
|
+
isColumnSearchAble?: boolean;
|
|
14
|
+
summary?: boolean;
|
|
15
|
+
summaryMethod?: (values: any[]) => string | number;
|
|
16
|
+
[key: string]: any;
|
|
17
|
+
}
|
|
18
|
+
type IInputColumn = IColumnConfigRequired & {
|
|
19
|
+
inputType: string | number;
|
|
20
|
+
};
|
|
21
|
+
type ISelectColumn = IColumnConfigRequired & {
|
|
22
|
+
options: {
|
|
23
|
+
key: string;
|
|
24
|
+
value: string | number;
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
}[];
|
|
27
|
+
};
|
|
28
|
+
type IDateOnlyColumn = IColumnConfigRequired & {};
|
|
29
|
+
type IDateTimeColumn = IColumnConfigRequired & {};
|
|
30
|
+
export type IColumnConfig = IInputColumn | ISelectColumn | IDateOnlyColumn | IDateTimeColumn;
|
|
31
|
+
export type IColorList = {
|
|
32
|
+
name: string;
|
|
33
|
+
textColor: string;
|
|
34
|
+
sampleColor: string;
|
|
35
|
+
bgColor: string;
|
|
36
|
+
id: number;
|
|
37
|
+
default?: boolean;
|
|
38
|
+
}[];
|
|
39
|
+
type IPointLoc = {
|
|
40
|
+
x: number;
|
|
41
|
+
y: number;
|
|
42
|
+
};
|
|
43
|
+
export type IDraggingData = {
|
|
44
|
+
isDragging?: boolean;
|
|
45
|
+
startPosition?: IPointLoc;
|
|
46
|
+
draggingRow?: HTMLElement | HTMLElement[];
|
|
47
|
+
draggingIndex?: number;
|
|
48
|
+
dropIndex?: number;
|
|
49
|
+
rowDoms?: Record<number, HTMLElement[]>;
|
|
50
|
+
rowHeight?: number;
|
|
51
|
+
rowsRange?: ([number, number] | undefined)[];
|
|
52
|
+
hiddenTds?: HTMLElement[];
|
|
53
|
+
fullScreenDiv?: HTMLElement;
|
|
54
|
+
};
|
|
55
|
+
export type IDefaultOperationType = 'edit' | 'delete' | 'top';
|
|
56
|
+
export type ITableDataItem = {
|
|
57
|
+
colorId?: number;
|
|
58
|
+
isPinned?: boolean;
|
|
59
|
+
[k: string]: any;
|
|
60
|
+
};
|
|
61
|
+
export interface IProps {
|
|
62
|
+
dataList: ITableDataItem[];
|
|
63
|
+
columnConfig: IColumnConfig[];
|
|
64
|
+
hasExpandRow?: boolean;
|
|
65
|
+
hasIndexColumn?: boolean;
|
|
66
|
+
hasSelectionColumn?: boolean;
|
|
67
|
+
rowDragAble?: boolean;
|
|
68
|
+
total: number;
|
|
69
|
+
defaultOperations?: IDefaultOperationType[];
|
|
70
|
+
colorList?: IColorList;
|
|
71
|
+
leftFixedCount?: number;
|
|
72
|
+
dragSemiRange?: number;
|
|
73
|
+
loading?: boolean;
|
|
74
|
+
}
|
|
75
|
+
export interface IEmits {
|
|
76
|
+
(e: 'selection-change', selection: any): void;
|
|
77
|
+
(e: 'row-bg-change', param: {
|
|
78
|
+
colorId: number;
|
|
79
|
+
row: ITableDataItem;
|
|
80
|
+
rowIndex: number;
|
|
81
|
+
}): void;
|
|
82
|
+
(e: 'row-drag-drop', param: {
|
|
83
|
+
row: any;
|
|
84
|
+
fromIndex: number;
|
|
85
|
+
toIndex: number;
|
|
86
|
+
page: number;
|
|
87
|
+
size: number;
|
|
88
|
+
}): void;
|
|
89
|
+
(e: 'row-delete', param: {
|
|
90
|
+
row: any;
|
|
91
|
+
index: number;
|
|
92
|
+
page: number;
|
|
93
|
+
size: number;
|
|
94
|
+
}): void;
|
|
95
|
+
(e: 'row-edit', param: {
|
|
96
|
+
row: any;
|
|
97
|
+
index: number;
|
|
98
|
+
page: number;
|
|
99
|
+
size: number;
|
|
100
|
+
}): void;
|
|
101
|
+
(e: 'row-pin-to-top', param: {
|
|
102
|
+
row: any;
|
|
103
|
+
rawIndex: number;
|
|
104
|
+
page: number;
|
|
105
|
+
size: number;
|
|
106
|
+
}): void;
|
|
107
|
+
(e: 'row-edit-save', param: {
|
|
108
|
+
page: number;
|
|
109
|
+
size: number;
|
|
110
|
+
row: any;
|
|
111
|
+
changedData: Record<string, any>;
|
|
112
|
+
}): void;
|
|
113
|
+
(e: 'row-edit-cancel', param: {
|
|
114
|
+
row: any;
|
|
115
|
+
page: number;
|
|
116
|
+
size: number;
|
|
117
|
+
}): void;
|
|
118
|
+
(e: 'page-change', param: {
|
|
119
|
+
page: number;
|
|
120
|
+
size: number;
|
|
121
|
+
}): void;
|
|
122
|
+
}
|
|
123
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export default function useCellHover(tableDomRef: any): {
|
|
2
|
+
hoveringCellInfo: import('vue').Ref<{
|
|
3
|
+
rowIndex: number;
|
|
4
|
+
columnProperty: string;
|
|
5
|
+
}>;
|
|
6
|
+
setCellClassName: ({ column, rowIndex }: {
|
|
7
|
+
column: any;
|
|
8
|
+
rowIndex: any;
|
|
9
|
+
}) => string;
|
|
10
|
+
debouncedHoverHandler: import('lodash').DebouncedFunc<(row: any, column: any, cell: any, event: any) => void>;
|
|
11
|
+
};
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { IColumnConfig, IProps } from './types';
|
|
2
|
+
|
|
3
|
+
interface IUseColumnHeaderOperationParams {
|
|
4
|
+
props: IProps;
|
|
5
|
+
tableDomRef: any;
|
|
6
|
+
sortFilterPopoverRef: any;
|
|
7
|
+
}
|
|
8
|
+
export default function useColumnHeaderOperation({ props, tableDomRef, sortFilterPopoverRef }: IUseColumnHeaderOperationParams): {
|
|
9
|
+
isColumnHeadActive: (column: IColumnConfig) => string | number | boolean;
|
|
10
|
+
handleHeaderPopoverShow: (column: any) => void;
|
|
11
|
+
handleSort: (type: 'ascending' | 'descending', column: any) => void;
|
|
12
|
+
handleHeaderOperationConfirm: (scope: any) => Promise<void>;
|
|
13
|
+
handleHeaderOperationReset: (column: any, scope: any) => Promise<void>;
|
|
14
|
+
summaryList: import('vue').Ref<string[]>;
|
|
15
|
+
tableSummaryMethod: (param: any) => (string | number)[];
|
|
16
|
+
filteredValue: import('vue').Ref<Record<string, string[]>>;
|
|
17
|
+
showColumnHeadSortIcon: (column: IColumnConfig) => any;
|
|
18
|
+
tempSortingColumn: import('vue').Ref<{
|
|
19
|
+
[x: string]: any;
|
|
20
|
+
prop: string;
|
|
21
|
+
label: string;
|
|
22
|
+
editType?: import('./types').IEditType | undefined;
|
|
23
|
+
sortable?: boolean | undefined;
|
|
24
|
+
slotName?: string | undefined;
|
|
25
|
+
isAlwaysShow?: boolean | undefined;
|
|
26
|
+
isColumnSearchAble?: boolean | undefined;
|
|
27
|
+
summary?: boolean | undefined;
|
|
28
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
29
|
+
} | {
|
|
30
|
+
[x: string]: any;
|
|
31
|
+
prop: string;
|
|
32
|
+
label: string;
|
|
33
|
+
editType?: import('./types').IEditType | undefined;
|
|
34
|
+
sortable?: boolean | undefined;
|
|
35
|
+
slotName?: string | undefined;
|
|
36
|
+
isAlwaysShow?: boolean | undefined;
|
|
37
|
+
isColumnSearchAble?: boolean | undefined;
|
|
38
|
+
summary?: boolean | undefined;
|
|
39
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
40
|
+
inputType: string | number;
|
|
41
|
+
} | {
|
|
42
|
+
[x: string]: any;
|
|
43
|
+
prop: string;
|
|
44
|
+
label: string;
|
|
45
|
+
editType?: import('./types').IEditType | undefined;
|
|
46
|
+
sortable?: boolean | undefined;
|
|
47
|
+
slotName?: string | undefined;
|
|
48
|
+
isAlwaysShow?: boolean | undefined;
|
|
49
|
+
isColumnSearchAble?: boolean | undefined;
|
|
50
|
+
summary?: boolean | undefined;
|
|
51
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
52
|
+
options: {
|
|
53
|
+
[x: string]: any;
|
|
54
|
+
key: string;
|
|
55
|
+
value: string | number;
|
|
56
|
+
}[];
|
|
57
|
+
} | null>;
|
|
58
|
+
tempSearchValue: import('vue').Ref<Record<string, string>>;
|
|
59
|
+
tempFilteredValue: import('vue').Ref<Record<string, string[]>>;
|
|
60
|
+
tempSummaryList: import('vue').Ref<string[]>;
|
|
61
|
+
tempSortType: import('vue').Ref<"ascending" | "descending" | null>;
|
|
62
|
+
sortingColumn: import('vue').Ref<{
|
|
63
|
+
[x: string]: any;
|
|
64
|
+
prop: string;
|
|
65
|
+
label: string;
|
|
66
|
+
editType?: import('./types').IEditType | undefined;
|
|
67
|
+
sortable?: boolean | undefined;
|
|
68
|
+
slotName?: string | undefined;
|
|
69
|
+
isAlwaysShow?: boolean | undefined;
|
|
70
|
+
isColumnSearchAble?: boolean | undefined;
|
|
71
|
+
summary?: boolean | undefined;
|
|
72
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
73
|
+
} | {
|
|
74
|
+
[x: string]: any;
|
|
75
|
+
prop: string;
|
|
76
|
+
label: string;
|
|
77
|
+
editType?: import('./types').IEditType | undefined;
|
|
78
|
+
sortable?: boolean | undefined;
|
|
79
|
+
slotName?: string | undefined;
|
|
80
|
+
isAlwaysShow?: boolean | undefined;
|
|
81
|
+
isColumnSearchAble?: boolean | undefined;
|
|
82
|
+
summary?: boolean | undefined;
|
|
83
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
84
|
+
inputType: string | number;
|
|
85
|
+
} | {
|
|
86
|
+
[x: string]: any;
|
|
87
|
+
prop: string;
|
|
88
|
+
label: string;
|
|
89
|
+
editType?: import('./types').IEditType | undefined;
|
|
90
|
+
sortable?: boolean | undefined;
|
|
91
|
+
slotName?: string | undefined;
|
|
92
|
+
isAlwaysShow?: boolean | undefined;
|
|
93
|
+
isColumnSearchAble?: boolean | undefined;
|
|
94
|
+
summary?: boolean | undefined;
|
|
95
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
96
|
+
options: {
|
|
97
|
+
[x: string]: any;
|
|
98
|
+
key: string;
|
|
99
|
+
value: string | number;
|
|
100
|
+
}[];
|
|
101
|
+
} | null>;
|
|
102
|
+
isColumnFiltering: import('vue').ComputedRef<boolean>;
|
|
103
|
+
searchValue: import('vue').Ref<Record<string, string>>;
|
|
104
|
+
inSorting: import('vue').Ref<boolean>;
|
|
105
|
+
};
|
|
106
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { IEmits } from './types';
|
|
3
|
+
|
|
4
|
+
interface IParams {
|
|
5
|
+
emit: IEmits;
|
|
6
|
+
pageSize: Ref<number>;
|
|
7
|
+
currentPage: Ref<number>;
|
|
8
|
+
tableDomRef: Ref<any>;
|
|
9
|
+
hasExpandRow: boolean;
|
|
10
|
+
}
|
|
11
|
+
export default function useDefaultOperation({ emit, pageSize, currentPage, tableDomRef, hasExpandRow }: IParams): {
|
|
12
|
+
operationPopoverRef: any;
|
|
13
|
+
editingRowData: Ref<Record<string, any>>;
|
|
14
|
+
editingRowIndex: Ref<number>;
|
|
15
|
+
handleDelete: (row: any, index: any) => void;
|
|
16
|
+
closeAllExpandedRows: () => void;
|
|
17
|
+
handleEdit: (scope: any) => void;
|
|
18
|
+
handleEditSave: (row: any) => void;
|
|
19
|
+
handleEditCancel: (row: any) => void;
|
|
20
|
+
handleRowPinToTop: (scope: any) => void;
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
import { IColumnConfig, IEmits, IProps } from './types';
|
|
3
|
+
|
|
4
|
+
interface IUseDragSortParams {
|
|
5
|
+
props: IProps;
|
|
6
|
+
emit: IEmits;
|
|
7
|
+
viewSettingDragSortOptions: Ref<IColumnConfig[]>;
|
|
8
|
+
beforeDragStart: () => boolean;
|
|
9
|
+
currScope: Ref<any>;
|
|
10
|
+
currentPage: Ref<number>;
|
|
11
|
+
pageSize: Ref<number>;
|
|
12
|
+
tableDomRef: Ref<any>;
|
|
13
|
+
}
|
|
14
|
+
export default function useDragSort({ props, emit, viewSettingDragSortOptions, currentPage, pageSize, beforeDragStart, currScope, tableDomRef }: IUseDragSortParams): void;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { IEmits } from './types';
|
|
2
|
+
|
|
3
|
+
interface IParams {
|
|
4
|
+
emit: IEmits;
|
|
5
|
+
beforePageChange: () => void;
|
|
6
|
+
}
|
|
7
|
+
export default function usePagination({ emit, beforePageChange }: IParams): {
|
|
8
|
+
pageSize: import('vue').Ref<number>;
|
|
9
|
+
currentPage: import('vue').Ref<number>;
|
|
10
|
+
handlePageSizeChange: (size: number) => void;
|
|
11
|
+
handleCurrPageChange: (curr: number) => void;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { IColorList, IEmits } from './types';
|
|
2
|
+
|
|
3
|
+
interface IUseRowBgColorParams {
|
|
4
|
+
colorList: IColorList;
|
|
5
|
+
emit: IEmits;
|
|
6
|
+
}
|
|
7
|
+
export default function useRowBgColor({ colorList, emit }: IUseRowBgColorParams): {
|
|
8
|
+
isDefaultColor: (id: number) => boolean | undefined;
|
|
9
|
+
getColorById: (id: number, type?: 'bg' | 'sample') => string;
|
|
10
|
+
setRowStyle: (scope: any) => {
|
|
11
|
+
backgroundColor: string;
|
|
12
|
+
};
|
|
13
|
+
handleColorChange: (colorId: number, scope: any) => Promise<void>;
|
|
14
|
+
colorPopoverRef: any;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { ComputedRef, Ref } from 'vue';
|
|
2
|
+
import { IColumnConfig, IProps } from './types';
|
|
3
|
+
|
|
4
|
+
interface IViewSettingParams {
|
|
5
|
+
tableDomRef: any;
|
|
6
|
+
showingColumns: Ref<string[]>;
|
|
7
|
+
actualColumns: ComputedRef<IColumnConfig[]>;
|
|
8
|
+
props: IProps;
|
|
9
|
+
}
|
|
10
|
+
export default function useViewSetting({ tableDomRef, showingColumns, actualColumns, props }: IViewSettingParams): {
|
|
11
|
+
viewSettingDragSortOptions: Ref<({
|
|
12
|
+
[x: string]: any;
|
|
13
|
+
prop: string;
|
|
14
|
+
label: string;
|
|
15
|
+
editType?: import('./types').IEditType | undefined;
|
|
16
|
+
sortable?: boolean | undefined;
|
|
17
|
+
slotName?: string | undefined;
|
|
18
|
+
isAlwaysShow?: boolean | undefined;
|
|
19
|
+
isColumnSearchAble?: boolean | undefined;
|
|
20
|
+
summary?: boolean | undefined;
|
|
21
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
22
|
+
} | {
|
|
23
|
+
[x: string]: any;
|
|
24
|
+
prop: string;
|
|
25
|
+
label: string;
|
|
26
|
+
editType?: import('./types').IEditType | undefined;
|
|
27
|
+
sortable?: boolean | undefined;
|
|
28
|
+
slotName?: string | undefined;
|
|
29
|
+
isAlwaysShow?: boolean | undefined;
|
|
30
|
+
isColumnSearchAble?: boolean | undefined;
|
|
31
|
+
summary?: boolean | undefined;
|
|
32
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
33
|
+
inputType: string | number;
|
|
34
|
+
} | {
|
|
35
|
+
[x: string]: any;
|
|
36
|
+
prop: string;
|
|
37
|
+
label: string;
|
|
38
|
+
editType?: import('./types').IEditType | undefined;
|
|
39
|
+
sortable?: boolean | undefined;
|
|
40
|
+
slotName?: string | undefined;
|
|
41
|
+
isAlwaysShow?: boolean | undefined;
|
|
42
|
+
isColumnSearchAble?: boolean | undefined;
|
|
43
|
+
summary?: boolean | undefined;
|
|
44
|
+
summaryMethod?: ((values: any[]) => string | number) | undefined;
|
|
45
|
+
options: {
|
|
46
|
+
[x: string]: any;
|
|
47
|
+
key: string;
|
|
48
|
+
value: string | number;
|
|
49
|
+
}[];
|
|
50
|
+
})[]>;
|
|
51
|
+
columnsToBeShown: Ref<string[]>;
|
|
52
|
+
viewSettingVisible: Ref<boolean>;
|
|
53
|
+
leftFixedColumnCount: Ref<number>;
|
|
54
|
+
handleViewSettingShow: () => void;
|
|
55
|
+
handleViewSettingClose: () => void;
|
|
56
|
+
handleViewSettingConfirm: () => Promise<void>;
|
|
57
|
+
};
|
|
58
|
+
export {};
|