sprintify-ui 0.0.195 → 0.0.196
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/sprintify-ui.es.js +7952 -7925
- package/dist/types/src/components/BaseAddressForm.vue.d.ts +2 -2
- package/dist/types/src/components/BaseAutocomplete.vue.d.ts +5 -5
- package/dist/types/src/components/BaseAutocompleteDrawer.vue.d.ts +2 -2
- package/dist/types/src/components/BaseAutocompleteFetch.vue.d.ts +5 -5
- package/dist/types/src/components/BaseBelongsTo.vue.d.ts +3 -3
- package/dist/types/src/components/BaseButtonGroup.vue.d.ts +2 -2
- package/dist/types/src/components/BaseCharacterCounter.vue.d.ts +1 -1
- package/dist/types/src/components/BaseColor.vue.d.ts +2 -2
- package/dist/types/src/components/BaseDatePicker.vue.d.ts +1 -1
- package/dist/types/src/components/BaseDropdownAutocomplete.vue.d.ts +4 -4
- package/dist/types/src/components/BaseFieldI18n.vue.d.ts +2 -2
- package/dist/types/src/components/BaseFilePicker.vue.d.ts +1 -1
- package/dist/types/src/components/BaseFileUploader.vue.d.ts +2 -2
- package/dist/types/src/components/BaseForm.vue.d.ts +1 -1
- package/dist/types/src/components/BaseHasMany.vue.d.ts +2 -2
- package/dist/types/src/components/BaseInput.vue.d.ts +5 -5
- package/dist/types/src/components/BaseInputPercent.vue.d.ts +4 -4
- package/dist/types/src/components/BaseLoadingCover.vue.d.ts +2 -2
- package/dist/types/src/components/BaseMediaLibrary.vue.d.ts +4 -4
- package/dist/types/src/components/BaseModalCenter.vue.d.ts +1 -1
- package/dist/types/src/components/BaseModalSide.vue.d.ts +1 -1
- package/dist/types/src/components/BaseNavbarItemContent.vue.d.ts +1 -1
- package/dist/types/src/components/BaseNavbarSideItemContent.vue.d.ts +1 -1
- package/dist/types/src/components/BaseNumber.vue.d.ts +16 -7
- package/dist/types/src/components/BasePassword.vue.d.ts +2 -2
- package/dist/types/src/components/BaseRadioGroup.vue.d.ts +1 -1
- package/dist/types/src/components/BaseRichText.vue.d.ts +2 -2
- package/dist/types/src/components/BaseSelect.vue.d.ts +3 -3
- package/dist/types/src/components/BaseSwitch.vue.d.ts +1 -1
- package/dist/types/src/components/BaseTagAutocomplete.vue.d.ts +4 -4
- package/dist/types/src/components/BaseTagAutocompleteFetch.vue.d.ts +2 -2
- package/dist/types/src/components/BaseTextarea.vue.d.ts +3 -3
- package/dist/types/src/components/BaseTextareaAutoresize.vue.d.ts +2 -2
- package/package.json +1 -1
- package/src/components/BaseForm.stories.js +48 -0
- package/src/components/BaseForm.vue +10 -5
- package/src/components/BaseNumber.stories.js +19 -3
- package/src/components/BaseNumber.vue +57 -4
- package/src/composables/field.ts +11 -4
|
@@ -23,10 +23,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
23
23
|
}>>> & {
|
|
24
24
|
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
|
25
25
|
}, {
|
|
26
|
-
modelValue: Record<string, string | number | null | undefined> | null | undefined;
|
|
27
|
-
prefix: string | null;
|
|
28
26
|
countries: Country[];
|
|
29
27
|
regions: Region[];
|
|
28
|
+
modelValue: Record<string, string | number | null | undefined> | null | undefined;
|
|
29
|
+
prefix: string | null;
|
|
30
30
|
}>;
|
|
31
31
|
export default _default;
|
|
32
32
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -173,9 +173,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
173
173
|
};
|
|
174
174
|
}>> & {
|
|
175
175
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
176
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
177
176
|
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
178
177
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
178
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
179
179
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
180
180
|
onTyping?: ((...args: any[]) => any) | undefined;
|
|
181
181
|
onOpen?: ((...args: any[]) => any) | undefined;
|
|
@@ -184,13 +184,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
184
184
|
name: string;
|
|
185
185
|
select: SelectConfiguration | undefined;
|
|
186
186
|
required: boolean;
|
|
187
|
-
modelValue: Option | null | undefined;
|
|
188
|
-
placeholder: string;
|
|
189
187
|
disabled: boolean;
|
|
190
|
-
|
|
188
|
+
placeholder: string;
|
|
189
|
+
size: "base" | "xs" | "sm";
|
|
191
190
|
loading: boolean;
|
|
192
191
|
loadingBottom: boolean;
|
|
193
|
-
|
|
192
|
+
modelValue: Option | null | undefined;
|
|
193
|
+
hasError: boolean;
|
|
194
194
|
inline: boolean;
|
|
195
195
|
dropdownShow: "focus" | "always";
|
|
196
196
|
showModelValue: boolean;
|
|
@@ -64,12 +64,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
64
64
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
65
65
|
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
66
66
|
}, {
|
|
67
|
-
|
|
67
|
+
size: "base" | "xs" | "sm";
|
|
68
68
|
selected: NormalizedOption | NormalizedOption[] | null | undefined;
|
|
69
|
+
options: NormalizedOption[];
|
|
69
70
|
keywords: string;
|
|
70
71
|
loading: boolean;
|
|
71
72
|
loadingBottom: boolean;
|
|
72
|
-
size: "base" | "xs" | "sm";
|
|
73
73
|
drawerClass: string;
|
|
74
74
|
}>, {
|
|
75
75
|
empty: (_: {}) => any;
|
|
@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
79
79
|
open: () => void | undefined;
|
|
80
80
|
close: () => void | undefined;
|
|
81
81
|
setKeywords: (input: string) => void | undefined;
|
|
82
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "
|
|
82
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "clear" | "focus" | "scrollBottom" | "typing")[], "update:modelValue" | "clear" | "focus" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
83
83
|
modelValue: {
|
|
84
84
|
default: undefined;
|
|
85
85
|
type: PropType<Option | null | undefined>;
|
|
@@ -154,19 +154,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
154
154
|
};
|
|
155
155
|
}>> & {
|
|
156
156
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
157
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
158
157
|
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
159
158
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
159
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
160
160
|
onTyping?: ((...args: any[]) => any) | undefined;
|
|
161
161
|
}, {
|
|
162
162
|
name: string;
|
|
163
163
|
select: SelectConfiguration | undefined;
|
|
164
164
|
required: boolean;
|
|
165
|
-
modelValue: Option | null | undefined;
|
|
166
|
-
placeholder: string;
|
|
167
165
|
disabled: boolean;
|
|
168
|
-
|
|
166
|
+
placeholder: string;
|
|
169
167
|
size: "base" | "xs" | "sm";
|
|
168
|
+
modelValue: Option | null | undefined;
|
|
169
|
+
hasError: boolean;
|
|
170
170
|
inline: boolean;
|
|
171
171
|
dropdownShow: "focus" | "always";
|
|
172
172
|
showModelValue: boolean;
|
|
@@ -166,11 +166,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
166
166
|
name: string;
|
|
167
167
|
select: SelectConfiguration | undefined;
|
|
168
168
|
required: boolean;
|
|
169
|
-
modelValue: string | number | null | undefined;
|
|
170
|
-
placeholder: string;
|
|
171
169
|
disabled: boolean;
|
|
172
|
-
|
|
170
|
+
placeholder: string;
|
|
173
171
|
size: "base" | "xs" | "sm";
|
|
172
|
+
modelValue: string | number | null | undefined;
|
|
173
|
+
hasError: boolean;
|
|
174
174
|
inline: boolean;
|
|
175
175
|
dropdownShow: "focus" | "always";
|
|
176
176
|
showModelValue: boolean;
|
|
@@ -119,10 +119,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
119
119
|
}, {
|
|
120
120
|
name: string;
|
|
121
121
|
required: boolean;
|
|
122
|
-
modelValue: Option | Option[] | null | undefined;
|
|
123
122
|
disabled: boolean;
|
|
124
|
-
hasError: boolean;
|
|
125
123
|
multiple: boolean;
|
|
124
|
+
modelValue: Option | Option[] | null | undefined;
|
|
125
|
+
hasError: boolean;
|
|
126
126
|
spacing: string;
|
|
127
127
|
buttonType: "button" | "submit";
|
|
128
128
|
buttonClass: string;
|
|
@@ -70,10 +70,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
70
70
|
}, {
|
|
71
71
|
name: string;
|
|
72
72
|
required: boolean;
|
|
73
|
-
modelValue: string | string[] | null | undefined;
|
|
74
73
|
disabled: boolean;
|
|
75
|
-
hasError: boolean;
|
|
76
74
|
multiple: boolean;
|
|
75
|
+
modelValue: string | string[] | null | undefined;
|
|
76
|
+
hasError: boolean;
|
|
77
77
|
buttonType: "button" | "submit";
|
|
78
78
|
colors: string[];
|
|
79
79
|
}>;
|
|
@@ -57,8 +57,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
57
57
|
name: string;
|
|
58
58
|
required: boolean;
|
|
59
59
|
mode: 'single' | 'multiple' | 'range' | 'time';
|
|
60
|
-
modelValue: string | null | string[];
|
|
61
60
|
disabled: boolean;
|
|
61
|
+
modelValue: string | null | string[];
|
|
62
62
|
hasError: boolean;
|
|
63
63
|
inline: boolean;
|
|
64
64
|
minDate: string | Date | null;
|
|
@@ -49,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
49
49
|
default: undefined;
|
|
50
50
|
type: PropType<SelectConfiguration | undefined>;
|
|
51
51
|
};
|
|
52
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:model-value"
|
|
52
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:model-value")[], "close" | "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
53
53
|
modelValue: {
|
|
54
54
|
type: PropType<Option | Option[] | null | undefined>;
|
|
55
55
|
default: undefined;
|
|
@@ -104,12 +104,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
104
104
|
}, {
|
|
105
105
|
select: SelectConfiguration | undefined;
|
|
106
106
|
required: boolean;
|
|
107
|
-
|
|
107
|
+
multiple: boolean;
|
|
108
|
+
size: "base" | "xs" | "sm";
|
|
108
109
|
options: Option[] | undefined;
|
|
110
|
+
modelValue: Option | Option[] | null | undefined;
|
|
109
111
|
labelKey: string;
|
|
110
112
|
valueKey: string;
|
|
111
|
-
size: "base" | "xs" | "sm";
|
|
112
|
-
multiple: boolean;
|
|
113
113
|
emptyOptionLabel: string;
|
|
114
114
|
url: string;
|
|
115
115
|
padding: number;
|
|
@@ -84,13 +84,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
84
84
|
name: string;
|
|
85
85
|
label: string;
|
|
86
86
|
required: boolean;
|
|
87
|
+
defaultValue: string | number | boolean;
|
|
88
|
+
locales: Locales;
|
|
87
89
|
modelValue: {
|
|
88
90
|
[locale: string]: string | number | boolean;
|
|
89
91
|
} | null;
|
|
90
92
|
hasError: boolean;
|
|
91
|
-
defaultValue: string | number | boolean;
|
|
92
93
|
component: "BaseInput" | "BaseTextarea";
|
|
93
|
-
locales: Locales;
|
|
94
94
|
componentProps: Record<string, any>;
|
|
95
95
|
}>;
|
|
96
96
|
export default _default;
|
|
@@ -25,8 +25,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
25
25
|
}>>> & {
|
|
26
26
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
27
27
|
}, {
|
|
28
|
-
disabled: boolean;
|
|
29
28
|
accept: string;
|
|
29
|
+
disabled: boolean;
|
|
30
30
|
buttonClass: string;
|
|
31
31
|
maxSize: number;
|
|
32
32
|
acceptedExtensions: string[];
|
|
@@ -49,10 +49,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
49
49
|
"onUpload:fail"?: ((...args: any[]) => any) | undefined;
|
|
50
50
|
"onUpload:end"?: ((...args: any[]) => any) | undefined;
|
|
51
51
|
}, {
|
|
52
|
-
disabled: boolean;
|
|
53
52
|
cropper: BaseCropperConfig | Record<string, any> | boolean | null;
|
|
54
|
-
loading: boolean;
|
|
55
53
|
accept: string;
|
|
54
|
+
disabled: boolean;
|
|
55
|
+
loading: boolean;
|
|
56
56
|
url: string;
|
|
57
57
|
component: 'BaseFilePicker' | 'BaseFilePickerCrop';
|
|
58
58
|
buttonClass: string;
|
|
@@ -53,7 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
53
53
|
errors: import("vue").Ref<Record<string, string[]>>;
|
|
54
54
|
hasErrors: import("vue").ComputedRef<boolean>;
|
|
55
55
|
clearErrors: (name?: null) => void;
|
|
56
|
-
disabled: import("vue").
|
|
56
|
+
disabled: import("vue").ComputedRef<boolean>;
|
|
57
57
|
loading: import("vue").Ref<boolean>;
|
|
58
58
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("success" | "error")[], "success" | "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
59
59
|
url: {
|
|
@@ -100,10 +100,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
100
100
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
101
101
|
}, {
|
|
102
102
|
required: boolean;
|
|
103
|
-
modelValue: string[] | null | undefined;
|
|
104
|
-
placeholder: string;
|
|
105
103
|
disabled: boolean;
|
|
106
104
|
max: number;
|
|
105
|
+
placeholder: string;
|
|
106
|
+
modelValue: string[] | null | undefined;
|
|
107
107
|
hasError: boolean;
|
|
108
108
|
queryKey: string;
|
|
109
109
|
primaryKey: string;
|
|
@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
71
71
|
type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
|
|
72
72
|
default(): null;
|
|
73
73
|
};
|
|
74
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "
|
|
74
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus")[], "update:modelValue" | "blur" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
75
75
|
modelValue: {
|
|
76
76
|
default: string;
|
|
77
77
|
type: PropType<string | number | null>;
|
|
@@ -153,13 +153,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
153
153
|
mask: string | Function | unknown[];
|
|
154
154
|
step: number;
|
|
155
155
|
required: boolean;
|
|
156
|
-
|
|
157
|
-
placeholder: string;
|
|
156
|
+
autocomplete: boolean;
|
|
158
157
|
disabled: boolean;
|
|
159
|
-
min: number;
|
|
160
158
|
max: number;
|
|
159
|
+
min: number;
|
|
160
|
+
placeholder: string;
|
|
161
|
+
modelValue: string | number | null;
|
|
161
162
|
hasError: boolean;
|
|
162
|
-
autocomplete: boolean;
|
|
163
163
|
preventSubmit: boolean;
|
|
164
164
|
iconLeft: string;
|
|
165
165
|
iconRight: string;
|
|
@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
56
56
|
default: undefined;
|
|
57
57
|
type: NumberConstructor;
|
|
58
58
|
};
|
|
59
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "
|
|
59
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus")[], "update:modelValue" | "blur" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
60
60
|
/**
|
|
61
61
|
* The value of the input. Can be a number or null.
|
|
62
62
|
* 0.1 = 10%
|
|
@@ -122,11 +122,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
122
122
|
step: number;
|
|
123
123
|
required: boolean;
|
|
124
124
|
icon: string;
|
|
125
|
-
modelValue: string | number | null;
|
|
126
|
-
placeholder: string;
|
|
127
125
|
disabled: boolean;
|
|
128
|
-
min: number;
|
|
129
126
|
max: number;
|
|
127
|
+
min: number;
|
|
128
|
+
placeholder: string;
|
|
129
|
+
modelValue: string | number | null;
|
|
130
130
|
hasError: boolean;
|
|
131
131
|
preventSubmit: boolean;
|
|
132
132
|
}>;
|
|
@@ -87,10 +87,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
87
87
|
};
|
|
88
88
|
}>>, {
|
|
89
89
|
iconClass: string;
|
|
90
|
-
modelValue: boolean;
|
|
91
90
|
duration: string;
|
|
92
|
-
delay: number;
|
|
93
91
|
size: "sm" | "lg";
|
|
92
|
+
delay: number;
|
|
93
|
+
modelValue: boolean;
|
|
94
94
|
backdropClass: string;
|
|
95
95
|
}>;
|
|
96
96
|
export default _default;
|
|
@@ -115,13 +115,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
115
115
|
"onUpload:end"?: ((...args: any[]) => any) | undefined;
|
|
116
116
|
}, {
|
|
117
117
|
name: string;
|
|
118
|
-
|
|
118
|
+
cropper: boolean | BaseCropperConfig | null;
|
|
119
|
+
accept: string;
|
|
119
120
|
disabled: boolean;
|
|
120
|
-
min: number;
|
|
121
121
|
max: number;
|
|
122
|
+
min: number;
|
|
123
|
+
modelValue: MediaLibraryPayload | null | undefined;
|
|
122
124
|
hasError: boolean;
|
|
123
|
-
cropper: boolean | BaseCropperConfig | null;
|
|
124
|
-
accept: string;
|
|
125
125
|
maxSize: number;
|
|
126
126
|
acceptedExtensions: string[];
|
|
127
127
|
currentMedia: Media[];
|
|
@@ -59,8 +59,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
59
59
|
}>> & {
|
|
60
60
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
61
61
|
}, {
|
|
62
|
-
modelValue: boolean;
|
|
63
62
|
closeOnOutsideClick: boolean;
|
|
63
|
+
modelValue: boolean;
|
|
64
64
|
clipped: boolean;
|
|
65
65
|
maxWidth: string;
|
|
66
66
|
backdropClass: string;
|
|
@@ -43,8 +43,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
43
43
|
}>> & {
|
|
44
44
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
45
45
|
}, {
|
|
46
|
-
modelValue: boolean;
|
|
47
46
|
closeOnOutsideClick: boolean;
|
|
47
|
+
modelValue: boolean;
|
|
48
48
|
clipped: boolean;
|
|
49
49
|
maxWidth: string;
|
|
50
50
|
backdropClass: string;
|
|
@@ -45,9 +45,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
45
45
|
};
|
|
46
46
|
rounded: {
|
|
47
47
|
default: string;
|
|
48
|
-
type: PropType<"
|
|
48
|
+
type: PropType<"left" | "right" | "none" | "full">;
|
|
49
49
|
};
|
|
50
|
-
|
|
50
|
+
autoFix: {
|
|
51
|
+
default: boolean;
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
};
|
|
54
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "blur" | "focus" | "keydown")[], "update:modelValue" | "blur" | "focus" | "keydown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
51
55
|
modelValue: {
|
|
52
56
|
default: undefined;
|
|
53
57
|
type: PropType<number | null>;
|
|
@@ -93,7 +97,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
93
97
|
};
|
|
94
98
|
rounded: {
|
|
95
99
|
default: string;
|
|
96
|
-
type: PropType<"
|
|
100
|
+
type: PropType<"left" | "right" | "none" | "full">;
|
|
101
|
+
};
|
|
102
|
+
autoFix: {
|
|
103
|
+
default: boolean;
|
|
104
|
+
type: BooleanConstructor;
|
|
97
105
|
};
|
|
98
106
|
}>> & {
|
|
99
107
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
@@ -104,13 +112,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
104
112
|
name: string;
|
|
105
113
|
step: number;
|
|
106
114
|
required: boolean;
|
|
107
|
-
modelValue: number | null;
|
|
108
|
-
placeholder: string;
|
|
109
115
|
disabled: boolean;
|
|
110
|
-
min: number;
|
|
111
116
|
max: number;
|
|
117
|
+
min: number;
|
|
118
|
+
placeholder: string;
|
|
119
|
+
modelValue: number | null;
|
|
112
120
|
hasError: boolean;
|
|
121
|
+
rounded: "left" | "right" | "none" | "full";
|
|
113
122
|
borderless: boolean;
|
|
114
|
-
|
|
123
|
+
autoFix: boolean;
|
|
115
124
|
}>;
|
|
116
125
|
export default _default;
|
|
@@ -54,9 +54,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
54
|
}, {
|
|
55
55
|
name: string;
|
|
56
56
|
required: boolean;
|
|
57
|
-
modelValue: string | null;
|
|
58
|
-
placeholder: string;
|
|
59
57
|
disabled: boolean;
|
|
58
|
+
placeholder: string;
|
|
59
|
+
modelValue: string | null;
|
|
60
60
|
hasError: boolean;
|
|
61
61
|
}>;
|
|
62
62
|
export default _default;
|
|
@@ -88,8 +88,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
88
88
|
name: string;
|
|
89
89
|
required: boolean;
|
|
90
90
|
labelClass: string;
|
|
91
|
-
modelValue: OptionValue | undefined;
|
|
92
91
|
disabled: boolean;
|
|
92
|
+
modelValue: OptionValue | undefined;
|
|
93
93
|
hasError: boolean;
|
|
94
94
|
inputClass: string;
|
|
95
95
|
}>, {
|
|
@@ -81,9 +81,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
81
81
|
}, {
|
|
82
82
|
name: string;
|
|
83
83
|
required: boolean;
|
|
84
|
-
modelValue: string | Delta | null | undefined;
|
|
85
|
-
placeholder: string;
|
|
86
84
|
disabled: boolean;
|
|
85
|
+
placeholder: string;
|
|
86
|
+
modelValue: string | Delta | null | undefined;
|
|
87
87
|
hasError: boolean;
|
|
88
88
|
enable: boolean;
|
|
89
89
|
toolbar: string | unknown[] | Record<string, any> | undefined;
|
|
@@ -79,13 +79,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
79
79
|
}, {
|
|
80
80
|
name: string;
|
|
81
81
|
required: boolean;
|
|
82
|
-
modelValue: (string | number | null) | undefined;
|
|
83
|
-
placeholder: string;
|
|
84
82
|
disabled: boolean;
|
|
85
|
-
|
|
83
|
+
placeholder: string;
|
|
86
84
|
options: Option[];
|
|
85
|
+
modelValue: (string | number | null) | undefined;
|
|
87
86
|
labelKey: string;
|
|
88
87
|
valueKey: string;
|
|
88
|
+
hasError: boolean;
|
|
89
89
|
}>, {
|
|
90
90
|
default: (_: {}) => any;
|
|
91
91
|
}>;
|
|
@@ -55,9 +55,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
55
55
|
name: string;
|
|
56
56
|
color: "success" | "info" | "danger" | "warning" | "dark" | "light" | "primary";
|
|
57
57
|
required: boolean;
|
|
58
|
+
size: "base" | "xs" | "sm" | "lg" | "xl";
|
|
58
59
|
modelValue: string | number | boolean | null | undefined;
|
|
59
60
|
hasError: boolean;
|
|
60
|
-
size: "base" | "xs" | "sm" | "lg" | "xl";
|
|
61
61
|
}>, {
|
|
62
62
|
default: (_: {}) => any;
|
|
63
63
|
}>;
|
|
@@ -137,8 +137,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
137
137
|
type: PropType<"focus" | "always">;
|
|
138
138
|
};
|
|
139
139
|
}>> & {
|
|
140
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
141
140
|
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
141
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
142
142
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
143
143
|
onTyping?: ((...args: any[]) => any) | undefined;
|
|
144
144
|
onOpen?: ((...args: any[]) => any) | undefined;
|
|
@@ -146,13 +146,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
146
146
|
filter: (option: NormalizedOption) => boolean;
|
|
147
147
|
name: string;
|
|
148
148
|
required: boolean;
|
|
149
|
-
placeholder: string;
|
|
150
149
|
disabled: boolean;
|
|
151
150
|
max: number;
|
|
152
|
-
|
|
151
|
+
placeholder: string;
|
|
152
|
+
size: "base" | "xs" | "sm";
|
|
153
153
|
loading: boolean;
|
|
154
154
|
loadingBottom: boolean;
|
|
155
|
-
|
|
155
|
+
hasError: boolean;
|
|
156
156
|
inline: boolean;
|
|
157
157
|
dropdownShow: "focus" | "always";
|
|
158
158
|
}>, {
|
|
@@ -90,14 +90,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
90
90
|
};
|
|
91
91
|
}>> & {
|
|
92
92
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
93
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
94
93
|
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
94
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
95
95
|
onTyping?: ((...args: any[]) => any) | undefined;
|
|
96
96
|
}, {
|
|
97
97
|
required: boolean;
|
|
98
|
-
placeholder: string;
|
|
99
98
|
disabled: boolean;
|
|
100
99
|
max: number;
|
|
100
|
+
placeholder: string;
|
|
101
101
|
hasError: boolean;
|
|
102
102
|
queryKey: string;
|
|
103
103
|
}>, {
|
|
@@ -87,11 +87,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
87
87
|
type: string;
|
|
88
88
|
name: string;
|
|
89
89
|
required: boolean;
|
|
90
|
-
|
|
91
|
-
placeholder: string;
|
|
90
|
+
autocomplete: boolean;
|
|
92
91
|
disabled: boolean;
|
|
92
|
+
placeholder: string;
|
|
93
|
+
modelValue: string | null | undefined;
|
|
93
94
|
hasError: boolean;
|
|
94
|
-
autocomplete: boolean;
|
|
95
95
|
preventSubmit: boolean;
|
|
96
96
|
rows: number;
|
|
97
97
|
}>;
|
|
@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
87
87
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
88
88
|
}, {
|
|
89
89
|
required: boolean;
|
|
90
|
-
modelValue: string;
|
|
91
|
-
placeholder: string;
|
|
92
90
|
disabled: boolean;
|
|
91
|
+
placeholder: string;
|
|
92
|
+
modelValue: string;
|
|
93
93
|
hasError: boolean;
|
|
94
94
|
maxHeight: number;
|
|
95
95
|
rows: number;
|
package/package.json
CHANGED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import BaseForm from './BaseForm.vue';
|
|
2
|
+
import BaseField from './BaseField.vue';
|
|
3
|
+
import BaseNumber from './BaseNumber.vue';
|
|
4
|
+
import BaseMediaLibrary from './BaseMediaLibrary.vue';
|
|
5
|
+
import ShowValue from '../../.storybook/components/ShowValue.vue';
|
|
6
|
+
|
|
7
|
+
export default {
|
|
8
|
+
title: 'Form/BaseForm',
|
|
9
|
+
component: BaseForm,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
const Template = (args) => ({
|
|
13
|
+
components: {
|
|
14
|
+
ShowValue,
|
|
15
|
+
BaseForm,
|
|
16
|
+
BaseField,
|
|
17
|
+
BaseNumber,
|
|
18
|
+
BaseMediaLibrary,
|
|
19
|
+
},
|
|
20
|
+
setup() {
|
|
21
|
+
const form = ref({
|
|
22
|
+
number: 1.1,
|
|
23
|
+
});
|
|
24
|
+
return { args, form };
|
|
25
|
+
},
|
|
26
|
+
template: `
|
|
27
|
+
<BaseForm
|
|
28
|
+
method="post"
|
|
29
|
+
url="https://faker.witify.io/api/todos/422"
|
|
30
|
+
:data="form"
|
|
31
|
+
v-slot="{disabled}"
|
|
32
|
+
>
|
|
33
|
+
<BaseField class="mb-3" name="number" label="Number">
|
|
34
|
+
<BaseNumber v-model="form.number"></BaseNumber>
|
|
35
|
+
</BaseField>
|
|
36
|
+
|
|
37
|
+
<BaseField class="mb-3" name="media" label="Media">
|
|
38
|
+
<BaseMediaLibrary v-model="form.media" upload-url="https://faker.witify.io/api/todos/upload"></BaseMediaLibrary>
|
|
39
|
+
</BaseField>
|
|
40
|
+
|
|
41
|
+
<button type="submit" class="btn btn-primary" :disabled="disabled">Submit</button>
|
|
42
|
+
</BaseForm>
|
|
43
|
+
<ShowValue :value="form" />
|
|
44
|
+
`,
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
export const Demo = Template.bind({});
|
|
48
|
+
Demo.args = {};
|