@mobileaction/action-kit 1.1.51 → 1.1.53
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 +10 -5
- package/dist/action-kit.mjs +1119 -924
- package/dist/components/card/index.vue.d.ts +141 -0
- package/dist/components/card/types.d.ts +6 -0
- 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 +75 -0
- package/dist/src/components/card/stories/constants.d.ts +4 -0
- package/dist/src/components/card/stories/default.stories.d.ts +9 -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 +6 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
import { MaCardAlignment, MaCardIconColor, MaCardSize } 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
|
+
size?: MaCardSize;
|
|
16
|
+
}
|
|
17
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
18
|
+
title: {
|
|
19
|
+
type: __PropType<string>;
|
|
20
|
+
required: false;
|
|
21
|
+
};
|
|
22
|
+
description: {
|
|
23
|
+
type: __PropType<string>;
|
|
24
|
+
required: false;
|
|
25
|
+
};
|
|
26
|
+
closable: {
|
|
27
|
+
type: __PropType<boolean>;
|
|
28
|
+
required: false;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
headerAlignment: {
|
|
32
|
+
type: __PropType<"left" | "center">;
|
|
33
|
+
required: false;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
footerAlignment: {
|
|
37
|
+
type: __PropType<"left" | "center">;
|
|
38
|
+
required: false;
|
|
39
|
+
default: string;
|
|
40
|
+
};
|
|
41
|
+
headerAvatar: {
|
|
42
|
+
type: __PropType<string>;
|
|
43
|
+
required: false;
|
|
44
|
+
};
|
|
45
|
+
headerIcon: {
|
|
46
|
+
type: __PropType<string>;
|
|
47
|
+
required: false;
|
|
48
|
+
};
|
|
49
|
+
contentIcon: {
|
|
50
|
+
type: __PropType<string>;
|
|
51
|
+
required: false;
|
|
52
|
+
};
|
|
53
|
+
iconColor: {
|
|
54
|
+
type: __PropType<"blue" | "green" | "orange" | "red" | "purple">;
|
|
55
|
+
required: false;
|
|
56
|
+
default: string;
|
|
57
|
+
};
|
|
58
|
+
collapse: {
|
|
59
|
+
type: __PropType<boolean>;
|
|
60
|
+
required: false;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
63
|
+
collapsable: {
|
|
64
|
+
type: __PropType<boolean>;
|
|
65
|
+
required: false;
|
|
66
|
+
default: boolean;
|
|
67
|
+
};
|
|
68
|
+
size: {
|
|
69
|
+
type: __PropType<"default" | "small">;
|
|
70
|
+
required: false;
|
|
71
|
+
default: string;
|
|
72
|
+
};
|
|
73
|
+
}, {}, 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<{
|
|
74
|
+
title: {
|
|
75
|
+
type: __PropType<string>;
|
|
76
|
+
required: false;
|
|
77
|
+
};
|
|
78
|
+
description: {
|
|
79
|
+
type: __PropType<string>;
|
|
80
|
+
required: false;
|
|
81
|
+
};
|
|
82
|
+
closable: {
|
|
83
|
+
type: __PropType<boolean>;
|
|
84
|
+
required: false;
|
|
85
|
+
default: boolean;
|
|
86
|
+
};
|
|
87
|
+
headerAlignment: {
|
|
88
|
+
type: __PropType<"left" | "center">;
|
|
89
|
+
required: false;
|
|
90
|
+
default: string;
|
|
91
|
+
};
|
|
92
|
+
footerAlignment: {
|
|
93
|
+
type: __PropType<"left" | "center">;
|
|
94
|
+
required: false;
|
|
95
|
+
default: string;
|
|
96
|
+
};
|
|
97
|
+
headerAvatar: {
|
|
98
|
+
type: __PropType<string>;
|
|
99
|
+
required: false;
|
|
100
|
+
};
|
|
101
|
+
headerIcon: {
|
|
102
|
+
type: __PropType<string>;
|
|
103
|
+
required: false;
|
|
104
|
+
};
|
|
105
|
+
contentIcon: {
|
|
106
|
+
type: __PropType<string>;
|
|
107
|
+
required: false;
|
|
108
|
+
};
|
|
109
|
+
iconColor: {
|
|
110
|
+
type: __PropType<"blue" | "green" | "orange" | "red" | "purple">;
|
|
111
|
+
required: false;
|
|
112
|
+
default: string;
|
|
113
|
+
};
|
|
114
|
+
collapse: {
|
|
115
|
+
type: __PropType<boolean>;
|
|
116
|
+
required: false;
|
|
117
|
+
default: boolean;
|
|
118
|
+
};
|
|
119
|
+
collapsable: {
|
|
120
|
+
type: __PropType<boolean>;
|
|
121
|
+
required: false;
|
|
122
|
+
default: boolean;
|
|
123
|
+
};
|
|
124
|
+
size: {
|
|
125
|
+
type: __PropType<"default" | "small">;
|
|
126
|
+
required: false;
|
|
127
|
+
default: string;
|
|
128
|
+
};
|
|
129
|
+
}>> & {
|
|
130
|
+
onClose?: (...args: any[]) => any;
|
|
131
|
+
"onUpdate:collapse"?: (...args: any[]) => any;
|
|
132
|
+
}, {
|
|
133
|
+
closable: boolean;
|
|
134
|
+
size: "default" | "small";
|
|
135
|
+
headerAlignment: "left" | "center";
|
|
136
|
+
footerAlignment: "left" | "center";
|
|
137
|
+
iconColor: "blue" | "green" | "orange" | "red" | "purple";
|
|
138
|
+
collapse: boolean;
|
|
139
|
+
collapsable: boolean;
|
|
140
|
+
}>;
|
|
141
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const MaCardAlignments: readonly ["left", "center"];
|
|
2
|
+
export declare const MaCardSizes: readonly ["small", "default"];
|
|
3
|
+
export declare const MaCardIconColors: readonly ["blue", "green", "orange", "red", "purple"];
|
|
4
|
+
export type MaCardAlignment = (typeof MaCardAlignments)[number];
|
|
5
|
+
export type MaCardIconColor = (typeof MaCardIconColors)[number];
|
|
6
|
+
export type MaCardSize = (typeof MaCardSizes)[number];
|
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,75 @@
|
|
|
1
|
+
import { MaCardAlignment, MaCardIconColor, MaCardSize } 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
|
+
size?: MaCardSize;
|
|
15
|
+
}
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaCardProps>, {
|
|
17
|
+
closable: boolean;
|
|
18
|
+
collapse: boolean;
|
|
19
|
+
collapsable: boolean;
|
|
20
|
+
headerAlignment: string;
|
|
21
|
+
footerAlignment: string;
|
|
22
|
+
iconColor: string;
|
|
23
|
+
size: string;
|
|
24
|
+
}>, {}, 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>, {
|
|
25
|
+
closable: boolean;
|
|
26
|
+
collapse: boolean;
|
|
27
|
+
collapsable: boolean;
|
|
28
|
+
headerAlignment: string;
|
|
29
|
+
footerAlignment: string;
|
|
30
|
+
iconColor: string;
|
|
31
|
+
size: string;
|
|
32
|
+
}>>> & {
|
|
33
|
+
onClose?: (...args: any[]) => any;
|
|
34
|
+
"onUpdate:collapse"?: (...args: any[]) => any;
|
|
35
|
+
}, {
|
|
36
|
+
size: "default" | "small";
|
|
37
|
+
closable: boolean;
|
|
38
|
+
collapse: boolean;
|
|
39
|
+
collapsable: boolean;
|
|
40
|
+
headerAlignment: "left" | "center";
|
|
41
|
+
footerAlignment: "left" | "center";
|
|
42
|
+
iconColor: "blue" | "green" | "orange" | "red" | "purple";
|
|
43
|
+
}>, {
|
|
44
|
+
title: (_: {}) => any;
|
|
45
|
+
description: (_: {}) => any;
|
|
46
|
+
headerContent: (_: {}) => any;
|
|
47
|
+
headerActions: (_: {}) => any;
|
|
48
|
+
contentTitle: (_: {}) => any;
|
|
49
|
+
contentDescription: (_: {}) => any;
|
|
50
|
+
default: (_: {}) => any;
|
|
51
|
+
footerTitle: (_: {}) => any;
|
|
52
|
+
footerDescription: (_: {}) => any;
|
|
53
|
+
footer: (_: {}) => any;
|
|
54
|
+
footerActions: (_: {}) => any;
|
|
55
|
+
}>;
|
|
56
|
+
export default _default;
|
|
57
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
58
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
59
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
60
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
61
|
+
} : {
|
|
62
|
+
type: import('vue').PropType<T[K]>;
|
|
63
|
+
required: true;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
declare type __VLS_WithDefaults<P, D> = {
|
|
67
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
68
|
+
default: D[K];
|
|
69
|
+
} : P[K];
|
|
70
|
+
};
|
|
71
|
+
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
72
|
+
new (): {
|
|
73
|
+
$slots: S;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, Story, 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;
|
|
9
|
+
export declare const Small: Story;
|
|
@@ -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,6 @@
|
|
|
1
|
+
export declare const MaCardAlignments: readonly ["left", "center"];
|
|
2
|
+
export declare const MaCardSizes: readonly ["small", "default"];
|
|
3
|
+
export declare const MaCardIconColors: readonly ["blue", "green", "orange", "red", "purple"];
|
|
4
|
+
export declare type MaCardAlignment = (typeof MaCardAlignments)[number];
|
|
5
|
+
export declare type MaCardIconColor = (typeof MaCardIconColors)[number];
|
|
6
|
+
export declare type MaCardSize = (typeof MaCardSizes)[number];
|
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';
|