@feedmepos/ui-library 1.1.13 → 1.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CHANGELOG.md +12 -1
- package/dist/components/chart/bar/FmBar.vue.d.ts +5 -4
- package/dist/components/chart/line/FmLine.vue.d.ts +5 -4
- package/dist/components/chart/pie/FmPie.vue.d.ts +9 -5
- package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePicker.vue.d.ts +3 -1
- package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerDesktop.vue.d.ts +2 -0
- package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerMobile.vue.d.ts +2 -0
- package/dist/components/menu/menu-divider/FmMenuDivider.vue.d.ts +1 -1
- package/dist/components.d.ts +83 -52
- package/dist/federation/FmBar.vue_vue_type_script_setup_true_lang-DaTQIxt5.js +1 -0
- package/dist/federation/FmLine.vue_vue_type_script_setup_true_lang-DaLWoT69.js +1 -0
- package/dist/federation/FmPie.vue_vue_type_script_setup_true_lang-Dyd3pOmV.js +2 -0
- package/dist/federation/{__federation_expose_FmBarChart-C1CozpXh.js → __federation_expose_FmBarChart-Cy6PL_FZ.js} +1 -1
- package/dist/federation/{__federation_expose_FmLineChart-DKuJkFxI.js → __federation_expose_FmLineChart-TTJujI_x.js} +1 -1
- package/dist/federation/{__federation_expose_FmPieChart-XCRZxPEM.js → __federation_expose_FmPieChart-BYQUKFrn.js} +1 -1
- package/dist/federation/feedmepos-ui-components.js +1 -1
- package/dist/federation/index-VYKpj56Q.js +2 -0
- package/dist/feedmepos-ui-library.js +3250 -3216
- package/dist/feedmepos-ui-library.umd.cjs +10 -10
- package/package.json +1 -1
- package/dist/federation/FmBar.vue_vue_type_script_setup_true_lang-biLsMyS6.js +0 -1
- package/dist/federation/FmLine.vue_vue_type_script_setup_true_lang-HmI1WAqt.js +0 -1
- package/dist/federation/FmPie.vue_vue_type_script_setup_true_lang-DHl1zHt0.js +0 -2
- package/dist/federation/index-YguELkrT.js +0 -2
package/dist/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## 1.1.14
|
|
2
|
+
|
|
3
|
+
### Feature
|
|
4
|
+
|
|
5
|
+
- `FmSimpleDateRangePicker`
|
|
6
|
+
- Added emit `selected-comparison` to get the current compareType when you select the type
|
|
7
|
+
- Added `No Comparison` and tweak some compare type
|
|
8
|
+
|
|
9
|
+
- `FmBar`/`FmLine`/`FmPie`
|
|
10
|
+
- Added `legend` props for better customization more info refer to chart js legend documentation for additional
|
|
11
|
+
options
|
|
12
|
+
|
|
1
13
|
## 1.1.13
|
|
2
14
|
|
|
3
15
|
### Feature
|
|
@@ -235,4 +247,3 @@
|
|
|
235
247
|
## 1.0.0
|
|
236
248
|
|
|
237
249
|
- FeedMe UI Library released!
|
|
238
|
-
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { LegendOptions } from 'chart.js';
|
|
1
2
|
export interface Dataset {
|
|
2
3
|
label: string;
|
|
3
4
|
data: number[];
|
|
@@ -52,7 +53,7 @@ type FmBarProp = {
|
|
|
52
53
|
* hide the legend
|
|
53
54
|
* this will have priority over any other
|
|
54
55
|
*/
|
|
55
|
-
|
|
56
|
+
legend?: LegendOptions<'bar'>;
|
|
56
57
|
};
|
|
57
58
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmBarProp>, {
|
|
58
59
|
name: undefined;
|
|
@@ -62,7 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
62
63
|
maintainAspectRatio: boolean;
|
|
63
64
|
hideXAxis: undefined;
|
|
64
65
|
hideYAxis: undefined;
|
|
65
|
-
|
|
66
|
+
legend: undefined;
|
|
66
67
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmBarProp>, {
|
|
67
68
|
name: undefined;
|
|
68
69
|
paragraph: undefined;
|
|
@@ -71,8 +72,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
71
72
|
maintainAspectRatio: boolean;
|
|
72
73
|
hideXAxis: undefined;
|
|
73
74
|
hideYAxis: undefined;
|
|
74
|
-
|
|
75
|
+
legend: undefined;
|
|
75
76
|
}>>>, {
|
|
77
|
+
legend: LegendOptions<"bar">;
|
|
76
78
|
name: string;
|
|
77
79
|
paragraph: string;
|
|
78
80
|
transpose: boolean;
|
|
@@ -80,7 +82,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
80
82
|
maintainAspectRatio: boolean;
|
|
81
83
|
hideXAxis: boolean;
|
|
82
84
|
hideYAxis: boolean;
|
|
83
|
-
hideLegend: boolean;
|
|
84
85
|
}, {}>, {
|
|
85
86
|
title?(_: {}): any;
|
|
86
87
|
}>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { LegendOptions } from 'chart.js';
|
|
1
2
|
export interface Dataset {
|
|
2
3
|
label: string;
|
|
3
4
|
data: number[];
|
|
@@ -51,7 +52,7 @@ type FmLineProp = {
|
|
|
51
52
|
* hide the legend
|
|
52
53
|
* this will have priority over any other
|
|
53
54
|
*/
|
|
54
|
-
|
|
55
|
+
legend?: LegendOptions<'line'>;
|
|
55
56
|
};
|
|
56
57
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmLineProp>, {
|
|
57
58
|
name: undefined;
|
|
@@ -59,21 +60,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
59
60
|
transpose: boolean;
|
|
60
61
|
hideXAxis: undefined;
|
|
61
62
|
hideYAxis: undefined;
|
|
62
|
-
|
|
63
|
+
legend: undefined;
|
|
63
64
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmLineProp>, {
|
|
64
65
|
name: undefined;
|
|
65
66
|
paragraph: undefined;
|
|
66
67
|
transpose: boolean;
|
|
67
68
|
hideXAxis: undefined;
|
|
68
69
|
hideYAxis: undefined;
|
|
69
|
-
|
|
70
|
+
legend: undefined;
|
|
70
71
|
}>>>, {
|
|
72
|
+
legend: LegendOptions<"line">;
|
|
71
73
|
name: string;
|
|
72
74
|
paragraph: string;
|
|
73
75
|
transpose: boolean;
|
|
74
76
|
hideXAxis: boolean;
|
|
75
77
|
hideYAxis: boolean;
|
|
76
|
-
hideLegend: boolean;
|
|
77
78
|
}, {}>, {
|
|
78
79
|
title?(_: {}): any;
|
|
79
80
|
}>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { LegendOptions } from 'chart.js';
|
|
1
2
|
type PieChartVariant = 'pie' | 'doughnut';
|
|
2
3
|
export interface Dataset {
|
|
3
4
|
label: string;
|
|
@@ -30,9 +31,8 @@ type FmPieProp = {
|
|
|
30
31
|
metrics: string[];
|
|
31
32
|
/**
|
|
32
33
|
* legends
|
|
33
|
-
* to enable or disable the legends boolean
|
|
34
34
|
*/
|
|
35
|
-
legend?:
|
|
35
|
+
legend?: LegendOptions<'doughnut'>;
|
|
36
36
|
/**
|
|
37
37
|
* text
|
|
38
38
|
* the text in the middle for doughnut
|
|
@@ -52,31 +52,35 @@ type FmPieProp = {
|
|
|
52
52
|
* maintain the Aspect ratio so it will always make a sizable chart
|
|
53
53
|
*/
|
|
54
54
|
maintainAspectRatio?: boolean;
|
|
55
|
+
percentage?: string;
|
|
55
56
|
};
|
|
56
57
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmPieProp>, {
|
|
57
58
|
name: undefined;
|
|
58
59
|
paragraph: undefined;
|
|
59
|
-
legend:
|
|
60
|
+
legend: undefined;
|
|
60
61
|
text: undefined;
|
|
61
62
|
textColor: string;
|
|
62
63
|
textStyle: string;
|
|
63
64
|
maintainAspectRatio: boolean;
|
|
65
|
+
percentage: undefined;
|
|
64
66
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmPieProp>, {
|
|
65
67
|
name: undefined;
|
|
66
68
|
paragraph: undefined;
|
|
67
|
-
legend:
|
|
69
|
+
legend: undefined;
|
|
68
70
|
text: undefined;
|
|
69
71
|
textColor: string;
|
|
70
72
|
textStyle: string;
|
|
71
73
|
maintainAspectRatio: boolean;
|
|
74
|
+
percentage: undefined;
|
|
72
75
|
}>>>, {
|
|
73
|
-
legend:
|
|
76
|
+
legend: LegendOptions<"doughnut">;
|
|
74
77
|
text: string;
|
|
75
78
|
name: string;
|
|
76
79
|
paragraph: string;
|
|
77
80
|
maintainAspectRatio: boolean;
|
|
78
81
|
textColor: string;
|
|
79
82
|
textStyle: string;
|
|
83
|
+
percentage: string;
|
|
80
84
|
}, {}>, {
|
|
81
85
|
title?(_: {}): any;
|
|
82
86
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { DateRange, FmDateRangePickerProps } from './common';
|
|
1
|
+
import type { CompareType, DateRange, FmDateRangePickerProps } from './common';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
|
|
3
3
|
startLabel: string;
|
|
4
4
|
endLabel: string;
|
|
@@ -22,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
22
22
|
max: () => string;
|
|
23
23
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
24
24
|
"update:modelValue": (value: DateRange) => void;
|
|
25
|
+
"select-comparison": (value: CompareType) => void;
|
|
25
26
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
|
|
26
27
|
startLabel: string;
|
|
27
28
|
endLabel: string;
|
|
@@ -45,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
45
46
|
max: () => string;
|
|
46
47
|
}>>> & {
|
|
47
48
|
"onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
|
|
49
|
+
"onSelect-comparison"?: ((value: CompareType) => any) | undefined;
|
|
48
50
|
}, {
|
|
49
51
|
disabled: boolean;
|
|
50
52
|
labelMark: "required" | "none" | "optional";
|
|
@@ -24,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
24
24
|
zIndex: undefined;
|
|
25
25
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
26
26
|
"update:modelValue": (value: DateRange) => void;
|
|
27
|
+
"select-comparison": (value: CompareType) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
|
|
28
29
|
startLabel: string;
|
|
29
30
|
endLabel: string;
|
|
@@ -49,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
49
50
|
zIndex: undefined;
|
|
50
51
|
}>>> & {
|
|
51
52
|
"onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
|
|
53
|
+
"onSelect-comparison"?: ((value: CompareType) => any) | undefined;
|
|
52
54
|
}, {
|
|
53
55
|
zIndex: number;
|
|
54
56
|
disabled: boolean;
|
|
@@ -24,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
24
24
|
zIndex: undefined;
|
|
25
25
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
26
26
|
"update:modelValue": (value: DateRange) => void;
|
|
27
|
+
"select-comparison": (value: CompareType) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
|
|
28
29
|
startLabel: string;
|
|
29
30
|
endLabel: string;
|
|
@@ -49,6 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
49
50
|
zIndex: undefined;
|
|
50
51
|
}>>> & {
|
|
51
52
|
"onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
|
|
53
|
+
"onSelect-comparison"?: ((value: CompareType) => any) | undefined;
|
|
52
54
|
}, {
|
|
53
55
|
zIndex: number;
|
|
54
56
|
disabled: boolean;
|
|
@@ -14,8 +14,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
14
14
|
vertical: boolean;
|
|
15
15
|
inset: boolean;
|
|
16
16
|
}>>>, {
|
|
17
|
-
vertical: boolean;
|
|
18
17
|
inset: boolean;
|
|
18
|
+
vertical: boolean;
|
|
19
19
|
}, {}>;
|
|
20
20
|
export default _default;
|
|
21
21
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
package/dist/components.d.ts
CHANGED
|
@@ -1297,6 +1297,10 @@ export declare const components: {
|
|
|
1297
1297
|
}, {}>;
|
|
1298
1298
|
FmLineChart: {
|
|
1299
1299
|
new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
|
1300
|
+
legend: {
|
|
1301
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"line">>;
|
|
1302
|
+
default: undefined;
|
|
1303
|
+
};
|
|
1300
1304
|
name: {
|
|
1301
1305
|
type: import("vue").PropType<string>;
|
|
1302
1306
|
default: undefined;
|
|
@@ -1331,11 +1335,11 @@ export declare const components: {
|
|
|
1331
1335
|
type: import("vue").PropType<boolean>;
|
|
1332
1336
|
default: undefined;
|
|
1333
1337
|
};
|
|
1334
|
-
|
|
1335
|
-
|
|
1338
|
+
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
1339
|
+
legend: {
|
|
1340
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"line">>;
|
|
1336
1341
|
default: undefined;
|
|
1337
1342
|
};
|
|
1338
|
-
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
1339
1343
|
name: {
|
|
1340
1344
|
type: import("vue").PropType<string>;
|
|
1341
1345
|
default: undefined;
|
|
@@ -1370,17 +1374,13 @@ export declare const components: {
|
|
|
1370
1374
|
type: import("vue").PropType<boolean>;
|
|
1371
1375
|
default: undefined;
|
|
1372
1376
|
};
|
|
1373
|
-
hideLegend: {
|
|
1374
|
-
type: import("vue").PropType<boolean>;
|
|
1375
|
-
default: undefined;
|
|
1376
|
-
};
|
|
1377
1377
|
}>>, {
|
|
1378
|
+
legend: import("chart.js").LegendOptions<"line">;
|
|
1378
1379
|
name: string;
|
|
1379
1380
|
paragraph: string;
|
|
1380
1381
|
transpose: boolean;
|
|
1381
1382
|
hideXAxis: boolean;
|
|
1382
1383
|
hideYAxis: boolean;
|
|
1383
|
-
hideLegend: boolean;
|
|
1384
1384
|
}, true, {}, {}, {
|
|
1385
1385
|
P: {};
|
|
1386
1386
|
B: {};
|
|
@@ -1389,6 +1389,10 @@ export declare const components: {
|
|
|
1389
1389
|
M: {};
|
|
1390
1390
|
Defaults: {};
|
|
1391
1391
|
}, Readonly<import("vue").ExtractPropTypes<{
|
|
1392
|
+
legend: {
|
|
1393
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"line">>;
|
|
1394
|
+
default: undefined;
|
|
1395
|
+
};
|
|
1392
1396
|
name: {
|
|
1393
1397
|
type: import("vue").PropType<string>;
|
|
1394
1398
|
default: undefined;
|
|
@@ -1423,22 +1427,22 @@ export declare const components: {
|
|
|
1423
1427
|
type: import("vue").PropType<boolean>;
|
|
1424
1428
|
default: undefined;
|
|
1425
1429
|
};
|
|
1426
|
-
hideLegend: {
|
|
1427
|
-
type: import("vue").PropType<boolean>;
|
|
1428
|
-
default: undefined;
|
|
1429
|
-
};
|
|
1430
1430
|
}>>, {}, {}, {}, {}, {
|
|
1431
|
+
legend: import("chart.js").LegendOptions<"line">;
|
|
1431
1432
|
name: string;
|
|
1432
1433
|
paragraph: string;
|
|
1433
1434
|
transpose: boolean;
|
|
1434
1435
|
hideXAxis: boolean;
|
|
1435
1436
|
hideYAxis: boolean;
|
|
1436
|
-
hideLegend: boolean;
|
|
1437
1437
|
}>;
|
|
1438
1438
|
__isFragment?: undefined;
|
|
1439
1439
|
__isTeleport?: undefined;
|
|
1440
1440
|
__isSuspense?: undefined;
|
|
1441
1441
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
1442
|
+
legend: {
|
|
1443
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"line">>;
|
|
1444
|
+
default: undefined;
|
|
1445
|
+
};
|
|
1442
1446
|
name: {
|
|
1443
1447
|
type: import("vue").PropType<string>;
|
|
1444
1448
|
default: undefined;
|
|
@@ -1473,17 +1477,13 @@ export declare const components: {
|
|
|
1473
1477
|
type: import("vue").PropType<boolean>;
|
|
1474
1478
|
default: undefined;
|
|
1475
1479
|
};
|
|
1476
|
-
hideLegend: {
|
|
1477
|
-
type: import("vue").PropType<boolean>;
|
|
1478
|
-
default: undefined;
|
|
1479
|
-
};
|
|
1480
1480
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
1481
|
+
legend: import("chart.js").LegendOptions<"line">;
|
|
1481
1482
|
name: string;
|
|
1482
1483
|
paragraph: string;
|
|
1483
1484
|
transpose: boolean;
|
|
1484
1485
|
hideXAxis: boolean;
|
|
1485
1486
|
hideYAxis: boolean;
|
|
1486
|
-
hideLegend: boolean;
|
|
1487
1487
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
1488
1488
|
$slots: {
|
|
1489
1489
|
title?(_: {}): any;
|
|
@@ -1492,8 +1492,8 @@ export declare const components: {
|
|
|
1492
1492
|
FmPieChart: {
|
|
1493
1493
|
new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
|
1494
1494
|
legend: {
|
|
1495
|
-
type: import("vue").PropType<
|
|
1496
|
-
default:
|
|
1495
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"doughnut">>;
|
|
1496
|
+
default: undefined;
|
|
1497
1497
|
};
|
|
1498
1498
|
text: {
|
|
1499
1499
|
type: import("vue").PropType<string>;
|
|
@@ -1531,10 +1531,14 @@ export declare const components: {
|
|
|
1531
1531
|
type: import("vue").PropType<string>;
|
|
1532
1532
|
default: string;
|
|
1533
1533
|
};
|
|
1534
|
+
percentage: {
|
|
1535
|
+
type: import("vue").PropType<string>;
|
|
1536
|
+
default: undefined;
|
|
1537
|
+
};
|
|
1534
1538
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
1535
1539
|
legend: {
|
|
1536
|
-
type: import("vue").PropType<
|
|
1537
|
-
default:
|
|
1540
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"doughnut">>;
|
|
1541
|
+
default: undefined;
|
|
1538
1542
|
};
|
|
1539
1543
|
text: {
|
|
1540
1544
|
type: import("vue").PropType<string>;
|
|
@@ -1572,14 +1576,19 @@ export declare const components: {
|
|
|
1572
1576
|
type: import("vue").PropType<string>;
|
|
1573
1577
|
default: string;
|
|
1574
1578
|
};
|
|
1579
|
+
percentage: {
|
|
1580
|
+
type: import("vue").PropType<string>;
|
|
1581
|
+
default: undefined;
|
|
1582
|
+
};
|
|
1575
1583
|
}>>, {
|
|
1576
|
-
legend:
|
|
1584
|
+
legend: import("chart.js").LegendOptions<"doughnut">;
|
|
1577
1585
|
text: string;
|
|
1578
1586
|
name: string;
|
|
1579
1587
|
paragraph: string;
|
|
1580
1588
|
maintainAspectRatio: boolean;
|
|
1581
1589
|
textColor: string;
|
|
1582
1590
|
textStyle: string;
|
|
1591
|
+
percentage: string;
|
|
1583
1592
|
}, true, {}, {}, {
|
|
1584
1593
|
P: {};
|
|
1585
1594
|
B: {};
|
|
@@ -1589,8 +1598,8 @@ export declare const components: {
|
|
|
1589
1598
|
Defaults: {};
|
|
1590
1599
|
}, Readonly<import("vue").ExtractPropTypes<{
|
|
1591
1600
|
legend: {
|
|
1592
|
-
type: import("vue").PropType<
|
|
1593
|
-
default:
|
|
1601
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"doughnut">>;
|
|
1602
|
+
default: undefined;
|
|
1594
1603
|
};
|
|
1595
1604
|
text: {
|
|
1596
1605
|
type: import("vue").PropType<string>;
|
|
@@ -1628,22 +1637,27 @@ export declare const components: {
|
|
|
1628
1637
|
type: import("vue").PropType<string>;
|
|
1629
1638
|
default: string;
|
|
1630
1639
|
};
|
|
1640
|
+
percentage: {
|
|
1641
|
+
type: import("vue").PropType<string>;
|
|
1642
|
+
default: undefined;
|
|
1643
|
+
};
|
|
1631
1644
|
}>>, {}, {}, {}, {}, {
|
|
1632
|
-
legend:
|
|
1645
|
+
legend: import("chart.js").LegendOptions<"doughnut">;
|
|
1633
1646
|
text: string;
|
|
1634
1647
|
name: string;
|
|
1635
1648
|
paragraph: string;
|
|
1636
1649
|
maintainAspectRatio: boolean;
|
|
1637
1650
|
textColor: string;
|
|
1638
1651
|
textStyle: string;
|
|
1652
|
+
percentage: string;
|
|
1639
1653
|
}>;
|
|
1640
1654
|
__isFragment?: undefined;
|
|
1641
1655
|
__isTeleport?: undefined;
|
|
1642
1656
|
__isSuspense?: undefined;
|
|
1643
1657
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
1644
1658
|
legend: {
|
|
1645
|
-
type: import("vue").PropType<
|
|
1646
|
-
default:
|
|
1659
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"doughnut">>;
|
|
1660
|
+
default: undefined;
|
|
1647
1661
|
};
|
|
1648
1662
|
text: {
|
|
1649
1663
|
type: import("vue").PropType<string>;
|
|
@@ -1681,14 +1695,19 @@ export declare const components: {
|
|
|
1681
1695
|
type: import("vue").PropType<string>;
|
|
1682
1696
|
default: string;
|
|
1683
1697
|
};
|
|
1698
|
+
percentage: {
|
|
1699
|
+
type: import("vue").PropType<string>;
|
|
1700
|
+
default: undefined;
|
|
1701
|
+
};
|
|
1684
1702
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
1685
|
-
legend:
|
|
1703
|
+
legend: import("chart.js").LegendOptions<"doughnut">;
|
|
1686
1704
|
text: string;
|
|
1687
1705
|
name: string;
|
|
1688
1706
|
paragraph: string;
|
|
1689
1707
|
maintainAspectRatio: boolean;
|
|
1690
1708
|
textColor: string;
|
|
1691
1709
|
textStyle: string;
|
|
1710
|
+
percentage: string;
|
|
1692
1711
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
1693
1712
|
$slots: {
|
|
1694
1713
|
title?(_: {}): any;
|
|
@@ -1696,6 +1715,10 @@ export declare const components: {
|
|
|
1696
1715
|
});
|
|
1697
1716
|
FmBarChart: {
|
|
1698
1717
|
new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
|
|
1718
|
+
legend: {
|
|
1719
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"bar">>;
|
|
1720
|
+
default: undefined;
|
|
1721
|
+
};
|
|
1699
1722
|
name: {
|
|
1700
1723
|
type: import("vue").PropType<string>;
|
|
1701
1724
|
default: undefined;
|
|
@@ -1732,11 +1755,11 @@ export declare const components: {
|
|
|
1732
1755
|
type: import("vue").PropType<boolean>;
|
|
1733
1756
|
default: undefined;
|
|
1734
1757
|
};
|
|
1735
|
-
|
|
1736
|
-
|
|
1758
|
+
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
1759
|
+
legend: {
|
|
1760
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"bar">>;
|
|
1737
1761
|
default: undefined;
|
|
1738
1762
|
};
|
|
1739
|
-
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
1740
1763
|
name: {
|
|
1741
1764
|
type: import("vue").PropType<string>;
|
|
1742
1765
|
default: undefined;
|
|
@@ -1773,11 +1796,8 @@ export declare const components: {
|
|
|
1773
1796
|
type: import("vue").PropType<boolean>;
|
|
1774
1797
|
default: undefined;
|
|
1775
1798
|
};
|
|
1776
|
-
hideLegend: {
|
|
1777
|
-
type: import("vue").PropType<boolean>;
|
|
1778
|
-
default: undefined;
|
|
1779
|
-
};
|
|
1780
1799
|
}>>, {
|
|
1800
|
+
legend: import("chart.js").LegendOptions<"bar">;
|
|
1781
1801
|
name: string;
|
|
1782
1802
|
paragraph: string;
|
|
1783
1803
|
transpose: boolean;
|
|
@@ -1785,7 +1805,6 @@ export declare const components: {
|
|
|
1785
1805
|
maintainAspectRatio: boolean;
|
|
1786
1806
|
hideXAxis: boolean;
|
|
1787
1807
|
hideYAxis: boolean;
|
|
1788
|
-
hideLegend: boolean;
|
|
1789
1808
|
}, true, {}, {}, {
|
|
1790
1809
|
P: {};
|
|
1791
1810
|
B: {};
|
|
@@ -1794,6 +1813,10 @@ export declare const components: {
|
|
|
1794
1813
|
M: {};
|
|
1795
1814
|
Defaults: {};
|
|
1796
1815
|
}, Readonly<import("vue").ExtractPropTypes<{
|
|
1816
|
+
legend: {
|
|
1817
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"bar">>;
|
|
1818
|
+
default: undefined;
|
|
1819
|
+
};
|
|
1797
1820
|
name: {
|
|
1798
1821
|
type: import("vue").PropType<string>;
|
|
1799
1822
|
default: undefined;
|
|
@@ -1830,11 +1853,8 @@ export declare const components: {
|
|
|
1830
1853
|
type: import("vue").PropType<boolean>;
|
|
1831
1854
|
default: undefined;
|
|
1832
1855
|
};
|
|
1833
|
-
hideLegend: {
|
|
1834
|
-
type: import("vue").PropType<boolean>;
|
|
1835
|
-
default: undefined;
|
|
1836
|
-
};
|
|
1837
1856
|
}>>, {}, {}, {}, {}, {
|
|
1857
|
+
legend: import("chart.js").LegendOptions<"bar">;
|
|
1838
1858
|
name: string;
|
|
1839
1859
|
paragraph: string;
|
|
1840
1860
|
transpose: boolean;
|
|
@@ -1842,12 +1862,15 @@ export declare const components: {
|
|
|
1842
1862
|
maintainAspectRatio: boolean;
|
|
1843
1863
|
hideXAxis: boolean;
|
|
1844
1864
|
hideYAxis: boolean;
|
|
1845
|
-
hideLegend: boolean;
|
|
1846
1865
|
}>;
|
|
1847
1866
|
__isFragment?: undefined;
|
|
1848
1867
|
__isTeleport?: undefined;
|
|
1849
1868
|
__isSuspense?: undefined;
|
|
1850
1869
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
1870
|
+
legend: {
|
|
1871
|
+
type: import("vue").PropType<import("chart.js").LegendOptions<"bar">>;
|
|
1872
|
+
default: undefined;
|
|
1873
|
+
};
|
|
1851
1874
|
name: {
|
|
1852
1875
|
type: import("vue").PropType<string>;
|
|
1853
1876
|
default: undefined;
|
|
@@ -1884,11 +1907,8 @@ export declare const components: {
|
|
|
1884
1907
|
type: import("vue").PropType<boolean>;
|
|
1885
1908
|
default: undefined;
|
|
1886
1909
|
};
|
|
1887
|
-
hideLegend: {
|
|
1888
|
-
type: import("vue").PropType<boolean>;
|
|
1889
|
-
default: undefined;
|
|
1890
|
-
};
|
|
1891
1910
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
1911
|
+
legend: import("chart.js").LegendOptions<"bar">;
|
|
1892
1912
|
name: string;
|
|
1893
1913
|
paragraph: string;
|
|
1894
1914
|
transpose: boolean;
|
|
@@ -1896,7 +1916,6 @@ export declare const components: {
|
|
|
1896
1916
|
maintainAspectRatio: boolean;
|
|
1897
1917
|
hideXAxis: boolean;
|
|
1898
1918
|
hideYAxis: boolean;
|
|
1899
|
-
hideLegend: boolean;
|
|
1900
1919
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
1901
1920
|
$slots: {
|
|
1902
1921
|
title?(_: {}): any;
|
|
@@ -4073,8 +4092,10 @@ export declare const components: {
|
|
|
4073
4092
|
};
|
|
4074
4093
|
}>> & {
|
|
4075
4094
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4095
|
+
"onSelect-comparison"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => any) | undefined;
|
|
4076
4096
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4077
4097
|
"update:modelValue": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => void;
|
|
4098
|
+
"select-comparison": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => void;
|
|
4078
4099
|
}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
4079
4100
|
zIndex: {
|
|
4080
4101
|
type: import("vue").PropType<number>;
|
|
@@ -4153,6 +4174,7 @@ export declare const components: {
|
|
|
4153
4174
|
};
|
|
4154
4175
|
}>> & {
|
|
4155
4176
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4177
|
+
"onSelect-comparison"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => any) | undefined;
|
|
4156
4178
|
}, {
|
|
4157
4179
|
disabled: boolean;
|
|
4158
4180
|
labelMark: "required" | "none" | "optional";
|
|
@@ -4253,6 +4275,7 @@ export declare const components: {
|
|
|
4253
4275
|
};
|
|
4254
4276
|
}>> & {
|
|
4255
4277
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4278
|
+
"onSelect-comparison"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => any) | undefined;
|
|
4256
4279
|
}, {}, {}, {}, {}, {
|
|
4257
4280
|
disabled: boolean;
|
|
4258
4281
|
labelMark: "required" | "none" | "optional";
|
|
@@ -4350,8 +4373,10 @@ export declare const components: {
|
|
|
4350
4373
|
};
|
|
4351
4374
|
}>> & {
|
|
4352
4375
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4376
|
+
"onSelect-comparison"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => any) | undefined;
|
|
4353
4377
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4354
4378
|
"update:modelValue": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => void;
|
|
4379
|
+
"select-comparison": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => void;
|
|
4355
4380
|
}, string, {
|
|
4356
4381
|
disabled: boolean;
|
|
4357
4382
|
labelMark: "required" | "none" | "optional";
|
|
@@ -4457,8 +4482,10 @@ export declare const components: {
|
|
|
4457
4482
|
};
|
|
4458
4483
|
}>> & {
|
|
4459
4484
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4485
|
+
"onSelect-comparison"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => any) | undefined;
|
|
4460
4486
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4461
4487
|
"update:modelValue": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => void;
|
|
4488
|
+
"select-comparison": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => void;
|
|
4462
4489
|
}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
|
|
4463
4490
|
zIndex: {
|
|
4464
4491
|
type: import("vue").PropType<number>;
|
|
@@ -4539,6 +4566,7 @@ export declare const components: {
|
|
|
4539
4566
|
};
|
|
4540
4567
|
}>> & {
|
|
4541
4568
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4569
|
+
"onSelect-comparison"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => any) | undefined;
|
|
4542
4570
|
}, {
|
|
4543
4571
|
zIndex: number;
|
|
4544
4572
|
disabled: boolean;
|
|
@@ -4643,6 +4671,7 @@ export declare const components: {
|
|
|
4643
4671
|
};
|
|
4644
4672
|
}>> & {
|
|
4645
4673
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4674
|
+
"onSelect-comparison"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => any) | undefined;
|
|
4646
4675
|
}, {}, {}, {}, {}, {
|
|
4647
4676
|
zIndex: number;
|
|
4648
4677
|
disabled: boolean;
|
|
@@ -4744,8 +4773,10 @@ export declare const components: {
|
|
|
4744
4773
|
};
|
|
4745
4774
|
}>> & {
|
|
4746
4775
|
"onUpdate:modelValue"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => any) | undefined;
|
|
4776
|
+
"onSelect-comparison"?: ((value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => any) | undefined;
|
|
4747
4777
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
4748
4778
|
"update:modelValue": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").DateRange) => void;
|
|
4779
|
+
"select-comparison": (value: import("./components/form/simple-calendar/simple-date-range-picker/common").CompareType) => void;
|
|
4749
4780
|
}, string, {
|
|
4750
4781
|
zIndex: number;
|
|
4751
4782
|
disabled: boolean;
|
|
@@ -9424,26 +9455,26 @@ export declare const components: {
|
|
|
9424
9455
|
};
|
|
9425
9456
|
});
|
|
9426
9457
|
FmMenuDivider: import("vue").DefineComponent<{
|
|
9427
|
-
|
|
9458
|
+
inset: {
|
|
9428
9459
|
type: import("vue").PropType<boolean>;
|
|
9429
9460
|
default: boolean;
|
|
9430
9461
|
};
|
|
9431
|
-
|
|
9462
|
+
vertical: {
|
|
9432
9463
|
type: import("vue").PropType<boolean>;
|
|
9433
9464
|
default: boolean;
|
|
9434
9465
|
};
|
|
9435
9466
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
9436
|
-
|
|
9467
|
+
inset: {
|
|
9437
9468
|
type: import("vue").PropType<boolean>;
|
|
9438
9469
|
default: boolean;
|
|
9439
9470
|
};
|
|
9440
|
-
|
|
9471
|
+
vertical: {
|
|
9441
9472
|
type: import("vue").PropType<boolean>;
|
|
9442
9473
|
default: boolean;
|
|
9443
9474
|
};
|
|
9444
9475
|
}>>, {
|
|
9445
|
-
vertical: boolean;
|
|
9446
9476
|
inset: boolean;
|
|
9477
|
+
vertical: boolean;
|
|
9447
9478
|
}, {}>;
|
|
9448
9479
|
FmMenuHeader: import("vue").DefineComponent<{
|
|
9449
9480
|
label: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as u,__tla as Y}from"./__federation_fn_import-Batzb-of.js";import{C as X}from"./auto-tf8UBy4R.js";import{g as w}from"./util-color-n0Jt_xoP.js";let F,j=Promise.all([(()=>{try{return Y}catch{}})()]).then(async()=>{let m,y,i,t,f,g,v,b,h,x,A,s,k,C,d;({defineComponent:m}=await u("vue")),{renderSlot:y,toDisplayString:i,createElementVNode:t,openBlock:f,createElementBlock:g}=await u("vue"),v={class:"flex flex-col h-full overflow-hidden px-24 py-16"},b={class:"flex flex-col gap-8"},h={class:"fm-color-typo-primary fm-typo-body-lg-400"},x={class:"fm-color-typo-secondary fm-typo-body-md-400"},A={class:"grow"},{computed:s,onMounted:k,ref:C,watch:d}=await u("vue"),F=m({__name:"FmBar",props:{name:{default:void 0},paragraph:{default:void 0},datasets:{},xAxis:{},transpose:{type:Boolean,default:!1},stacked:{type:Boolean,default:!1},maintainAspectRatio:{type:Boolean,default:!0},hideXAxis:{type:Boolean,default:void 0},hideYAxis:{type:Boolean,default:void 0},legend:{default:void 0}},setup(R){const e=R,n=C(null);let o=null;d([()=>e.transpose,()=>e.maintainAspectRatio,()=>e.legend,()=>e.hideXAxis,()=>e.hideYAxis],()=>{o&&(o.destroy(),_())});const S=s(()=>e.transpose?"y":"x"),p=s(()=>({labels:e.xAxis.categories,datasets:e.datasets.map(a=>{var B;let r,l;return typeof a.backgroundColor=="string"?r=a.backgroundColor:typeof a.backgroundColor=="object"&&(r=a.backgroundColor.map(c=>w(c)??"")),typeof a.borderColor=="string"?l=a.borderColor:typeof a.borderColor=="object"&&(l=(B=a.borderColor)==null?void 0:B.map(c=>w(c)??"")),{...a,backgroundColor:r,borderColor:l,borderRadius:10,borderWidth:l?1:0}})}));d(p,()=>{o&&(o.data=p.value,o.update())},{deep:!0});function _(){n.value&&(o=new X(n.value,{type:"bar",data:p.value,options:{plugins:{legend:e.legend||{display:!0,position:"bottom",maxHeight:60,labels:{usePointStyle:!0}}},maintainAspectRatio:e.maintainAspectRatio,responsive:!0,indexAxis:S.value,scales:{x:{display:!e.hideXAxis,stacked:e.stacked,grid:{display:!1},beginAtZero:!0},y:{display:!e.hideYAxis,stacked:e.stacked,grid:{display:!1},position:"right",beginAtZero:!0}},elements:{point:{radius:0,hitRadius:30,hoverRadius:6,hoverBackgroundColor:"#FFFFFF",hoverBorderWidth:3}}}}))}return k(()=>{_()}),(a,r)=>(f(),g("div",v,[t("div",b,[y(a.$slots,"title"),t("div",h,i(a.name),1),t("div",x,i(a.paragraph),1)]),t("div",A,[t("canvas",{ref_key:"canvas",ref:n},null,512)])]))}})});export{F as _,j as __tla};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{importShared as u,__tla as E}from"./__federation_fn_import-Batzb-of.js";import{C as X}from"./auto-tf8UBy4R.js";import{g as Y,c as C}from"./util-color-n0Jt_xoP.js";let F,L=Promise.all([(()=>{try{return E}catch{}})()]).then(async()=>{let m,h,l,i,y,f,v,x,g,A,b,n,_,k,r;({defineComponent:m}=await u("vue")),{renderSlot:h,toDisplayString:l,createElementVNode:i,openBlock:y,createElementBlock:f}=await u("vue"),v={class:"flex flex-col h-full m-24 overflow-hidden p-24"},x={class:"flex flex-col gap-8"},g={class:"fm-color-typo-primary fm-typo-body-lg-400"},A={class:"fm-color-typo-secondary fm-typo-body-md-400"},b={class:"grow"},{computed:n,onMounted:_,ref:k,watch:r}=await u("vue"),F=m({__name:"FmLine",props:{name:{default:void 0},paragraph:{default:void 0},datasets:{},xAxis:{},transpose:{type:Boolean,default:!1},stacked:{type:Boolean},maintainAspectRatio:{type:Boolean},hideXAxis:{type:Boolean,default:void 0},hideYAxis:{type:Boolean,default:void 0},legend:{default:void 0}},setup(S){const e=S,d=k(null);let o=null;r([()=>e.transpose,()=>e.maintainAspectRatio,()=>e.hideXAxis,()=>e.hideYAxis,()=>e.legend],()=>{o&&o.config.options&&(o.destroy(),B())});const R=n(()=>e.transpose?"y":"x");function D({context:t,color:a}){const{ctx:s,chartArea:w}=t.chart;if(!w)return;const c=s==null?void 0:s.createLinearGradient(0,0,0,w.height);return c.addColorStop(0,C(a,.5)),c.addColorStop(1,C(a,0)),c}const p=n(()=>({labels:e.xAxis.categories,datasets:e.datasets.map(t=>{const a=Y(t.color)??"";return{...t,backgroundColor:a?s=>D({context:s,color:a}):"",borderColor:a,borderDash:t.dash?[5,5]:void 0,tension:.1}})}));r(p,()=>{o&&(o.data=p.value,o.update())},{deep:!0});function B(){d.value&&(o=new X(d.value,{type:"line",data:p.value,options:{plugins:{legend:e.legend||{display:!0,position:"bottom",maxHeight:60,labels:{usePointStyle:!0,pointStyle:"line"}}},maintainAspectRatio:e.maintainAspectRatio,responsive:!0,indexAxis:R.value,scales:{x:{display:!e.hideXAxis,stacked:e.stacked,grid:{display:!1},beginAtZero:!0},y:{display:!e.hideYAxis,stacked:e.stacked,grid:{display:!0},position:"right",beginAtZero:!0}},elements:{line:{borderWidth:1.5},point:{radius:0,hitRadius:30,hoverRadius:6,hoverBackgroundColor:"#FFFFFF",hoverBorderWidth:3}}}}))}return _(()=>{B()}),(t,a)=>(y(),f("div",v,[i("div",x,[h(t.$slots,"title"),i("div",g,l(t.name),1),i("div",A,l(t.paragraph),1)]),i("div",b,[i("canvas",{ref_key:"canvas",ref:d},null,512)])]))}})});export{F as _,L as __tla};
|