@xn-lib/component 0.1.36 → 0.1.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.iife.js +1 -1
  4. package/dist/index.mjs +2 -2
  5. package/dist/index.umd.js +1 -1
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/dist/types/table/composables/index.d.ts +10 -0
  8. package/dist/types/table/composables/store.d.ts +181 -182
  9. package/dist/types/table/composables/useAutoHeight.d.ts +6 -0
  10. package/dist/types/table/composables/useColumns.d.ts +11 -0
  11. package/dist/types/table/composables/useFilter.d.ts +7 -0
  12. package/dist/types/table/composables/useModal.d.ts +25 -0
  13. package/dist/types/table/composables/useModalHandlers.d.ts +5 -0
  14. package/dist/types/table/composables/usePagination.d.ts +11 -0
  15. package/dist/types/table/composables/useRequest.d.ts +14 -0
  16. package/dist/types/table/composables/useSearch.d.ts +9 -0
  17. package/dist/types/table/composables/useSelection.d.ts +22 -0
  18. package/dist/types/table/composables/useSelectionSync.d.ts +4 -0
  19. package/package.json +1 -1
package/dist/types/table/composables/index.d.ts CHANGED
@@ -1,2 +1,12 @@
1
1
  export { useTableProvider, useTableStore } from './store';
2
2
  export type { TableStore } from './store';
3
+ export { useSelection } from './useSelection';
4
+ export { usePagination } from './usePagination';
5
+ export { useSearch } from './useSearch';
6
+ export { useColumns } from './useColumns';
7
+ export { useRequest } from './useRequest';
8
+ export { useFilter } from './useFilter';
9
+ export { useModal } from './useModal';
10
+ export { useAutoHeight } from './useAutoHeight';
11
+ export { useSelectionSync } from './useSelectionSync';
12
+ export { useModalHandlers } from './useModalHandlers';
package/dist/types/table/composables/store.d.ts CHANGED
@@ -1,19 +1,54 @@
1
- import type { TableColumn, SelectionConfig, PaginationConfig } from '../../types';
1
+ import type { SelectionConfig } from '../../types';
2
2
  import type { TableProps } from '../props';
