@mobileaction/action-kit 1.1.50 → 1.1.52
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/action-kit.js +5 -5
- package/dist/action-kit.mjs +1068 -879
- package/dist/components/card/index.vue.d.ts +129 -0
- package/dist/components/card/types.d.ts +4 -0
- package/dist/components/input-number/index.vue.d.ts +2 -1
- package/dist/index.d.ts +2 -0
- package/dist/src/components/badge/badge.test.d.ts +1 -0
- package/dist/src/components/card/index.vue.d.ts +71 -0
- package/dist/src/components/card/stories/constants.d.ts +4 -0
- package/dist/src/components/card/stories/default.stories.d.ts +8 -0
- package/dist/src/components/card/stories/footer.stories.d.ts +9 -0
- package/dist/src/components/card/stories/header.stories.d.ts +14 -0
- package/dist/src/components/card/types.d.ts +4 -0
- package/dist/src/components/input-number/index.vue.d.ts +2 -1
- package/dist/src/index.d.ts +2 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
import { MaCardAlignment, MaCardIconColor } from "./types";
|
|
3
|
+
export interface MaCardProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
closable?: boolean;
|
|
7
|
+
headerAlignment?: MaCardAlignment;
|
|
8
|
+
footerAlignment?: MaCardAlignment;
|
|
9
|
+
headerAvatar?: string;
|
|
10
|
+
headerIcon?: string;
|
|
11
|
+
contentIcon?: string;
|
|
12
|
+
iconColor?: MaCardIconColor;
|
|
13
|
+
collapse?: boolean;
|
|
14
|
+
collapsable?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
17
|
+
title: {
|
|
18
|
+
type: __PropType<string>;
|
|
19
|
+
required: false;
|
|
20
|
+
};
|
|
21
|
+
description: {
|
|
22
|
+
type: __PropType<string>;
|
|
23
|
+
required: false;
|
|
24
|
+
};
|
|
25
|
+
closable: {
|
|
26
|
+
type: __PropType<boolean>;
|
|
27
|
+
required: false;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
headerAlignment: {
|
|
31
|
+
type: __PropType<"left" | "center">;
|
|
32
|
+
required: false;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
footerAlignment: {
|
|
36
|
+
type: __PropType<"left" | "center">;
|
|
37
|
+
required: false;
|
|
38
|
+
default: string;
|
|
39
|
+
};
|
|
40
|
+
headerAvatar: {
|
|
41
|
+
type: __PropType<string>;
|
|
42
|
+
required: false;
|
|
43
|
+
};
|
|
44
|
+
headerIcon: {
|
|
45
|
+
type: __PropType<string>;
|
|
46
|
+
required: false;
|
|
47
|
+
};
|
|
48
|
+
contentIcon: {
|
|
49
|
+
type: __PropType<string>;
|
|
50
|
+
required: false;
|
|
51
|
+
};
|
|
52
|
+
iconColor: {
|
|
53
|
+
type: __PropType<"blue" | "green" | "orange" | "red" | "purple">;
|
|
54
|
+
required: false;
|
|
55
|
+
default: string;
|
|
56
|
+
};
|
|
57
|
+
collapse: {
|
|
58
|
+
type: __PropType<boolean>;
|
|
59
|
+
required: false;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
62
|
+
collapsable: {
|
|
63
|
+
type: __PropType<boolean>;
|
|
64
|
+
required: false;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
67
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:collapse")[], "close" | "update:collapse", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
68
|
+
title: {
|
|
69
|
+
type: __PropType<string>;
|
|
70
|
+
required: false;
|
|
71
|
+
};
|
|
72
|
+
description: {
|
|
73
|
+
type: __PropType<string>;
|
|
74
|
+
required: false;
|
|
75
|
+
};
|
|
76
|
+
closable: {
|
|
77
|
+
type: __PropType<boolean>;
|
|
78
|
+
required: false;
|
|
79
|
+
default: boolean;
|
|
80
|
+
};
|
|
81
|
+
headerAlignment: {
|
|
82
|
+
type: __PropType<"left" | "center">;
|
|
83
|
+
required: false;
|
|
84
|
+
default: string;
|
|
85
|
+
};
|
|
86
|
+
footerAlignment: {
|
|
87
|
+
type: __PropType<"left" | "center">;
|
|
88
|
+
required: false;
|
|
89
|
+
default: string;
|
|
90
|
+
};
|
|
91
|
+
headerAvatar: {
|
|
92
|
+
type: __PropType<string>;
|
|
93
|
+
required: false;
|
|
94
|
+
};
|
|
95
|
+
headerIcon: {
|
|
96
|
+
type: __PropType<string>;
|
|
97
|
+
required: false;
|
|
98
|
+
};
|
|
99
|
+
contentIcon: {
|
|
100
|
+
type: __PropType<string>;
|
|
101
|
+
required: false;
|
|
102
|
+
};
|
|
103
|
+
iconColor: {
|
|
104
|
+
type: __PropType<"blue" | "green" | "orange" | "red" | "purple">;
|
|
105
|
+
required: false;
|
|
106
|
+
default: string;
|
|
107
|
+
};
|
|
108
|
+
collapse: {
|
|
109
|
+
type: __PropType<boolean>;
|
|
110
|
+
required: false;
|
|
111
|
+
default: boolean;
|
|
112
|
+
};
|
|
113
|
+
collapsable: {
|
|
114
|
+
type: __PropType<boolean>;
|
|
115
|
+
required: false;
|
|
116
|
+
default: boolean;
|
|
117
|
+
};
|
|
118
|
+
}>> & {
|
|
119
|
+
onClose?: (...args: any[]) => any;
|
|
120
|
+
"onUpdate:collapse"?: (...args: any[]) => any;
|
|
121
|
+
}, {
|
|
122
|
+
closable: boolean;
|
|
123
|
+
headerAlignment: "left" | "center";
|
|
124
|
+
footerAlignment: "left" | "center";
|
|
125
|
+
iconColor: "blue" | "green" | "orange" | "red" | "purple";
|
|
126
|
+
collapse: boolean;
|
|
127
|
+
collapsable: boolean;
|
|
128
|
+
}>;
|
|
129
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const MaCardAlignments: readonly ["left", "center"];
|
|
2
|
+
export declare const MaCardIconColors: readonly ["blue", "green", "orange", "red", "purple"];
|
|
3
|
+
export type MaCardAlignment = (typeof MaCardAlignments)[number];
|
|
4
|
+
export type MaCardIconColor = (typeof MaCardIconColors)[number];
|
|
@@ -95,7 +95,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
95
95
|
type: __PropType<string>;
|
|
96
96
|
required: false;
|
|
97
97
|
};
|
|
98
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "pressEnter" | "step")[], "update:value" | "pressEnter" | "step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
98
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:value" | "pressEnter" | "step")[], "change" | "update:value" | "pressEnter" | "step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
99
99
|
disabled: {
|
|
100
100
|
type: __PropType<boolean>;
|
|
101
101
|
required: false;
|
|
@@ -172,6 +172,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
172
172
|
required: false;
|
|
173
173
|
};
|
|
174
174
|
}>> & {
|
|
175
|
+
onChange?: (...args: any[]) => any;
|
|
175
176
|
"onUpdate:value"?: (...args: any[]) => any;
|
|
176
177
|
onPressEnter?: (...args: any[]) => any;
|
|
177
178
|
onStep?: (...args: any[]) => any;
|
package/dist/index.d.ts
CHANGED
|
@@ -60,6 +60,8 @@ export { default as MaTabs } from './components/tabs/index.vue';
|
|
|
60
60
|
export * from './components/tabs/types';
|
|
61
61
|
export { default as MaTabPane } from './components/tabs/components/tabPane.vue';
|
|
62
62
|
export { default as MaCountrySelect } from './components/country-select/index.vue';
|
|
63
|
+
export { default as MaCard } from './components/card/index.vue';
|
|
64
|
+
export * from './components/card/types';
|
|
63
65
|
export { default as MaInputNumber } from './components/input-number/index.vue';
|
|
64
66
|
export { ActionKitConfig } from './services/config';
|
|
65
67
|
export { useActionKitConfig } from './composables/config';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { MaCardAlignment, MaCardIconColor } from "./types";
|
|
2
|
+
export interface MaCardProps {
|
|
3
|
+
title?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
closable?: boolean;
|
|
6
|
+
headerAlignment?: MaCardAlignment;
|
|
7
|
+
footerAlignment?: MaCardAlignment;
|
|
8
|
+
headerAvatar?: string;
|
|
9
|
+
headerIcon?: string;
|
|
10
|
+
contentIcon?: string;
|
|
11
|
+
iconColor?: MaCardIconColor;
|
|
12
|
+
collapse?: boolean;
|
|
13
|
+
collapsable?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaCardProps>, {
|
|
16
|
+
closable: boolean;
|
|
17
|
+
collapse: boolean;
|
|
18
|
+
collapsable: boolean;
|
|
19
|
+
headerAlignment: string;
|
|
20
|
+
footerAlignment: string;
|
|
21
|
+
iconColor: string;
|
|
22
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:collapse")[], "close" | "update:collapse", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaCardProps>, {
|
|
23
|
+
closable: boolean;
|
|
24
|
+
collapse: boolean;
|
|
25
|
+
collapsable: boolean;
|
|
26
|
+
headerAlignment: string;
|
|
27
|
+
footerAlignment: string;
|
|
28
|
+
iconColor: string;
|
|
29
|
+
}>>> & {
|
|
30
|
+
onClose?: (...args: any[]) => any;
|
|
31
|
+
"onUpdate:collapse"?: (...args: any[]) => any;
|
|
32
|
+
}, {
|
|
33
|
+
closable: boolean;
|
|
34
|
+
collapse: boolean;
|
|
35
|
+
collapsable: boolean;
|
|
36
|
+
headerAlignment: "left" | "center";
|
|
37
|
+
footerAlignment: "left" | "center";
|
|
38
|
+
iconColor: "blue" | "green" | "orange" | "red" | "purple";
|
|
39
|
+
}>, {
|
|
40
|
+
title: (_: {}) => any;
|
|
41
|
+
description: (_: {}) => any;
|
|
42
|
+
headerContent: (_: {}) => any;
|
|
43
|
+
headerActions: (_: {}) => any;
|
|
44
|
+
contentTitle: (_: {}) => any;
|
|
45
|
+
contentDescription: (_: {}) => any;
|
|
46
|
+
default: (_: {}) => any;
|
|
47
|
+
footerTitle: (_: {}) => any;
|
|
48
|
+
footerDescription: (_: {}) => any;
|
|
49
|
+
footer: (_: {}) => any;
|
|
50
|
+
footerActions: (_: {}) => any;
|
|
51
|
+
}>;
|
|
52
|
+
export default _default;
|
|
53
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
54
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
55
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
56
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
57
|
+
} : {
|
|
58
|
+
type: import('vue').PropType<T[K]>;
|
|
59
|
+
required: true;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
declare type __VLS_WithDefaults<P, D> = {
|
|
63
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
64
|
+
default: D[K];
|
|
65
|
+
} : P[K];
|
|
66
|
+
};
|
|
67
|
+
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
68
|
+
new (): {
|
|
69
|
+
$slots: S;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
import MaCard from '../index.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryFn;
|
|
6
|
+
export declare const Closable: StoryFn;
|
|
7
|
+
export declare const Collapse: StoryFn;
|
|
8
|
+
export declare const AllSlots: StoryFn;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
import MaCard from '../index.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Default: StoryFn;
|
|
6
|
+
export declare const FooterActions: StoryFn;
|
|
7
|
+
export declare const FooterActions2: StoryFn;
|
|
8
|
+
export declare const FooterActions3: StoryFn;
|
|
9
|
+
export declare const FooterCenter: StoryFn;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryFn, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import MaCard from '../index.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof MaCard>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAvatar: Story;
|
|
8
|
+
export declare const WithIcon: Story;
|
|
9
|
+
export declare const AlingmentCenter: Story;
|
|
10
|
+
export declare const HeaderActions: StoryFn;
|
|
11
|
+
export declare const HeaderActionsWithCenter: StoryFn;
|
|
12
|
+
export declare const HeaderActions2: StoryFn;
|
|
13
|
+
export declare const HeaderClosable: StoryFn;
|
|
14
|
+
export declare const HeaderCollapse: StoryFn;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const MaCardAlignments: readonly ["left", "center"];
|
|
2
|
+
export declare const MaCardIconColors: readonly ["blue", "green", "orange", "red", "purple"];
|
|
3
|
+
export declare type MaCardAlignment = (typeof MaCardAlignments)[number];
|
|
4
|
+
export declare type MaCardIconColor = (typeof MaCardIconColors)[number];
|
|
@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
27
27
|
keyboard: boolean;
|
|
28
28
|
stringMode: boolean;
|
|
29
29
|
stepCount: number;
|
|
30
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "pressEnter" | "step")[], "update:value" | "step" | "pressEnter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaInputNumberProps>, {
|
|
30
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:value" | "pressEnter" | "step")[], "change" | "update:value" | "step" | "pressEnter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaInputNumberProps>, {
|
|
31
31
|
value: number;
|
|
32
32
|
size: string;
|
|
33
33
|
disabled: boolean;
|
|
@@ -37,6 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
37
37
|
stringMode: boolean;
|
|
38
38
|
stepCount: number;
|
|
39
39
|
}>>> & {
|
|
40
|
+
onChange?: (...args: any[]) => any;
|
|
40
41
|
"onUpdate:value"?: (...args: any[]) => any;
|
|
41
42
|
onPressEnter?: (...args: any[]) => any;
|
|
42
43
|
onStep?: (...args: any[]) => any;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -61,6 +61,8 @@ export { default as MaTabs } from './components/tabs/index.vue';
|
|
|
61
61
|
export * from './components/tabs/types';
|
|
62
62
|
export { default as MaTabPane } from './components/tabs/components/tabPane.vue';
|
|
63
63
|
export { default as MaCountrySelect } from './components/country-select/index.vue';
|
|
64
|
+
export { default as MaCard } from './components/card/index.vue';
|
|
65
|
+
export * from './components/card/types';
|
|
64
66
|
export { default as MaInputNumber } from './components/input-number/index.vue';
|
|
65
67
|
export { ActionKitConfig } from './services/config';
|
|
66
68
|
export { useActionKitConfig } from './composables/config';
|