@evixcard/evx-ui-kit 0.2.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/EvAlert/EvAlert.spec.d.ts +1 -0
- package/dist/components/EvAlert/EvAlert.vue.d.ts +9 -2
- package/dist/components/EvBadge/EvBadge.spec.d.ts +1 -0
- package/dist/components/EvBadge/EvBadge.vue.d.ts +24 -0
- package/dist/components/EvBadge/index.d.ts +2 -0
- package/dist/components/EvBadge/variants.d.ts +5 -0
- package/dist/components/EvBrandBackdrop/EvBrandBackdrop.spec.d.ts +1 -0
- package/dist/components/EvBrandBackdrop/EvBrandBackdrop.vue.d.ts +27 -0
- package/dist/components/EvBrandBackdrop/index.d.ts +2 -0
- package/dist/components/EvButton/EvButton.spec.d.ts +1 -0
- package/dist/components/EvButton/EvButton.vue.d.ts +7 -3
- package/dist/components/EvButton/tokens.spec.d.ts +1 -0
- package/dist/components/EvButton/variants.d.ts +4 -0
- package/dist/components/EvCategoryLabel/EvCategoryLabel.spec.d.ts +1 -0
- package/dist/components/EvCategoryLabel/EvCategoryLabel.vue.d.ts +35 -0
- package/dist/components/EvCategoryLabel/index.d.ts +2 -0
- package/dist/components/EvCopyField/EvCopyField.spec.d.ts +1 -0
- package/dist/components/EvCopyField/EvCopyField.vue.d.ts +5 -0
- package/dist/components/EvCopyField/icons.d.ts +32 -0
- package/dist/components/EvCopyField/index.d.ts +2 -0
- package/dist/components/EvCopyField/types.d.ts +10 -0
- package/dist/components/EvCurrencySelect/EvCurrencySelect.spec.d.ts +1 -0
- package/dist/components/EvCurrencySelect/EvCurrencySelect.vue.d.ts +17 -0
- package/dist/components/EvCurrencySelect/flags.d.ts +14 -0
- package/dist/components/EvCurrencySelect/index.d.ts +2 -0
- package/dist/components/EvDataTable/EvDataTable.spec.d.ts +1 -0
- package/dist/components/EvDataTable/EvDataTable.vue.d.ts +24 -0
- package/dist/components/EvDataTable/index.d.ts +2 -0
- package/dist/components/EvDataTable/types.d.ts +17 -0
- package/dist/components/EvDropdown/EvDropdown.spec.d.ts +1 -0
- package/dist/components/EvDropdown/EvDropdown.vue.d.ts +24 -0
- package/dist/components/EvDropdown/index.d.ts +2 -0
- package/dist/components/EvDropdown/types.d.ts +4 -0
- package/dist/components/EvFilterChip/EvFilterChip.spec.d.ts +1 -0
- package/dist/components/EvFilterChip/EvFilterChip.vue.d.ts +41 -0
- package/dist/components/EvFilterChip/index.d.ts +1 -0
- package/dist/components/EvIconButton/EvIconButton.spec.d.ts +1 -0
- package/dist/components/EvIconButton/EvIconButton.vue.d.ts +37 -0
- package/dist/components/EvIconButton/index.d.ts +2 -0
- package/dist/components/EvInput/types.d.ts +1 -1
- package/dist/components/EvInsightBar/EvInsightBar.spec.d.ts +1 -0
- package/dist/components/EvInsightBar/EvInsightBar.vue.d.ts +10 -0
- package/dist/components/EvInsightBar/index.d.ts +1 -0
- package/dist/components/EvModal/EvModal.spec.d.ts +1 -0
- package/dist/components/EvModal/EvModal.vue.d.ts +38 -0
- package/dist/components/EvModal/index.d.ts +3 -0
- package/dist/components/EvModal/modalStack.d.ts +9 -0
- package/dist/components/EvPagination/EvPagination.spec.d.ts +1 -0
- package/dist/components/EvPagination/EvPagination.vue.d.ts +18 -0
- package/dist/components/EvPagination/index.d.ts +2 -0
- package/dist/components/EvPeriodSelector/EvPeriodSelector.spec.d.ts +1 -0
- package/dist/components/EvPeriodSelector/EvPeriodSelector.vue.d.ts +28 -0
- package/dist/components/EvPeriodSelector/index.d.ts +2 -0
- package/dist/components/EvPeriodSelector/types.d.ts +4 -0
- package/dist/components/EvPopup/EvPopup.vue.d.ts +1 -1
- package/dist/components/EvProgressBar/EvProgressBar.spec.d.ts +1 -0
- package/dist/components/EvProgressBar/EvProgressBar.vue.d.ts +13 -0
- package/dist/components/EvProgressBar/index.d.ts +1 -0
- package/dist/components/EvSegmentedControl/EvSegmentedControl.spec.d.ts +1 -0
- package/dist/components/EvSegmentedControl/EvSegmentedControl.vue.d.ts +18 -0
- package/dist/components/EvSegmentedControl/index.d.ts +2 -0
- package/dist/components/EvSegmentedControl/types.d.ts +6 -0
- package/dist/components/EvSidebar/EvSidebar.spec.d.ts +1 -0
- package/dist/components/EvSidebar/EvSidebar.vue.d.ts +46 -0
- package/dist/components/EvSidebar/EvSidebarItem.vue.d.ts +15 -0
- package/dist/components/EvSidebar/EvSidebarSection.vue.d.ts +21 -0
- package/dist/components/EvSidebar/index.d.ts +4 -0
- package/dist/components/EvSidebar/types.d.ts +8 -0
- package/dist/components/EvSpinner/EvSpinner.vue.d.ts +2 -2
- package/dist/components/EvStatCard/EvStatCard.spec.d.ts +1 -0
- package/dist/components/EvStatCard/EvStatCard.vue.d.ts +14 -0
- package/dist/components/EvStatCard/index.d.ts +2 -0
- package/dist/components/EvStepper/EvStepper.spec.d.ts +1 -0
- package/dist/components/EvStepper/EvStepper.vue.d.ts +13 -0
- package/dist/components/EvStepper/index.d.ts +2 -0
- package/dist/components/EvTabs/EvTabs.spec.d.ts +1 -0
- package/dist/components/EvTabs/EvTabs.vue.d.ts +6 -2
- package/dist/components/EvTagInput/EvTagInput.spec.d.ts +1 -0
- package/dist/components/EvTagInput/EvTagInput.vue.d.ts +19 -0
- package/dist/components/EvTagInput/index.d.ts +1 -0
- package/dist/components/EvToast/EvToast.spec.d.ts +1 -0
- package/dist/components/EvToast/EvToast.vue.d.ts +31 -0
- package/dist/components/EvToast/EvToastContainer.vue.d.ts +2 -0
- package/dist/components/EvToast/index.d.ts +7 -0
- package/dist/components/EvToast/types.d.ts +16 -0
- package/dist/components/EvToast/useToast.d.ts +17 -0
- package/dist/components/charts/ChartTooltip.vue.d.ts +16 -0
- package/dist/components/charts/EvxAreaChart.spec.d.ts +1 -0
- package/dist/components/charts/EvxAreaChart.vue.d.ts +16 -0
- package/dist/components/charts/EvxBarChart.spec.d.ts +1 -0
- package/dist/components/charts/EvxBarChart.vue.d.ts +16 -0
- package/dist/components/charts/EvxComposedChart.spec.d.ts +1 -0
- package/dist/components/charts/EvxComposedChart.vue.d.ts +18 -0
- package/dist/components/charts/EvxLineChart.spec.d.ts +1 -0
- package/dist/components/charts/EvxLineChart.vue.d.ts +16 -0
- package/dist/components/charts/EvxPieChart.spec.d.ts +1 -0
- package/dist/components/charts/EvxPieChart.vue.d.ts +17 -0
- package/dist/components/charts/EvxRadarChart.spec.d.ts +1 -0
- package/dist/components/charts/EvxRadarChart.vue.d.ts +16 -0
- package/dist/components/charts/EvxRadialChart.spec.d.ts +1 -0
- package/dist/components/charts/EvxRadialChart.vue.d.ts +16 -0
- package/dist/components/charts/index.d.ts +8 -0
- package/dist/components/charts/useCartesianFrame.d.ts +38 -0
- package/dist/components/charts/useChartTheme.d.ts +22 -0
- package/dist/evx-ui-kit.cjs.js +41 -13
- package/dist/evx-ui-kit.cjs.js.map +1 -1
- package/dist/evx-ui-kit.css +1 -1
- package/dist/evx-ui-kit.es.js +12143 -2696
- package/dist/evx-ui-kit.es.js.map +1 -1
- package/dist/index.d.ts +21 -0
- package/dist/test/setup.d.ts +1 -0
- package/dist/theme.css +352 -0
- package/package.json +16 -3
|
@@ -7,7 +7,7 @@ export interface EvPopupProps {
|
|
|
7
7
|
* - `md` (default): wider panel (`max-w-[500px]`, `rounded-lg`) with a large
|
|
8
8
|
* title (`text-[24px] font-bold`) — used for generic informational dialogs.
|
|
9
9
|
* - `sm`: compact panel (`max-w-sm`, `rounded-2xl`) with a smaller, near-black
|
|
10
|
-
* title (`text-lg font-semibold text-
|
|
10
|
+
* title (`text-lg font-semibold text-foreground`) — designed for confirmation
|
|
11
11
|
* modals and other action-focused flows.
|
|
12
12
|
*/
|
|
13
13
|
size?: EvPopupSize;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface EvProgressBarProps {
|
|
2
|
+
value: number;
|
|
3
|
+
max?: number;
|
|
4
|
+
color?: string;
|
|
5
|
+
height?: number;
|
|
6
|
+
class?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: import('vue').DefineComponent<EvProgressBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvProgressBarProps> & Readonly<{}>, {
|
|
9
|
+
color: string;
|
|
10
|
+
height: number;
|
|
11
|
+
max: number;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as EvProgressBar } from './EvProgressBar.vue';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { SegmentOption } from './types';
|
|
2
|
+
interface Props {
|
|
3
|
+
options: SegmentOption[];
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
class?: string;
|
|
6
|
+
}
|
|
7
|
+
type __VLS_Props = Props;
|
|
8
|
+
type __VLS_PublicProps = {
|
|
9
|
+
modelValue?: string;
|
|
10
|
+
} & __VLS_Props;
|
|
11
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (value: string) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
size: "sm" | "md" | "lg";
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
interface SidebarProfile {
|
|
2
|
+
name: string;
|
|
3
|
+
role?: string;
|
|
4
|
+
avatar?: string;
|
|
5
|
+
}
|
|
6
|
+
interface Props {
|
|
7
|
+
floating?: boolean;
|
|
8
|
+
profile?: SidebarProfile;
|
|
9
|
+
showLogout?: boolean;
|
|
10
|
+
logoutLabel?: string;
|
|
11
|
+
class?: string;
|
|
12
|
+
}
|
|
13
|
+
type __VLS_Props = Props;
|
|
14
|
+
type __VLS_PublicProps = {
|
|
15
|
+
'collapsed'?: boolean;
|
|
16
|
+
} & __VLS_Props;
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
attrs: Partial<{}>;
|
|
19
|
+
slots: {
|
|
20
|
+
logo?(_: {}): any;
|
|
21
|
+
default?(_: {}): any;
|
|
22
|
+
footer?(_: {}): any;
|
|
23
|
+
};
|
|
24
|
+
refs: {};
|
|
25
|
+
rootEl: HTMLElement;
|
|
26
|
+
};
|
|
27
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
28
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
29
|
+
"update:collapsed": (value: boolean) => any;
|
|
30
|
+
} & {
|
|
31
|
+
logout: () => any;
|
|
32
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
33
|
+
onLogout?: (() => any) | undefined;
|
|
34
|
+
"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
|
|
35
|
+
}>, {
|
|
36
|
+
floating: boolean;
|
|
37
|
+
showLogout: boolean;
|
|
38
|
+
logoutLabel: string;
|
|
39
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
40
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
41
|
+
export default _default;
|
|
42
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
43
|
+
new (): {
|
|
44
|
+
$slots: S;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
interface Props {
|
|
3
|
+
label: string;
|
|
4
|
+
icon?: Component;
|
|
5
|
+
active?: boolean;
|
|
6
|
+
count?: number;
|
|
7
|
+
collapsed?: boolean;
|
|
8
|
+
class?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
11
|
+
click: () => any;
|
|
12
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
13
|
+
onClick?: (() => any) | undefined;
|
|
14
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
15
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
title?: string;
|
|
3
|
+
collapsed?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: HTMLDivElement;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -18,7 +18,7 @@ export interface EvSpinnerProps {
|
|
|
18
18
|
* wheel similar to `border-X/20 + border-t-X` snippets in product code.
|
|
19
19
|
*/
|
|
20
20
|
variant?: EvSpinnerVariant;
|
|
21
|
-
/** Indicator color (any CSS color). Default:
|
|
21
|
+
/** Indicator color (any CSS color). Default: `var(--foreground)`. */
|
|
22
22
|
color?: string;
|
|
23
23
|
/** Override track tint for the `track` variant (default: 20% alpha of `color`). */
|
|
24
24
|
trackColor?: string;
|
|
@@ -30,7 +30,7 @@ export interface EvSpinnerProps {
|
|
|
30
30
|
declare const _default: import('vue').DefineComponent<EvSpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvSpinnerProps> & Readonly<{}>, {
|
|
31
31
|
size: EvSpinnerSize;
|
|
32
32
|
variant: EvSpinnerVariant;
|
|
33
|
-
label: string;
|
|
34
33
|
color: string;
|
|
34
|
+
label: string;
|
|
35
35
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
36
36
|
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface EvStatCardTrend {
|
|
2
|
+
value: number | string;
|
|
3
|
+
direction: 'up' | 'down';
|
|
4
|
+
}
|
|
5
|
+
export interface EvStatCardProps {
|
|
6
|
+
label: string;
|
|
7
|
+
value: string | number;
|
|
8
|
+
trend?: EvStatCardTrend;
|
|
9
|
+
icon?: unknown;
|
|
10
|
+
iconBg?: string;
|
|
11
|
+
class?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import('vue').DefineComponent<EvStatCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvStatCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface EvStepperStep {
|
|
2
|
+
label: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
}
|
|
5
|
+
export interface EvStepperProps {
|
|
6
|
+
steps: EvStepperStep[];
|
|
7
|
+
current?: number;
|
|
8
|
+
class?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: import('vue').DefineComponent<EvStepperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvStepperProps> & Readonly<{}>, {
|
|
11
|
+
current: number;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLOListElement>;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -5,19 +5,23 @@ export interface TabItem {
|
|
|
5
5
|
export interface EvTabsProps {
|
|
6
6
|
tabs: TabItem[];
|
|
7
7
|
size?: 'sm' | 'md';
|
|
8
|
+
variant?: 'pill' | 'underline';
|
|
8
9
|
}
|
|
9
10
|
declare function __VLS_template(): {
|
|
10
11
|
attrs: Partial<{}>;
|
|
11
12
|
slots: Partial<Record<`tab-${number}`, (_: {
|
|
12
13
|
tab: TabItem;
|
|
14
|
+
}) => any>> & Partial<Record<`tab-${number}`, (_: {
|
|
15
|
+
tab: TabItem;
|
|
13
16
|
}) => any>>;
|
|
14
17
|
refs: {};
|
|
15
|
-
rootEl:
|
|
18
|
+
rootEl: any;
|
|
16
19
|
};
|
|
17
20
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
21
|
declare const __VLS_component: import('vue').DefineComponent<EvTabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvTabsProps> & Readonly<{}>, {
|
|
19
22
|
size: "sm" | "md";
|
|
20
|
-
|
|
23
|
+
variant: "pill" | "underline";
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
25
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
26
|
export default _default;
|
|
23
27
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
suggestions?: string[];
|
|
3
|
+
placeholder?: string;
|
|
4
|
+
class?: string;
|
|
5
|
+
};
|
|
6
|
+
type __VLS_PublicProps = {
|
|
7
|
+
modelValue?: string[];
|
|
8
|
+
} & __VLS_Props;
|
|
9
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
|
+
"update:modelValue": (value: string[]) => any;
|
|
11
|
+
} & {
|
|
12
|
+
"update:modelValue": (value: string[]) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
14
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
placeholder: string;
|
|
17
|
+
suggestions: string[];
|
|
18
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as EvTagInput } from './EvTagInput.vue';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { EvToastVariant } from './types';
|
|
2
|
+
export interface EvToastProps {
|
|
3
|
+
variant?: EvToastVariant;
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
class?: string;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
icon?(_: {}): any;
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: HTMLDivElement;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<EvToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
19
|
+
dismiss: () => any;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<EvToastProps> & Readonly<{
|
|
21
|
+
onDismiss?: (() => any) | undefined;
|
|
22
|
+
}>, {
|
|
23
|
+
variant: EvToastVariant;
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
25
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default } from './EvToast.vue';
|
|
2
|
+
export { default as EvToast } from './EvToast.vue';
|
|
3
|
+
export type { EvToastProps } from './EvToast.vue';
|
|
4
|
+
export { default as EvToastContainer } from './EvToastContainer.vue';
|
|
5
|
+
export { useToast } from './useToast';
|
|
6
|
+
export type { UseToastReturn } from './useToast';
|
|
7
|
+
export type { EvToastVariant, EvToastOptions, EvToastItem } from './types';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type EvToastVariant = 'info' | 'success' | 'warning' | 'error';
|
|
2
|
+
export interface EvToastOptions {
|
|
3
|
+
/** Optional bold title line. */
|
|
4
|
+
title?: string;
|
|
5
|
+
/** Optional secondary description line. */
|
|
6
|
+
description?: string;
|
|
7
|
+
/** Visual variant — drives the leading icon + its color. Default `info`. */
|
|
8
|
+
variant?: EvToastVariant;
|
|
9
|
+
/** Auto-dismiss delay in ms. `0` (or negative) disables auto-dismiss. Default `4000`. */
|
|
10
|
+
duration?: number;
|
|
11
|
+
}
|
|
12
|
+
export interface EvToastItem extends Required<Pick<EvToastOptions, 'variant' | 'duration'>> {
|
|
13
|
+
id: number;
|
|
14
|
+
title?: string;
|
|
15
|
+
description?: string;
|
|
16
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { DeepReadonly, Ref } from 'vue';
|
|
2
|
+
import { EvToastItem, EvToastOptions } from './types';
|
|
3
|
+
export interface UseToastReturn {
|
|
4
|
+
/** Reactive, read-only list of currently visible toasts. */
|
|
5
|
+
items: DeepReadonly<Ref<EvToastItem[]>>;
|
|
6
|
+
/** Push a toast; returns its id. */
|
|
7
|
+
push: (toast?: EvToastOptions) => number;
|
|
8
|
+
/** Dismiss a toast by id. */
|
|
9
|
+
dismiss: (id: number) => void;
|
|
10
|
+
/** Dismiss every toast. */
|
|
11
|
+
clear: () => void;
|
|
12
|
+
showInfo: (titleOrOptions?: string | EvToastOptions, description?: string, options?: EvToastOptions) => number;
|
|
13
|
+
showSuccess: (titleOrOptions?: string | EvToastOptions, description?: string, options?: EvToastOptions) => number;
|
|
14
|
+
showWarning: (titleOrOptions?: string | EvToastOptions, description?: string, options?: EvToastOptions) => number;
|
|
15
|
+
showError: (titleOrOptions?: string | EvToastOptions, description?: string, options?: EvToastOptions) => number;
|
|
16
|
+
}
|
|
17
|
+
export declare function useToast(): UseToastReturn;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChartTooltipStyle } from './useChartTheme.ts';
|
|
2
|
+
export interface ChartTooltipItem {
|
|
3
|
+
label: string;
|
|
4
|
+
color: string;
|
|
5
|
+
value: string | number;
|
|
6
|
+
}
|
|
7
|
+
type __VLS_Props = {
|
|
8
|
+
visible: boolean;
|
|
9
|
+
x: number;
|
|
10
|
+
y: number;
|
|
11
|
+
title?: string;
|
|
12
|
+
items: ChartTooltipItem[];
|
|
13
|
+
style: ChartTooltipStyle;
|
|
14
|
+
};
|
|
15
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChartRow } from './useCartesianFrame.ts';
|
|
2
|
+
export interface EvxAreaChartProps {
|
|
3
|
+
data: ChartRow[];
|
|
4
|
+
xKey?: string;
|
|
5
|
+
yKeys?: string[];
|
|
6
|
+
seriesLabels?: string[];
|
|
7
|
+
height?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<EvxAreaChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxAreaChartProps> & Readonly<{}>, {
|
|
10
|
+
height: number;
|
|
11
|
+
xKey: string;
|
|
12
|
+
yKeys: string[];
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
14
|
+
wrapperRef: HTMLDivElement;
|
|
15
|
+
}, HTMLDivElement>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChartRow } from './useCartesianFrame.ts';
|
|
2
|
+
export interface EvxBarChartProps {
|
|
3
|
+
data: ChartRow[];
|
|
4
|
+
xKey?: string;
|
|
5
|
+
yKeys?: string[];
|
|
6
|
+
seriesLabels?: string[];
|
|
7
|
+
height?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<EvxBarChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxBarChartProps> & Readonly<{}>, {
|
|
10
|
+
height: number;
|
|
11
|
+
xKey: string;
|
|
12
|
+
yKeys: string[];
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
14
|
+
wrapperRef: HTMLDivElement;
|
|
15
|
+
}, HTMLDivElement>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ChartRow } from './useCartesianFrame.ts';
|
|
2
|
+
export interface EvxComposedChartProps {
|
|
3
|
+
data: ChartRow[];
|
|
4
|
+
xKey?: string;
|
|
5
|
+
barKeys?: string[];
|
|
6
|
+
lineKeys?: string[];
|
|
7
|
+
seriesLabels?: string[];
|
|
8
|
+
height?: number;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: import('vue').DefineComponent<EvxComposedChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxComposedChartProps> & Readonly<{}>, {
|
|
11
|
+
height: number;
|
|
12
|
+
xKey: string;
|
|
13
|
+
barKeys: string[];
|
|
14
|
+
lineKeys: string[];
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
16
|
+
wrapperRef: HTMLDivElement;
|
|
17
|
+
}, HTMLDivElement>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChartRow } from './useCartesianFrame.ts';
|
|
2
|
+
export interface EvxLineChartProps {
|
|
3
|
+
data: ChartRow[];
|
|
4
|
+
xKey?: string;
|
|
5
|
+
yKeys?: string[];
|
|
6
|
+
seriesLabels?: string[];
|
|
7
|
+
height?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<EvxLineChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxLineChartProps> & Readonly<{}>, {
|
|
10
|
+
height: number;
|
|
11
|
+
xKey: string;
|
|
12
|
+
yKeys: string[];
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
14
|
+
wrapperRef: HTMLDivElement;
|
|
15
|
+
}, HTMLDivElement>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ChartRow } from './useCartesianFrame.ts';
|
|
2
|
+
export interface EvxPieChartProps {
|
|
3
|
+
data: ChartRow[];
|
|
4
|
+
nameKey?: string;
|
|
5
|
+
valueKey?: string;
|
|
6
|
+
donut?: boolean;
|
|
7
|
+
height?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<EvxPieChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxPieChartProps> & Readonly<{}>, {
|
|
10
|
+
height: number;
|
|
11
|
+
nameKey: string;
|
|
12
|
+
valueKey: string;
|
|
13
|
+
donut: boolean;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
15
|
+
wrapperRef: HTMLDivElement;
|
|
16
|
+
}, HTMLDivElement>;
|
|
17
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChartRow } from './useCartesianFrame.ts';
|
|
2
|
+
export interface EvxRadarChartProps {
|
|
3
|
+
data: ChartRow[];
|
|
4
|
+
nameKey?: string;
|
|
5
|
+
valueKeys?: string[];
|
|
6
|
+
seriesLabels?: string[];
|
|
7
|
+
height?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<EvxRadarChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxRadarChartProps> & Readonly<{}>, {
|
|
10
|
+
height: number;
|
|
11
|
+
nameKey: string;
|
|
12
|
+
valueKeys: string[];
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
14
|
+
wrapperRef: HTMLDivElement;
|
|
15
|
+
}, HTMLDivElement>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChartRow } from './useCartesianFrame.ts';
|
|
2
|
+
export interface EvxRadialChartProps {
|
|
3
|
+
data: ChartRow[];
|
|
4
|
+
nameKey?: string;
|
|
5
|
+
valueKey?: string;
|
|
6
|
+
max?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<EvxRadialChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EvxRadialChartProps> & Readonly<{}>, {
|
|
10
|
+
height: number;
|
|
11
|
+
nameKey: string;
|
|
12
|
+
valueKey: string;
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
14
|
+
wrapperRef: HTMLDivElement;
|
|
15
|
+
}, HTMLDivElement>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as EvxAreaChart, type EvxAreaChartProps } from './EvxAreaChart.vue';
|
|
2
|
+
export { default as EvxBarChart, type EvxBarChartProps } from './EvxBarChart.vue';
|
|
3
|
+
export { default as EvxLineChart, type EvxLineChartProps } from './EvxLineChart.vue';
|
|
4
|
+
export { default as EvxPieChart, type EvxPieChartProps } from './EvxPieChart.vue';
|
|
5
|
+
export { default as EvxRadarChart, type EvxRadarChartProps } from './EvxRadarChart.vue';
|
|
6
|
+
export { default as EvxRadialChart, type EvxRadialChartProps } from './EvxRadialChart.vue';
|
|
7
|
+
export { default as EvxComposedChart, type EvxComposedChartProps } from './EvxComposedChart.vue';
|
|
8
|
+
export type { ChartRow } from './useCartesianFrame.ts';
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
export type ChartRow = Record<string, number | string>;
|
|
3
|
+
interface FrameOptions {
|
|
4
|
+
wrapperRef: Ref<HTMLElement | null>;
|
|
5
|
+
data: () => ChartRow[];
|
|
6
|
+
xKey: () => string;
|
|
7
|
+
yKeys: () => string[];
|
|
8
|
+
height: () => number;
|
|
9
|
+
mode?: 'point' | 'band';
|
|
10
|
+
bandPadding?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare const CHART_MARGIN: {
|
|
13
|
+
top: number;
|
|
14
|
+
right: number;
|
|
15
|
+
bottom: number;
|
|
16
|
+
left: number;
|
|
17
|
+
};
|
|
18
|
+
export declare function useCartesianFrame(opts: FrameOptions): {
|
|
19
|
+
width: Ref<number, number>;
|
|
20
|
+
margin: {
|
|
21
|
+
top: number;
|
|
22
|
+
right: number;
|
|
23
|
+
bottom: number;
|
|
24
|
+
left: number;
|
|
25
|
+
};
|
|
26
|
+
innerW: import('vue').ComputedRef<number>;
|
|
27
|
+
innerH: import('vue').ComputedRef<number>;
|
|
28
|
+
categories: import('vue').ComputedRef<string[]>;
|
|
29
|
+
xPoint: import('vue').ComputedRef<import('d3-scale').ScalePoint<string>>;
|
|
30
|
+
xBand: import('vue').ComputedRef<import('d3-scale').ScaleBand<string>>;
|
|
31
|
+
y: import('vue').ComputedRef<import('d3-scale').ScaleLinear<number, number, never>>;
|
|
32
|
+
yTicks: import('vue').ComputedRef<number[]>;
|
|
33
|
+
maxY: import('vue').ComputedRef<number>;
|
|
34
|
+
hoverIndex: Ref<number | null, number | null>;
|
|
35
|
+
onMove: (e: MouseEvent) => void;
|
|
36
|
+
onLeave: () => void;
|
|
37
|
+
};
|
|
38
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export interface ChartTooltipStyle {
|
|
2
|
+
border: string;
|
|
3
|
+
radius: number;
|
|
4
|
+
shadow: string;
|
|
5
|
+
background: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function useChartTheme(): {
|
|
8
|
+
colors: import('vue').Ref<string[], string[]>;
|
|
9
|
+
axis: import('vue').Ref<string, string>;
|
|
10
|
+
grid: import('vue').Ref<string, string>;
|
|
11
|
+
tooltip: import('vue').Ref<{
|
|
12
|
+
border: string;
|
|
13
|
+
radius: number;
|
|
14
|
+
shadow: string;
|
|
15
|
+
background: string;
|
|
16
|
+
}, ChartTooltipStyle | {
|
|
17
|
+
border: string;
|
|
18
|
+
radius: number;
|
|
19
|
+
shadow: string;
|
|
20
|
+
background: string;
|
|
21
|
+
}>;
|
|
22
|
+
};
|