3
- import { CheckboxValueType } from 'element-plus';
4
3
  declare const tableStore: {
5
4
  provider: (props: TableProps) => {
6
5
  selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
7
6
  selectedRows: import("vue").ShallowRef<any[], any[]>;
7
+ hasSelection: import("vue").ComputedRef<boolean>;
8
+ selectionConfig: import("vue").ComputedRef<SelectionConfig>;
9
+ selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
10
+ selectionType: import("vue").ComputedRef<any>;
11
+ singleSelectedKey: import("vue").ComputedRef<any>;
12
+ getKeyValue: (row: any) => any;
13
+ getRowKey: (row: any) => any;
14
+ toggleSelection: (row: any, _getRowKey: (row: any) => any) => void;
15
+ setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
16
+ clearSelection: () => void;
17
+ handleSelectionChange: (selection: any[]) => void;
18
+ handleSelectAll: (selection: any[]) => void;
19
+ getSelectedKeys: () => any[];
20
+ getSelectedRows: () => any[];
21
+ isSingleSelected: (row: any) => boolean;
22
+ handleSingleSelect: (row: any, selected: any) => void;
8
23
  currentPage: import("vue").Ref<number, number>;
9
24
  pageSize: import("vue").Ref<number, number>;
25
+ paginationConfig: import("vue").ComputedRef<import("../../types").PaginationConfig>;
26
+ paginationEnabled: import("vue").ComputedRef<boolean>;
27
+ pageSizeOptions: import("vue").ComputedRef<number[]>;
28
+ setCurrentPage: (page: number) => void;
29
+ setPageSize: (size: number) => void;
10
30
  searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
31
+ visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
32
+ updateSearchParam: (key: string, value: any) => void;
33
+ setSearchFields: (fields: Record<string, any>) => void;
34
+ resetSearch: () => void;
35
+ getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
11
36
  visibleColumns: import("vue").Ref<string[], string[]>;
12
- rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
13
- filteredData: import("vue").Ref<any[], any[]>;
37
+ rawColumns: import("vue").ShallowRef<import("../../types").TableColumn[], import("../../types").TableColumn[]>;
38
+ visibleColumnList: import("vue").ComputedRef<import("../../types").TableColumn[]>;
39
+ setVisibleColumns: (columns: string[]) => void;
40
+ toggleColumn: (key: string) => void;
41
+ isRequestMode: import("vue").ComputedRef<boolean>;
42
+ autoLoad: import("vue").ComputedRef<boolean>;
43
+ autoRequest: import("vue").ComputedRef<boolean>;
14
44
  requestData: import("vue").Ref<any[], any[]>;
15
45
  requestTotal: import("vue").Ref<number, number>;
16
46
  requestLoading: import("vue").Ref<boolean, boolean>;
47
+ loading: import("vue").ComputedRef<boolean>;
48
+ load: (emit?: (name: string, data: any) => void) => Promise<void>;
49
+ filteredData: import("vue").Ref<any[], any[]>;
50
+ handleFilter: () => void;
51
+ resetFilter: () => void;
17
52
  modalMap: import("vue").Ref<Map<string, {
18
53
  visible: boolean;
19
54
  data?: any;
@@ -30,20 +65,13 @@ declare const tableStore: {
30
65
  visible: boolean;
31
66
  data?: any;
32
67
  }>, keyof Map<any, any>>)>;
33
- hasSelection: import("vue").ComputedRef<boolean>;
34
- selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
35
- selectionType: import("vue").ComputedRef<any>;
36
- selectionConfig: import("vue").ComputedRef<SelectionConfig>;
37
- singleSelectedKey: import("vue").ComputedRef<any>;
38
- paginationEnabled: import("vue").ComputedRef<boolean>;
39
- paginationConfig: import("vue").ComputedRef<PaginationConfig>;
40
- pageSizeOptions: import("vue").ComputedRef<number[]>;
41
- visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
42
- visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
43
- isRequestMode: import("vue").ComputedRef<boolean>;
44
- autoLoad: import("vue").ComputedRef<boolean>;
45
- autoRequest: import("vue").ComputedRef<boolean>;
46
- loading: import("vue").ComputedRef<boolean>;
68
+ getModal: (key: string) => {
69
+ visible: boolean;
70
+ data?: any;
71
+ } | undefined;
72
+ openModal: (key: string, data?: any) => void;
73
+ closeModal: (key: string) => void;
74
+ closeAllModals: () => void;
47
75
  autoTotal: import("vue").ComputedRef<number>;
48
76
  displayData: import("vue").ComputedRef<any[]>;
49
77
  tableConfig: import("vue").ComputedRef<{
@@ -66,52 +94,59 @@ declare const tableStore: {
66
94
  left: import("../../types").ToolbarButton[];
67
95
  right: import("../../types").ToolbarButton[];
68
96
  }>;
69
- toggleSelection: (row: any, getRowKey: (row: any) => any) => void;
70
- setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
71
- clearSelection: () => void;
72
- setCurrentPage: (page: number) => void;
73
- setPageSize: (size: number) => void;
74
- updateSearchParam: (key: string, value: any) => void;
75
- setSearchFields: (fields: Record<string, any>) => void;
76
- resetSearch: () => void;
77
- getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
78
- setVisibleColumns: (columns: string[]) => void;
79
- toggleColumn: (key: string) => void;
80
97
  init: (config: {
81
- columns: TableColumn[];
98
+ columns: any[];
82
99
  selectionConfig?: boolean | SelectionConfig;
83
100
  }) => void;
84
- getRowKey: (row: any) => any;
101
+ };
102
+ useStore: () => {
103
+ selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
104
+ selectedRows: import("vue").ShallowRef<any[], any[]>;
105
+ hasSelection: import("vue").ComputedRef<boolean>;
106
+ selectionConfig: import("vue").ComputedRef<SelectionConfig>;
107
+ selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
108
+ selectionType: import("vue").ComputedRef<any>;
109
+ singleSelectedKey: import("vue").ComputedRef<any>;
85
110
  getKeyValue: (row: any) => any;
111
+ getRowKey: (row: any) => any;
112
+ toggleSelection: (row: any, _getRowKey: (row: any) => any) => void;
113
+ setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
114
+ clearSelection: () => void;
86
115
  handleSelectionChange: (selection: any[]) => void;
87
116
  handleSelectAll: (selection: any[]) => void;
88
117
  getSelectedKeys: () => any[];
89
118
  getSelectedRows: () => any[];
90
119
  isSingleSelected: (row: any) => boolean;
91
- handleSingleSelect: (row: any, selected: CheckboxValueType) => void;
92
- handleFilter: () => void;
93
- resetFilter: () => void;
94
- load: (emit?: (name: string, data: any) => void) => Promise<void>;
95
- openModal: (key: string, data?: any) => void;
96
- closeModal: (key: string) => void;
97
- closeAllModals: () => void;
98
- getModal: (key: string) => {
99
- visible: boolean;
100
- data?: any;
101
- } | undefined;
102
- };
103
- useStore: () => {
104
- selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
105
- selectedRows: import("vue").ShallowRef<any[], any[]>;
120
+ handleSingleSelect: (row: any, selected: any) => void;
106
121
  currentPage: import("vue").Ref<number, number>;
107
122
  pageSize: import("vue").Ref<number, number>;
123
+ paginationConfig: import("vue").ComputedRef<import("../../types").PaginationConfig>;
124
+ paginationEnabled: import("vue").ComputedRef<boolean>;
125
+ pageSizeOptions: import("vue").ComputedRef<number[]>;
126
+ setCurrentPage: (page: number) => void;
127
+ setPageSize: (size: number) => void;
108
128
  searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
129
+ visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
130
+ updateSearchParam: (key: string, value: any) => void;
131
+ setSearchFields: (fields: Record<string, any>) => void;
132
+ resetSearch: () => void;
133
+ getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
109
134
  visibleColumns: import("vue").Ref<string[], string[]>;
110
- rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
111
- filteredData: import("vue").Ref<any[], any[]>;
135
+ rawColumns: import("vue").ShallowRef<import("../../types").TableColumn[], import("../../types").TableColumn[]>;
136
+ visibleColumnList: import("vue").ComputedRef<import("../../types").TableColumn[]>;
137
+ setVisibleColumns: (columns: string[]) => void;
138
+ toggleColumn: (key: string) => void;
139
+ isRequestMode: import("vue").ComputedRef<boolean>;
140
+ autoLoad: import("vue").ComputedRef<boolean>;
141
+ autoRequest: import("vue").ComputedRef<boolean>;
112
142
  requestData: import("vue").Ref<any[], any[]>;
113
143
  requestTotal: import("vue").Ref<number, number>;
114
144
  requestLoading: import("vue").Ref<boolean, boolean>;
145
+ loading: import("vue").ComputedRef<boolean>;
146
+ load: (emit?: (name: string, data: any) => void) => Promise<void>;
147
+ filteredData: import("vue").Ref<any[], any[]>;
148
+ handleFilter: () => void;
149
+ resetFilter: () => void;
115
150
  modalMap: import("vue").Ref<Map<string, {
116
151
  visible: boolean;
117
152
  data?: any;
@@ -128,20 +163,13 @@ declare const tableStore: {
128
163
  visible: boolean;
129
164
  data?: any;
130
165
  }>, keyof Map<any, any>>)>;
131
- hasSelection: import("vue").ComputedRef<boolean>;
132
- selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
133
- selectionType: import("vue").ComputedRef<any>;
134
- selectionConfig: import("vue").ComputedRef<SelectionConfig>;
135
- singleSelectedKey: import("vue").ComputedRef<any>;
136
- paginationEnabled: import("vue").ComputedRef<boolean>;
137
- paginationConfig: import("vue").ComputedRef<PaginationConfig>;
138
- pageSizeOptions: import("vue").ComputedRef<number[]>;
139
- visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
140
- visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
141
- isRequestMode: import("vue").ComputedRef<boolean>;
142
- autoLoad: import("vue").ComputedRef<boolean>;
143
- autoRequest: import("vue").ComputedRef<boolean>;
144
- loading: import("vue").ComputedRef<boolean>;
166
+ getModal: (key: string) => {
167
+ visible: boolean;
168
+ data?: any;
169
+ } | undefined;
170
+ openModal: (key: string, data?: any) => void;
171
+ closeModal: (key: string) => void;
172
+ closeAllModals: () => void;
145
173
  autoTotal: import("vue").ComputedRef<number>;
146
174
  displayData: import("vue").ComputedRef<any[]>;
147
175
  tableConfig: import("vue").ComputedRef<{
@@ -164,53 +192,60 @@ declare const tableStore: {
164
192
  left: import("../../types").ToolbarButton[];
165
193
  right: import("../../types").ToolbarButton[];
166
194
  }>;
167
- toggleSelection: (row: any, getRowKey: (row: any) => any) => void;
168
- setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
169
- clearSelection: () => void;
170
- setCurrentPage: (page: number) => void;
171
- setPageSize: (size: number) => void;
172
- updateSearchParam: (key: string, value: any) => void;
173
- setSearchFields: (fields: Record<string, any>) => void;
174
- resetSearch: () => void;
175
- getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
176
- setVisibleColumns: (columns: string[]) => void;
177
- toggleColumn: (key: string) => void;
178
195
  init: (config: {
179
- columns: TableColumn[];
196
+ columns: any[];
180
197
  selectionConfig?: boolean | SelectionConfig;
181
198
  }) => void;
182
- getRowKey: (row: any) => any;
183
- getKeyValue: (row: any) => any;
184
- handleSelectionChange: (selection: any[]) => void;
185
- handleSelectAll: (selection: any[]) => void;
186
- getSelectedKeys: () => any[];
187
- getSelectedRows: () => any[];
188
- isSingleSelected: (row: any) => boolean;
189
- handleSingleSelect: (row: any, selected: CheckboxValueType) => void;
190
- handleFilter: () => void;
191
- resetFilter: () => void;
192
- load: (emit?: (name: string, data: any) => void) => Promise<void>;
193
- openModal: (key: string, data?: any) => void;
194
- closeModal: (key: string) => void;
195
- closeAllModals: () => void;
196
- getModal: (key: string) => {
197
- visible: boolean;
198
- data?: any;
199
- } | undefined;
200
199
  };
201
200
  };
202
201
  export declare const useTableProvider: (props: TableProps) => {
203
202
  selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
204
203
  selectedRows: import("vue").ShallowRef<any[], any[]>;
204
+ hasSelection: import("vue").ComputedRef<boolean>;
205
+ selectionConfig: import("vue").ComputedRef<SelectionConfig>;
206
+ selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
207
+ selectionType: import("vue").ComputedRef<any>;
208
+ singleSelectedKey: import("vue").ComputedRef<any>;
209
+ getKeyValue: (row: any) => any;
210
+ getRowKey: (row: any) => any;
211
+ toggleSelection: (row: any, _getRowKey: (row: any) => any) => void;
212
+ setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
213
+ clearSelection: () => void;
214
+ handleSelectionChange: (selection: any[]) => void;
215
+ handleSelectAll: (selection: any[]) => void;
216
+ getSelectedKeys: () => any[];
217
+ getSelectedRows: () => any[];
218
+ isSingleSelected: (row: any) => boolean;
219
+ handleSingleSelect: (row: any, selected: any) => void;
205
220
  currentPage: import("vue").Ref<number, number>;
206
221
  pageSize: import("vue").Ref<number, number>;
222
+ paginationConfig: import("vue").ComputedRef<import("../../types").PaginationConfig>;
223
+ paginationEnabled: import("vue").ComputedRef<boolean>;
224
+ pageSizeOptions: import("vue").ComputedRef<number[]>;
225
+ setCurrentPage: (page: number) => void;
226
+ setPageSize: (size: number) => void;
207
227
  searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
228
+ visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
229
+ updateSearchParam: (key: string, value: any) => void;
230
+ setSearchFields: (fields: Record<string, any>) => void;
231
+ resetSearch: () => void;
232
+ getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
208
233
  visibleColumns: import("vue").Ref<string[], string[]>;
209
- rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
210
- filteredData: import("vue").Ref<any[], any[]>;
234
+ rawColumns: import("vue").ShallowRef<import("../../types").TableColumn[], import("../../types").TableColumn[]>;
235
+ visibleColumnList: import("vue").ComputedRef<import("../../types").TableColumn[]>;
236
+ setVisibleColumns: (columns: string[]) => void;
237
+ toggleColumn: (key: string) => void;
238
+ isRequestMode: import("vue").ComputedRef<boolean>;
239
+ autoLoad: import("vue").ComputedRef<boolean>;
240
+ autoRequest: import("vue").ComputedRef<boolean>;
211
241
  requestData: import("vue").Ref<any[], any[]>;
212
242
  requestTotal: import("vue").Ref<number, number>;
213
243
  requestLoading: import("vue").Ref<boolean, boolean>;
244
+ loading: import("vue").ComputedRef<boolean>;
245
+ load: (emit?: (name: string, data: any) => void) => Promise<void>;
246
+ filteredData: import("vue").Ref<any[], any[]>;
247
+ handleFilter: () => void;
248
+ resetFilter: () => void;
214
249
  modalMap: import("vue").Ref<Map<string, {
215
250
  visible: boolean;
216
251
  data?: any;
@@ -227,20 +262,13 @@ export declare const useTableProvider: (props: TableProps) => {
227
262
  visible: boolean;
228
263
  data?: any;
229
264
  }>, keyof Map<any, any>>)>;
230
- hasSelection: import("vue").ComputedRef<boolean>;
231
- selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
232
- selectionType: import("vue").ComputedRef<any>;
233
- selectionConfig: import("vue").ComputedRef<SelectionConfig>;
234
- singleSelectedKey: import("vue").ComputedRef<any>;
235
- paginationEnabled: import("vue").ComputedRef<boolean>;
236
- paginationConfig: import("vue").ComputedRef<PaginationConfig>;
237
- pageSizeOptions: import("vue").ComputedRef<number[]>;
238
- visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
239
- visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
240
- isRequestMode: import("vue").ComputedRef<boolean>;
241
- autoLoad: import("vue").ComputedRef<boolean>;
242
- autoRequest: import("vue").ComputedRef<boolean>;
243
- loading: import("vue").ComputedRef<boolean>;
265
+ getModal: (key: string) => {
266
+ visible: boolean;
267
+ data?: any;
268
+ } | undefined;
269
+ openModal: (key: string, data?: any) => void;
270
+ closeModal: (key: string) => void;
271
+ closeAllModals: () => void;
244
272
  autoTotal: import("vue").ComputedRef<number>;
245
273
  displayData: import("vue").ComputedRef<any[]>;
246
274
  tableConfig: import("vue").ComputedRef<{
@@ -263,52 +291,59 @@ export declare const useTableProvider: (props: TableProps) => {
263
291
  left: import("../../types").ToolbarButton[];
264
292
  right: import("../../types").ToolbarButton[];
265
293
  }>;
266
- toggleSelection: (row: any, getRowKey: (row: any) => any) => void;
267
- setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
268
- clearSelection: () => void;
269
- setCurrentPage: (page: number) => void;
270
- setPageSize: (size: number) => void;
271
- updateSearchParam: (key: string, value: any) => void;
272
- setSearchFields: (fields: Record<string, any>) => void;
273
- resetSearch: () => void;
274
- getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
275
- setVisibleColumns: (columns: string[]) => void;
276
- toggleColumn: (key: string) => void;
277
294
  init: (config: {
278
- columns: TableColumn[];
295
+ columns: any[];
279
296
  selectionConfig?: boolean | SelectionConfig;
280
297
  }) => void;
281
- getRowKey: (row: any) => any;
298
+ };
299
+ export declare const useTableStore: () => {
300
+ selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
301
+ selectedRows: import("vue").ShallowRef<any[], any[]>;
302
+ hasSelection: import("vue").ComputedRef<boolean>;
303
+ selectionConfig: import("vue").ComputedRef<SelectionConfig>;
304
+ selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
305
+ selectionType: import("vue").ComputedRef<any>;
306
+ singleSelectedKey: import("vue").ComputedRef<any>;
282
307
  getKeyValue: (row: any) => any;
308
+ getRowKey: (row: any) => any;
309
+ toggleSelection: (row: any, _getRowKey: (row: any) => any) => void;
310
+ setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
311
+ clearSelection: () => void;
283
312
  handleSelectionChange: (selection: any[]) => void;
284
313
  handleSelectAll: (selection: any[]) => void;
285
314
  getSelectedKeys: () => any[];
286
315
  getSelectedRows: () => any[];
287
316
  isSingleSelected: (row: any) => boolean;
288
- handleSingleSelect: (row: any, selected: CheckboxValueType) => void;
289
- handleFilter: () => void;
290
- resetFilter: () => void;
291
- load: (emit?: (name: string, data: any) => void) => Promise<void>;
292
- openModal: (key: string, data?: any) => void;
293
- closeModal: (key: string) => void;
294
- closeAllModals: () => void;
295
- getModal: (key: string) => {
296
- visible: boolean;
297
- data?: any;
298
- } | undefined;
299
- };
300
- export declare const useTableStore: () => {
301
- selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
302
- selectedRows: import("vue").ShallowRef<any[], any[]>;
317
+ handleSingleSelect: (row: any, selected: any) => void;
303
318
  currentPage: import("vue").Ref<number, number>;
304
319
  pageSize: import("vue").Ref<number, number>;
320
+ paginationConfig: import("vue").ComputedRef<import("../../types").PaginationConfig>;
321
+ paginationEnabled: import("vue").ComputedRef<boolean>;
322
+ pageSizeOptions: import("vue").ComputedRef<number[]>;
323
+ setCurrentPage: (page: number) => void;
324
+ setPageSize: (size: number) => void;
305
325
  searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
326
+ visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
327
+ updateSearchParam: (key: string, value: any) => void;
328
+ setSearchFields: (fields: Record<string, any>) => void;
329
+ resetSearch: () => void;
330
+ getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
306
331
  visibleColumns: import("vue").Ref<string[], string[]>;
307
- rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
308
- filteredData: import("vue").Ref<any[], any[]>;
332
+ rawColumns: import("vue").ShallowRef<import("../../types").TableColumn[], import("../../types").TableColumn[]>;
333
+ visibleColumnList: import("vue").ComputedRef<import("../../types").TableColumn[]>;
334
+ setVisibleColumns: (columns: string[]) => void;
335
+ toggleColumn: (key: string) => void;
336
+ isRequestMode: import("vue").ComputedRef<boolean>;
337
+ autoLoad: import("vue").ComputedRef<boolean>;
338
+ autoRequest: import("vue").ComputedRef<boolean>;
309
339
  requestData: import("vue").Ref<any[], any[]>;
310
340
  requestTotal: import("vue").Ref<number, number>;
311
341
  requestLoading: import("vue").Ref<boolean, boolean>;
342
+ loading: import("vue").ComputedRef<boolean>;
343
+ load: (emit?: (name: string, data: any) => void) => Promise<void>;
344
+ filteredData: import("vue").Ref<any[], any[]>;
345
+ handleFilter: () => void;
346
+ resetFilter: () => void;
312
347
  modalMap: import("vue").Ref<Map<string, {
313
348
  visible: boolean;
314
349
  data?: any;
@@ -325,20 +360,13 @@ export declare const useTableStore: () => {
325
360
  visible: boolean;
326
361
  data?: any;
327
362
  }>, keyof Map<any, any>>)>;
328
- hasSelection: import("vue").ComputedRef<boolean>;
329
- selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
330
- selectionType: import("vue").ComputedRef<any>;
331
- selectionConfig: import("vue").ComputedRef<SelectionConfig>;
332
- singleSelectedKey: import("vue").ComputedRef<any>;
333
- paginationEnabled: import("vue").ComputedRef<boolean>;
334
- paginationConfig: import("vue").ComputedRef<PaginationConfig>;
335
- pageSizeOptions: import("vue").ComputedRef<number[]>;
336
- visibleSearchConfig: import("vue").ComputedRef<import("../../types").SearchConfig[]>;
337
- visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
338
- isRequestMode: import("vue").ComputedRef<boolean>;
339
- autoLoad: import("vue").ComputedRef<boolean>;
340
- autoRequest: import("vue").ComputedRef<boolean>;
341
- loading: import("vue").ComputedRef<boolean>;
363
+ getModal: (key: string) => {
364
+ visible: boolean;
365
+ data?: any;
366
+ } | undefined;
367
+ openModal: (key: string, data?: any) => void;
368
+ closeModal: (key: string) => void;
369
+ closeAllModals: () => void;
342
370
  autoTotal: import("vue").ComputedRef<number>;
343
371
  displayData: import("vue").ComputedRef<any[]>;
344
372
  tableConfig: import("vue").ComputedRef<{
@@ -361,39 +389,10 @@ export declare const useTableStore: () => {
361
389
  left: import("../../types").ToolbarButton[];
362
390
  right: import("../../types").ToolbarButton[];
363
391
  }>;
364
- toggleSelection: (row: any, getRowKey: (row: any) => any) => void;
365
- setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
366
- clearSelection: () => void;
367
- setCurrentPage: (page: number) => void;
368
- setPageSize: (size: number) => void;
369
- updateSearchParam: (key: string, value: any) => void;
370
- setSearchFields: (fields: Record<string, any>) => void;
371
- resetSearch: () => void;
372
- getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
373
- setVisibleColumns: (columns: string[]) => void;
374
- toggleColumn: (key: string) => void;
375
392
  init: (config: {
376
- columns: TableColumn[];
393
+ columns: any[];
377
394
  selectionConfig?: boolean | SelectionConfig;
378
395
  }) => void;
379
- getRowKey: (row: any) => any;
380
- getKeyValue: (row: any) => any;
381
- handleSelectionChange: (selection: any[]) => void;
382
- handleSelectAll: (selection: any[]) => void;
383
- getSelectedKeys: () => any[];
384
- getSelectedRows: () => any[];
385
- isSingleSelected: (row: any) => boolean;
386
- handleSingleSelect: (row: any, selected: CheckboxValueType) => void;
387
- handleFilter: () => void;
388
- resetFilter: () => void;
389
- load: (emit?: (name: string, data: any) => void) => Promise<void>;
390
- openModal: (key: string, data?: any) => void;
391
- closeModal: (key: string) => void;
392
- closeAllModals: () => void;
393
- getModal: (key: string) => {
394
- visible: boolean;
395
- data?: any;
396
- } | undefined;
397
396
  };
398
397
  export type TableStore = ReturnType<typeof tableStore.useStore>;
399
398
  export {};
package/dist/types/table/composables/useAutoHeight.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import type { Ref } from 'vue';
2
+ export declare function useAutoHeight(containerRef: Ref<HTMLElement | undefined>, height: Ref<number | string | undefined>): {
3
+ isAutoHeight: import("vue").ComputedRef<boolean>;
4
+ computedTableHeight: Ref<number | undefined, number | undefined>;
5
+ resolvedHeight: import("vue").ComputedRef<string | number | undefined>;
6
+ };
package/dist/types/table/composables/useColumns.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { TableColumn } from '../../types';
2
+ export declare function useColumns(props: {
3
+ columns: TableColumn[];
4
+ }): {
5
+ visibleColumns: import("vue").Ref<string[], string[]>;
6
+ rawColumns: import("vue").ShallowRef<TableColumn[], TableColumn[]>;
7
+ visibleColumnList: import("vue").ComputedRef<TableColumn[]>;
8
+ columnsRef: import("vue").ComputedRef<TableColumn[]>;
9
+ setVisibleColumns: (columns: string[]) => void;
10
+ toggleColumn: (key: string) => void;
11
+ };
package/dist/types/table/composables/useFilter.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import type { Ref } from 'vue';
2
+ import type { TableProps } from '../props';
3
+ export declare function useFilter(props: TableProps, isRequestMode: Ref<boolean>, searchParams: Ref<Record<string, any>>): {
4
+ filteredData: Ref<any[], any[]>;
5
+ handleFilter: () => void;
6
+ resetFilter: () => void;
7
+ };
package/dist/types/table/composables/useModal.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ export declare function useModal(): {
2
+ modalMap: import("vue").Ref<Map<string, {
3
+ visible: boolean;
4
+ data?: any;
5
+ }> & Omit<Map<string, {
6
+ visible: boolean;
7
+ data?: any;
8
+ }>, keyof Map<any, any>>, Map<string, {
9
+ visible: boolean;
10
+ data?: any;
11
+ }> | (Map<string, {
12
+ visible: boolean;
13
+ data?: any;
14
+ }> & Omit<Map<string, {
15
+ visible: boolean;
16
+ data?: any;
17
+ }>, keyof Map<any, any>>)>;
18
+ getModal: (key: string) => {
19
+ visible: boolean;
20
+ data?: any;
21
+ } | undefined;
22
+ openModal: (key: string, data?: any) => void;
23
+ closeModal: (key: string) => void;
24
+ closeAllModals: () => void;
25
+ };
package/dist/types/table/composables/useModalHandlers.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare function useModalHandlers(openModal: (key: string, data?: any) => void, closeModal: (key: string) => void, modalRefs: Record<string, any>): {
2
+ getModalAttrs: (item: Record<string, any>) => Record<string, any>;
3
+ handleOpenModal: (key: string, data?: any) => void;
4
+ handleCloseModal: (key: string) => void;
5
+ };
package/dist/types/table/composables/usePagination.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { PaginationConfig } from '../../types';
2
+ import type { TableProps } from '../props';
3
+ export declare function usePagination(props: TableProps): {
4
+ currentPage: import("vue").Ref<number, number>;
5
+ pageSize: import("vue").Ref<number, number>;
6
+ paginationConfig: import("vue").ComputedRef<PaginationConfig>;
7
+ paginationEnabled: import("vue").ComputedRef<boolean>;
8
+ pageSizeOptions: import("vue").ComputedRef<number[]>;
9
+ setCurrentPage: (page: number) => void;
10
+ setPageSize: (size: number) => void;
11
+ };
package/dist/types/table/composables/useRequest.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import type { Ref } from 'vue';
2
+ import type { RequestConfig } from '../../types';
3
+ import type { TableProps } from '../props';
4
+ export declare function useRequest(props: TableProps, searchParams: Ref<Record<string, any>>, currentPage: Ref<number>, pageSize: Ref<number>): {
5
+ requestConfig: import("vue").ComputedRef<RequestConfig | undefined>;
6
+ autoLoad: import("vue").ComputedRef<boolean>;
7
+ autoRequest: import("vue").ComputedRef<boolean>;
8
+ isRequestMode: import("vue").ComputedRef<boolean>;
9
+ requestData: Ref<any[], any[]>;
10
+ requestTotal: Ref<number, number>;
11
+ requestLoading: Ref<boolean, boolean>;
12
+ loading: import("vue").ComputedRef<boolean>;
13
+ load: (emit?: (name: string, data: any) => void) => Promise<void>;
14
+ };
package/dist/types/table/composables/useSearch.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import type { TableProps } from '../props';
2
+ export declare function useSearch(props: TableProps): {
3
+ searchParams: import("vue").Ref<Record<string, any>, Record<string, any>>;
4
+ visibleSearchConfig: import("vue").ComputedRef<import("..").SearchConfig[]>;
5
+ updateSearchParam: (key: string, value: any) => void;
6
+ setSearchFields: (fields: Record<string, any>) => void;
7
+ resetSearch: () => void;
8
+ getSearchParams: (ignoreEmpty?: boolean) => Record<string, any>;
9
+ };
package/dist/types/table/composables/useSelection.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import type { SelectionConfig } from '../../types';
2
+ import type { TableProps } from '../props';
3
+ export declare function useSelection(props: TableProps): {
4
+ selectedKeys: import("vue").ShallowRef<Set<any>, Set<any>>;
5
+ selectedRows: import("vue").ShallowRef<any[], any[]>;
6
+ hasSelection: import("vue").ComputedRef<boolean>;
7
+ selectionConfig: import("vue").ComputedRef<SelectionConfig>;
8
+ selectionEnabled: import("vue").ComputedRef<boolean | undefined>;
9
+ selectionType: import("vue").ComputedRef<any>;
10
+ singleSelectedKey: import("vue").ComputedRef<any>;
11
+ getKeyValue: (row: any) => any;
12
+ getRowKey: (row: any) => any;
13
+ toggleSelection: (row: any, _getRowKey: (row: any) => any) => void;
14
+ setSelection: (keys: any[], rows?: any[], append?: boolean) => void;
15
+ clearSelection: () => void;
16
+ handleSelectionChange: (selection: any[]) => void;
17
+ handleSelectAll: (selection: any[]) => void;
18
+ getSelectedKeys: () => any[];
19
+ getSelectedRows: () => any[];
20
+ isSingleSelected: (row: any) => boolean;
21
+ handleSingleSelect: (row: any, selected: any) => void;
22
+ };
package/dist/types/table/composables/useSelectionSync.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { Ref } from 'vue';
2
+ export declare function useSelectionSync(selectedKeys: Ref<Set<any>>, selectedRows: Ref<any[]>, selectionType: Ref<string>, selectionConfig: Ref<{
3
+ reserve?: boolean;
4
+ }>, displayData: Ref<any[]>, getRowKey: (row: any) => any, setSelection: (keys: any[], rows?: any[]) => void, propsSelectedKeys: Ref<any[] | undefined>, propsSelectedRows: Ref<any[] | undefined>, emitUpdateKeys: (keys: any[]) => void, emitUpdateRows: (rows: any[]) => void, tableMainRef: Ref<any>): void;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": false,
3
3
  "name": "@xn-lib/component",
4
- "version": "0.1.36",
4
+ "version": "0.1.40",
5
5
  "description": "",
6
6
  "main": "./dist/index.umd.js",
7
7
  "module": "./dist/index.mjs",