@mobileaction/action-kit 1.1.32 → 1.1.33
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 +3 -3
- package/dist/action-kit.mjs +1162 -1016
- package/dist/components/badge/index.vue.d.ts +3 -3
- package/dist/components/badge/types.d.ts +1 -1
- package/dist/components/side-menu/app-button/index.vue.d.ts +38 -0
- package/dist/components/side-menu/icon-button/index.vue.d.ts +66 -0
- package/dist/components/side-menu/menu-item/index.vue.d.ts +6 -6
- package/dist/components/side-menu/menu-item/types.d.ts +1 -1
- package/dist/components/side-menu/round-icon-button/index.vue.d.ts +16 -0
- package/dist/components/tooltip/index.vue.d.ts +9 -0
- package/dist/index.d.ts +3 -0
- package/dist/sidebar-left-ba427d0c.mjs +29 -0
- package/dist/sidebar-left-bold-25ef42d3.mjs +19 -0
- package/dist/sidebar-left-bold-d7463104.js +1 -0
- package/dist/sidebar-left-bulk-2176d14f.mjs +24 -0
- package/dist/sidebar-left-bulk-41ddf806.js +1 -0
- package/dist/sidebar-left-ed849cec.js +1 -0
- package/dist/sidebar-right-587e2b0d.js +1 -0
- package/dist/sidebar-right-bold-3a3f4884.mjs +19 -0
- package/dist/sidebar-right-bold-43bf913e.js +1 -0
- package/dist/sidebar-right-bulk-43354705.mjs +24 -0
- package/dist/sidebar-right-bulk-6c16ee58.js +1 -0
- package/dist/sidebar-right-f88fa191.mjs +29 -0
- package/dist/src/components/badge/index.vue.d.ts +1 -1
- package/dist/src/components/badge/types.d.ts +1 -1
- package/dist/src/components/side-menu/app-button/index.vue.d.ts +34 -0
- package/dist/src/components/side-menu/app-button/stories/constants.d.ts +4 -0
- package/dist/src/components/side-menu/app-button/stories/default.stories.d.ts +7 -0
- package/dist/src/components/side-menu/icon-button/index.vue.d.ts +38 -0
- package/dist/src/components/side-menu/icon-button/stories/constants.d.ts +4 -0
- package/dist/src/components/side-menu/icon-button/stories/default.stories.d.ts +8 -0
- package/dist/src/components/side-menu/menu-item/index.vue.d.ts +2 -2
- package/dist/src/components/side-menu/menu-item/types.d.ts +1 -1
- package/dist/src/components/side-menu/round-icon-button/index.vue.d.ts +26 -0
- package/dist/src/components/side-menu/round-icon-button/stories/constants.d.ts +4 -0
- package/dist/src/components/side-menu/round-icon-button/stories/default.stories.d.ts +6 -0
- package/dist/src/components/tooltip/index.vue.d.ts +1 -0
- package/dist/src/index.d.ts +3 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
14
14
|
default: string;
|
|
15
15
|
};
|
|
16
16
|
variant: {
|
|
17
|
-
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
|
|
17
|
+
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light">;
|
|
18
18
|
required: false;
|
|
19
19
|
default: string;
|
|
20
20
|
};
|
|
@@ -39,7 +39,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
39
39
|
default: string;
|
|
40
40
|
};
|
|
41
41
|
variant: {
|
|
42
|
-
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
|
|
42
|
+
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light">;
|
|
43
43
|
required: false;
|
|
44
44
|
default: string;
|
|
45
45
|
};
|
|
@@ -59,7 +59,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
59
59
|
};
|
|
60
60
|
}>>, {
|
|
61
61
|
type: "icon" | "primary" | "secondary" | "line" | "dashed";
|
|
62
|
-
variant: "dark" | "blue" | "green" | "orange" | "red" | "purple";
|
|
62
|
+
variant: "dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light";
|
|
63
63
|
size: "small" | "medium" | "large";
|
|
64
64
|
iconAlignment: string;
|
|
65
65
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const MaBadgePropVariants: readonly ["dark", "blue", "green", "orange", "red", "purple"];
|
|
1
|
+
export declare const MaBadgePropVariants: readonly ["dark", "blue", "green", "orange", "red", "purple", "purple-light"];
|
|
2
2
|
export declare const MaBadgePropTypes: readonly ["primary", "secondary", "line", "dashed", "icon"];
|
|
3
3
|
export declare const MaBadgePropSizes: readonly ["small", "medium", "large"];
|
|
4
4
|
export declare const MaBadgePropIconAlignments: readonly ["left", "right"];
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
export interface MaSideMenuAppButtonProps {
|
|
3
|
+
appImage: string;
|
|
4
|
+
appName: string;
|
|
5
|
+
active?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
8
|
+
appImage: {
|
|
9
|
+
type: __PropType<string>;
|
|
10
|
+
required: true;
|
|
11
|
+
};
|
|
12
|
+
appName: {
|
|
13
|
+
type: __PropType<string>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
active: {
|
|
17
|
+
type: __PropType<boolean>;
|
|
18
|
+
required: false;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
appImage: {
|
|
23
|
+
type: __PropType<string>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
appName: {
|
|
27
|
+
type: __PropType<string>;
|
|
28
|
+
required: true;
|
|
29
|
+
};
|
|
30
|
+
active: {
|
|
31
|
+
type: __PropType<boolean>;
|
|
32
|
+
required: false;
|
|
33
|
+
default: boolean;
|
|
34
|
+
};
|
|
35
|
+
}>>, {
|
|
36
|
+
active: boolean;
|
|
37
|
+
}>;
|
|
38
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
import { ButtonTarget } from '../../../components/button/types';
|
|
3
|
+
export interface MaSideMenuIconButtonProps {
|
|
4
|
+
icon: string;
|
|
5
|
+
activeIcon?: string;
|
|
6
|
+
tooltipText?: string;
|
|
7
|
+
href?: string;
|
|
8
|
+
target?: ButtonTarget;
|
|
9
|
+
active?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
12
|
+
icon: {
|
|
13
|
+
type: __PropType<string>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
activeIcon: {
|
|
17
|
+
type: __PropType<string>;
|
|
18
|
+
required: false;
|
|
19
|
+
};
|
|
20
|
+
tooltipText: {
|
|
21
|
+
type: __PropType<string>;
|
|
22
|
+
required: false;
|
|
23
|
+
};
|
|
24
|
+
href: {
|
|
25
|
+
type: __PropType<string>;
|
|
26
|
+
required: false;
|
|
27
|
+
};
|
|
28
|
+
target: {
|
|
29
|
+
type: __PropType<"_blank" | "_self" | "_top" | "_parent">;
|
|
30
|
+
required: false;
|
|
31
|
+
};
|
|
32
|
+
active: {
|
|
33
|
+
type: __PropType<boolean>;
|
|
34
|
+
required: false;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
|
+
icon: {
|
|
39
|
+
type: __PropType<string>;
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
activeIcon: {
|
|
43
|
+
type: __PropType<string>;
|
|
44
|
+
required: false;
|
|
45
|
+
};
|
|
46
|
+
tooltipText: {
|
|
47
|
+
type: __PropType<string>;
|
|
48
|
+
required: false;
|
|
49
|
+
};
|
|
50
|
+
href: {
|
|
51
|
+
type: __PropType<string>;
|
|
52
|
+
required: false;
|
|
53
|
+
};
|
|
54
|
+
target: {
|
|
55
|
+
type: __PropType<"_blank" | "_self" | "_top" | "_parent">;
|
|
56
|
+
required: false;
|
|
57
|
+
};
|
|
58
|
+
active: {
|
|
59
|
+
type: __PropType<boolean>;
|
|
60
|
+
required: false;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
63
|
+
}>>, {
|
|
64
|
+
active: boolean;
|
|
65
|
+
}>;
|
|
66
|
+
export default _sfc_main;
|
|
@@ -31,12 +31,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
31
31
|
default: boolean;
|
|
32
32
|
};
|
|
33
33
|
activeColor: {
|
|
34
|
-
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
|
|
34
|
+
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light" | "jordy-blue">;
|
|
35
35
|
required: false;
|
|
36
36
|
default: string;
|
|
37
37
|
};
|
|
38
38
|
badgeColor: {
|
|
39
|
-
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
|
|
39
|
+
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light">;
|
|
40
40
|
required: false;
|
|
41
41
|
default: string;
|
|
42
42
|
};
|
|
@@ -68,12 +68,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
68
68
|
default: boolean;
|
|
69
69
|
};
|
|
70
70
|
activeColor: {
|
|
71
|
-
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
|
|
71
|
+
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light" | "jordy-blue">;
|
|
72
72
|
required: false;
|
|
73
73
|
default: string;
|
|
74
74
|
};
|
|
75
75
|
badgeColor: {
|
|
76
|
-
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple">;
|
|
76
|
+
type: __PropType<"dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light">;
|
|
77
77
|
required: false;
|
|
78
78
|
default: string;
|
|
79
79
|
};
|
|
@@ -88,8 +88,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
88
88
|
};
|
|
89
89
|
}>>, {
|
|
90
90
|
active: boolean;
|
|
91
|
-
activeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple";
|
|
92
|
-
badgeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple";
|
|
91
|
+
activeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light" | "jordy-blue";
|
|
92
|
+
badgeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light";
|
|
93
93
|
child: boolean;
|
|
94
94
|
}>;
|
|
95
95
|
export default _sfc_main;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const MaSideMenuItemColors: readonly ["dark", "blue", "green", "orange", "red", "purple"];
|
|
1
|
+
export declare const MaSideMenuItemColors: readonly ["dark", "blue", "jordy-blue", "green", "orange", "red", "purple", "purple-light"];
|
|
2
2
|
export type MaSideMenuItemColor = (typeof MaSideMenuItemColors)[number];
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
export interface MaSideMenuRoundIconButtonProps {
|
|
3
|
+
icon: string;
|
|
4
|
+
}
|
|
5
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
6
|
+
icon: {
|
|
7
|
+
type: __PropType<string>;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
icon: {
|
|
12
|
+
type: __PropType<string>;
|
|
13
|
+
required: true;
|
|
14
|
+
};
|
|
15
|
+
}>>, {}>;
|
|
16
|
+
export default _sfc_main;
|
|
@@ -10,6 +10,7 @@ export interface MaTooltipProps {
|
|
|
10
10
|
trigger?: TooltipTriggerType;
|
|
11
11
|
closable?: boolean;
|
|
12
12
|
defaultVisible?: boolean;
|
|
13
|
+
overlayClassName?: string;
|
|
13
14
|
}
|
|
14
15
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
15
16
|
placement: {
|
|
@@ -48,6 +49,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
48
49
|
required: false;
|
|
49
50
|
default: boolean;
|
|
50
51
|
};
|
|
52
|
+
overlayClassName: {
|
|
53
|
+
type: __PropType<string>;
|
|
54
|
+
required: false;
|
|
55
|
+
};
|
|
51
56
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
52
57
|
placement: {
|
|
53
58
|
type: __PropType<TooltipPlacement>;
|
|
@@ -85,6 +90,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
85
90
|
required: false;
|
|
86
91
|
default: boolean;
|
|
87
92
|
};
|
|
93
|
+
overlayClassName: {
|
|
94
|
+
type: __PropType<string>;
|
|
95
|
+
required: false;
|
|
96
|
+
};
|
|
88
97
|
}>>, {
|
|
89
98
|
type: "primary" | "secondary";
|
|
90
99
|
placement: TooltipPlacement;
|
package/dist/index.d.ts
CHANGED
|
@@ -49,5 +49,8 @@ export * from './components/upload/types';
|
|
|
49
49
|
export { default as MaSideMenuButton } from './components/side-menu/button/index.vue';
|
|
50
50
|
export { default as MaSideMenuItem } from './components/side-menu/menu-item/index.vue';
|
|
51
51
|
export * from './components/side-menu/menu-item/types';
|
|
52
|
+
export { default as MaSideMenuIconButton } from './components/side-menu/icon-button/index.vue';
|
|
53
|
+
export { default as MaSideMenuRoundIconButton } from './components/side-menu/round-icon-button/index.vue';
|
|
54
|
+
export { default as MaSideMenuAppButton } from './components/side-menu/app-button/index.vue';
|
|
52
55
|
export { ActionKitConfig } from './services/config';
|
|
53
56
|
export { useActionKitConfig } from './composables/config';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { openBlock as o, createElementBlock as t, createElementVNode as e } from "vue";
|
|
2
|
+
const r = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
fill: "none",
|
|
5
|
+
viewBox: "0 0 24 24"
|
|
6
|
+
}, n = /* @__PURE__ */ e("path", {
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-linecap": "round",
|
|
9
|
+
"stroke-linejoin": "round",
|
|
10
|
+
"stroke-width": "1.5",
|
|
11
|
+
d: "M21.97 15V9c0-5-2-7-7-7h-6c-5 0-7 2-7 7v6c0 5 2 7 7 7h6c5 0 7-2 7-7ZM7.97 2v20"
|
|
12
|
+
}, null, -1), s = /* @__PURE__ */ e("path", {
|
|
13
|
+
stroke: "currentColor",
|
|
14
|
+
"stroke-linecap": "round",
|
|
15
|
+
"stroke-linejoin": "round",
|
|
16
|
+
"stroke-width": "1.5",
|
|
17
|
+
d: "M14.97 9.44 12.41 12l2.56 2.56"
|
|
18
|
+
}, null, -1), c = [
|
|
19
|
+
n,
|
|
20
|
+
s
|
|
21
|
+
];
|
|
22
|
+
function l(d, i) {
|
|
23
|
+
return o(), t("svg", r, c);
|
|
24
|
+
}
|
|
25
|
+
const u = { render: l };
|
|
26
|
+
export {
|
|
27
|
+
u as default,
|
|
28
|
+
l as render
|
|
29
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
|
|
2
|
+
const c = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
fill: "none",
|
|
5
|
+
viewBox: "0 0 24 24"
|
|
6
|
+
}, l = /* @__PURE__ */ o("path", {
|
|
7
|
+
fill: "currentColor",
|
|
8
|
+
d: "M2 7.81v8.38c0 1.49.36 2.73 1.05 3.68.29.42.66.79 1.08 1.08.82.6 1.86.95 3.09 1.03V2.03C3.94 2.24 2 4.37 2 7.81ZM20.95 4.13c-.29-.42-.66-.79-1.08-1.08C18.92 2.36 17.68 2 16.19 2H8.72v20h7.47c3.64 0 5.81-2.17 5.81-5.81V7.81c0-1.49-.36-2.73-1.05-3.68Zm-5.45 9.9c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-2.56-2.56a.754.754 0 0 1 0-1.06l2.56-2.56c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06L13.48 12l2.02 2.03Z"
|
|
9
|
+
}, null, -1), n = [
|
|
10
|
+
l
|
|
11
|
+
];
|
|
12
|
+
function r(s, d) {
|
|
13
|
+
return e(), t("svg", c, n);
|
|
14
|
+
}
|
|
15
|
+
const a = { render: r };
|
|
16
|
+
export {
|
|
17
|
+
a as default,
|
|
18
|
+
r as render
|
|
19
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},c=e.createElementVNode("path",{fill:"currentColor",d:"M2 7.81v8.38c0 1.49.36 2.73 1.05 3.68.29.42.66.79 1.08 1.08.82.6 1.86.95 3.09 1.03V2.03C3.94 2.24 2 4.37 2 7.81ZM20.95 4.13c-.29-.42-.66-.79-1.08-1.08C18.92 2.36 17.68 2 16.19 2H8.72v20h7.47c3.64 0 5.81-2.17 5.81-5.81V7.81c0-1.49-.36-2.73-1.05-3.68Zm-5.45 9.9c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-2.56-2.56a.754.754 0 0 1 0-1.06l2.56-2.56c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06L13.48 12l2.02 2.03Z"},null,-1),n=[c];function t(l,s){return e.openBlock(),e.createElementBlock("svg",o,n)}const r={render:t};exports.default=r;exports.render=t;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { openBlock as t, createElementBlock as c, createElementVNode as e } from "vue";
|
|
2
|
+
const o = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
fill: "none",
|
|
5
|
+
viewBox: "0 0 24 24"
|
|
6
|
+
}, l = /* @__PURE__ */ e("path", {
|
|
7
|
+
fill: "currentColor",
|
|
8
|
+
d: "M22 7.81v8.38c0 3.64-2.17 5.81-5.81 5.81H7.81c-.2 0-.4-.01-.59-.02-1.23-.08-2.27-.43-3.09-1.03-.42-.29-.79-.66-1.08-1.08C2.36 18.92 2 17.68 2 16.19V7.81c0-3.44 1.94-5.57 5.22-5.78.19-.02.39-.03.59-.03h8.38c1.49 0 2.73.36 3.68 1.05.42.29.79.66 1.08 1.08.69.95 1.05 2.19 1.05 3.68Z",
|
|
9
|
+
opacity: ".4"
|
|
10
|
+
}, null, -1), n = /* @__PURE__ */ e("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
d: "M8.72 2v20h-.91c-.2 0-.4-.01-.59-.02V2.03c.19-.02.39-.03.59-.03h.91ZM14.97 15.31c-.19 0-.38-.07-.53-.22l-2.56-2.56a.754.754 0 0 1 0-1.06l2.56-2.56c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06L13.48 12l2.03 2.03c.29.29.29.77 0 1.06-.15.15-.34.22-.54.22Z"
|
|
13
|
+
}, null, -1), r = [
|
|
14
|
+
l,
|
|
15
|
+
n
|
|
16
|
+
];
|
|
17
|
+
function s(i, d) {
|
|
18
|
+
return t(), c("svg", o, r);
|
|
19
|
+
}
|
|
20
|
+
const a = { render: s };
|
|
21
|
+
export {
|
|
22
|
+
a as default,
|
|
23
|
+
s as render
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},o=e.createElementVNode("path",{fill:"currentColor",d:"M22 7.81v8.38c0 3.64-2.17 5.81-5.81 5.81H7.81c-.2 0-.4-.01-.59-.02-1.23-.08-2.27-.43-3.09-1.03-.42-.29-.79-.66-1.08-1.08C2.36 18.92 2 17.68 2 16.19V7.81c0-3.44 1.94-5.57 5.22-5.78.19-.02.39-.03.59-.03h8.38c1.49 0 2.73.36 3.68 1.05.42.29.79.66 1.08 1.08.69.95 1.05 2.19 1.05 3.68Z",opacity:".4"},null,-1),l=e.createElementVNode("path",{fill:"currentColor",d:"M8.72 2v20h-.91c-.2 0-.4-.01-.59-.02V2.03c.19-.02.39-.03.59-.03h.91ZM14.97 15.31c-.19 0-.38-.07-.53-.22l-2.56-2.56a.754.754 0 0 1 0-1.06l2.56-2.56c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06L13.48 12l2.03 2.03c.29.29.29.77 0 1.06-.15.15-.34.22-.54.22Z"},null,-1),n=[o,l];function t(s,d){return e.openBlock(),e.createElementBlock("svg",c,n)}const r={render:t};exports.default=r;exports.render=t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},r=e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M21.97 15V9c0-5-2-7-7-7h-6c-5 0-7 2-7 7v6c0 5 2 7 7 7h6c5 0 7-2 7-7ZM7.97 2v20"},null,-1),n=e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M14.97 9.44 12.41 12l2.56 2.56"},null,-1),c=[r,n];function t(l,d){return e.openBlock(),e.createElementBlock("svg",o,c)}const s={render:t};exports.default=s;exports.render=t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},r=e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M21.97 15V9c0-5-2-7-7-7h-6c-5 0-7 2-7 7v6c0 5 2 7 7 7h6c5 0 7-2 7-7ZM14.97 2v20"},null,-1),n=e.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M7.97 9.44 10.53 12l-2.56 2.56"},null,-1),c=[r,n];function t(l,d){return e.openBlock(),e.createElementBlock("svg",o,c)}const s={render:t};exports.default=s;exports.render=t;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
|
|
2
|
+
const c = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
fill: "none",
|
|
5
|
+
viewBox: "0 0 24 24"
|
|
6
|
+
}, n = /* @__PURE__ */ o("path", {
|
|
7
|
+
fill: "currentColor",
|
|
8
|
+
d: "M7.81 2c-1.49 0-2.73.36-3.68 1.05-.42.29-.79.66-1.08 1.08C2.36 5.08 2 6.32 2 7.81v8.38C2 19.83 4.17 22 7.81 22h7.47V2H7.81Zm4.31 10.53-2.56 2.56c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L10.52 12 8.5 9.97c-.3-.29-.3-.77 0-1.06.3-.29.77-.29 1.06 0l2.56 2.56c.29.29.29.77 0 1.06ZM16.78 2.03v19.95c1.23-.08 2.27-.43 3.09-1.03.42-.29.79-.66 1.08-1.08.69-.95 1.05-2.19 1.05-3.68V7.81c0-3.44-1.94-5.57-5.22-5.78Z"
|
|
9
|
+
}, null, -1), r = [
|
|
10
|
+
n
|
|
11
|
+
];
|
|
12
|
+
function l(s, d) {
|
|
13
|
+
return e(), t("svg", c, r);
|
|
14
|
+
}
|
|
15
|
+
const a = { render: l };
|
|
16
|
+
export {
|
|
17
|
+
a as default,
|
|
18
|
+
l as render
|
|
19
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},c=e.createElementVNode("path",{fill:"currentColor",d:"M7.81 2c-1.49 0-2.73.36-3.68 1.05-.42.29-.79.66-1.08 1.08C2.36 5.08 2 6.32 2 7.81v8.38C2 19.83 4.17 22 7.81 22h7.47V2H7.81Zm4.31 10.53-2.56 2.56c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L10.52 12 8.5 9.97c-.3-.29-.3-.77 0-1.06.3-.29.77-.29 1.06 0l2.56 2.56c.29.29.29.77 0 1.06ZM16.78 2.03v19.95c1.23-.08 2.27-.43 3.09-1.03.42-.29.79-.66 1.08-1.08.69-.95 1.05-2.19 1.05-3.68V7.81c0-3.44-1.94-5.57-5.22-5.78Z"},null,-1),n=[c];function t(l,s){return e.openBlock(),e.createElementBlock("svg",o,n)}const r={render:t};exports.default=r;exports.render=t;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { openBlock as t, createElementBlock as c, createElementVNode as e } from "vue";
|
|
2
|
+
const o = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
fill: "none",
|
|
5
|
+
viewBox: "0 0 24 24"
|
|
6
|
+
}, l = /* @__PURE__ */ e("path", {
|
|
7
|
+
fill: "currentColor",
|
|
8
|
+
d: "M2 7.81v8.38C2 19.83 4.17 22 7.81 22h8.38c.2 0 .4-.01.59-.02 1.23-.08 2.27-.43 3.09-1.03.42-.29.79-.66 1.08-1.08.69-.95 1.05-2.19 1.05-3.68V7.81c0-3.44-1.94-5.57-5.22-5.78-.19-.02-.39-.03-.59-.03H7.81c-1.49 0-2.73.36-3.68 1.05-.42.29-.79.66-1.08 1.08C2.36 5.08 2 6.32 2 7.81Z",
|
|
9
|
+
opacity: ".4"
|
|
10
|
+
}, null, -1), n = /* @__PURE__ */ e("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
d: "M15.28 2v20h.91c.2 0 .4-.01.59-.02V2.03c-.19-.02-.39-.03-.59-.03h-.91ZM9.03 15.31c.19 0 .38-.07.53-.22l2.56-2.56c.29-.29.29-.77 0-1.06L9.56 8.91a.755.755 0 0 0-1.06 0c-.29.29-.29.77 0 1.06L10.52 12 8.5 14.03c-.29.29-.29.77 0 1.06.14.15.33.22.53.22Z"
|
|
13
|
+
}, null, -1), r = [
|
|
14
|
+
l,
|
|
15
|
+
n
|
|
16
|
+
];
|
|
17
|
+
function s(i, h) {
|
|
18
|
+
return t(), c("svg", o, r);
|
|
19
|
+
}
|
|
20
|
+
const a = { render: s };
|
|
21
|
+
export {
|
|
22
|
+
a as default,
|
|
23
|
+
s as render
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},o=e.createElementVNode("path",{fill:"currentColor",d:"M2 7.81v8.38C2 19.83 4.17 22 7.81 22h8.38c.2 0 .4-.01.59-.02 1.23-.08 2.27-.43 3.09-1.03.42-.29.79-.66 1.08-1.08.69-.95 1.05-2.19 1.05-3.68V7.81c0-3.44-1.94-5.57-5.22-5.78-.19-.02-.39-.03-.59-.03H7.81c-1.49 0-2.73.36-3.68 1.05-.42.29-.79.66-1.08 1.08C2.36 5.08 2 6.32 2 7.81Z",opacity:".4"},null,-1),n=e.createElementVNode("path",{fill:"currentColor",d:"M15.28 2v20h.91c.2 0 .4-.01.59-.02V2.03c-.19-.02-.39-.03-.59-.03h-.91ZM9.03 15.31c.19 0 .38-.07.53-.22l2.56-2.56c.29-.29.29-.77 0-1.06L9.56 8.91a.755.755 0 0 0-1.06 0c-.29.29-.29.77 0 1.06L10.52 12 8.5 14.03c-.29.29-.29.77 0 1.06.14.15.33.22.53.22Z"},null,-1),r=[o,n];function t(i,s){return e.openBlock(),e.createElementBlock("svg",c,r)}const l={render:t};exports.default=l;exports.render=t;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { openBlock as o, createElementBlock as t, createElementVNode as e } from "vue";
|
|
2
|
+
const r = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
fill: "none",
|
|
5
|
+
viewBox: "0 0 24 24"
|
|
6
|
+
}, n = /* @__PURE__ */ e("path", {
|
|
7
|
+
stroke: "currentColor",
|
|
8
|
+
"stroke-linecap": "round",
|
|
9
|
+
"stroke-linejoin": "round",
|
|
10
|
+
"stroke-width": "1.5",
|
|
11
|
+
d: "M21.97 15V9c0-5-2-7-7-7h-6c-5 0-7 2-7 7v6c0 5 2 7 7 7h6c5 0 7-2 7-7ZM14.97 2v20"
|
|
12
|
+
}, null, -1), s = /* @__PURE__ */ e("path", {
|
|
13
|
+
stroke: "currentColor",
|
|
14
|
+
"stroke-linecap": "round",
|
|
15
|
+
"stroke-linejoin": "round",
|
|
16
|
+
"stroke-width": "1.5",
|
|
17
|
+
d: "M7.97 9.44 10.53 12l-2.56 2.56"
|
|
18
|
+
}, null, -1), c = [
|
|
19
|
+
n,
|
|
20
|
+
s
|
|
21
|
+
];
|
|
22
|
+
function l(i, d) {
|
|
23
|
+
return o(), t("svg", r, c);
|
|
24
|
+
}
|
|
25
|
+
const u = { render: l };
|
|
26
|
+
export {
|
|
27
|
+
u as default,
|
|
28
|
+
l as render
|
|
29
|
+
};
|
|
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
19
19
|
}>>>, {
|
|
20
20
|
size: "small" | "medium" | "large";
|
|
21
21
|
type: "primary" | "secondary" | "icon" | "line" | "dashed";
|
|
22
|
-
variant: "dark" | "blue" | "green" | "orange" | "red" | "purple";
|
|
22
|
+
variant: "dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light";
|
|
23
23
|
iconAlignment: string;
|
|
24
24
|
}>, {
|
|
25
25
|
default: (_: {}) => any;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const MaBadgePropVariants: readonly ["dark", "blue", "green", "orange", "red", "purple"];
|
|
1
|
+
export declare const MaBadgePropVariants: readonly ["dark", "blue", "green", "orange", "red", "purple", "purple-light"];
|
|
2
2
|
export declare const MaBadgePropTypes: readonly ["primary", "secondary", "line", "dashed", "icon"];
|
|
3
3
|
export declare const MaBadgePropSizes: readonly ["small", "medium", "large"];
|
|
4
4
|
export declare const MaBadgePropIconAlignments: readonly ["left", "right"];
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export interface MaSideMenuAppButtonProps {
|
|
2
|
+
appImage: string;
|
|
3
|
+
appName: string;
|
|
4
|
+
active?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuAppButtonProps>, {
|
|
7
|
+
active: boolean;
|
|
8
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuAppButtonProps>, {
|
|
9
|
+
active: boolean;
|
|
10
|
+
}>>>, {
|
|
11
|
+
active: boolean;
|
|
12
|
+
}>, {
|
|
13
|
+
default: (_: {}) => any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
17
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
18
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
19
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
20
|
+
} : {
|
|
21
|
+
type: import('vue').PropType<T[K]>;
|
|
22
|
+
required: true;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
declare type __VLS_WithDefaults<P, D> = {
|
|
26
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
27
|
+
default: D[K];
|
|
28
|
+
} : P[K];
|
|
29
|
+
};
|
|
30
|
+
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import type MaSideMenuAppButton from '../index.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaSideMenuAppButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof MaSideMenuAppButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Active: Story;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ButtonTarget } from '@/components/button/types';
|
|
2
|
+
export interface MaSideMenuIconButtonProps {
|
|
3
|
+
icon: string;
|
|
4
|
+
activeIcon?: string;
|
|
5
|
+
tooltipText?: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
target?: ButtonTarget;
|
|
8
|
+
active?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuIconButtonProps>, {
|
|
11
|
+
active: boolean;
|
|
12
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuIconButtonProps>, {
|
|
13
|
+
active: boolean;
|
|
14
|
+
}>>>, {
|
|
15
|
+
active: boolean;
|
|
16
|
+
}>, {
|
|
17
|
+
default: (_: {}) => any;
|
|
18
|
+
}>;
|
|
19
|
+
export default _default;
|
|
20
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
21
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
22
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
23
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
24
|
+
} : {
|
|
25
|
+
type: import('vue').PropType<T[K]>;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
declare type __VLS_WithDefaults<P, D> = {
|
|
30
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
31
|
+
default: D[K];
|
|
32
|
+
} : P[K];
|
|
33
|
+
};
|
|
34
|
+
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import type MaSideMenuIconButton from '../index.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaSideMenuIconButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof MaSideMenuIconButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Link: Story;
|
|
8
|
+
export declare const WithoutTooltip: Story;
|
|
@@ -24,8 +24,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
24
24
|
}>>>, {
|
|
25
25
|
active: boolean;
|
|
26
26
|
child: boolean;
|
|
27
|
-
badgeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple";
|
|
28
|
-
activeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple";
|
|
27
|
+
badgeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light";
|
|
28
|
+
activeColor: "dark" | "blue" | "green" | "orange" | "red" | "purple" | "purple-light" | "jordy-blue";
|
|
29
29
|
}>, {
|
|
30
30
|
default: (_: {}) => any;
|
|
31
31
|
}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const MaSideMenuItemColors: readonly ["dark", "blue", "green", "orange", "red", "purple"];
|
|
1
|
+
export declare const MaSideMenuItemColors: readonly ["dark", "blue", "jordy-blue", "green", "orange", "red", "purple", "purple-light"];
|
|
2
2
|
export declare type MaSideMenuItemColor = (typeof MaSideMenuItemColors)[number];
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface MaSideMenuRoundIconButtonProps {
|
|
2
|
+
icon: string;
|
|
3
|
+
}
|
|
4
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuRoundIconButtonProps>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaSideMenuRoundIconButtonProps>, {}>>>, {}>, {
|
|
5
|
+
default: (_: {}) => any;
|
|
6
|
+
}>;
|
|
7
|
+
export default _default;
|
|
8
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
9
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
10
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
11
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
12
|
+
} : {
|
|
13
|
+
type: import('vue').PropType<T[K]>;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
declare type __VLS_WithDefaults<P, D> = {
|
|
18
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
19
|
+
default: D[K];
|
|
20
|
+
} : P[K];
|
|
21
|
+
};
|
|
22
|
+
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import type MaSideMenuIconButton from '../index.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaSideMenuIconButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof MaSideMenuIconButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -9,6 +9,7 @@ export interface MaTooltipProps {
|
|
|
9
9
|
trigger?: TooltipTriggerType;
|
|
10
10
|
closable?: boolean;
|
|
11
11
|
defaultVisible?: boolean;
|
|
12
|
+
overlayClassName?: string;
|
|
12
13
|
}
|
|
13
14
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaTooltipProps>, {
|
|
14
15
|
placement: string;
|
package/dist/src/index.d.ts
CHANGED
|
@@ -50,5 +50,8 @@ export * from './components/upload/types';
|
|
|
50
50
|
export { default as MaSideMenuButton } from './components/side-menu/button/index.vue';
|
|
51
51
|
export { default as MaSideMenuItem } from './components/side-menu/menu-item/index.vue';
|
|
52
52
|
export * from './components/side-menu/menu-item/types';
|
|
53
|
+
export { default as MaSideMenuIconButton } from './components/side-menu/icon-button/index.vue';
|
|
54
|
+
export { default as MaSideMenuRoundIconButton } from './components/side-menu/round-icon-button/index.vue';
|
|
55
|
+
export { default as MaSideMenuAppButton } from './components/side-menu/app-button/index.vue';
|
|
53
56
|
export { ActionKitConfig } from './services/config';
|
|
54
57
|
export { useActionKitConfig } from './composables/config';
|