@ironsource/shared-ui 2.1.12-test.69 → 2.1.12-test.71
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/Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_903fc6ae_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_0dff3241_lang.css +1 -0
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +26 -1
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +68 -56
- package/components/chart/ChartPlane.vue.d.ts +21 -1
- package/components/chart/ChartPlane.vue.js +4 -4
- package/components/chart/ChartPlane.vue2.js +152 -141
- package/components/chart/ChartStoryArgs.d.ts +20 -1
- package/components/chart/ChartTooltip.vue.d.ts +16 -1
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +33 -29
- package/components/chart/TooltipHeader.vue.d.ts +6 -1
- package/components/chart/TooltipHeader.vue.js +2 -2
- package/components/chart/TooltipHeader.vue2.js +37 -27
- package/components/chart/composables/useChartHeight.d.ts +1 -1
- package/components/chart/composables/useChartHeight.js +16 -14
- package/components/chart/consts.d.ts +3 -2
- package/components/chart/consts.js +13 -12
- package/components/chart/index.d.ts +96 -1
- package/components/chart/mockData.d.ts +8 -0
- package/components/chart/types.d.ts +6 -0
- package/components/chart/types.js +4 -3
- package/components/chart/utils/utils.d.ts +1 -1
- package/components/chart/utils/utils.js +10 -10
- package/components/table/common/Table.common.d.ts +0 -1
- package/components/table/common/Table.common.js +38 -39
- package/components/table/common/consts.d.ts +1 -0
- package/components/table/common/consts.js +2 -1
- package/components/table/v4/DataGrid.vue.d.ts +4 -0
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +268 -229
- package/components/table/v4/index.d.ts +14 -0
- package/components/table/v4/storyUtils.d.ts +2 -0
- package/index.d.ts +28 -0
- package/index.js +1 -1
- package/package.json +1 -1
- package/Chart.vue_vue_type_style_index_0_scoped_82f5b24e_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_5c80d8cd_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_9e521454_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_86ea5d2a_lang.css +0 -1
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_9f6cf389_lang.css +0 -1
|
@@ -17,9 +17,12 @@ declare const ChartTypes: () => ({
|
|
|
17
17
|
chartType: ChartType;
|
|
18
18
|
hideLegend: boolean;
|
|
19
19
|
xAxisFormat: import("./types").ValueFormat;
|
|
20
|
+
xAxisDateInterval: import("./types").DateInterval;
|
|
20
21
|
totalsChart: boolean;
|
|
21
22
|
parsing: import("./types").ChartParsingConfig;
|
|
22
23
|
yAxisFormat: import("./types").ValueFormat;
|
|
24
|
+
valueSuffix: string;
|
|
25
|
+
valuePrefix: string;
|
|
23
26
|
dataSets: import("./types").ChartDataSet[];
|
|
24
27
|
trendTooltip: any;
|
|
25
28
|
subheader: string;
|
|
@@ -29,6 +32,7 @@ declare const ChartTypes: () => ({
|
|
|
29
32
|
tickCount: number;
|
|
30
33
|
truncateTickLabels: boolean;
|
|
31
34
|
keepSubheaderVisible: boolean;
|
|
35
|
+
empty: boolean;
|
|
32
36
|
noDataIcon: string;
|
|
33
37
|
noDataTitle: string;
|
|
34
38
|
noDataSubtitle: string;
|
|
@@ -37,6 +41,7 @@ declare const ChartTypes: () => ({
|
|
|
37
41
|
tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
38
42
|
tooltipOrder: TooltipOrder;
|
|
39
43
|
fullHeight: boolean;
|
|
44
|
+
fullHeightBottomSpacing: number;
|
|
40
45
|
withSettingsHeader: boolean;
|
|
41
46
|
extraCharts: Record<string, unknown>[];
|
|
42
47
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -89,6 +94,10 @@ declare const ChartTypes: () => ({
|
|
|
89
94
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
90
95
|
default: string;
|
|
91
96
|
};
|
|
97
|
+
xAxisDateInterval: {
|
|
98
|
+
type: import("vue").PropType<import("./types").DateInterval>;
|
|
99
|
+
default: import("./types").DateInterval;
|
|
100
|
+
};
|
|
92
101
|
totalsChart: {
|
|
93
102
|
type: import("vue").PropType<boolean>;
|
|
94
103
|
default: boolean;
|
|
@@ -101,6 +110,14 @@ declare const ChartTypes: () => ({
|
|
|
101
110
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
102
111
|
default: string;
|
|
103
112
|
};
|
|
113
|
+
valueSuffix: {
|
|
114
|
+
type: import("vue").PropType<string>;
|
|
115
|
+
default: string;
|
|
116
|
+
};
|
|
117
|
+
valuePrefix: {
|
|
118
|
+
type: import("vue").PropType<string>;
|
|
119
|
+
default: string;
|
|
120
|
+
};
|
|
104
121
|
dataSets: {
|
|
105
122
|
type: import("vue").PropType<import("./types").ChartDataSet[]>;
|
|
106
123
|
required: true;
|
|
@@ -145,6 +162,10 @@ declare const ChartTypes: () => ({
|
|
|
145
162
|
type: import("vue").PropType<boolean>;
|
|
146
163
|
default: boolean;
|
|
147
164
|
};
|
|
165
|
+
empty: {
|
|
166
|
+
type: import("vue").PropType<boolean>;
|
|
167
|
+
default: boolean;
|
|
168
|
+
};
|
|
148
169
|
noDataIcon: {
|
|
149
170
|
type: import("vue").PropType<string>;
|
|
150
171
|
default: string;
|
|
@@ -177,6 +198,10 @@ declare const ChartTypes: () => ({
|
|
|
177
198
|
type: import("vue").PropType<boolean>;
|
|
178
199
|
default: boolean;
|
|
179
200
|
};
|
|
201
|
+
fullHeightBottomSpacing: {
|
|
202
|
+
type: import("vue").PropType<number>;
|
|
203
|
+
default: number;
|
|
204
|
+
};
|
|
180
205
|
withSettingsHeader: {
|
|
181
206
|
type: import("vue").PropType<boolean>;
|
|
182
207
|
default: boolean;
|
|
@@ -189,7 +214,7 @@ declare const ChartTypes: () => ({
|
|
|
189
214
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
190
215
|
"onUpdate:sortSelected"?: (sortOption: unknown) => any;
|
|
191
216
|
"onUpdate:chartType"?: (chartType: ChartType) => any;
|
|
192
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "totalsChart" | "parsing" | "yAxisFormat" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
|
|
217
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts">;
|
|
193
218
|
$attrs: {
|
|
194
219
|
[x: string]: unknown;
|
|
195
220
|
};
|
|
@@ -253,6 +278,10 @@ declare const ChartTypes: () => ({
|
|
|
253
278
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
254
279
|
default: string;
|
|
255
280
|
};
|
|
281
|
+
xAxisDateInterval: {
|
|
282
|
+
type: import("vue").PropType<import("./types").DateInterval>;
|
|
283
|
+
default: import("./types").DateInterval;
|
|
284
|
+
};
|
|
256
285
|
totalsChart: {
|
|
257
286
|
type: import("vue").PropType<boolean>;
|
|
258
287
|
default: boolean;
|
|
@@ -265,6 +294,14 @@ declare const ChartTypes: () => ({
|
|
|
265
294
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
266
295
|
default: string;
|
|
267
296
|
};
|
|
297
|
+
valueSuffix: {
|
|
298
|
+
type: import("vue").PropType<string>;
|
|
299
|
+
default: string;
|
|
300
|
+
};
|
|
301
|
+
valuePrefix: {
|
|
302
|
+
type: import("vue").PropType<string>;
|
|
303
|
+
default: string;
|
|
304
|
+
};
|
|
268
305
|
dataSets: {
|
|
269
306
|
type: import("vue").PropType<import("./types").ChartDataSet[]>;
|
|
270
307
|
required: true;
|
|
@@ -309,6 +346,10 @@ declare const ChartTypes: () => ({
|
|
|
309
346
|
type: import("vue").PropType<boolean>;
|
|
310
347
|
default: boolean;
|
|
311
348
|
};
|
|
349
|
+
empty: {
|
|
350
|
+
type: import("vue").PropType<boolean>;
|
|
351
|
+
default: boolean;
|
|
352
|
+
};
|
|
312
353
|
noDataIcon: {
|
|
313
354
|
type: import("vue").PropType<string>;
|
|
314
355
|
default: string;
|
|
@@ -341,6 +382,10 @@ declare const ChartTypes: () => ({
|
|
|
341
382
|
type: import("vue").PropType<boolean>;
|
|
342
383
|
default: boolean;
|
|
343
384
|
};
|
|
385
|
+
fullHeightBottomSpacing: {
|
|
386
|
+
type: import("vue").PropType<number>;
|
|
387
|
+
default: number;
|
|
388
|
+
};
|
|
344
389
|
withSettingsHeader: {
|
|
345
390
|
type: import("vue").PropType<boolean>;
|
|
346
391
|
default: boolean;
|
|
@@ -370,9 +415,12 @@ declare const ChartTypes: () => ({
|
|
|
370
415
|
chartType: ChartType;
|
|
371
416
|
hideLegend: boolean;
|
|
372
417
|
xAxisFormat: import("./types").ValueFormat;
|
|
418
|
+
xAxisDateInterval: import("./types").DateInterval;
|
|
373
419
|
totalsChart: boolean;
|
|
374
420
|
parsing: import("./types").ChartParsingConfig;
|
|
375
421
|
yAxisFormat: import("./types").ValueFormat;
|
|
422
|
+
valueSuffix: string;
|
|
423
|
+
valuePrefix: string;
|
|
376
424
|
dataSets: import("./types").ChartDataSet[];
|
|
377
425
|
trendTooltip: any;
|
|
378
426
|
subheader: string;
|
|
@@ -382,6 +430,7 @@ declare const ChartTypes: () => ({
|
|
|
382
430
|
tickCount: number;
|
|
383
431
|
truncateTickLabels: boolean;
|
|
384
432
|
keepSubheaderVisible: boolean;
|
|
433
|
+
empty: boolean;
|
|
385
434
|
noDataIcon: string;
|
|
386
435
|
noDataTitle: string;
|
|
387
436
|
noDataSubtitle: string;
|
|
@@ -390,6 +439,7 @@ declare const ChartTypes: () => ({
|
|
|
390
439
|
tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
391
440
|
tooltipOrder: TooltipOrder;
|
|
392
441
|
fullHeight: boolean;
|
|
442
|
+
fullHeightBottomSpacing: number;
|
|
393
443
|
withSettingsHeader: boolean;
|
|
394
444
|
extraCharts: Record<string, unknown>[];
|
|
395
445
|
}, {}, string> & {
|
|
@@ -462,6 +512,10 @@ declare const ChartTypes: () => ({
|
|
|
462
512
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
463
513
|
default: string;
|
|
464
514
|
};
|
|
515
|
+
xAxisDateInterval: {
|
|
516
|
+
type: import("vue").PropType<import("./types").DateInterval>;
|
|
517
|
+
default: import("./types").DateInterval;
|
|
518
|
+
};
|
|
465
519
|
totalsChart: {
|
|
466
520
|
type: import("vue").PropType<boolean>;
|
|
467
521
|
default: boolean;
|
|
@@ -474,6 +528,14 @@ declare const ChartTypes: () => ({
|
|
|
474
528
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
475
529
|
default: string;
|
|
476
530
|
};
|
|
531
|
+
valueSuffix: {
|
|
532
|
+
type: import("vue").PropType<string>;
|
|
533
|
+
default: string;
|
|
534
|
+
};
|
|
535
|
+
valuePrefix: {
|
|
536
|
+
type: import("vue").PropType<string>;
|
|
537
|
+
default: string;
|
|
538
|
+
};
|
|
477
539
|
dataSets: {
|
|
478
540
|
type: import("vue").PropType<import("./types").ChartDataSet[]>;
|
|
479
541
|
required: true;
|
|
@@ -518,6 +580,10 @@ declare const ChartTypes: () => ({
|
|
|
518
580
|
type: import("vue").PropType<boolean>;
|
|
519
581
|
default: boolean;
|
|
520
582
|
};
|
|
583
|
+
empty: {
|
|
584
|
+
type: import("vue").PropType<boolean>;
|
|
585
|
+
default: boolean;
|
|
586
|
+
};
|
|
521
587
|
noDataIcon: {
|
|
522
588
|
type: import("vue").PropType<string>;
|
|
523
589
|
default: string;
|
|
@@ -550,6 +616,10 @@ declare const ChartTypes: () => ({
|
|
|
550
616
|
type: import("vue").PropType<boolean>;
|
|
551
617
|
default: boolean;
|
|
552
618
|
};
|
|
619
|
+
fullHeightBottomSpacing: {
|
|
620
|
+
type: import("vue").PropType<number>;
|
|
621
|
+
default: number;
|
|
622
|
+
};
|
|
553
623
|
withSettingsHeader: {
|
|
554
624
|
type: import("vue").PropType<boolean>;
|
|
555
625
|
default: boolean;
|
|
@@ -616,6 +686,10 @@ declare const ChartTypes: () => ({
|
|
|
616
686
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
617
687
|
default: string;
|
|
618
688
|
};
|
|
689
|
+
xAxisDateInterval: {
|
|
690
|
+
type: import("vue").PropType<import("./types").DateInterval>;
|
|
691
|
+
default: import("./types").DateInterval;
|
|
692
|
+
};
|
|
619
693
|
totalsChart: {
|
|
620
694
|
type: import("vue").PropType<boolean>;
|
|
621
695
|
default: boolean;
|
|
@@ -628,6 +702,14 @@ declare const ChartTypes: () => ({
|
|
|
628
702
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
629
703
|
default: string;
|
|
630
704
|
};
|
|
705
|
+
valueSuffix: {
|
|
706
|
+
type: import("vue").PropType<string>;
|
|
707
|
+
default: string;
|
|
708
|
+
};
|
|
709
|
+
valuePrefix: {
|
|
710
|
+
type: import("vue").PropType<string>;
|
|
711
|
+
default: string;
|
|
712
|
+
};
|
|
631
713
|
dataSets: {
|
|
632
714
|
type: import("vue").PropType<import("./types").ChartDataSet[]>;
|
|
633
715
|
required: true;
|
|
@@ -672,6 +754,10 @@ declare const ChartTypes: () => ({
|
|
|
672
754
|
type: import("vue").PropType<boolean>;
|
|
673
755
|
default: boolean;
|
|
674
756
|
};
|
|
757
|
+
empty: {
|
|
758
|
+
type: import("vue").PropType<boolean>;
|
|
759
|
+
default: boolean;
|
|
760
|
+
};
|
|
675
761
|
noDataIcon: {
|
|
676
762
|
type: import("vue").PropType<string>;
|
|
677
763
|
default: string;
|
|
@@ -704,6 +790,10 @@ declare const ChartTypes: () => ({
|
|
|
704
790
|
type: import("vue").PropType<boolean>;
|
|
705
791
|
default: boolean;
|
|
706
792
|
};
|
|
793
|
+
fullHeightBottomSpacing: {
|
|
794
|
+
type: import("vue").PropType<number>;
|
|
795
|
+
default: number;
|
|
796
|
+
};
|
|
707
797
|
withSettingsHeader: {
|
|
708
798
|
type: import("vue").PropType<boolean>;
|
|
709
799
|
default: boolean;
|
|
@@ -733,9 +823,12 @@ declare const ChartTypes: () => ({
|
|
|
733
823
|
chartType: ChartType;
|
|
734
824
|
hideLegend: boolean;
|
|
735
825
|
xAxisFormat: import("./types").ValueFormat;
|
|
826
|
+
xAxisDateInterval: import("./types").DateInterval;
|
|
736
827
|
totalsChart: boolean;
|
|
737
828
|
parsing: import("./types").ChartParsingConfig;
|
|
738
829
|
yAxisFormat: import("./types").ValueFormat;
|
|
830
|
+
valueSuffix: string;
|
|
831
|
+
valuePrefix: string;
|
|
739
832
|
dataSets: import("./types").ChartDataSet[];
|
|
740
833
|
trendTooltip: any;
|
|
741
834
|
subheader: string;
|
|
@@ -745,6 +838,7 @@ declare const ChartTypes: () => ({
|
|
|
745
838
|
tickCount: number;
|
|
746
839
|
truncateTickLabels: boolean;
|
|
747
840
|
keepSubheaderVisible: boolean;
|
|
841
|
+
empty: boolean;
|
|
748
842
|
noDataIcon: string;
|
|
749
843
|
noDataTitle: string;
|
|
750
844
|
noDataSubtitle: string;
|
|
@@ -753,6 +847,7 @@ declare const ChartTypes: () => ({
|
|
|
753
847
|
tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
|
|
754
848
|
tooltipOrder: TooltipOrder;
|
|
755
849
|
fullHeight: boolean;
|
|
850
|
+
fullHeightBottomSpacing: number;
|
|
756
851
|
withSettingsHeader: boolean;
|
|
757
852
|
extraCharts: Record<string, unknown>[];
|
|
758
853
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -6,6 +6,14 @@ export declare const SINGLE_DATASET_DATE: {
|
|
|
6
6
|
value: number;
|
|
7
7
|
}[];
|
|
8
8
|
}[];
|
|
9
|
+
export declare const SINGLE_DATASET_DATE_MONTHLY: {
|
|
10
|
+
id: string;
|
|
11
|
+
label: string;
|
|
12
|
+
data: {
|
|
13
|
+
date: string;
|
|
14
|
+
value: number;
|
|
15
|
+
}[];
|
|
16
|
+
}[];
|
|
9
17
|
export declare const SINGLE_DATASET_COUNTRY: {
|
|
10
18
|
id: string;
|
|
11
19
|
countryFlag: string;
|
|
@@ -8,6 +8,11 @@ export declare enum ChartType {
|
|
|
8
8
|
StackedLine = "stackedLine",
|
|
9
9
|
StackedBar = "stackedBar"
|
|
10
10
|
}
|
|
11
|
+
export declare enum DateInterval {
|
|
12
|
+
DAILY = "daily",
|
|
13
|
+
WEEKLY = "weekly",
|
|
14
|
+
MONTHLY = "monthly"
|
|
15
|
+
}
|
|
11
16
|
export type ChartDataRecord = Record<string, unknown>;
|
|
12
17
|
export type ChartDataSet = {
|
|
13
18
|
id: string | number;
|
|
@@ -57,6 +62,7 @@ export type DropdownTypeOption = {
|
|
|
57
62
|
export type UseChartHeightArgs = {
|
|
58
63
|
chartPlanesCount: Ref<number>;
|
|
59
64
|
useFullHeight: boolean;
|
|
65
|
+
bottomSpacing?: number;
|
|
60
66
|
};
|
|
61
67
|
export type HexColor = `#${string}`;
|
|
62
68
|
export type DataSetConfig = ChartDataset<'line'> & ChartDataSet;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
var e = /* @__PURE__ */ ((
|
|
1
|
+
var e = /* @__PURE__ */ ((L) => (L.Line = "line", L.Bar = "bar", L.StackedLine = "stackedLine", L.StackedBar = "stackedBar", L))(e || {}), r = /* @__PURE__ */ ((L) => (L.DAILY = "daily", L.WEEKLY = "weekly", L.MONTHLY = "monthly", L))(r || {}), a = /* @__PURE__ */ ((L) => (L.Legend = "legend", L.YAxis = "yAxis", L))(a || {}), n = /* @__PURE__ */ ((L) => (L.UP = "up", L.DOWN = "down", L.NEUTRAL = "right", L))(n || {});
|
|
2
2
|
export {
|
|
3
3
|
e as ChartType,
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
r as DateInterval,
|
|
5
|
+
a as TooltipOrder,
|
|
6
|
+
n as TrendDirection
|
|
6
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { PrepareTicksLabelArgs, ValueFormat } from '@/components/chart/types';
|
|
2
2
|
export declare const calcStepSize: (min: number, max: number, tickCount: number) => number;
|
|
3
|
-
export declare const formatValue: (value: number | string, valueFormat: ValueFormat) => string;
|
|
3
|
+
export declare const formatValue: (value: number | string | Date, valueFormat: ValueFormat) => string;
|
|
4
4
|
export declare const prepareTickLabel: ({ label, format, availableSpace, truncate, }: PrepareTicksLabelArgs) => string | string[];
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { format as f } from "date-fns";
|
|
2
|
-
import { TICK_LABEL_FONT as
|
|
3
|
-
import { nFormatter as
|
|
4
|
-
import { truncateTextToFit as
|
|
5
|
-
import { REGEX_LINEBREAK as
|
|
2
|
+
import { TICK_LABEL_FONT as c } from "../consts.js";
|
|
3
|
+
import { nFormatter as d } from "../../../utils/formatNumbers.js";
|
|
4
|
+
import { truncateTextToFit as E } from "../../../utils/text.js";
|
|
5
|
+
import { REGEX_LINEBREAK as i } from "../../../consts/regex.js";
|
|
6
6
|
const g = (r, t, e) => {
|
|
7
7
|
if (e === 0)
|
|
8
8
|
return 0;
|
|
9
9
|
const n = t - r, o = n / e * 0.4;
|
|
10
10
|
return (n + o) / e;
|
|
11
|
-
},
|
|
11
|
+
}, a = (r, t) => t === "day" ? f(new Date(r), "EEEE") : t === "number" ? d(r) : t === "date" ? f(new Date(r), "MMM dd") : t === "dateLong" ? f(new Date(r), "MMM dd, yyyy") : String(r), w = ({
|
|
12
12
|
label: r,
|
|
13
13
|
format: t,
|
|
14
14
|
availableSpace: e,
|
|
15
15
|
truncate: n = !1
|
|
16
16
|
}) => {
|
|
17
|
-
const s =
|
|
18
|
-
const
|
|
19
|
-
return n ?
|
|
17
|
+
const s = i.test(r), o = (p) => {
|
|
18
|
+
const m = a(p, t);
|
|
19
|
+
return n && e > 0 ? E(m, c, e) : m;
|
|
20
20
|
};
|
|
21
|
-
return s ? r.split(
|
|
21
|
+
return s ? r.split(i).map(o) : o(r);
|
|
22
22
|
};
|
|
23
23
|
export {
|
|
24
24
|
g as calcStepSize,
|
|
25
|
-
|
|
25
|
+
a as formatValue,
|
|
26
26
|
w as prepareTickLabel
|
|
27
27
|
};
|
|
@@ -31,7 +31,6 @@ export declare const tableCommon: (props: any, emit: any) => {
|
|
|
31
31
|
hasCheckboxes: import("vue").ComputedRef<boolean>;
|
|
32
32
|
toggleExpandRow: (index: number, event: any) => Promise<void>;
|
|
33
33
|
isRowExpanded: (rowIndex: number) => boolean;
|
|
34
|
-
cssRowHeight: import("vue").ComputedRef<string>;
|
|
35
34
|
cssExpandGridCol: import("vue").ComputedRef<string>;
|
|
36
35
|
activeMenuRow: import("vue").Ref<number>;
|
|
37
36
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { useSlots as
|
|
2
|
-
import { useVirtualList as
|
|
3
|
-
import { TableContext as
|
|
4
|
-
import { CHECKBOX_STICKY_COL_WIDTH as
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
|
|
1
|
+
import { useSlots as U, ref as a, provide as V, computed as n, onMounted as Y, nextTick as j } from "vue";
|
|
2
|
+
import { useVirtualList as q, useInfiniteScroll as F } from "@vueuse/core";
|
|
3
|
+
import { TableContext as J } from "./TableContext.js";
|
|
4
|
+
import { CHECKBOX_STICKY_COL_WIDTH as Q, CHECKBOX_COL_WIDTH as Z, EXPAND_COL_WIDTH as p, CHECKBOX_COLUMN_ID as tt } from "./consts.js";
|
|
5
|
+
const it = (e, d) => {
|
|
6
|
+
const T = U(), u = a([]);
|
|
7
|
+
V(J, {
|
|
8
8
|
onClose({ rowIndex: t, cellIndex: o, value: i } = {}) {
|
|
9
9
|
u.value = [...u.value, t], d("saveRow", {
|
|
10
10
|
rowIndex: t,
|
|
@@ -19,27 +19,27 @@ const rt = (e, d) => {
|
|
|
19
19
|
R.value = t;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
const
|
|
23
|
-
const t = (
|
|
22
|
+
const g = n(() => !!e.selection), x = n(() => e.isSelectionSticky ? Q : Z), O = n(() => {
|
|
23
|
+
const t = (g.value ? `${x.value}px ` : "") + (h.value ? `${p}px ` : "");
|
|
24
24
|
return e.columns.reduce((o, { width: i, colSpan: l }) => {
|
|
25
25
|
const s = typeof i == "number" ? `${i}px` : i, S = s || `${l || 1}fr`;
|
|
26
26
|
return `${o} ${S}`;
|
|
27
27
|
}, t);
|
|
28
|
-
}),
|
|
28
|
+
}), h = n(() => !!T.expanded), H = a(null), R = a(null), k = n(() => Array(e.loadingRowCount).fill(
|
|
29
29
|
Array(e.columns.length).fill("")
|
|
30
30
|
)), I = n(() => e.rows.length && Array.isArray(e.rows[0]) ? e.isLoading ? [...e.rows, ...k.value] : e.rows : e.isLoading ? [
|
|
31
31
|
...e.rows.map((o) => o[e.rowDataKey]),
|
|
32
32
|
...k.value
|
|
33
|
-
] : e.rows.map((o) => o[e.rowDataKey])), { list:
|
|
33
|
+
] : e.rows.map((o) => o[e.rowDataKey])), { list: b, containerProps: r, wrapperProps: A, scrollTo: B } = q(
|
|
34
34
|
I,
|
|
35
35
|
{
|
|
36
|
-
itemHeight:
|
|
36
|
+
itemHeight: h.value ? (t) => w[t] ?? e.rowHeight : e.rowHeight
|
|
37
37
|
}
|
|
38
|
-
),
|
|
39
|
-
r.onScroll(),
|
|
38
|
+
), L = a(null), m = a(0), _ = n(() => !!T.search), $ = (t) => {
|
|
39
|
+
r.onScroll(), m.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, d("onScroll", t.target.scrollTop);
|
|
40
40
|
};
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
Y(() => {
|
|
42
|
+
m.value = r.ref.value?.getBoundingClientRect().width, e.defaultScrollPosition && setTimeout(() => {
|
|
43
43
|
r.ref.value?.scrollTo({
|
|
44
44
|
top: e.defaultScrollPosition,
|
|
45
45
|
behavior: "smooth"
|
|
@@ -47,17 +47,17 @@ const rt = (e, d) => {
|
|
|
47
47
|
}, 300);
|
|
48
48
|
});
|
|
49
49
|
const E = n(() => {
|
|
50
|
-
const [t] =
|
|
50
|
+
const [t] = b.value;
|
|
51
51
|
return t && t.index > 0;
|
|
52
52
|
}), P = n(() => r.style), D = n(() => {
|
|
53
53
|
const t = {
|
|
54
|
-
id:
|
|
54
|
+
id: tt,
|
|
55
55
|
isSticky: e.isSelectionSticky,
|
|
56
|
-
width:
|
|
56
|
+
width: x.value
|
|
57
57
|
};
|
|
58
|
-
return
|
|
58
|
+
return g.value ? [t] : [];
|
|
59
59
|
}), f = n(() => [...D.value, ...e.columns]), K = n(() => f.value.reduce((t, o) => (o.isSticky && (t[o.id] = X(o)), t), {}));
|
|
60
|
-
|
|
60
|
+
F(
|
|
61
61
|
r.ref,
|
|
62
62
|
() => {
|
|
63
63
|
e.isInfiniteScroll && d("loadMore");
|
|
@@ -89,43 +89,42 @@ const rt = (e, d) => {
|
|
|
89
89
|
zIndex: 1
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
|
-
const
|
|
93
|
-
const i =
|
|
92
|
+
const v = a([]), w = {}, N = (t) => v.value.includes(t), z = async (t, o) => {
|
|
93
|
+
const i = v.value.indexOf(t);
|
|
94
94
|
if (i === -1) {
|
|
95
|
-
|
|
95
|
+
v.value.push(t);
|
|
96
96
|
const l = o.target.closest("tr");
|
|
97
|
-
await
|
|
97
|
+
await j(), l && (w[t] = l.offsetHeight);
|
|
98
98
|
} else
|
|
99
|
-
|
|
100
|
-
}, G = n(
|
|
99
|
+
v.value.splice(i, 1), delete w[t];
|
|
100
|
+
}, G = n(
|
|
101
101
|
() => `1 / span ${e.columns.length + 1}`
|
|
102
102
|
);
|
|
103
103
|
return {
|
|
104
|
-
list:
|
|
104
|
+
list: b,
|
|
105
105
|
containerProps: r,
|
|
106
106
|
wrapperProps: A,
|
|
107
|
-
activeRow:
|
|
108
|
-
gridColumnTemplate:
|
|
109
|
-
floatingActionRef:
|
|
107
|
+
activeRow: H,
|
|
108
|
+
gridColumnTemplate: O,
|
|
109
|
+
floatingActionRef: L,
|
|
110
110
|
scrollToTop: M,
|
|
111
111
|
toggleSortOrder: W,
|
|
112
112
|
columnsStickyPositions: K,
|
|
113
|
-
hasSearchSlot:
|
|
113
|
+
hasSearchSlot: _,
|
|
114
114
|
showBackToTopButton: E,
|
|
115
115
|
containerStyle: P,
|
|
116
|
-
onScroll:
|
|
116
|
+
onScroll: $,
|
|
117
117
|
scrollTo: B,
|
|
118
118
|
savingRows: u,
|
|
119
|
-
floatingActionPosition:
|
|
120
|
-
hasExpandSlot:
|
|
121
|
-
hasCheckboxes:
|
|
119
|
+
floatingActionPosition: m,
|
|
120
|
+
hasExpandSlot: h,
|
|
121
|
+
hasCheckboxes: g,
|
|
122
122
|
toggleExpandRow: z,
|
|
123
123
|
isRowExpanded: N,
|
|
124
|
-
|
|
125
|
-
cssExpandGridCol: U,
|
|
124
|
+
cssExpandGridCol: G,
|
|
126
125
|
activeMenuRow: R
|
|
127
126
|
};
|
|
128
127
|
};
|
|
129
128
|
export {
|
|
130
|
-
|
|
129
|
+
it as tableCommon
|
|
131
130
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
const _ = "__CHECKBOX_COLUMN_ID__", C = 46, O = 46, H = 57;
|
|
1
|
+
const _ = "__CHECKBOX_COLUMN_ID__", C = 46, O = 46, H = 57, D = 48;
|
|
2
2
|
export {
|
|
3
3
|
_ as CHECKBOX_COLUMN_ID,
|
|
4
4
|
O as CHECKBOX_COL_WIDTH,
|
|
5
5
|
H as CHECKBOX_STICKY_COL_WIDTH,
|
|
6
|
+
D as DEFAULT_ROW_HEIGHT,
|
|
6
7
|
C as EXPAND_COL_WIDTH
|
|
7
8
|
};
|
|
@@ -16,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
16
16
|
emptyStateTitle?: string;
|
|
17
17
|
emptyStateSubtitle?: string;
|
|
18
18
|
isInfiniteScroll?: boolean;
|
|
19
|
+
showTotalsRow?: boolean;
|
|
19
20
|
infiniteScrollThreshold?: number;
|
|
20
21
|
rowHeight?: number | ((index: number) => number);
|
|
21
22
|
loadingRowCount?: number;
|
|
@@ -89,6 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
89
90
|
emptyStateTitle?: string;
|
|
90
91
|
emptyStateSubtitle?: string;
|
|
91
92
|
isInfiniteScroll?: boolean;
|
|
93
|
+
showTotalsRow?: boolean;
|
|
92
94
|
infiniteScrollThreshold?: number;
|
|
93
95
|
rowHeight?: number | ((index: number) => number);
|
|
94
96
|
loadingRowCount?: number;
|
|
@@ -174,6 +176,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
174
176
|
isSelectionBordered: boolean;
|
|
175
177
|
}>, Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
|
|
176
178
|
column: Column;
|
|
179
|
+
}) => any>> & Partial<Record<`total-${string}`, (_: {
|
|
180
|
+
column: Column;
|
|
177
181
|
}) => any>> & Partial<Record<`cell-${string}`, (_: {
|
|
178
182
|
cell: unknown;
|
|
179
183
|
isLoading: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DataGrid.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../DataGrid.
|
|
4
|
-
const
|
|
2
|
+
/* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0dff3241_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0dff3241"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|