@vanjana/vue-ui 0.1.105 → 0.1.108
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/types/components/amount-bar.vue.d.ts +5 -1
- package/dist/types/components/timer.vue.d.ts +21 -0
- package/dist/types/services/dialog.service.d.ts +1 -0
- package/dist/types/stories/components/amount-bar.stories.d.ts +39 -3
- package/dist/types/stories/components/timer.stories.d.ts +17 -0
- package/dist/vanjana-vue-ui.es.js +149 -138
- package/dist/vanjana-vue-ui.umd.js +1 -1
- package/dist/vue-ui.css +1 -1
- package/package.json +1 -1
- package/themes/common/_mixins.scss +28 -0
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
type ColorMode = 'monochrome' | 'hue-gradient';
|
|
1
2
|
type Props = {
|
|
2
3
|
amount: number;
|
|
3
4
|
maxAmount: number;
|
|
4
5
|
segments?: number;
|
|
6
|
+
colorMode?: ColorMode;
|
|
5
7
|
};
|
|
6
|
-
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
8
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
9
|
+
colorMode: ColorMode;
|
|
10
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
11
|
declare const _default: typeof __VLS_export;
|
|
8
12
|
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
type TimerSize = 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
2
|
+
interface Props {
|
|
3
|
+
duration?: number;
|
|
4
|
+
action?: () => Promise<unknown> | Promise<void>;
|
|
5
|
+
pausable?: boolean;
|
|
6
|
+
paused?: boolean;
|
|
7
|
+
timerSize?: TimerSize;
|
|
8
|
+
}
|
|
9
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
|
+
"update:paused": (value: boolean) => any;
|
|
11
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
12
|
+
"onUpdate:paused"?: ((value: boolean) => any) | undefined;
|
|
13
|
+
}>, {
|
|
14
|
+
duration: number;
|
|
15
|
+
action: () => Promise<unknown> | Promise<void>;
|
|
16
|
+
pausable: boolean;
|
|
17
|
+
paused: boolean;
|
|
18
|
+
timerSize: TimerSize;
|
|
19
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
@@ -25,6 +25,7 @@ declare class DialogService {
|
|
|
25
25
|
private mainApp;
|
|
26
26
|
init(app: App): void;
|
|
27
27
|
private ensureContainer;
|
|
28
|
+
private inheritAppContext;
|
|
28
29
|
open<TResult = boolean>(options: DialogOptions): Promise<TResult | false>;
|
|
29
30
|
confirm(options: ConfirmOptions): Promise<boolean>;
|
|
30
31
|
alert(title: string, message: string): Promise<boolean>;
|
|
@@ -5,22 +5,30 @@ declare const meta: {
|
|
|
5
5
|
amount: number;
|
|
6
6
|
maxAmount: number;
|
|
7
7
|
segments?: number;
|
|
8
|
+
colorMode?: "monochrome" | "hue-gradient";
|
|
8
9
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
9
10
|
amount: number;
|
|
10
11
|
maxAmount: number;
|
|
11
12
|
segments?: number;
|
|
12
|
-
|
|
13
|
+
colorMode?: "monochrome" | "hue-gradient";
|
|
14
|
+
}> & Readonly<{}>, {
|
|
15
|
+
colorMode: "monochrome" | "hue-gradient";
|
|
16
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
17
|
render: (args: unknown) => {
|
|
14
18
|
components: {
|
|
15
19
|
AmountBar: import("vue").DefineComponent<{
|
|
16
20
|
amount: number;
|
|
17
21
|
maxAmount: number;
|
|
18
22
|
segments?: number;
|
|
23
|
+
colorMode?: "monochrome" | "hue-gradient";
|
|
19
24
|
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
20
25
|
amount: number;
|
|
21
26
|
maxAmount: number;
|
|
22
27
|
segments?: number;
|
|
23
|
-
|
|
28
|
+
colorMode?: "monochrome" | "hue-gradient";
|
|
29
|
+
}> & Readonly<{}>, {
|
|
30
|
+
colorMode: "monochrome" | "hue-gradient";
|
|
31
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
32
|
};
|
|
25
33
|
setup(this: void): {
|
|
26
34
|
args: unknown;
|
|
@@ -28,7 +36,32 @@ declare const meta: {
|
|
|
28
36
|
template: string;
|
|
29
37
|
};
|
|
30
38
|
tags: string[];
|
|
31
|
-
|
|
39
|
+
parameters: {
|
|
40
|
+
docs: {
|
|
41
|
+
description: {
|
|
42
|
+
component: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
argTypes: {
|
|
47
|
+
amount: {
|
|
48
|
+
control: "number";
|
|
49
|
+
description: string;
|
|
50
|
+
};
|
|
51
|
+
maxAmount: {
|
|
52
|
+
control: "number";
|
|
53
|
+
description: string;
|
|
54
|
+
};
|
|
55
|
+
segments: {
|
|
56
|
+
control: "number";
|
|
57
|
+
description: string;
|
|
58
|
+
};
|
|
59
|
+
colorMode: {
|
|
60
|
+
control: "select";
|
|
61
|
+
options: string[];
|
|
62
|
+
description: string;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
32
65
|
args: {};
|
|
33
66
|
};
|
|
34
67
|
export default meta;
|
|
@@ -36,3 +69,6 @@ type Story = StoryObj<typeof meta>;
|
|
|
36
69
|
export declare const Primary: Story;
|
|
37
70
|
export declare const WithSegments: Story;
|
|
38
71
|
export declare const WithFullSegments: Story;
|
|
72
|
+
export declare const SegmentsMonochrome: Story;
|
|
73
|
+
export declare const ColorVariants: Story;
|
|
74
|
+
export declare const HueGradientVariations: Story;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import VjTimer from '../../components/timer.vue';
|
|
3
|
+
declare const meta: Meta<typeof VjTimer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export declare const FastTimer: Story;
|
|
8
|
+
export declare const SlowTimer: Story;
|
|
9
|
+
export declare const Sizes: Story;
|
|
10
|
+
export declare const WithAction: Story;
|
|
11
|
+
export declare const WithSlowAction: Story;
|
|
12
|
+
export declare const WithPromiseAction: Story;
|
|
13
|
+
export declare const Paused: Story;
|
|
14
|
+
export declare const Pausable: Story;
|
|
15
|
+
export declare const ColorVariants: Story;
|
|
16
|
+
export declare const MultipleTimers: Story;
|
|
17
|
+
export declare const WithMultipleActions: Story;
|