@indielayer/ui 1.8.3 → 1.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/docs/pages/component/menu/usage.vue +1 -0
- package/docs/pages/component/select/usage.vue +17 -5
- package/docs/pages/component/table/index.vue +7 -0
- package/docs/pages/component/table/virtual.vue +53 -0
- package/lib/components/menu/MenuItem.vue.d.ts +3 -3
- package/lib/components/menu/MenuItem.vue.js +1 -1
- package/lib/components/menu/MenuItem.vue2.js +16 -16
- package/lib/components/menu/theme/MenuItem.base.theme.js +30 -30
- package/lib/components/select/Select.vue.d.ts +36 -0
- package/lib/components/select/Select.vue.js +224 -201
- package/lib/components/select/theme/Select.base.theme.js +1 -1
- package/lib/components/table/Table.vue.d.ts +91 -4
- package/lib/components/table/Table.vue.js +214 -180
- package/lib/components/table/TableHead.vue.d.ts +10 -2
- package/lib/components/table/TableHead.vue.js +16 -13
- package/lib/components/table/TableHeader.vue.d.ts +0 -4
- package/lib/components/table/TableHeader.vue.js +9 -10
- package/lib/components/table/theme/TableHead.base.theme.js +7 -4
- package/lib/components/table/theme/TableHead.carbon.theme.js +7 -4
- package/lib/components/table/theme/TableHeader.base.theme.js +3 -3
- package/lib/components/table/theme/TableHeader.carbon.theme.js +1 -1
- package/lib/composables/index.d.ts +1 -0
- package/lib/composables/useVirtualList.d.ts +48 -0
- package/lib/composables/useVirtualList.js +123 -0
- package/lib/index.js +35 -33
- package/lib/index.umd.js +4 -4
- package/lib/node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js +254 -221
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/src/components/menu/MenuItem.vue +1 -1
- package/src/components/menu/theme/MenuItem.base.theme.ts +8 -8
- package/src/components/select/Select.vue +56 -26
- package/src/components/select/theme/Select.base.theme.ts +1 -1
- package/src/components/table/Table.vue +152 -113
- package/src/components/table/TableHead.vue +6 -2
- package/src/components/table/TableHeader.vue +0 -1
- package/src/components/table/theme/TableHead.base.theme.ts +7 -1
- package/src/components/table/theme/TableHead.carbon.theme.ts +7 -1
- package/src/components/table/theme/TableHeader.base.theme.ts +0 -2
- package/src/components/table/theme/TableHeader.carbon.theme.ts +0 -2
- package/src/composables/index.ts +1 -0
- package/src/composables/useVirtualList.ts +286 -0
- package/src/version.ts +1 -1
|
@@ -35,6 +35,17 @@ declare const tableProps: {
|
|
|
35
35
|
default: boolean;
|
|
36
36
|
};
|
|
37
37
|
expandable: BooleanConstructor;
|
|
38
|
+
virtualList: BooleanConstructor;
|
|
39
|
+
virtualListOffsetTop: NumberConstructor;
|
|
40
|
+
virtualListOffsetBottom: NumberConstructor;
|
|
41
|
+
virtualListItemHeight: {
|
|
42
|
+
type: NumberConstructor;
|
|
43
|
+
default: number;
|
|
44
|
+
};
|
|
45
|
+
virtualListOverscan: {
|
|
46
|
+
type: NumberConstructor;
|
|
47
|
+
default: number;
|
|
48
|
+
};
|
|
38
49
|
};
|
|
39
50
|
export type TableHeader = {
|
|
40
51
|
sortable?: boolean;
|
|
@@ -56,6 +67,9 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
56
67
|
items: T[];
|
|
57
68
|
loading: boolean;
|
|
58
69
|
fixed: boolean;
|
|
70
|
+
virtualList: boolean;
|
|
71
|
+
virtualListItemHeight: number;
|
|
72
|
+
virtualListOverscan: number;
|
|
59
73
|
headers: TableHeader[];
|
|
60
74
|
loadingSkeleton: boolean;
|
|
61
75
|
loadingLines: string | number;
|
|
@@ -71,6 +85,9 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
71
85
|
readonly items: T[];
|
|
72
86
|
readonly loading: boolean;
|
|
73
87
|
readonly fixed: boolean;
|
|
88
|
+
readonly virtualList: boolean;
|
|
89
|
+
readonly virtualListItemHeight: number;
|
|
90
|
+
readonly virtualListOverscan: number;
|
|
74
91
|
readonly headers: TableHeader[];
|
|
75
92
|
readonly loadingSkeleton: boolean;
|
|
76
93
|
readonly loadingLines: string | number;
|
|
@@ -80,6 +97,8 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
80
97
|
readonly scrollable: boolean;
|
|
81
98
|
readonly stickyHeader: boolean;
|
|
82
99
|
readonly expandable: boolean;
|
|
100
|
+
readonly virtualListOffsetTop?: number | undefined;
|
|
101
|
+
readonly virtualListOffsetBottom?: number | undefined;
|
|
83
102
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
84
103
|
"onClick-row"?: ((...args: any[]) => any) | undefined;
|
|
85
104
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -115,16 +134,30 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
115
134
|
default: boolean;
|
|
116
135
|
};
|
|
117
136
|
expandable: BooleanConstructor;
|
|
137
|
+
virtualList: BooleanConstructor;
|
|
138
|
+
virtualListOffsetTop: NumberConstructor;
|
|
139
|
+
virtualListOffsetBottom: NumberConstructor;
|
|
140
|
+
virtualListItemHeight: {
|
|
141
|
+
type: NumberConstructor;
|
|
142
|
+
default: number;
|
|
143
|
+
};
|
|
144
|
+
virtualListOverscan: {
|
|
145
|
+
type: NumberConstructor;
|
|
146
|
+
default: number;
|
|
147
|
+
};
|
|
118
148
|
}>> & {
|
|
119
149
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
120
150
|
"onClick-row"?: ((...args: any[]) => any) | undefined;
|
|
121
|
-
}, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable"> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
|
|
151
|
+
}, "sort" | "error" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable"> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
|
|
122
152
|
props: Partial<{
|
|
123
153
|
sort: string[];
|
|
124
154
|
error: boolean;
|
|
125
155
|
items: T[];
|
|
126
156
|
loading: boolean;
|
|
127
157
|
fixed: boolean;
|
|
158
|
+
virtualList: boolean;
|
|
159
|
+
virtualListItemHeight: number;
|
|
160
|
+
virtualListOverscan: number;
|
|
128
161
|
headers: TableHeader[];
|
|
129
162
|
loadingSkeleton: boolean;
|
|
130
163
|
loadingLines: string | number;
|
|
@@ -140,6 +173,9 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
140
173
|
readonly items: T[];
|
|
141
174
|
readonly loading: boolean;
|
|
142
175
|
readonly fixed: boolean;
|
|
176
|
+
readonly virtualList: boolean;
|
|
177
|
+
readonly virtualListItemHeight: number;
|
|
178
|
+
readonly virtualListOverscan: number;
|
|
143
179
|
readonly headers: TableHeader[];
|
|
144
180
|
readonly loadingSkeleton: boolean;
|
|
145
181
|
readonly loadingLines: string | number;
|
|
@@ -149,6 +185,8 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
149
185
|
readonly scrollable: boolean;
|
|
150
186
|
readonly stickyHeader: boolean;
|
|
151
187
|
readonly expandable: boolean;
|
|
188
|
+
readonly virtualListOffsetTop?: number | undefined;
|
|
189
|
+
readonly virtualListOffsetBottom?: number | undefined;
|
|
152
190
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
153
191
|
"onClick-row"?: ((...args: any[]) => any) | undefined;
|
|
154
192
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -184,10 +222,21 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
184
222
|
default: boolean;
|
|
185
223
|
};
|
|
186
224
|
expandable: BooleanConstructor;
|
|
225
|
+
virtualList: BooleanConstructor;
|
|
226
|
+
virtualListOffsetTop: NumberConstructor;
|
|
227
|
+
virtualListOffsetBottom: NumberConstructor;
|
|
228
|
+
virtualListItemHeight: {
|
|
229
|
+
type: NumberConstructor;
|
|
230
|
+
default: number;
|
|
231
|
+
};
|
|
232
|
+
virtualListOverscan: {
|
|
233
|
+
type: NumberConstructor;
|
|
234
|
+
default: number;
|
|
235
|
+
};
|
|
187
236
|
}>> & {
|
|
188
237
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
189
238
|
"onClick-row"?: ((...args: any[]) => any) | undefined;
|
|
190
|
-
}, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
|
|
239
|
+
}, "sort" | "error" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
|
|
191
240
|
expose(exposed: {}): void;
|
|
192
241
|
attrs: any;
|
|
193
242
|
slots: Partial<Record<string, (_: {
|
|
@@ -213,6 +262,9 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
213
262
|
items: T[];
|
|
214
263
|
loading: boolean;
|
|
215
264
|
fixed: boolean;
|
|
265
|
+
virtualList: boolean;
|
|
266
|
+
virtualListItemHeight: number;
|
|
267
|
+
virtualListOverscan: number;
|
|
216
268
|
headers: TableHeader[];
|
|
217
269
|
loadingSkeleton: boolean;
|
|
218
270
|
loadingLines: string | number;
|
|
@@ -228,6 +280,9 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
228
280
|
readonly items: T[];
|
|
229
281
|
readonly loading: boolean;
|
|
230
282
|
readonly fixed: boolean;
|
|
283
|
+
readonly virtualList: boolean;
|
|
284
|
+
readonly virtualListItemHeight: number;
|
|
285
|
+
readonly virtualListOverscan: number;
|
|
231
286
|
readonly headers: TableHeader[];
|
|
232
287
|
readonly loadingSkeleton: boolean;
|
|
233
288
|
readonly loadingLines: string | number;
|
|
@@ -237,6 +292,8 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
237
292
|
readonly scrollable: boolean;
|
|
238
293
|
readonly stickyHeader: boolean;
|
|
239
294
|
readonly expandable: boolean;
|
|
295
|
+
readonly virtualListOffsetTop?: number | undefined;
|
|
296
|
+
readonly virtualListOffsetBottom?: number | undefined;
|
|
240
297
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
241
298
|
"onClick-row"?: ((...args: any[]) => any) | undefined;
|
|
242
299
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -272,10 +329,21 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
272
329
|
default: boolean;
|
|
273
330
|
};
|
|
274
331
|
expandable: BooleanConstructor;
|
|
332
|
+
virtualList: BooleanConstructor;
|
|
333
|
+
virtualListOffsetTop: NumberConstructor;
|
|
334
|
+
virtualListOffsetBottom: NumberConstructor;
|
|
335
|
+
virtualListItemHeight: {
|
|
336
|
+
type: NumberConstructor;
|
|
337
|
+
default: number;
|
|
338
|
+
};
|
|
339
|
+
virtualListOverscan: {
|
|
340
|
+
type: NumberConstructor;
|
|
341
|
+
default: number;
|
|
342
|
+
};
|
|
275
343
|
}>> & {
|
|
276
344
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
277
345
|
"onClick-row"?: ((...args: any[]) => any) | undefined;
|
|
278
|
-
}, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
|
|
346
|
+
}, "sort" | "error" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
|
|
279
347
|
expose(exposed: {}): void;
|
|
280
348
|
attrs: any;
|
|
281
349
|
slots: Partial<Record<string, (_: {
|
|
@@ -304,6 +372,9 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
304
372
|
items: T[];
|
|
305
373
|
loading: boolean;
|
|
306
374
|
fixed: boolean;
|
|
375
|
+
virtualList: boolean;
|
|
376
|
+
virtualListItemHeight: number;
|
|
377
|
+
virtualListOverscan: number;
|
|
307
378
|
headers: TableHeader[];
|
|
308
379
|
loadingSkeleton: boolean;
|
|
309
380
|
loadingLines: string | number;
|
|
@@ -319,6 +390,9 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
319
390
|
readonly items: T[];
|
|
320
391
|
readonly loading: boolean;
|
|
321
392
|
readonly fixed: boolean;
|
|
393
|
+
readonly virtualList: boolean;
|
|
394
|
+
readonly virtualListItemHeight: number;
|
|
395
|
+
readonly virtualListOverscan: number;
|
|
322
396
|
readonly headers: TableHeader[];
|
|
323
397
|
readonly loadingSkeleton: boolean;
|
|
324
398
|
readonly loadingLines: string | number;
|
|
@@ -328,6 +402,8 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
328
402
|
readonly scrollable: boolean;
|
|
329
403
|
readonly stickyHeader: boolean;
|
|
330
404
|
readonly expandable: boolean;
|
|
405
|
+
readonly virtualListOffsetTop?: number | undefined;
|
|
406
|
+
readonly virtualListOffsetBottom?: number | undefined;
|
|
331
407
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
332
408
|
"onClick-row"?: ((...args: any[]) => any) | undefined;
|
|
333
409
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -363,10 +439,21 @@ declare const _default: <T>(__VLS_props: Partial<{
|
|
|
363
439
|
default: boolean;
|
|
364
440
|
};
|
|
365
441
|
expandable: BooleanConstructor;
|
|
442
|
+
virtualList: BooleanConstructor;
|
|
443
|
+
virtualListOffsetTop: NumberConstructor;
|
|
444
|
+
virtualListOffsetBottom: NumberConstructor;
|
|
445
|
+
virtualListItemHeight: {
|
|
446
|
+
type: NumberConstructor;
|
|
447
|
+
default: number;
|
|
448
|
+
};
|
|
449
|
+
virtualListOverscan: {
|
|
450
|
+
type: NumberConstructor;
|
|
451
|
+
default: number;
|
|
452
|
+
};
|
|
366
453
|
}>> & {
|
|
367
454
|
"onUpdate:sort"?: ((...args: any[]) => any) | undefined;
|
|
368
455
|
"onClick-row"?: ((...args: any[]) => any) | undefined;
|
|
369
|
-
}, "sort" | "error" | "items" | "loading" | "fixed" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
|
|
456
|
+
}, "sort" | "error" | "items" | "loading" | "fixed" | "virtualList" | "virtualListItemHeight" | "virtualListOverscan" | "headers" | "loadingSkeleton" | "loadingLines" | "dense" | "striped" | "pointer" | "scrollable" | "stickyHeader" | "expandable">;
|
|
370
457
|
expose(exposed: {}): void;
|
|
371
458
|
attrs: any;
|
|
372
459
|
slots: Partial<Record<string, (_: {
|