@frollo/frollo-web-ui 7.0.1 → 8.0.1
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/cjs/index.js +34629 -34457
- package/esm/_rollupPluginBabelHelpers-DpC_oIQV.js +2566 -0
- package/esm/{check-94a5917a.js → check--YD4Ts6g.js} +4 -4
- package/esm/fw-accordion.js +27 -26
- package/esm/fw-animations.js +23 -26
- package/esm/fw-bar-chart.js +15289 -19
- package/esm/{fw-button-c8502414.js → fw-button-4QLZlu0U.js} +44 -44
- package/esm/fw-button.js +5 -10
- package/esm/{fw-card-1b6a67fe.js → fw-card-bsYbpPmW.js} +12 -12
- package/esm/fw-card.js +1 -1
- package/esm/fw-checkbox.js +23 -32
- package/esm/fw-date-picker.js +134 -80
- package/esm/fw-drawer.js +32 -35
- package/esm/fw-dropdown-nLtzu2fS.js +277 -0
- package/esm/fw-dropdown.js +7 -15
- package/esm/fw-form.js +1 -1
- package/esm/fw-image-DOgM8i8X.js +200 -0
- package/esm/fw-image.js +5 -21
- package/esm/{fw-input-8969b226.js → fw-input-Qiy53nRk.js} +61 -53
- package/esm/fw-input.js +6 -19
- package/esm/fw-loading-bar-DThRjdw1.js +22 -0
- package/esm/{fw-loading-spinner-72d70258.js → fw-loading-spinner-Dn52RI5h.js} +1 -1
- package/esm/fw-loading.js +3 -7
- package/esm/fw-modal.js +93 -56
- package/esm/fw-navigation-menu.js +15 -20
- package/esm/fw-popover.js +39 -375
- package/esm/fw-progress-bar.js +8 -11
- package/esm/fw-provider-list.js +41 -84
- package/esm/fw-sidebar-menu.js +33 -24
- package/esm/{fw-table-row-23f78218.js → fw-table-row-DkZaaMmE.js} +15 -301
- package/esm/fw-table.js +6 -16
- package/esm/fw-tabs.js +21 -103
- package/esm/{fw-tag-ac28200a.js → fw-tag-CPp1P480.js} +29 -20
- package/esm/fw-tag.js +7 -12
- package/esm/fw-toast.js +22 -37
- package/esm/fw-transactions-card.js +14 -30
- package/esm/index-CUPvK0Aa.js +586 -0
- package/esm/index.js +66 -228
- package/esm/vee-validate.esm-3ptvCDR1.js +4071 -0
- package/frollo-web-ui.esm.js +34401 -34647
- package/icons/chart-line-up.svg +3 -0
- package/icons/icons.stories.ts +24 -29
- package/icons/index.ts +5 -1
- package/icons/sack-dollar.svg +3 -0
- package/icons/xmark.svg +2 -2
- package/index.d.ts +2815 -2573
- package/package.json +75 -73
- package/styles/tailwind.scss +6 -0
- package/types/components/fw-accordion/fw-accordion.vue.d.ts +128 -128
- package/types/components/fw-accordion/index.d.ts +2 -2
- package/types/components/fw-accordion/index.types.d.ts +10 -10
- package/types/components/fw-animations/fw-email-pulse.vue.d.ts +24 -24
- package/types/components/fw-animations/fw-loading-spinner.vue.d.ts +2 -2
- package/types/components/fw-animations/fw-success-pulse.vue.d.ts +24 -24
- package/types/components/fw-animations/index.d.ts +4 -4
- package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +83 -83
- package/types/components/fw-bar-chart/index.d.ts +2 -2
- package/types/components/fw-bar-chart/index.types.d.ts +11 -11
- package/types/components/fw-button/fw-button.vue.d.ts +190 -176
- package/types/components/fw-button/index.d.ts +2 -2
- package/types/components/fw-button/index.types.d.ts +27 -26
- package/types/components/fw-card/fw-card.vue.d.ts +82 -82
- package/types/components/fw-card/index.d.ts +2 -2
- package/types/components/fw-card/index.types.d.ts +8 -8
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +108 -108
- package/types/components/fw-checkbox/index.d.ts +2 -2
- package/types/components/fw-checkbox/index.types.d.ts +9 -9
- package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +249 -177
- package/types/components/fw-date-picker/index.d.ts +2 -2
- package/types/components/fw-date-picker/index.types.d.ts +21 -16
- package/types/components/fw-drawer/fw-drawer.vue.d.ts +165 -165
- package/types/components/fw-drawer/index.d.ts +2 -2
- package/types/components/fw-drawer/index.types.d.ts +13 -13
- package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +154 -130
- package/types/components/fw-dropdown/index.d.ts +2 -2
- package/types/components/fw-dropdown/index.types.d.ts +16 -13
- package/types/components/fw-form/index.d.ts +2 -2
- package/types/components/fw-image/fw-image.vue.d.ts +103 -84
- package/types/components/fw-image/index.d.ts +2 -2
- package/types/components/fw-image/index.types.d.ts +9 -8
- package/types/components/fw-input/fw-input.vue.d.ts +214 -197
- package/types/components/fw-input/index.d.ts +2 -2
- package/types/components/fw-input/index.types.d.ts +18 -16
- package/types/components/fw-loading/fw-loading-bar.vue.d.ts +2 -2
- package/types/components/fw-loading/fw-loading-card.vue.d.ts +2 -2
- package/types/components/fw-loading/fw-loading-table.vue.d.ts +25 -25
- package/types/components/fw-loading/index.d.ts +4 -4
- package/types/components/fw-modal/fw-modal.vue.d.ts +229 -175
- package/types/components/fw-modal/index.d.ts +2 -2
- package/types/components/fw-modal/index.types.d.ts +18 -14
- package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +57 -57
- package/types/components/fw-navigation-menu/index.d.ts +2 -2
- package/types/components/fw-navigation-menu/index.types.d.ts +7 -7
- package/types/components/fw-popover/fw-popover.vue.d.ts +157 -157
- package/types/components/fw-popover/index.d.ts +2 -2
- package/types/components/fw-popover/index.types.d.ts +11 -11
- package/types/components/fw-progress-bar/fw-progress-bar.vue.d.ts +52 -52
- package/types/components/fw-progress-bar/index.d.ts +2 -2
- package/types/components/fw-progress-bar/index.types.d.ts +5 -5
- package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +100 -100
- package/types/components/fw-provider-list/index.d.ts +2 -2
- package/types/components/fw-provider-list/index.types.d.ts +11 -11
- package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +88 -72
- package/types/components/fw-sidebar-menu/index.d.ts +2 -2
- package/types/components/fw-sidebar-menu/index.types.d.ts +9 -8
- package/types/components/fw-table/fw-table-head.vue.d.ts +2 -2
- package/types/components/fw-table/fw-table-row.vue.d.ts +2 -2
- package/types/components/fw-table/fw-table.vue.d.ts +71 -71
- package/types/components/fw-table/index.d.ts +4 -4
- package/types/components/fw-table/index.types.d.ts +16 -16
- package/types/components/fw-tabs/fw-tab.vue.d.ts +24 -32
- package/types/components/fw-tabs/fw-tabs.vue.d.ts +24 -24
- package/types/components/fw-tabs/index.d.ts +3 -3
- package/types/components/fw-tabs/index.types.d.ts +8 -0
- package/types/components/fw-tag/fw-tag.vue.d.ts +80 -70
- package/types/components/fw-tag/index.d.ts +2 -2
- package/types/components/fw-tag/index.types.d.ts +18 -18
- package/types/components/fw-toast/fw-toast.vue.d.ts +121 -121
- package/types/components/fw-toast/index.d.ts +2 -2
- package/types/components/fw-toast/index.types.d.ts +13 -13
- package/types/components/fw-transactions-card/fw-transactions-card.vue.d.ts +58 -58
- package/types/components/fw-transactions-card/index.d.ts +2 -2
- package/types/components/fw-transactions-card/index.types.d.ts +6 -6
- package/types/components/index.d.ts +24 -24
- package/types/components/index.types.d.ts +21 -20
- package/types/directives/index.d.ts +2 -2
- package/types/directives/lazy-loader.d.ts +3 -3
- package/types/helpers/get-root-colours.d.ts +17 -17
- package/types/icons/index.d.ts +43 -41
- package/types/index-types.esm.d.ts +6 -6
- package/types/index.browser-umd.d.ts +2 -1
- package/types/index.d.ts +3 -3
- package/types/index.esm.d.ts +5 -5
- package/types/services/index.d.ts +2 -2
- package/types/services/modal.d.ts +9 -9
- package/types/services/toast.d.ts +9 -9
- package/web-components/index.js +19670 -19720
- package/esm/add-to-unscopables-ee05b58f.js +0 -25
- package/esm/array-iteration-8267bf22.js +0 -92
- package/esm/array-method-has-species-support-6c675094.js +0 -23
- package/esm/array-method-is-strict-d313436f.js +0 -14
- package/esm/array-species-create-1c67e297.js +0 -97
- package/esm/classof-d44bf093.js +0 -42
- package/esm/create-property-eb329361.js +0 -14
- package/esm/defineProperty-b85f2e0f.js +0 -42
- package/esm/does-not-exceed-safe-integer-de37ce28.js +0 -11
- package/esm/es.array.concat-99b85557.js +0 -69
- package/esm/es.array.find-1ded15d5.js +0 -28
- package/esm/es.array.includes-08e25019.js +0 -27
- package/esm/es.array.map-c56ebffd.js +0 -22
- package/esm/es.date.to-string-15eb9936.js +0 -23
- package/esm/es.function.name-6cafd747.js +0 -29
- package/esm/es.number.constructor-fb16fe05.js +0 -204
- package/esm/es.object.to-string-4b07c4d1.js +0 -24
- package/esm/es.string.includes-061e8272.js +0 -66
- package/esm/es.string.iterator-25db8cd2.js +0 -469
- package/esm/export-10c4adbc.js +0 -95
- package/esm/function-apply-e17cf65b.js +0 -14
- package/esm/fw-dropdown-6856e66e.js +0 -224
- package/esm/fw-image-aca2c61d.js +0 -296
- package/esm/fw-loading-bar-f5ca605c.js +0 -22
- package/esm/index-6758f755.js +0 -15797
- package/esm/index-bced3b35.js +0 -560
- package/esm/is-forced-7cb3ee8f.js +0 -927
- package/esm/object-create-51bf02dc.js +0 -125
- package/esm/regexp-flags-c09864e5.js +0 -50
- package/esm/vee-validate.esm-a17a23c3.js +0 -3192
- package/esm/web.timers-e406c8e6.js +0 -72
- /package/esm/{get-root-colours-865a52ba.js → get-root-colours-DYEoJPEb.js} +0 -0
- /package/esm/{index-0c5cae4f.js → index-BVcOAKar.js} +0 -0
- /package/esm/{style-inject.es-1f59c1d0.js → style-inject.es-tgCJW-Cu.js} +0 -0
- /package/esm/{uniqueId-fe08534a.js → uniqueId-DK6xzFd8.js} +0 -0
|
@@ -1,32 +1,24 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
/**
|
|
3
|
-
* The label of the tab component used as the button panel label
|
|
4
|
-
*/
|
|
5
|
-
label: {
|
|
6
|
-
type: StringConstructor;
|
|
7
|
-
required: true;
|
|
8
|
-
};
|
|
9
|
-
}, {
|
|
10
|
-
isActive: import("vue").ComputedRef<boolean>;
|
|
11
|
-
index: import("vue").ComputedRef<
|
|
12
|
-
props:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
* The label of the tab component used as the button panel label
|
|
26
|
-
*/
|
|
27
|
-
label: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
required: true;
|
|
30
|
-
};
|
|
31
|
-
}>>, {}>;
|
|
32
|
-
export default _default;
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
/**
|
|
3
|
+
* The label of the tab component used as the button panel label
|
|
4
|
+
*/
|
|
5
|
+
label: {
|
|
6
|
+
type: StringConstructor;
|
|
7
|
+
required: true;
|
|
8
|
+
};
|
|
9
|
+
}, {
|
|
10
|
+
isActive: import("vue").ComputedRef<boolean>;
|
|
11
|
+
index: import("vue").ComputedRef<number | undefined>;
|
|
12
|
+
props: import("@vue/shared").LooseRequired<{
|
|
13
|
+
readonly label: string;
|
|
14
|
+
} & {}>;
|
|
15
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
16
|
+
/**
|
|
17
|
+
* The label of the tab component used as the button panel label
|
|
18
|
+
*/
|
|
19
|
+
label: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
}>>, {}, {}>;
|
|
24
|
+
export default _default;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
selectTab: (tab: number) => void;
|
|
13
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").
|
|
14
|
-
/**
|
|
15
|
-
* The active tab v-model
|
|
16
|
-
*/
|
|
17
|
-
modelValue: {
|
|
18
|
-
type: NumberConstructor;
|
|
19
|
-
required: true;
|
|
20
|
-
};
|
|
21
|
-
}>> & {
|
|
22
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
23
|
-
}, {}>;
|
|
24
|
-
export default _default;
|
|
1
|
+
import { TabsState } from './index.types';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
/**
|
|
4
|
+
* The active tab v-model
|
|
5
|
+
*/
|
|
6
|
+
modelValue: {
|
|
7
|
+
type: NumberConstructor;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
}, {
|
|
11
|
+
state: TabsState;
|
|
12
|
+
selectTab: (tab: number) => void;
|
|
13
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
14
|
+
/**
|
|
15
|
+
* The active tab v-model
|
|
16
|
+
*/
|
|
17
|
+
modelValue: {
|
|
18
|
+
type: NumberConstructor;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
}>> & {
|
|
22
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
23
|
+
}, {}, {}>;
|
|
24
|
+
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import FwTabs from './fw-tabs.vue';
|
|
2
|
-
import FwTab from './fw-tab.vue';
|
|
3
|
-
export { FwTabs, FwTab };
|
|
1
|
+
import FwTabs from './fw-tabs.vue';
|
|
2
|
+
import FwTab from './fw-tab.vue';
|
|
3
|
+
export { FwTabs, FwTab };
|
|
@@ -1,70 +1,80 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { TagSize, TagVariantName } from './index.types';
|
|
3
|
-
declare const __default__: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
* The
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { TagSize, TagVariantName } from './index.types';
|
|
3
|
+
declare const __default__: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* The label text of the tag.
|
|
6
|
+
* Overrides the default slot content.
|
|
7
|
+
*/
|
|
8
|
+
label: {
|
|
9
|
+
type: StringConstructor;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* The size of the tag. Accepts: 'xs', 'sm' & 'md'
|
|
13
|
+
*/
|
|
14
|
+
size: {
|
|
15
|
+
type: PropType<TagSize>;
|
|
16
|
+
default: string;
|
|
17
|
+
validator: (value: string) => boolean;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* The colour variant of the tag. Accepts 'primary', 'secondary', 'alert', 'error', 'success'
|
|
21
|
+
*/
|
|
22
|
+
variant: {
|
|
23
|
+
type: PropType<TagVariantName>;
|
|
24
|
+
default: string;
|
|
25
|
+
validator: (value: string) => boolean;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Whether the tag can be dismissed or closed.
|
|
29
|
+
*/
|
|
30
|
+
dismissable: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
34
|
+
}, {
|
|
35
|
+
baseClass: import("vue").Ref<string>;
|
|
36
|
+
textColorClass: import("vue").ComputedRef<string>;
|
|
37
|
+
bgColorClass: import("vue").ComputedRef<string>;
|
|
38
|
+
sizeClass: import("vue").ComputedRef<string>;
|
|
39
|
+
iconSizeClass: import("vue").ComputedRef<string>;
|
|
40
|
+
iconButtonType: import("vue").ComputedRef<import("../index.types").ButtonVariantName | undefined>;
|
|
41
|
+
primaryFade5: string;
|
|
42
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "dismissed"[], "dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
43
|
+
/**
|
|
44
|
+
* The label text of the tag.
|
|
45
|
+
* Overrides the default slot content.
|
|
46
|
+
*/
|
|
47
|
+
label: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* The size of the tag. Accepts: 'xs', 'sm' & 'md'
|
|
52
|
+
*/
|
|
53
|
+
size: {
|
|
54
|
+
type: PropType<TagSize>;
|
|
55
|
+
default: string;
|
|
56
|
+
validator: (value: string) => boolean;
|
|
57
|
+
};
|
|
58
|
+
/**
|
|
59
|
+
* The colour variant of the tag. Accepts 'primary', 'secondary', 'alert', 'error', 'success'
|
|
60
|
+
*/
|
|
61
|
+
variant: {
|
|
62
|
+
type: PropType<TagVariantName>;
|
|
63
|
+
default: string;
|
|
64
|
+
validator: (value: string) => boolean;
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* Whether the tag can be dismissed or closed.
|
|
68
|
+
*/
|
|
69
|
+
dismissable: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
73
|
+
}>> & {
|
|
74
|
+
onDismissed?: ((...args: any[]) => any) | undefined;
|
|
75
|
+
}, {
|
|
76
|
+
size: TagSize;
|
|
77
|
+
variant: TagVariantName;
|
|
78
|
+
dismissable: boolean;
|
|
79
|
+
}, {}>;
|
|
80
|
+
export default __default__;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwTag from './fw-tag.vue';
|
|
2
|
-
export { FwTag };
|
|
1
|
+
import FwTag from './fw-tag.vue';
|
|
2
|
+
export { FwTag };
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { FwButtonProps } from '../fw-button/index.types';
|
|
2
|
-
export
|
|
3
|
-
export declare interface TagDefinition {
|
|
4
|
-
text: string;
|
|
5
|
-
background: string;
|
|
6
|
-
iconType: FwButtonProps['variant'];
|
|
7
|
-
}
|
|
8
|
-
export
|
|
9
|
-
[key in TagVariantName]: TagDefinition;
|
|
10
|
-
};
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
[key in TagSize]: string;
|
|
14
|
-
};
|
|
15
|
-
export declare interface FwTagProps {
|
|
16
|
-
size?: TagSize;
|
|
17
|
-
variant?: TagVariantName;
|
|
18
|
-
}
|
|
1
|
+
import { FwButtonProps } from '../fw-button/index.types';
|
|
2
|
+
export type TagVariantName = 'primary' | 'secondary' | 'alert' | 'error' | 'success';
|
|
3
|
+
export declare interface TagDefinition {
|
|
4
|
+
text: string;
|
|
5
|
+
background: string;
|
|
6
|
+
iconType: FwButtonProps['variant'];
|
|
7
|
+
}
|
|
8
|
+
export type TagDefinitionList = {
|
|
9
|
+
[key in TagVariantName]: TagDefinition;
|
|
10
|
+
};
|
|
11
|
+
export type TagSize = 'xs' | 'sm' | 'md';
|
|
12
|
+
export type TagSizes = {
|
|
13
|
+
[key in TagSize]: string;
|
|
14
|
+
};
|
|
15
|
+
export declare interface FwTagProps {
|
|
16
|
+
size?: TagSize;
|
|
17
|
+
variant?: TagVariantName;
|
|
18
|
+
}
|
|
@@ -1,121 +1,121 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { ToastType, ToastPosition } from './index.types';
|
|
3
|
-
declare const _default: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
* The toast's v-model. Controls the visibility of the toast.
|
|
6
|
-
*/
|
|
7
|
-
modelValue: {
|
|
8
|
-
type: BooleanConstructor;
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* The type of the toast.
|
|
12
|
-
* Accepts: 'success', 'error', 'warning'
|
|
13
|
-
*/
|
|
14
|
-
type: {
|
|
15
|
-
type: PropType<ToastType>;
|
|
16
|
-
default: string;
|
|
17
|
-
validator: (value: string) => boolean;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* The position of the toast on the screen.
|
|
21
|
-
* Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
|
|
22
|
-
*/
|
|
23
|
-
position: {
|
|
24
|
-
type: PropType<ToastPosition>;
|
|
25
|
-
default: string;
|
|
26
|
-
validator: (value: string) => boolean;
|
|
27
|
-
};
|
|
28
|
-
/**
|
|
29
|
-
* The content of the toast.
|
|
30
|
-
*/
|
|
31
|
-
content: {
|
|
32
|
-
type: StringConstructor;
|
|
33
|
-
};
|
|
34
|
-
/**
|
|
35
|
-
* The base container to attach to. Defaults to `#app` element.
|
|
36
|
-
*/
|
|
37
|
-
element: {
|
|
38
|
-
type: StringConstructor;
|
|
39
|
-
default: string;
|
|
40
|
-
};
|
|
41
|
-
/**
|
|
42
|
-
* The duration timeout before the toast is dismissed.
|
|
43
|
-
*/
|
|
44
|
-
timeout: {
|
|
45
|
-
type: NumberConstructor;
|
|
46
|
-
default: number;
|
|
47
|
-
};
|
|
48
|
-
}, {
|
|
49
|
-
containerEl: import("vue").ComputedRef<string>;
|
|
50
|
-
baseClass: string;
|
|
51
|
-
typeClasses: import("vue").Ref<{
|
|
52
|
-
success: string;
|
|
53
|
-
error: string;
|
|
54
|
-
warning: string;
|
|
55
|
-
}>;
|
|
56
|
-
svgComponent: import("vue").Ref<{
|
|
57
|
-
success: string;
|
|
58
|
-
error: string;
|
|
59
|
-
warning: string;
|
|
60
|
-
}>;
|
|
61
|
-
isOpen: import("vue").WritableComputedRef<import("vue").Ref<boolean>>;
|
|
62
|
-
uuid: string;
|
|
63
|
-
isMounted: import("vue").Ref<boolean>;
|
|
64
|
-
mountContainer: import("vue").Ref<boolean>;
|
|
65
|
-
isLeftRightorCenter: import("vue").ComputedRef<"Right" | "Left" | "Center">;
|
|
66
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "dismissed")[], "update:modelValue" | "dismissed", import("vue").
|
|
67
|
-
/**
|
|
68
|
-
* The toast's v-model. Controls the visibility of the toast.
|
|
69
|
-
*/
|
|
70
|
-
modelValue: {
|
|
71
|
-
type: BooleanConstructor;
|
|
72
|
-
};
|
|
73
|
-
/**
|
|
74
|
-
* The type of the toast.
|
|
75
|
-
* Accepts: 'success', 'error', 'warning'
|
|
76
|
-
*/
|
|
77
|
-
type: {
|
|
78
|
-
type: PropType<ToastType>;
|
|
79
|
-
default: string;
|
|
80
|
-
validator: (value: string) => boolean;
|
|
81
|
-
};
|
|
82
|
-
/**
|
|
83
|
-
* The position of the toast on the screen.
|
|
84
|
-
* Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
|
|
85
|
-
*/
|
|
86
|
-
position: {
|
|
87
|
-
type: PropType<ToastPosition>;
|
|
88
|
-
default: string;
|
|
89
|
-
validator: (value: string) => boolean;
|
|
90
|
-
};
|
|
91
|
-
/**
|
|
92
|
-
* The content of the toast.
|
|
93
|
-
*/
|
|
94
|
-
content: {
|
|
95
|
-
type: StringConstructor;
|
|
96
|
-
};
|
|
97
|
-
/**
|
|
98
|
-
* The base container to attach to. Defaults to `#app` element.
|
|
99
|
-
*/
|
|
100
|
-
element: {
|
|
101
|
-
type: StringConstructor;
|
|
102
|
-
default: string;
|
|
103
|
-
};
|
|
104
|
-
/**
|
|
105
|
-
* The duration timeout before the toast is dismissed.
|
|
106
|
-
*/
|
|
107
|
-
timeout: {
|
|
108
|
-
type: NumberConstructor;
|
|
109
|
-
default: number;
|
|
110
|
-
};
|
|
111
|
-
}>> & {
|
|
112
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
113
|
-
onDismissed?: ((...args: any[]) => any) | undefined;
|
|
114
|
-
}, {
|
|
115
|
-
modelValue: boolean;
|
|
116
|
-
type: ToastType;
|
|
117
|
-
position: ToastPosition;
|
|
118
|
-
element: string;
|
|
119
|
-
timeout: number;
|
|
120
|
-
}>;
|
|
121
|
-
export default _default;
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ToastType, ToastPosition } from './index.types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* The toast's v-model. Controls the visibility of the toast.
|
|
6
|
+
*/
|
|
7
|
+
modelValue: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* The type of the toast.
|
|
12
|
+
* Accepts: 'success', 'error', 'warning'
|
|
13
|
+
*/
|
|
14
|
+
type: {
|
|
15
|
+
type: PropType<ToastType>;
|
|
16
|
+
default: string;
|
|
17
|
+
validator: (value: string) => boolean;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* The position of the toast on the screen.
|
|
21
|
+
* Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
|
|
22
|
+
*/
|
|
23
|
+
position: {
|
|
24
|
+
type: PropType<ToastPosition>;
|
|
25
|
+
default: string;
|
|
26
|
+
validator: (value: string) => boolean;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* The content of the toast.
|
|
30
|
+
*/
|
|
31
|
+
content: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* The base container to attach to. Defaults to `#app` element.
|
|
36
|
+
*/
|
|
37
|
+
element: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
default: string;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* The duration timeout before the toast is dismissed.
|
|
43
|
+
*/
|
|
44
|
+
timeout: {
|
|
45
|
+
type: NumberConstructor;
|
|
46
|
+
default: number;
|
|
47
|
+
};
|
|
48
|
+
}, {
|
|
49
|
+
containerEl: import("vue").ComputedRef<string>;
|
|
50
|
+
baseClass: string;
|
|
51
|
+
typeClasses: import("vue").Ref<{
|
|
52
|
+
success: string;
|
|
53
|
+
error: string;
|
|
54
|
+
warning: string;
|
|
55
|
+
}>;
|
|
56
|
+
svgComponent: import("vue").Ref<{
|
|
57
|
+
success: string;
|
|
58
|
+
error: string;
|
|
59
|
+
warning: string;
|
|
60
|
+
}>;
|
|
61
|
+
isOpen: import("vue").WritableComputedRef<import("vue").Ref<boolean>>;
|
|
62
|
+
uuid: string;
|
|
63
|
+
isMounted: import("vue").Ref<boolean>;
|
|
64
|
+
mountContainer: import("vue").Ref<boolean>;
|
|
65
|
+
isLeftRightorCenter: import("vue").ComputedRef<"Right" | "Left" | "Center">;
|
|
66
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "dismissed")[], "update:modelValue" | "dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
67
|
+
/**
|
|
68
|
+
* The toast's v-model. Controls the visibility of the toast.
|
|
69
|
+
*/
|
|
70
|
+
modelValue: {
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
};
|
|
73
|
+
/**
|
|
74
|
+
* The type of the toast.
|
|
75
|
+
* Accepts: 'success', 'error', 'warning'
|
|
76
|
+
*/
|
|
77
|
+
type: {
|
|
78
|
+
type: PropType<ToastType>;
|
|
79
|
+
default: string;
|
|
80
|
+
validator: (value: string) => boolean;
|
|
81
|
+
};
|
|
82
|
+
/**
|
|
83
|
+
* The position of the toast on the screen.
|
|
84
|
+
* Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
|
|
85
|
+
*/
|
|
86
|
+
position: {
|
|
87
|
+
type: PropType<ToastPosition>;
|
|
88
|
+
default: string;
|
|
89
|
+
validator: (value: string) => boolean;
|
|
90
|
+
};
|
|
91
|
+
/**
|
|
92
|
+
* The content of the toast.
|
|
93
|
+
*/
|
|
94
|
+
content: {
|
|
95
|
+
type: StringConstructor;
|
|
96
|
+
};
|
|
97
|
+
/**
|
|
98
|
+
* The base container to attach to. Defaults to `#app` element.
|
|
99
|
+
*/
|
|
100
|
+
element: {
|
|
101
|
+
type: StringConstructor;
|
|
102
|
+
default: string;
|
|
103
|
+
};
|
|
104
|
+
/**
|
|
105
|
+
* The duration timeout before the toast is dismissed.
|
|
106
|
+
*/
|
|
107
|
+
timeout: {
|
|
108
|
+
type: NumberConstructor;
|
|
109
|
+
default: number;
|
|
110
|
+
};
|
|
111
|
+
}>> & {
|
|
112
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
113
|
+
onDismissed?: ((...args: any[]) => any) | undefined;
|
|
114
|
+
}, {
|
|
115
|
+
modelValue: boolean;
|
|
116
|
+
type: ToastType;
|
|
117
|
+
position: ToastPosition;
|
|
118
|
+
element: string;
|
|
119
|
+
timeout: number;
|
|
120
|
+
}, {}>;
|
|
121
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwToast from './fw-toast.vue';
|
|
2
|
-
export { FwToast };
|
|
1
|
+
import FwToast from './fw-toast.vue';
|
|
2
|
+
export { FwToast };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
[key in ToastType]: string;
|
|
4
|
-
};
|
|
5
|
-
export
|
|
6
|
-
export declare interface FwToastProps {
|
|
7
|
-
modelValue: boolean;
|
|
8
|
-
type?: ToastType;
|
|
9
|
-
position?: ToastPosition;
|
|
10
|
-
content?: string;
|
|
11
|
-
element?: string;
|
|
12
|
-
timeout?: number;
|
|
13
|
-
}
|
|
1
|
+
export type ToastType = 'success' | 'error' | 'warning';
|
|
2
|
+
export type ToastTypes = {
|
|
3
|
+
[key in ToastType]: string;
|
|
4
|
+
};
|
|
5
|
+
export type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
6
|
+
export declare interface FwToastProps {
|
|
7
|
+
modelValue: boolean;
|
|
8
|
+
type?: ToastType;
|
|
9
|
+
position?: ToastPosition;
|
|
10
|
+
content?: string;
|
|
11
|
+
element?: string;
|
|
12
|
+
timeout?: number;
|
|
13
|
+
}
|