@mobileaction/action-kit 1.1.62 → 1.1.64
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 +8 -8
- package/dist/action-kit.mjs +1054 -960
- package/dist/add-button-7d56a1a7.mjs +41 -0
- package/dist/add-button-dbecdef2.js +1 -0
- package/dist/components/app-checkbox/index.vue.d.ts +32 -0
- package/dist/components/avatar/index.vue.d.ts +68 -1
- package/dist/components/avatar/types.d.ts +8 -0
- package/dist/components/dropdown/index.vue.d.ts +1 -1
- package/dist/components/input/index.vue.d.ts +1 -1
- package/dist/components/switch/index.vue.d.ts +1 -1
- package/dist/components/toggle/index.vue.d.ts +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/src/components/app-checkbox/index.vue.d.ts +29 -0
- package/dist/src/components/app-checkbox/stories/constants.d.ts +6 -0
- package/dist/src/components/app-checkbox/stories/default.stories.d.ts +6 -0
- package/dist/src/components/avatar/group.vue.d.ts +37 -0
- package/dist/src/components/avatar/index.vue.d.ts +33 -1
- package/dist/src/components/avatar/labelGroup.vue.d.ts +31 -0
- package/dist/src/components/avatar/profileAvatar.vue.d.ts +28 -0
- package/dist/src/components/avatar/stories/constants.d.ts +15 -0
- package/dist/src/components/avatar/stories/group.stories.d.ts +11 -0
- package/dist/src/components/avatar/stories/labelGroup.stories.d.ts +8 -0
- package/dist/src/components/avatar/stories/profilePhoto.stories.d.ts +8 -0
- package/dist/src/components/avatar/stories/visuals.stories.d.ts +14 -0
- package/dist/src/components/avatar/types.d.ts +8 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/style.css +1 -1
- package/dist/user-default-7079615a.mjs +22 -0
- package/dist/user-default-8285ae98.js +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
|
|
2
|
+
const n = {
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
fill: "none",
|
|
5
|
+
viewBox: "0 0 26 26"
|
|
6
|
+
}, r = /* @__PURE__ */ e("rect", {
|
|
7
|
+
width: "24",
|
|
8
|
+
height: "24",
|
|
9
|
+
x: "1",
|
|
10
|
+
y: "1",
|
|
11
|
+
fill: "#fff",
|
|
12
|
+
rx: "12"
|
|
13
|
+
}, null, -1), s = /* @__PURE__ */ e("path", {
|
|
14
|
+
stroke: "#98A2B3",
|
|
15
|
+
"stroke-linecap": "round",
|
|
16
|
+
"stroke-linejoin": "round",
|
|
17
|
+
"stroke-width": "1.333",
|
|
18
|
+
d: "M13 8.333v9.334M8.333 13h9.334"
|
|
19
|
+
}, null, -1), i = /* @__PURE__ */ e("rect", {
|
|
20
|
+
width: "24",
|
|
21
|
+
height: "24",
|
|
22
|
+
x: "1",
|
|
23
|
+
y: "1",
|
|
24
|
+
stroke: "#D0D5DD",
|
|
25
|
+
"stroke-dasharray": "1 3",
|
|
26
|
+
"stroke-linecap": "round",
|
|
27
|
+
"stroke-linejoin": "round",
|
|
28
|
+
rx: "12"
|
|
29
|
+
}, null, -1), d = [
|
|
30
|
+
r,
|
|
31
|
+
s,
|
|
32
|
+
i
|
|
33
|
+
];
|
|
34
|
+
function l(c, h) {
|
|
35
|
+
return t(), o("svg", n, d);
|
|
36
|
+
}
|
|
37
|
+
const _ = { render: l };
|
|
38
|
+
export {
|
|
39
|
+
_ as default,
|
|
40
|
+
l as render
|
|
41
|
+
};
|
|
@@ -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 26 26"},n=e.createElementVNode("rect",{width:"24",height:"24",x:"1",y:"1",fill:"#fff",rx:"12"},null,-1),r=e.createElementVNode("path",{stroke:"#98A2B3","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.333",d:"M13 8.333v9.334M8.333 13h9.334"},null,-1),s=e.createElementVNode("rect",{width:"24",height:"24",x:"1",y:"1",stroke:"#D0D5DD","stroke-dasharray":"1 3","stroke-linecap":"round","stroke-linejoin":"round",rx:"12"},null,-1),d=[n,r,s];function t(i,c){return e.openBlock(),e.createElementBlock("svg",o,d)}const l={render:t};exports.default=l;exports.render=t;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
export interface MaAppCheckboxProps {
|
|
3
|
+
appIcon: string;
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
7
|
+
appIcon: {
|
|
8
|
+
type: __PropType<string>;
|
|
9
|
+
required: true;
|
|
10
|
+
};
|
|
11
|
+
checked: {
|
|
12
|
+
type: __PropType<boolean>;
|
|
13
|
+
required: false;
|
|
14
|
+
default: boolean;
|
|
15
|
+
};
|
|
16
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:checked" | "change")[], "update:checked" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
+
appIcon: {
|
|
18
|
+
type: __PropType<string>;
|
|
19
|
+
required: true;
|
|
20
|
+
};
|
|
21
|
+
checked: {
|
|
22
|
+
type: __PropType<boolean>;
|
|
23
|
+
required: false;
|
|
24
|
+
default: boolean;
|
|
25
|
+
};
|
|
26
|
+
}>> & {
|
|
27
|
+
"onUpdate:checked"?: (...args: any[]) => any;
|
|
28
|
+
onChange?: (...args: any[]) => any;
|
|
29
|
+
}, {
|
|
30
|
+
checked: boolean;
|
|
31
|
+
}>;
|
|
32
|
+
export default _sfc_main;
|
|
@@ -1,2 +1,69 @@
|
|
|
1
|
-
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
import { MaAvatarPropSize } from './types';
|
|
3
|
+
export interface MaAvatarProps {
|
|
4
|
+
size?: MaAvatarPropSize;
|
|
5
|
+
src?: string;
|
|
6
|
+
alt?: string;
|
|
7
|
+
avatarText?: string;
|
|
8
|
+
onlineIndicator?: boolean;
|
|
9
|
+
companyLogoSrc?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
12
|
+
size: {
|
|
13
|
+
type: __PropType<"x-small" | "small" | "medium" | "large" | "x-large" | "xx-large">;
|
|
14
|
+
required: false;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
17
|
+
src: {
|
|
18
|
+
type: __PropType<string>;
|
|
19
|
+
required: false;
|
|
20
|
+
};
|
|
21
|
+
alt: {
|
|
22
|
+
type: __PropType<string>;
|
|
23
|
+
required: false;
|
|
24
|
+
};
|
|
25
|
+
avatarText: {
|
|
26
|
+
type: __PropType<string>;
|
|
27
|
+
required: false;
|
|
28
|
+
};
|
|
29
|
+
onlineIndicator: {
|
|
30
|
+
type: __PropType<boolean>;
|
|
31
|
+
required: false;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
34
|
+
companyLogoSrc: {
|
|
35
|
+
type: __PropType<string>;
|
|
36
|
+
required: false;
|
|
37
|
+
};
|
|
38
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
39
|
+
size: {
|
|
40
|
+
type: __PropType<"x-small" | "small" | "medium" | "large" | "x-large" | "xx-large">;
|
|
41
|
+
required: false;
|
|
42
|
+
default: string;
|
|
43
|
+
};
|
|
44
|
+
src: {
|
|
45
|
+
type: __PropType<string>;
|
|
46
|
+
required: false;
|
|
47
|
+
};
|
|
48
|
+
alt: {
|
|
49
|
+
type: __PropType<string>;
|
|
50
|
+
required: false;
|
|
51
|
+
};
|
|
52
|
+
avatarText: {
|
|
53
|
+
type: __PropType<string>;
|
|
54
|
+
required: false;
|
|
55
|
+
};
|
|
56
|
+
onlineIndicator: {
|
|
57
|
+
type: __PropType<boolean>;
|
|
58
|
+
required: false;
|
|
59
|
+
default: boolean;
|
|
60
|
+
};
|
|
61
|
+
companyLogoSrc: {
|
|
62
|
+
type: __PropType<string>;
|
|
63
|
+
required: false;
|
|
64
|
+
};
|
|
65
|
+
}>>, {
|
|
66
|
+
size: "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large";
|
|
67
|
+
onlineIndicator: boolean;
|
|
68
|
+
}>;
|
|
2
69
|
export default _sfc_main;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const MaAvatarPropSizes: readonly ["x-small", "small", "medium", "large", "x-large", "xx-large"];
|
|
2
|
+
export type MaAvatarPropSize = (typeof MaAvatarPropSizes)[number];
|
|
3
|
+
export declare const MaAvatarLabelGroupPropSizes: string[];
|
|
4
|
+
export type MaAvatarLabelGroupPropSize = (typeof MaAvatarLabelGroupPropSizes)[number];
|
|
5
|
+
export declare const MaAvatarGroupPropSizes: string[];
|
|
6
|
+
export type MaAvatarGroupSize = (typeof MaAvatarGroupPropSizes)[number];
|
|
7
|
+
export declare const MaAvatarProfilePhotoPropSizes: string[];
|
|
8
|
+
export type MaAvatarProfilePhotoPropSize = (typeof MaAvatarProfilePhotoPropSizes)[number];
|
|
@@ -72,9 +72,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
72
72
|
"onUpdate:visible"?: (...args: any[]) => any;
|
|
73
73
|
onVisibleChange?: (...args: any[]) => any;
|
|
74
74
|
}, {
|
|
75
|
+
disabled: boolean;
|
|
75
76
|
placement: "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
|
|
76
77
|
trigger: ("hover" | "click" | "contextmenu")[];
|
|
77
|
-
disabled: boolean;
|
|
78
78
|
destroyPopupOnHide: boolean;
|
|
79
79
|
visible: boolean;
|
|
80
80
|
}>;
|
|
@@ -90,7 +90,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
90
90
|
type: __PropType<string>;
|
|
91
91
|
required: false;
|
|
92
92
|
};
|
|
93
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
93
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "focus" | "update:value" | "currency-change" | "update:amountCurrency" | "focusout")[], "change" | "focus" | "update:value" | "currency-change" | "update:amountCurrency" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
94
94
|
allowClear: {
|
|
95
95
|
type: __PropType<boolean>;
|
|
96
96
|
required: false;
|
|
@@ -39,7 +39,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
39
39
|
required: false;
|
|
40
40
|
default: string;
|
|
41
41
|
};
|
|
42
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
42
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "click")[], "change" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
43
43
|
active: {
|
|
44
44
|
type: __PropType<string>;
|
|
45
45
|
required: true;
|
|
@@ -44,7 +44,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
44
44
|
type: __PropType<string>;
|
|
45
45
|
required: false;
|
|
46
46
|
};
|
|
47
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
47
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "click")[], "change" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
48
48
|
size: {
|
|
49
49
|
type: __PropType<"default" | "small" | "large">;
|
|
50
50
|
required: false;
|
package/dist/index.d.ts
CHANGED
|
@@ -68,5 +68,7 @@ export { default as MaKeywordGroupSelection } from './components/keyword-group-s
|
|
|
68
68
|
export { default as MaIconButton } from './components/icon-button/index.vue';
|
|
69
69
|
export { default as MaSlider } from './components/slider/index.vue';
|
|
70
70
|
export { default as MaPopover } from './components/popover/index.vue';
|
|
71
|
+
export { default as MaAppCheckbox } from './components/app-checkbox/index.vue';
|
|
72
|
+
export { default as MaAvatar } from './components/avatar/index.vue';
|
|
71
73
|
export { ActionKitConfig } from './services/config';
|
|
72
74
|
export { useActionKitConfig } from './composables/config';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export interface MaAppCheckboxProps {
|
|
2
|
+
appIcon: string;
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaAppCheckboxProps>, {
|
|
6
|
+
checked: boolean;
|
|
7
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:checked" | "change")[], "update:checked" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaAppCheckboxProps>, {
|
|
8
|
+
checked: boolean;
|
|
9
|
+
}>>> & {
|
|
10
|
+
onChange?: (...args: any[]) => any;
|
|
11
|
+
"onUpdate:checked"?: (...args: any[]) => any;
|
|
12
|
+
}, {
|
|
13
|
+
checked: boolean;
|
|
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
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryFn } from "@storybook/vue3";
|
|
2
|
+
import MaAppCheckbox from "../index.vue";
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const baseConfig: Meta<typeof MaAppCheckbox>;
|
|
6
|
+
export declare const Template: StoryFn;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { MaAvatarGroupSize } from '@/components/avatar/types';
|
|
2
|
+
export interface MaAvatarGroupProps {
|
|
3
|
+
users: string[];
|
|
4
|
+
size?: MaAvatarGroupSize;
|
|
5
|
+
maxAvatars?: number;
|
|
6
|
+
addUser?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaAvatarGroupProps>, {
|
|
9
|
+
size: string;
|
|
10
|
+
maxAvatars: number;
|
|
11
|
+
addUser: boolean;
|
|
12
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "buttonClick"[], "buttonClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaAvatarGroupProps>, {
|
|
13
|
+
size: string;
|
|
14
|
+
maxAvatars: number;
|
|
15
|
+
addUser: boolean;
|
|
16
|
+
}>>> & {
|
|
17
|
+
onButtonClick?: (...args: any[]) => any;
|
|
18
|
+
}, {
|
|
19
|
+
size: string;
|
|
20
|
+
maxAvatars: number;
|
|
21
|
+
addUser: boolean;
|
|
22
|
+
}>;
|
|
23
|
+
export default _default;
|
|
24
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
25
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
26
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
27
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
28
|
+
} : {
|
|
29
|
+
type: import('vue').PropType<T[K]>;
|
|
30
|
+
required: true;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
declare type __VLS_WithDefaults<P, D> = {
|
|
34
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
35
|
+
default: D[K];
|
|
36
|
+
} : P[K];
|
|
37
|
+
};
|
|
@@ -1,2 +1,34 @@
|
|
|
1
|
-
|
|
1
|
+
import { MaAvatarPropSize } from './types';
|
|
2
|
+
export interface MaAvatarProps {
|
|
3
|
+
size?: MaAvatarPropSize;
|
|
4
|
+
src?: string;
|
|
5
|
+
alt?: string;
|
|
6
|
+
avatarText?: string;
|
|
7
|
+
onlineIndicator?: boolean;
|
|
8
|
+
companyLogoSrc?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaAvatarProps>, {
|
|
11
|
+
size: string;
|
|
12
|
+
onlineIndicator: boolean;
|
|
13
|
+
}>, {}, 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<MaAvatarProps>, {
|
|
14
|
+
size: string;
|
|
15
|
+
onlineIndicator: boolean;
|
|
16
|
+
}>>>, {
|
|
17
|
+
size: "small" | "x-small" | "medium" | "large" | "x-large" | "xx-large";
|
|
18
|
+
onlineIndicator: boolean;
|
|
19
|
+
}>;
|
|
2
20
|
export default _default;
|
|
21
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
22
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
23
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
24
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
25
|
+
} : {
|
|
26
|
+
type: import('vue').PropType<T[K]>;
|
|
27
|
+
required: true;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
declare type __VLS_WithDefaults<P, D> = {
|
|
31
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
32
|
+
default: D[K];
|
|
33
|
+
} : P[K];
|
|
34
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { MaAvatarLabelGroupPropSize } from '@/components/avatar/types';
|
|
2
|
+
export interface MaAvatarLabelGroupProps {
|
|
3
|
+
titleText?: string;
|
|
4
|
+
supportingText?: string;
|
|
5
|
+
onlineIndicator?: boolean;
|
|
6
|
+
companyLogoSrc?: string;
|
|
7
|
+
src?: string;
|
|
8
|
+
size?: MaAvatarLabelGroupPropSize;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaAvatarLabelGroupProps>, {
|
|
11
|
+
size: string;
|
|
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<MaAvatarLabelGroupProps>, {
|
|
13
|
+
size: string;
|
|
14
|
+
}>>>, {
|
|
15
|
+
size: string;
|
|
16
|
+
}>;
|
|
17
|
+
export default _default;
|
|
18
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
19
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
20
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
21
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
22
|
+
} : {
|
|
23
|
+
type: import('vue').PropType<T[K]>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
declare type __VLS_WithDefaults<P, D> = {
|
|
28
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
29
|
+
default: D[K];
|
|
30
|
+
} : P[K];
|
|
31
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { MaAvatarProfilePhotoPropSize } from '@/components/avatar/types';
|
|
2
|
+
export interface MaAvatarProfilePhotoProps {
|
|
3
|
+
src?: string;
|
|
4
|
+
size?: MaAvatarProfilePhotoPropSize;
|
|
5
|
+
text?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MaAvatarProfilePhotoProps>, {
|
|
8
|
+
size: string;
|
|
9
|
+
}>, {}, 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<MaAvatarProfilePhotoProps>, {
|
|
10
|
+
size: string;
|
|
11
|
+
}>>>, {
|
|
12
|
+
size: string;
|
|
13
|
+
}>;
|
|
14
|
+
export default _default;
|
|
15
|
+
declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
16
|
+
declare type __VLS_TypePropsToRuntimeProps<T> = {
|
|
17
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
18
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
19
|
+
} : {
|
|
20
|
+
type: import('vue').PropType<T[K]>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
declare type __VLS_WithDefaults<P, D> = {
|
|
25
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
26
|
+
default: D[K];
|
|
27
|
+
} : P[K];
|
|
28
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
import MaAvatar from '../index.vue';
|
|
3
|
+
import MaAvatarLabelGroup from '../labelGroup.vue';
|
|
4
|
+
import MaAvatarGroup from '../group.vue';
|
|
5
|
+
import MaAvatarProfilePhoto from '../profileAvatar.vue';
|
|
6
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const baseConfig: Meta<typeof MaAvatar>;
|
|
9
|
+
export declare const labelBaseConfig: Meta<typeof MaAvatarLabelGroup>;
|
|
10
|
+
export declare const groupBaseConfig: Meta<typeof MaAvatarGroup>;
|
|
11
|
+
export declare const profileBaseConfig: Meta<typeof MaAvatarProfilePhoto>;
|
|
12
|
+
export declare const Template: StoryFn;
|
|
13
|
+
export declare const LabelGroupTemplate: StoryFn;
|
|
14
|
+
export declare const GroupTemplate: StoryFn;
|
|
15
|
+
export declare const ProfilePhotoTemplate: StoryFn;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import MaAvatarGroup from '../group.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaAvatarGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof MaAvatarGroup>;
|
|
6
|
+
export declare const GroupWithUsers: Story;
|
|
7
|
+
export declare const LargeGroupWithAddButton: Story;
|
|
8
|
+
export declare const SmallGroupWithAddButton: Story;
|
|
9
|
+
export declare const Group: Story;
|
|
10
|
+
export declare const GroupWithCustomMaxAvatar: Story;
|
|
11
|
+
export declare const GroupWithCustomMaxAvatarAndButton: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import MaAvatarLabelGroup from '@/components/avatar/labelGroup.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaAvatarLabelGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof MaAvatarLabelGroup>;
|
|
6
|
+
export declare const LabelGroup: Story;
|
|
7
|
+
export declare const LabelGroupWithProfilePicture: Story;
|
|
8
|
+
export declare const LabelGroupWithCompanyStatus: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import MaAvatarProfilePhoto from '@/components/avatar/profileAvatar.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaAvatarProfilePhoto>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof MaAvatarProfilePhoto>;
|
|
6
|
+
export declare const ProfilePhoto: Story;
|
|
7
|
+
export declare const ProfilePhotoWithPhoto: Story;
|
|
8
|
+
export declare const ProfilePhotoWithText: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import MaAvatar from '../index.vue';
|
|
3
|
+
declare const meta: Meta<typeof MaAvatar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof MaAvatar>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const ProfilePicture: Story;
|
|
8
|
+
export declare const Text: Story;
|
|
9
|
+
export declare const OnlineIndicator: Story;
|
|
10
|
+
export declare const OnlineIndicatorWithProfilePicture: Story;
|
|
11
|
+
export declare const CompanyLogo: Story;
|
|
12
|
+
export declare const CompanyLogoWithProfilePicture: Story;
|
|
13
|
+
export declare const CompanyLogoWithText: Story;
|
|
14
|
+
export declare const OnlineIndicatorWithText: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const MaAvatarPropSizes: readonly ["x-small", "small", "medium", "large", "x-large", "xx-large"];
|
|
2
|
+
export declare type MaAvatarPropSize = (typeof MaAvatarPropSizes)[number];
|
|
3
|
+
export declare const MaAvatarLabelGroupPropSizes: string[];
|
|
4
|
+
export declare type MaAvatarLabelGroupPropSize = (typeof MaAvatarLabelGroupPropSizes)[number];
|
|
5
|
+
export declare const MaAvatarGroupPropSizes: string[];
|
|
6
|
+
export declare type MaAvatarGroupSize = (typeof MaAvatarGroupPropSizes)[number];
|
|
7
|
+
export declare const MaAvatarProfilePhotoPropSizes: string[];
|
|
8
|
+
export declare type MaAvatarProfilePhotoPropSize = (typeof MaAvatarProfilePhotoPropSizes)[number];
|
package/dist/src/index.d.ts
CHANGED
|
@@ -69,5 +69,7 @@ export { default as MaKeywordGroupSelection } from './components/keyword-group-s
|
|
|
69
69
|
export { default as MaIconButton } from './components/icon-button/index.vue';
|
|
70
70
|
export { default as MaSlider } from './components/slider/index.vue';
|
|
71
71
|
export { default as MaPopover } from './components/popover/index.vue';
|
|
72
|
+
export { default as MaAppCheckbox } from './components/app-checkbox/index.vue';
|
|
73
|
+
export { default as MaAvatar } from './components/avatar/index.vue';
|
|
72
74
|
export { ActionKitConfig } from './services/config';
|
|
73
75
|
export { useActionKitConfig } from './composables/config';
|