@maltjoy/core-vue 1.0.0-beta.9 → 1.0.0-rc.2
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/README.md +1 -0
- package/dist/components/JoyButton/VJoyButton.vue.d.ts +12 -0
- package/dist/components/JoyInput/VJoyInput.vue.d.ts +2 -5
- package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +2 -0
- package/dist/components/JoyLink/VJoyLink.vue.d.ts +2 -0
- package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +0 -9
- package/dist/components/JoyPanel/JoyPanel.types.d.ts +2 -0
- package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +12 -1
- package/dist/components/JoyRadioGroup/JoyRadioGroup.types.d.ts +2 -0
- package/dist/components/JoySelect/VJoySelect.vue.d.ts +1 -1
- package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +1 -0
- package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +21 -2
- package/dist/joy-vue.js +814 -775
- package/dist/joy-vue.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +15 -15
package/README.md
CHANGED
|
@@ -16,6 +16,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
16
16
|
type: PropType<"left" | "right">;
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
|
+
/**
|
|
20
|
+
* Use default slot or label property.
|
|
21
|
+
*/
|
|
22
|
+
label: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
};
|
|
19
25
|
/** Change the component's state and display a JoySpinner. */
|
|
20
26
|
loading: {
|
|
21
27
|
type: BooleanConstructor;
|
|
@@ -49,6 +55,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
49
55
|
type: PropType<"left" | "right">;
|
|
50
56
|
default: string;
|
|
51
57
|
};
|
|
58
|
+
/**
|
|
59
|
+
* Use default slot or label property.
|
|
60
|
+
*/
|
|
61
|
+
label: {
|
|
62
|
+
type: StringConstructor;
|
|
63
|
+
};
|
|
52
64
|
/** Change the component's state and display a JoySpinner. */
|
|
53
65
|
loading: {
|
|
54
66
|
type: BooleanConstructor;
|
|
@@ -35,8 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
35
35
|
default: boolean;
|
|
36
36
|
};
|
|
37
37
|
modelValue: {
|
|
38
|
-
type: StringConstructor;
|
|
39
|
-
default: string;
|
|
38
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
40
39
|
};
|
|
41
40
|
/** Display a cross icon on the right that enables to clear the field */
|
|
42
41
|
clearable: {
|
|
@@ -90,8 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
90
89
|
default: boolean;
|
|
91
90
|
};
|
|
92
91
|
modelValue: {
|
|
93
|
-
type: StringConstructor;
|
|
94
|
-
default: string;
|
|
92
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
95
93
|
};
|
|
96
94
|
/** Display a cross icon on the right that enables to clear the field */
|
|
97
95
|
clearable: {
|
|
@@ -114,7 +112,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
114
112
|
size: InputSizes;
|
|
115
113
|
disabled: boolean;
|
|
116
114
|
required: boolean;
|
|
117
|
-
modelValue: string;
|
|
118
115
|
invalid: boolean;
|
|
119
116
|
labelSize: "small" | "medium" | "large";
|
|
120
117
|
requiredMark: boolean;
|
|
@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
17
17
|
optionalLabel: {
|
|
18
18
|
type: StringConstructor;
|
|
19
19
|
};
|
|
20
|
+
text: StringConstructor;
|
|
20
21
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
22
|
size: {
|
|
22
23
|
type: PropType<"small" | "medium" | "large">;
|
|
@@ -34,6 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
34
35
|
optionalLabel: {
|
|
35
36
|
type: StringConstructor;
|
|
36
37
|
};
|
|
38
|
+
text: StringConstructor;
|
|
37
39
|
}>>, {
|
|
38
40
|
size: "small" | "medium" | "large";
|
|
39
41
|
required: boolean;
|
|
@@ -11,6 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
11
11
|
validator(color: LinkColors): boolean;
|
|
12
12
|
};
|
|
13
13
|
icon: StringConstructor;
|
|
14
|
+
text: StringConstructor;
|
|
14
15
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
16
|
href: {
|
|
16
17
|
type: StringConstructor;
|
|
@@ -22,6 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
22
23
|
validator(color: LinkColors): boolean;
|
|
23
24
|
};
|
|
24
25
|
icon: StringConstructor;
|
|
26
|
+
text: StringConstructor;
|
|
25
27
|
}>>, {
|
|
26
28
|
color: "teal" | "white";
|
|
27
29
|
}>, {
|
|
@@ -25,10 +25,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
25
25
|
type: PropType<any[]>;
|
|
26
26
|
default(): never[];
|
|
27
27
|
};
|
|
28
|
-
fullWidth: {
|
|
29
|
-
type: BooleanConstructor;
|
|
30
|
-
default: boolean;
|
|
31
|
-
};
|
|
32
28
|
required: {
|
|
33
29
|
type: BooleanConstructor;
|
|
34
30
|
default: boolean;
|
|
@@ -56,10 +52,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
56
52
|
type: PropType<any[]>;
|
|
57
53
|
default(): never[];
|
|
58
54
|
};
|
|
59
|
-
fullWidth: {
|
|
60
|
-
type: BooleanConstructor;
|
|
61
|
-
default: boolean;
|
|
62
|
-
};
|
|
63
55
|
required: {
|
|
64
56
|
type: BooleanConstructor;
|
|
65
57
|
default: boolean;
|
|
@@ -81,7 +73,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
81
73
|
required: boolean;
|
|
82
74
|
labelSize: "small" | "medium" | "large";
|
|
83
75
|
requiredMark: boolean;
|
|
84
|
-
fullWidth: boolean;
|
|
85
76
|
}>, {
|
|
86
77
|
checkbox: (_: Option) => any;
|
|
87
78
|
}>;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import { SIZES } from '@/types';
|
|
2
2
|
export type PanelSizes = Extract<(typeof SIZES)[number], 'small' | 'medium' | 'large'>;
|
|
3
3
|
export declare const PANEL_SIZES: PanelSizes[];
|
|
4
|
+
export type PanelTitleSizes = Extract<(typeof SIZES)[number], 'small' | 'large'>;
|
|
5
|
+
export declare const PANEL_TITLE_SIZES: PanelTitleSizes[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { PanelSizes } from './JoyPanel.types';
|
|
2
|
+
import { PanelSizes, PanelTitleSizes } from './JoyPanel.types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
flex: {
|
|
5
5
|
type: StringConstructor;
|
|
@@ -13,6 +13,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
13
13
|
default: string;
|
|
14
14
|
validator(size: PanelSizes): boolean;
|
|
15
15
|
};
|
|
16
|
+
titleSize: {
|
|
17
|
+
type: PropType<PanelTitleSizes>;
|
|
18
|
+
default: string;
|
|
19
|
+
validator(size: PanelTitleSizes): boolean;
|
|
20
|
+
};
|
|
16
21
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
22
|
flex: {
|
|
18
23
|
type: StringConstructor;
|
|
@@ -26,9 +31,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
26
31
|
default: string;
|
|
27
32
|
validator(size: PanelSizes): boolean;
|
|
28
33
|
};
|
|
34
|
+
titleSize: {
|
|
35
|
+
type: PropType<PanelTitleSizes>;
|
|
36
|
+
default: string;
|
|
37
|
+
validator(size: PanelTitleSizes): boolean;
|
|
38
|
+
};
|
|
29
39
|
}>>, {
|
|
30
40
|
noMargin: boolean;
|
|
31
41
|
padding: PanelSizes;
|
|
42
|
+
titleSize: PanelTitleSizes;
|
|
32
43
|
}>, {
|
|
33
44
|
'panel-title': (_: {}) => any;
|
|
34
45
|
'panel-title-action': (_: {}) => any;
|
|
@@ -77,7 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
77
77
|
labelSize: "small" | "medium" | "large";
|
|
78
78
|
requiredMark: boolean;
|
|
79
79
|
}>, {
|
|
80
|
-
label: (_: {}) => any;
|
|
80
|
+
'select-label': (_: {}) => any;
|
|
81
81
|
default: (_: {}) => any;
|
|
82
82
|
}>;
|
|
83
83
|
export default _default;
|
|
@@ -24,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
24
24
|
'template-back': (_: {}) => any;
|
|
25
25
|
'template-title': (_: {}) => any;
|
|
26
26
|
'template-subtitle': (_: {}) => any;
|
|
27
|
+
'template-actions': (_: {}) => any;
|
|
27
28
|
'template-main': (_: {}) => any;
|
|
28
29
|
'template-sidebar': (_: {}) => any;
|
|
29
30
|
}>;
|
|
@@ -1,52 +1,71 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
3
|
+
/** Horizontal spread. Refers to CSS flex justify-content. */
|
|
3
4
|
justify: {
|
|
4
5
|
type: PropType<"flex-end" | "center" | "space-between" | "flex-start">;
|
|
5
6
|
default: string;
|
|
6
7
|
};
|
|
8
|
+
/** Vertical spread. Refers to CSS flex align-items. */
|
|
7
9
|
align: {
|
|
8
10
|
type: PropType<"flex-end" | "stretch" | "center" | "flex-start">;
|
|
9
11
|
default: string;
|
|
10
12
|
};
|
|
13
|
+
/** Vertical flex, or horizontal. Refers to CSS flex-direction */
|
|
11
14
|
direction: {
|
|
12
15
|
type: PropType<"column" | "row">;
|
|
13
16
|
default: string;
|
|
14
17
|
};
|
|
18
|
+
/** Automatically sets new line if there are not enough horizontal space. Refers to CSS flex-wrap */
|
|
15
19
|
wrap: {
|
|
16
20
|
type: PropType<"nowrap" | "wrap">;
|
|
17
21
|
default: string;
|
|
18
22
|
};
|
|
19
|
-
/**
|
|
23
|
+
/** Applies a flex-grow to children in order to stretch them all along horizontal space */
|
|
20
24
|
itemStretch: {
|
|
21
25
|
type: BooleanConstructor;
|
|
22
26
|
};
|
|
27
|
+
/** Removes the default bottom margin applied to the wrapper */
|
|
28
|
+
noMargin: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
23
32
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
/** Horizontal spread. Refers to CSS flex justify-content. */
|
|
24
34
|
justify: {
|
|
25
35
|
type: PropType<"flex-end" | "center" | "space-between" | "flex-start">;
|
|
26
36
|
default: string;
|
|
27
37
|
};
|
|
38
|
+
/** Vertical spread. Refers to CSS flex align-items. */
|
|
28
39
|
align: {
|
|
29
40
|
type: PropType<"flex-end" | "stretch" | "center" | "flex-start">;
|
|
30
41
|
default: string;
|
|
31
42
|
};
|
|
43
|
+
/** Vertical flex, or horizontal. Refers to CSS flex-direction */
|
|
32
44
|
direction: {
|
|
33
45
|
type: PropType<"column" | "row">;
|
|
34
46
|
default: string;
|
|
35
47
|
};
|
|
48
|
+
/** Automatically sets new line if there are not enough horizontal space. Refers to CSS flex-wrap */
|
|
36
49
|
wrap: {
|
|
37
50
|
type: PropType<"nowrap" | "wrap">;
|
|
38
51
|
default: string;
|
|
39
52
|
};
|
|
40
|
-
/**
|
|
53
|
+
/** Applies a flex-grow to children in order to stretch them all along horizontal space */
|
|
41
54
|
itemStretch: {
|
|
42
55
|
type: BooleanConstructor;
|
|
43
56
|
};
|
|
57
|
+
/** Removes the default bottom margin applied to the wrapper */
|
|
58
|
+
noMargin: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
44
62
|
}>>, {
|
|
45
63
|
align: "flex-end" | "stretch" | "center" | "flex-start";
|
|
46
64
|
direction: "column" | "row";
|
|
47
65
|
justify: "flex-end" | "center" | "space-between" | "flex-start";
|
|
48
66
|
wrap: "nowrap" | "wrap";
|
|
49
67
|
itemStretch: boolean;
|
|
68
|
+
noMargin: boolean;
|
|
50
69
|
}>, {
|
|
51
70
|
default: (_: {}) => any;
|
|
52
71
|
}>;
|