@ironsource/shared-ui 2.1.7-test.4 → 2.1.7-test.6
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/DataGrid.vue_vue_type_style_index_0_scoped_5273976b_lang.css +1 -0
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +1 -0
- package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +1 -0
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +1 -0
- package/TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css +1 -0
- package/ThemeWrapper.vue_vue_type_style_index_0_scoped_66bd448a_lang.css +1 -0
- package/components/ThemeWrapper/ThemeWrapper.vue.js +2 -2
- package/components/ThemeWrapper/ThemeWrapper.vue2.js +5 -5
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +1 -1
- package/components/sortableList/SortableList.vue.d.ts +25 -0
- package/components/sortableList/SortableList.vue.js +4 -4
- package/components/sortableList/SortableList.vue2.js +129 -89
- package/components/sortableList/index.d.ts +88 -2
- package/components/table/common/Table.common.js +71 -68
- package/components/table/v3/Table.vue.d.ts +2 -2
- package/components/table/v3/index.d.ts +39 -39
- package/components/table/v4/DataGrid.vue.d.ts +12 -2
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +103 -100
- package/components/table/v4/DataGridRowsCounter.vue.js +2 -2
- package/components/table/v4/DataGridRowsCounter.vue2.js +14 -13
- package/components/table/v4/MultipleDataGrid.vue.d.ts +16 -3
- package/components/table/v4/MultipleDataGrid.vue.js +5 -5
- package/components/table/v4/MultipleDataGrid.vue2.js +112 -69
- package/components/table/v4/index.d.ts +126 -75
- package/components/table/v4/storyUtils.d.ts +4 -0
- package/components/table-cells/common/Editable.common.js +37 -26
- package/components/table-cells/common/EditableContext.d.ts +1 -0
- package/components/table-cells/v4/EditableV4.vue.d.ts +5 -0
- package/components/table-cells/v4/EditableV4.vue.js +5 -5
- package/components/table-cells/v4/EditableV4.vue2.js +18 -17
- package/components/table-cells/v4/index.d.ts +20 -1
- package/components/tabs/v4/TabsV4.vue.js +4 -4
- package/components/tabs/v4/TabsV4.vue2.js +37 -40
- package/index.d.ts +546 -234
- package/package.json +1 -1
- package/utils/formatNumbers.d.ts +4 -0
- package/utils/formatNumbers.js +11 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_63aaf3be_lang.css +0 -1
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_0ce71f73_lang.css +0 -1
- package/EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css +0 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_1bdca43d_lang.css +0 -1
- package/SortableList.vue_vue_type_style_index_0_scoped_21842d59_lang.css +0 -1
- package/TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css +0 -1
- package/ThemeWrapper.vue_vue_type_style_index_0_scoped_b62ee695_lang.css +0 -1
|
@@ -6,6 +6,7 @@ declare const SortableListTypes: () => ({
|
|
|
6
6
|
$props: Partial<{
|
|
7
7
|
search: string;
|
|
8
8
|
testId: string;
|
|
9
|
+
isLoading: boolean;
|
|
9
10
|
displayValue: (item: import("./SortableList.types").SortableListItem) => string;
|
|
10
11
|
searchPlaceholder: string;
|
|
11
12
|
items: import("./SortableList.types").SortableListItem[];
|
|
@@ -14,6 +15,8 @@ declare const SortableListTypes: () => ({
|
|
|
14
15
|
openId: string | number;
|
|
15
16
|
selectedId: string | number;
|
|
16
17
|
showSearch: boolean;
|
|
18
|
+
loadingRowCount: number;
|
|
19
|
+
emptyStateTitle: string;
|
|
17
20
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
18
21
|
search: {
|
|
19
22
|
type: import("vue").PropType<string>;
|
|
@@ -23,6 +26,10 @@ declare const SortableListTypes: () => ({
|
|
|
23
26
|
type: import("vue").PropType<string>;
|
|
24
27
|
default: string;
|
|
25
28
|
};
|
|
29
|
+
isLoading: {
|
|
30
|
+
type: import("vue").PropType<boolean>;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
26
33
|
displayValue: {
|
|
27
34
|
type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem) => string>;
|
|
28
35
|
required: true;
|
|
@@ -57,14 +64,26 @@ declare const SortableListTypes: () => ({
|
|
|
57
64
|
type: import("vue").PropType<boolean>;
|
|
58
65
|
default: boolean;
|
|
59
66
|
};
|
|
67
|
+
loadingRowCount: {
|
|
68
|
+
type: import("vue").PropType<number>;
|
|
69
|
+
default: number;
|
|
70
|
+
};
|
|
71
|
+
emptyStateTitle: {
|
|
72
|
+
type: import("vue").PropType<string>;
|
|
73
|
+
default: string;
|
|
74
|
+
};
|
|
60
75
|
}>> & {
|
|
76
|
+
onSortableItemDragged?: (event: {
|
|
77
|
+
id: string;
|
|
78
|
+
newIndex: number;
|
|
79
|
+
}) => any;
|
|
61
80
|
"onUpdate:items"?: (items: import("./SortableList.types").SortableListItem[]) => any;
|
|
62
81
|
"onUpdate:openId"?: (id: string | number) => any;
|
|
63
82
|
"onUpdate:selectedId"?: (id: string | number) => any;
|
|
64
83
|
"onUpdate:selectedChildId"?: (id: string | number) => any;
|
|
65
84
|
"onUpdate:search"?: (query: string) => any;
|
|
66
85
|
onClearSearch?: () => any;
|
|
67
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch">;
|
|
86
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
|
|
68
87
|
$attrs: {
|
|
69
88
|
[x: string]: unknown;
|
|
70
89
|
};
|
|
@@ -76,7 +95,10 @@ declare const SortableListTypes: () => ({
|
|
|
76
95
|
}>;
|
|
77
96
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
78
97
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
79
|
-
$emit: ((event: "
|
|
98
|
+
$emit: ((event: "sortableItemDragged", event: {
|
|
99
|
+
id: string;
|
|
100
|
+
newIndex: number;
|
|
101
|
+
}) => void) & ((event: "update:items", items: import("./SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
|
|
80
102
|
$el: any;
|
|
81
103
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
82
104
|
search: {
|
|
@@ -87,6 +109,10 @@ declare const SortableListTypes: () => ({
|
|
|
87
109
|
type: import("vue").PropType<string>;
|
|
88
110
|
default: string;
|
|
89
111
|
};
|
|
112
|
+
isLoading: {
|
|
113
|
+
type: import("vue").PropType<boolean>;
|
|
114
|
+
default: boolean;
|
|
115
|
+
};
|
|
90
116
|
displayValue: {
|
|
91
117
|
type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem) => string>;
|
|
92
118
|
required: true;
|
|
@@ -121,7 +147,19 @@ declare const SortableListTypes: () => ({
|
|
|
121
147
|
type: import("vue").PropType<boolean>;
|
|
122
148
|
default: boolean;
|
|
123
149
|
};
|
|
150
|
+
loadingRowCount: {
|
|
151
|
+
type: import("vue").PropType<number>;
|
|
152
|
+
default: number;
|
|
153
|
+
};
|
|
154
|
+
emptyStateTitle: {
|
|
155
|
+
type: import("vue").PropType<string>;
|
|
156
|
+
default: string;
|
|
157
|
+
};
|
|
124
158
|
}>> & {
|
|
159
|
+
onSortableItemDragged?: (event: {
|
|
160
|
+
id: string;
|
|
161
|
+
newIndex: number;
|
|
162
|
+
}) => any;
|
|
125
163
|
"onUpdate:items"?: (items: import("./SortableList.types").SortableListItem[]) => any;
|
|
126
164
|
"onUpdate:openId"?: (id: string | number) => any;
|
|
127
165
|
"onUpdate:selectedId"?: (id: string | number) => any;
|
|
@@ -129,6 +167,10 @@ declare const SortableListTypes: () => ({
|
|
|
129
167
|
"onUpdate:search"?: (query: string) => any;
|
|
130
168
|
onClearSearch?: () => any;
|
|
131
169
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
170
|
+
sortableItemDragged: (event: {
|
|
171
|
+
id: string;
|
|
172
|
+
newIndex: number;
|
|
173
|
+
}) => void;
|
|
132
174
|
"update:items": (items: import("./SortableList.types").SortableListItem[]) => void;
|
|
133
175
|
"update:openId": (id: string | number) => void;
|
|
134
176
|
"update:selectedId": (id: string | number) => void;
|
|
@@ -138,6 +180,7 @@ declare const SortableListTypes: () => ({
|
|
|
138
180
|
}, string, {
|
|
139
181
|
search: string;
|
|
140
182
|
testId: string;
|
|
183
|
+
isLoading: boolean;
|
|
141
184
|
displayValue: (item: import("./SortableList.types").SortableListItem) => string;
|
|
142
185
|
searchPlaceholder: string;
|
|
143
186
|
items: import("./SortableList.types").SortableListItem[];
|
|
@@ -146,6 +189,8 @@ declare const SortableListTypes: () => ({
|
|
|
146
189
|
openId: string | number;
|
|
147
190
|
selectedId: string | number;
|
|
148
191
|
showSearch: boolean;
|
|
192
|
+
loadingRowCount: number;
|
|
193
|
+
emptyStateTitle: string;
|
|
149
194
|
}, {}, string> & {
|
|
150
195
|
beforeCreate?: (() => void) | (() => void)[];
|
|
151
196
|
created?: (() => void) | (() => void)[];
|
|
@@ -175,6 +220,10 @@ declare const SortableListTypes: () => ({
|
|
|
175
220
|
type: import("vue").PropType<string>;
|
|
176
221
|
default: string;
|
|
177
222
|
};
|
|
223
|
+
isLoading: {
|
|
224
|
+
type: import("vue").PropType<boolean>;
|
|
225
|
+
default: boolean;
|
|
226
|
+
};
|
|
178
227
|
displayValue: {
|
|
179
228
|
type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem) => string>;
|
|
180
229
|
required: true;
|
|
@@ -209,7 +258,19 @@ declare const SortableListTypes: () => ({
|
|
|
209
258
|
type: import("vue").PropType<boolean>;
|
|
210
259
|
default: boolean;
|
|
211
260
|
};
|
|
261
|
+
loadingRowCount: {
|
|
262
|
+
type: import("vue").PropType<number>;
|
|
263
|
+
default: number;
|
|
264
|
+
};
|
|
265
|
+
emptyStateTitle: {
|
|
266
|
+
type: import("vue").PropType<string>;
|
|
267
|
+
default: string;
|
|
268
|
+
};
|
|
212
269
|
}>> & {
|
|
270
|
+
onSortableItemDragged?: (event: {
|
|
271
|
+
id: string;
|
|
272
|
+
newIndex: number;
|
|
273
|
+
}) => any;
|
|
213
274
|
"onUpdate:items"?: (items: import("./SortableList.types").SortableListItem[]) => any;
|
|
214
275
|
"onUpdate:openId"?: (id: string | number) => any;
|
|
215
276
|
"onUpdate:selectedId"?: (id: string | number) => any;
|
|
@@ -229,6 +290,10 @@ declare const SortableListTypes: () => ({
|
|
|
229
290
|
type: import("vue").PropType<string>;
|
|
230
291
|
default: string;
|
|
231
292
|
};
|
|
293
|
+
isLoading: {
|
|
294
|
+
type: import("vue").PropType<boolean>;
|
|
295
|
+
default: boolean;
|
|
296
|
+
};
|
|
232
297
|
displayValue: {
|
|
233
298
|
type: import("vue").PropType<(item: import("./SortableList.types").SortableListItem) => string>;
|
|
234
299
|
required: true;
|
|
@@ -263,7 +328,19 @@ declare const SortableListTypes: () => ({
|
|
|
263
328
|
type: import("vue").PropType<boolean>;
|
|
264
329
|
default: boolean;
|
|
265
330
|
};
|
|
331
|
+
loadingRowCount: {
|
|
332
|
+
type: import("vue").PropType<number>;
|
|
333
|
+
default: number;
|
|
334
|
+
};
|
|
335
|
+
emptyStateTitle: {
|
|
336
|
+
type: import("vue").PropType<string>;
|
|
337
|
+
default: string;
|
|
338
|
+
};
|
|
266
339
|
}>> & {
|
|
340
|
+
onSortableItemDragged?: (event: {
|
|
341
|
+
id: string;
|
|
342
|
+
newIndex: number;
|
|
343
|
+
}) => any;
|
|
267
344
|
"onUpdate:items"?: (items: import("./SortableList.types").SortableListItem[]) => any;
|
|
268
345
|
"onUpdate:openId"?: (id: string | number) => any;
|
|
269
346
|
"onUpdate:selectedId"?: (id: string | number) => any;
|
|
@@ -271,6 +348,10 @@ declare const SortableListTypes: () => ({
|
|
|
271
348
|
"onUpdate:search"?: (query: string) => any;
|
|
272
349
|
onClearSearch?: () => any;
|
|
273
350
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
351
|
+
sortableItemDragged: (event: {
|
|
352
|
+
id: string;
|
|
353
|
+
newIndex: number;
|
|
354
|
+
}) => void;
|
|
274
355
|
"update:items": (items: import("./SortableList.types").SortableListItem[]) => void;
|
|
275
356
|
"update:openId": (id: string | number) => void;
|
|
276
357
|
"update:selectedId": (id: string | number) => void;
|
|
@@ -280,6 +361,7 @@ declare const SortableListTypes: () => ({
|
|
|
280
361
|
}, string, {
|
|
281
362
|
search: string;
|
|
282
363
|
testId: string;
|
|
364
|
+
isLoading: boolean;
|
|
283
365
|
displayValue: (item: import("./SortableList.types").SortableListItem) => string;
|
|
284
366
|
searchPlaceholder: string;
|
|
285
367
|
items: import("./SortableList.types").SortableListItem[];
|
|
@@ -288,11 +370,15 @@ declare const SortableListTypes: () => ({
|
|
|
288
370
|
openId: string | number;
|
|
289
371
|
selectedId: string | number;
|
|
290
372
|
showSearch: boolean;
|
|
373
|
+
loadingRowCount: number;
|
|
374
|
+
emptyStateTitle: string;
|
|
291
375
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
292
376
|
$slots: {
|
|
293
377
|
menu?(_: {
|
|
294
378
|
item: import("./SortableList.types").SortableListItem;
|
|
295
379
|
}): any;
|
|
380
|
+
loader?(_: {}): any;
|
|
381
|
+
"empty-state"?(_: {}): any;
|
|
296
382
|
};
|
|
297
383
|
}))[];
|
|
298
384
|
export { SortableList, SortableListTypes };
|
|
@@ -1,120 +1,123 @@
|
|
|
1
|
-
import { useSlots as
|
|
1
|
+
import { useSlots as G, ref as c, provide as N, computed as s, onMounted as V, nextTick as j } from "vue";
|
|
2
2
|
import { useVirtualList as q, useInfiniteScroll as F } from "@vueuse/core";
|
|
3
3
|
import { TableContext as J } from "./TableContext.js";
|
|
4
|
-
const Q = 46, U = 46, tt = (
|
|
5
|
-
const
|
|
4
|
+
const Q = 46, U = 46, tt = (e, u) => {
|
|
5
|
+
const S = G(), a = c([]);
|
|
6
6
|
N(J, {
|
|
7
|
-
onClose({ rowIndex: t, cellIndex:
|
|
8
|
-
n && (
|
|
7
|
+
onClose({ rowIndex: t, cellIndex: o, value: n } = {}) {
|
|
8
|
+
n && (a.value = [...a.value, t], u("saveRow", {
|
|
9
9
|
rowIndex: t,
|
|
10
|
-
cellIndex:
|
|
10
|
+
cellIndex: o,
|
|
11
11
|
value: n,
|
|
12
12
|
confirm: () => {
|
|
13
|
-
|
|
14
|
-
(
|
|
13
|
+
a.value = a.value.filter(
|
|
14
|
+
(i) => i !== t
|
|
15
15
|
);
|
|
16
16
|
}
|
|
17
17
|
}));
|
|
18
18
|
},
|
|
19
19
|
setActiveMenuRow(t) {
|
|
20
|
-
|
|
20
|
+
x.value = t;
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
|
-
const
|
|
24
|
-
const t = (
|
|
25
|
-
return
|
|
26
|
-
const
|
|
27
|
-
return `${
|
|
23
|
+
const y = s(() => !!e.selection), C = s(() => {
|
|
24
|
+
const t = (y.value ? `${U}px ` : "") + (g.value ? `${Q}px ` : "");
|
|
25
|
+
return e.columns.reduce((o, n) => {
|
|
26
|
+
const i = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
|
|
27
|
+
return `${o} ${i}`;
|
|
28
28
|
}, t);
|
|
29
|
-
}), g = s(() => !!
|
|
30
|
-
Array(
|
|
31
|
-
)),
|
|
32
|
-
|
|
29
|
+
}), g = s(() => !!S.expanded), A = c(null), x = c(null), R = s(() => Array(e.loadingRowCount).fill(
|
|
30
|
+
Array(e.columns.length).fill("")
|
|
31
|
+
)), H = s(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...R.value] : e.rows : e.isLoading ? [
|
|
32
|
+
...e.rows.map((o) => o[e.rowDataKey]),
|
|
33
|
+
...R.value
|
|
34
|
+
] : e.rows.map((o) => o[e.rowDataKey])), { list: T, containerProps: l, wrapperProps: $, scrollTo: b } = q(
|
|
35
|
+
H,
|
|
33
36
|
{
|
|
34
|
-
itemHeight: g.value ? (t) => w[t] ??
|
|
37
|
+
itemHeight: g.value ? (t) => w[t] ?? e.rowHeight : e.rowHeight
|
|
35
38
|
}
|
|
36
|
-
),
|
|
37
|
-
|
|
39
|
+
), k = c(null), h = c(0), B = s(() => !!S.search), I = (t) => {
|
|
40
|
+
l.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
|
|
38
41
|
};
|
|
39
42
|
V(() => {
|
|
40
|
-
h.value =
|
|
41
|
-
|
|
42
|
-
top:
|
|
43
|
+
h.value = l.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
|
|
44
|
+
l.ref.value?.scrollTo({
|
|
45
|
+
top: e.defaultScrollPosition,
|
|
43
46
|
behavior: "smooth"
|
|
44
47
|
});
|
|
45
48
|
}, 300);
|
|
46
49
|
});
|
|
47
|
-
const
|
|
48
|
-
const [t] =
|
|
50
|
+
const O = s(() => {
|
|
51
|
+
const [t] = T.value;
|
|
49
52
|
return t && t.index > 0;
|
|
50
|
-
}),
|
|
53
|
+
}), P = s(() => l.style), L = s(() => e.columns.reduce((t, o) => (o.isSticky && (t[o.id] = M(o)), t), {}));
|
|
51
54
|
F(
|
|
52
|
-
|
|
55
|
+
l.ref,
|
|
53
56
|
() => {
|
|
54
|
-
|
|
57
|
+
e.isInfiniteScroll && u("loadMore");
|
|
55
58
|
},
|
|
56
|
-
{ distance:
|
|
59
|
+
{ distance: e.infiniteScrollThreshold }
|
|
57
60
|
);
|
|
58
|
-
function
|
|
59
|
-
|
|
61
|
+
function E() {
|
|
62
|
+
l.ref.value?.scrollTo({
|
|
60
63
|
top: 0,
|
|
61
64
|
behavior: "smooth"
|
|
62
65
|
});
|
|
63
66
|
}
|
|
64
|
-
function
|
|
65
|
-
if (!
|
|
67
|
+
function D(t) {
|
|
68
|
+
if (!e.sort)
|
|
66
69
|
return;
|
|
67
|
-
const
|
|
70
|
+
const o = e.sort.sortBy === t.id;
|
|
68
71
|
if (!(t.isSortable || t.isSortable === void 0))
|
|
69
72
|
return;
|
|
70
|
-
let
|
|
71
|
-
|
|
73
|
+
let i = e.sort.sortOrder, f = e.sort.sortBy;
|
|
74
|
+
o ? i = e.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: i });
|
|
72
75
|
}
|
|
73
|
-
function
|
|
74
|
-
const { isSticky:
|
|
75
|
-
if (!
|
|
76
|
+
function M(t) {
|
|
77
|
+
const { isSticky: o, width: n } = t;
|
|
78
|
+
if (!o || !n)
|
|
76
79
|
return null;
|
|
77
|
-
const
|
|
80
|
+
const i = e.columns.findIndex((r) => r.id === t.id), f = e.columns.reduce((r, v, m) => m < i ? r + v.width : r, 0), z = e.columns.reduce((r, v, m) => m > i ? r + v.width : r, 0);
|
|
78
81
|
return {
|
|
79
|
-
...t.isStickyRight ? { right: `${
|
|
82
|
+
...t.isStickyRight ? { right: `${z}px` } : { left: `${f}px` },
|
|
80
83
|
zIndex: 1
|
|
81
84
|
};
|
|
82
85
|
}
|
|
83
|
-
const d = c([]), w = {},
|
|
86
|
+
const d = c([]), w = {}, _ = (t) => d.value.includes(t), K = async (t, o) => {
|
|
84
87
|
const n = d.value.indexOf(t);
|
|
85
88
|
if (n === -1) {
|
|
86
89
|
d.value.push(t);
|
|
87
|
-
const
|
|
88
|
-
await j(),
|
|
90
|
+
const i = o.target.closest("tr");
|
|
91
|
+
await j(), i && (w[t] = i.offsetHeight);
|
|
89
92
|
} else
|
|
90
93
|
d.value.splice(n, 1), delete w[t];
|
|
91
|
-
},
|
|
92
|
-
() => `1 / span ${
|
|
94
|
+
}, W = s(() => `${e.rowHeight}px`), X = s(
|
|
95
|
+
() => `1 / span ${e.columns.length + 1}`
|
|
93
96
|
);
|
|
94
97
|
return {
|
|
95
|
-
list:
|
|
96
|
-
containerProps:
|
|
97
|
-
wrapperProps:
|
|
98
|
-
activeRow:
|
|
99
|
-
gridColumnTemplate:
|
|
100
|
-
floatingActionRef:
|
|
101
|
-
scrollToTop:
|
|
102
|
-
toggleSortOrder:
|
|
103
|
-
columnsStickyPositions:
|
|
104
|
-
hasSearchSlot:
|
|
105
|
-
showBackToTopButton:
|
|
106
|
-
containerStyle:
|
|
107
|
-
onScroll:
|
|
108
|
-
scrollTo:
|
|
109
|
-
savingRows:
|
|
98
|
+
list: T,
|
|
99
|
+
containerProps: l,
|
|
100
|
+
wrapperProps: $,
|
|
101
|
+
activeRow: A,
|
|
102
|
+
gridColumnTemplate: C,
|
|
103
|
+
floatingActionRef: k,
|
|
104
|
+
scrollToTop: E,
|
|
105
|
+
toggleSortOrder: D,
|
|
106
|
+
columnsStickyPositions: L,
|
|
107
|
+
hasSearchSlot: B,
|
|
108
|
+
showBackToTopButton: O,
|
|
109
|
+
containerStyle: P,
|
|
110
|
+
onScroll: I,
|
|
111
|
+
scrollTo: b,
|
|
112
|
+
savingRows: a,
|
|
110
113
|
floatingActionPosition: h,
|
|
111
114
|
hasExpandSlot: g,
|
|
112
|
-
hasCheckboxes:
|
|
113
|
-
toggleExpandRow:
|
|
114
|
-
isRowExpanded:
|
|
115
|
-
cssRowHeight:
|
|
116
|
-
cssExpandGridCol:
|
|
117
|
-
activeMenuRow:
|
|
115
|
+
hasCheckboxes: y,
|
|
116
|
+
toggleExpandRow: K,
|
|
117
|
+
isRowExpanded: _,
|
|
118
|
+
cssRowHeight: W,
|
|
119
|
+
cssExpandGridCol: X,
|
|
120
|
+
activeMenuRow: x
|
|
118
121
|
};
|
|
119
122
|
};
|
|
120
123
|
export {
|
|
@@ -84,15 +84,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
84
84
|
}, {
|
|
85
85
|
testId: string;
|
|
86
86
|
isLoading: boolean;
|
|
87
|
+
loadingRowCount: number;
|
|
88
|
+
emptyStateTitle: string;
|
|
87
89
|
isSticky: boolean;
|
|
88
90
|
sections: Section[];
|
|
89
91
|
isStickyHeader: boolean;
|
|
90
|
-
emptyStateTitle: string;
|
|
91
92
|
emptyStateSubtitle: string;
|
|
92
93
|
isInfiniteScroll: boolean;
|
|
93
94
|
infiniteScrollThreshold: number;
|
|
94
95
|
rowHeight: number | ((index: number) => number);
|
|
95
|
-
loadingRowCount: number;
|
|
96
96
|
defaultScrollPosition: number;
|
|
97
97
|
}>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
|
|
98
98
|
column: Column;
|
|
@@ -5,15 +5,15 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
5
5
|
$props: Partial<{
|
|
6
6
|
testId: string;
|
|
7
7
|
isLoading: boolean;
|
|
8
|
+
loadingRowCount: number;
|
|
9
|
+
emptyStateTitle: string;
|
|
8
10
|
isSticky: boolean;
|
|
9
11
|
sections: import("../common/Table.types").Section[];
|
|
10
12
|
isStickyHeader: boolean;
|
|
11
|
-
emptyStateTitle: string;
|
|
12
13
|
emptyStateSubtitle: string;
|
|
13
14
|
isInfiniteScroll: boolean;
|
|
14
15
|
infiniteScrollThreshold: number;
|
|
15
16
|
rowHeight: number | ((index: number) => number);
|
|
16
|
-
loadingRowCount: number;
|
|
17
17
|
defaultScrollPosition: number;
|
|
18
18
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
19
19
|
sort: {
|
|
@@ -36,6 +36,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
36
36
|
type: import("vue").PropType<boolean>;
|
|
37
37
|
default: boolean;
|
|
38
38
|
};
|
|
39
|
+
loadingRowCount: {
|
|
40
|
+
type: import("vue").PropType<number>;
|
|
41
|
+
default: number;
|
|
42
|
+
};
|
|
43
|
+
emptyStateTitle: {
|
|
44
|
+
type: import("vue").PropType<string>;
|
|
45
|
+
default: string;
|
|
46
|
+
};
|
|
39
47
|
isSticky: {
|
|
40
48
|
type: import("vue").PropType<boolean>;
|
|
41
49
|
default: boolean;
|
|
@@ -52,10 +60,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
52
60
|
type: import("vue").PropType<boolean>;
|
|
53
61
|
default: boolean;
|
|
54
62
|
};
|
|
55
|
-
emptyStateTitle: {
|
|
56
|
-
type: import("vue").PropType<string>;
|
|
57
|
-
default: string;
|
|
58
|
-
};
|
|
59
63
|
emptyStateSubtitle: {
|
|
60
64
|
type: import("vue").PropType<string>;
|
|
61
65
|
default: string;
|
|
@@ -72,10 +76,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
72
76
|
type: import("vue").PropType<number | ((index: number) => number)>;
|
|
73
77
|
default: number;
|
|
74
78
|
};
|
|
75
|
-
loadingRowCount: {
|
|
76
|
-
type: import("vue").PropType<number>;
|
|
77
|
-
default: number;
|
|
78
|
-
};
|
|
79
79
|
defaultScrollPosition: {
|
|
80
80
|
type: import("vue").PropType<number>;
|
|
81
81
|
default: any;
|
|
@@ -90,7 +90,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
90
90
|
cellIndex: number;
|
|
91
91
|
}) => any;
|
|
92
92
|
onLoadMore?: () => any;
|
|
93
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "
|
|
93
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition">;
|
|
94
94
|
$attrs: {
|
|
95
95
|
[x: string]: unknown;
|
|
96
96
|
};
|
|
@@ -130,6 +130,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
130
130
|
type: import("vue").PropType<boolean>;
|
|
131
131
|
default: boolean;
|
|
132
132
|
};
|
|
133
|
+
loadingRowCount: {
|
|
134
|
+
type: import("vue").PropType<number>;
|
|
135
|
+
default: number;
|
|
136
|
+
};
|
|
137
|
+
emptyStateTitle: {
|
|
138
|
+
type: import("vue").PropType<string>;
|
|
139
|
+
default: string;
|
|
140
|
+
};
|
|
133
141
|
isSticky: {
|
|
134
142
|
type: import("vue").PropType<boolean>;
|
|
135
143
|
default: boolean;
|
|
@@ -146,10 +154,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
146
154
|
type: import("vue").PropType<boolean>;
|
|
147
155
|
default: boolean;
|
|
148
156
|
};
|
|
149
|
-
emptyStateTitle: {
|
|
150
|
-
type: import("vue").PropType<string>;
|
|
151
|
-
default: string;
|
|
152
|
-
};
|
|
153
157
|
emptyStateSubtitle: {
|
|
154
158
|
type: import("vue").PropType<string>;
|
|
155
159
|
default: string;
|
|
@@ -166,10 +170,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
166
170
|
type: import("vue").PropType<number | ((index: number) => number)>;
|
|
167
171
|
default: number;
|
|
168
172
|
};
|
|
169
|
-
loadingRowCount: {
|
|
170
|
-
type: import("vue").PropType<number>;
|
|
171
|
-
default: number;
|
|
172
|
-
};
|
|
173
173
|
defaultScrollPosition: {
|
|
174
174
|
type: import("vue").PropType<number>;
|
|
175
175
|
default: any;
|
|
@@ -197,15 +197,15 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
197
197
|
}, string, {
|
|
198
198
|
testId: string;
|
|
199
199
|
isLoading: boolean;
|
|
200
|
+
loadingRowCount: number;
|
|
201
|
+
emptyStateTitle: string;
|
|
200
202
|
isSticky: boolean;
|
|
201
203
|
sections: import("../common/Table.types").Section[];
|
|
202
204
|
isStickyHeader: boolean;
|
|
203
|
-
emptyStateTitle: string;
|
|
204
205
|
emptyStateSubtitle: string;
|
|
205
206
|
isInfiniteScroll: boolean;
|
|
206
207
|
infiniteScrollThreshold: number;
|
|
207
208
|
rowHeight: number | ((index: number) => number);
|
|
208
|
-
loadingRowCount: number;
|
|
209
209
|
defaultScrollPosition: number;
|
|
210
210
|
}, {}, string> & {
|
|
211
211
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -248,6 +248,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
248
248
|
type: import("vue").PropType<boolean>;
|
|
249
249
|
default: boolean;
|
|
250
250
|
};
|
|
251
|
+
loadingRowCount: {
|
|
252
|
+
type: import("vue").PropType<number>;
|
|
253
|
+
default: number;
|
|
254
|
+
};
|
|
255
|
+
emptyStateTitle: {
|
|
256
|
+
type: import("vue").PropType<string>;
|
|
257
|
+
default: string;
|
|
258
|
+
};
|
|
251
259
|
isSticky: {
|
|
252
260
|
type: import("vue").PropType<boolean>;
|
|
253
261
|
default: boolean;
|
|
@@ -264,10 +272,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
264
272
|
type: import("vue").PropType<boolean>;
|
|
265
273
|
default: boolean;
|
|
266
274
|
};
|
|
267
|
-
emptyStateTitle: {
|
|
268
|
-
type: import("vue").PropType<string>;
|
|
269
|
-
default: string;
|
|
270
|
-
};
|
|
271
275
|
emptyStateSubtitle: {
|
|
272
276
|
type: import("vue").PropType<string>;
|
|
273
277
|
default: string;
|
|
@@ -284,10 +288,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
284
288
|
type: import("vue").PropType<number | ((index: number) => number)>;
|
|
285
289
|
default: number;
|
|
286
290
|
};
|
|
287
|
-
loadingRowCount: {
|
|
288
|
-
type: import("vue").PropType<number>;
|
|
289
|
-
default: number;
|
|
290
|
-
};
|
|
291
291
|
defaultScrollPosition: {
|
|
292
292
|
type: import("vue").PropType<number>;
|
|
293
293
|
default: any;
|
|
@@ -327,6 +327,14 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
327
327
|
type: import("vue").PropType<boolean>;
|
|
328
328
|
default: boolean;
|
|
329
329
|
};
|
|
330
|
+
loadingRowCount: {
|
|
331
|
+
type: import("vue").PropType<number>;
|
|
332
|
+
default: number;
|
|
333
|
+
};
|
|
334
|
+
emptyStateTitle: {
|
|
335
|
+
type: import("vue").PropType<string>;
|
|
336
|
+
default: string;
|
|
337
|
+
};
|
|
330
338
|
isSticky: {
|
|
331
339
|
type: import("vue").PropType<boolean>;
|
|
332
340
|
default: boolean;
|
|
@@ -343,10 +351,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
343
351
|
type: import("vue").PropType<boolean>;
|
|
344
352
|
default: boolean;
|
|
345
353
|
};
|
|
346
|
-
emptyStateTitle: {
|
|
347
|
-
type: import("vue").PropType<string>;
|
|
348
|
-
default: string;
|
|
349
|
-
};
|
|
350
354
|
emptyStateSubtitle: {
|
|
351
355
|
type: import("vue").PropType<string>;
|
|
352
356
|
default: string;
|
|
@@ -363,10 +367,6 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
363
367
|
type: import("vue").PropType<number | ((index: number) => number)>;
|
|
364
368
|
default: number;
|
|
365
369
|
};
|
|
366
|
-
loadingRowCount: {
|
|
367
|
-
type: import("vue").PropType<number>;
|
|
368
|
-
default: number;
|
|
369
|
-
};
|
|
370
370
|
defaultScrollPosition: {
|
|
371
371
|
type: import("vue").PropType<number>;
|
|
372
372
|
default: any;
|
|
@@ -394,15 +394,15 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("../common/Ta
|
|
|
394
394
|
}, string, {
|
|
395
395
|
testId: string;
|
|
396
396
|
isLoading: boolean;
|
|
397
|
+
loadingRowCount: number;
|
|
398
|
+
emptyStateTitle: string;
|
|
397
399
|
isSticky: boolean;
|
|
398
400
|
sections: import("../common/Table.types").Section[];
|
|
399
401
|
isStickyHeader: boolean;
|
|
400
|
-
emptyStateTitle: string;
|
|
401
402
|
emptyStateSubtitle: string;
|
|
402
403
|
isInfiniteScroll: boolean;
|
|
403
404
|
infiniteScrollThreshold: number;
|
|
404
405
|
rowHeight: number | ((index: number) => number);
|
|
405
|
-
loadingRowCount: number;
|
|
406
406
|
defaultScrollPosition: number;
|
|
407
407
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
408
408
|
$slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
|