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.
Files changed (40) hide show
  1. package/dist/sprintify-ui.es.js +7952 -7925
  2. package/dist/types/src/components/BaseAddressForm.vue.d.ts +2 -2
  3. package/dist/types/src/components/BaseAutocomplete.vue.d.ts +5 -5
  4. package/dist/types/src/components/BaseAutocompleteDrawer.vue.d.ts +2 -2
  5. package/dist/types/src/components/BaseAutocompleteFetch.vue.d.ts +5 -5
  6. package/dist/types/src/components/BaseBelongsTo.vue.d.ts +3 -3
  7. package/dist/types/src/components/BaseButtonGroup.vue.d.ts +2 -2
  8. package/dist/types/src/components/BaseCharacterCounter.vue.d.ts +1 -1
  9. package/dist/types/src/components/BaseColor.vue.d.ts +2 -2
  10. package/dist/types/src/components/BaseDatePicker.vue.d.ts +1 -1
  11. package/dist/types/src/components/BaseDropdownAutocomplete.vue.d.ts +4 -4
  12. package/dist/types/src/components/BaseFieldI18n.vue.d.ts +2 -2
  13. package/dist/types/src/components/BaseFilePicker.vue.d.ts +1 -1
  14. package/dist/types/src/components/BaseFileUploader.vue.d.ts +2 -2
  15. package/dist/types/src/components/BaseForm.vue.d.ts +1 -1
  16. package/dist/types/src/components/BaseHasMany.vue.d.ts +2 -2
  17. package/dist/types/src/components/BaseInput.vue.d.ts +5 -5
  18. package/dist/types/src/components/BaseInputPercent.vue.d.ts +4 -4
  19. package/dist/types/src/components/BaseLoadingCover.vue.d.ts +2 -2
  20. package/dist/types/src/components/BaseMediaLibrary.vue.d.ts +4 -4
  21. package/dist/types/src/components/BaseModalCenter.vue.d.ts +1 -1
  22. package/dist/types/src/components/BaseModalSide.vue.d.ts +1 -1
  23. package/dist/types/src/components/BaseNavbarItemContent.vue.d.ts +1 -1
  24. package/dist/types/src/components/BaseNavbarSideItemContent.vue.d.ts +1 -1
  25. package/dist/types/src/components/BaseNumber.vue.d.ts +16 -7
  26. package/dist/types/src/components/BasePassword.vue.d.ts +2 -2
  27. package/dist/types/src/components/BaseRadioGroup.vue.d.ts +1 -1
  28. package/dist/types/src/components/BaseRichText.vue.d.ts +2 -2
  29. package/dist/types/src/components/BaseSelect.vue.d.ts +3 -3
  30. package/dist/types/src/components/BaseSwitch.vue.d.ts +1 -1
  31. package/dist/types/src/components/BaseTagAutocomplete.vue.d.ts +4 -4
  32. package/dist/types/src/components/BaseTagAutocompleteFetch.vue.d.ts +2 -2
  33. package/dist/types/src/components/BaseTextarea.vue.d.ts +3 -3
  34. package/dist/types/src/components/BaseTextareaAutoresize.vue.d.ts +2 -2
  35. package/package.json +1 -1
  36. package/src/components/BaseForm.stories.js +48 -0
  37. package/src/components/BaseForm.vue +10 -5
  38. package/src/components/BaseNumber.stories.js +19 -3
  39. package/src/components/BaseNumber.vue +57 -4
  40. 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
- hasError: boolean;
188
+ placeholder: string;
189
+ size: "base" | "xs" | "sm";
191
190
  loading: boolean;
192
191
  loadingBottom: boolean;
193
- size: "base" | "xs" | "sm";
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
- options: NormalizedOption[];
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" | "focus" | "clear" | "scrollBottom" | "typing")[], "update:modelValue" | "focus" | "clear" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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
- hasError: boolean;
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
- hasError: boolean;
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;
@@ -42,8 +42,8 @@ declare const _default: import("vue").DefineComponent<{
42
42
  };
43
43
  }>>, {
44
44
  trim: boolean;
45
- min: number;
46
45
  max: number;
46
+ min: number;
47
47
  removeDoubleSpaces: boolean;
48
48
  }>;
49
49
  export default _default;
@@ -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" | "close")[], "update:model-value" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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
- modelValue: Option | Option[] | null | undefined;
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").Ref<boolean>;
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" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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
- modelValue: string | number | null;
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" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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
- modelValue: MediaLibraryPayload | null | undefined;
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;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
44
44
  label: string;
45
45
  active: boolean;
46
46
  icon: string;
47
- count: number;
48
47
  dark: boolean;
48
+ count: number;
49
49
  }>;
50
50
  export default _default;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
44
44
  label: string;
45
45
  active: boolean;
46
46
  icon: string;
47
- count: number;
48
47
  dark: boolean;
48
+ count: number;
49
49
  }>;
50
50
  export default _default;
@@ -45,9 +45,13 @@ declare const _default: import("vue").DefineComponent<{
45
45
  };
46
46
  rounded: {
47
47
  default: string;
48
- type: PropType<"full" | "left" | "right" | "none">;
48
+ type: PropType<"left" | "right" | "none" | "full">;
49
49
  };
50
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "keydown")[], "update:modelValue" | "focus" | "blur" | "keydown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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<"full" | "left" | "right" | "none">;
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
- rounded: "full" | "left" | "right" | "none";
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
- hasError: boolean;
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
- hasError: boolean;
151
+ placeholder: string;
152
+ size: "base" | "xs" | "sm";
153
153
  loading: boolean;
154
154
  loadingBottom: boolean;
155
- size: "base" | "xs" | "sm";
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
- modelValue: string | null | undefined;
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.0.195",
3
+ "version": "0.0.196",
4
4
  "scripts": {
5
5
  "build": "rimraf dist && vue-tsc && vite build",
6
6
  "build-fast": "rimraf dist && vite build",
@@ -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 = {};