sprintify-ui 0.0.97 → 0.0.99
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 +8010 -7924
- package/dist/types/src/components/BaseAutocomplete.vue.d.ts +32 -10
- package/dist/types/src/components/BaseAutocompleteDropdown.vue.d.ts +88 -0
- package/dist/types/src/components/BaseAutocompleteFetch.vue.d.ts +20 -5
- package/dist/types/src/components/BaseBelongsTo.vue.d.ts +18 -3
- package/dist/types/src/components/BaseDatePicker.vue.d.ts +1 -1
- package/dist/types/src/components/BaseHasMany.vue.d.ts +17 -0
- package/dist/types/src/components/BaseLoadingCover.vue.d.ts +1 -1
- package/dist/types/src/components/BaseSwitch.vue.d.ts +1 -1
- package/dist/types/src/components/BaseTagAutocomplete.vue.d.ts +66 -6
- package/dist/types/src/components/BaseTagAutocompleteFetch.vue.d.ts +19 -2
- package/dist/types/src/composables/clickOutside.d.ts +1 -1
- package/dist/types/src/index.d.ts +2 -0
- package/package.json +10 -10
- package/src/components/BaseAutocomplete.vue +53 -183
- package/src/components/BaseAutocompleteDropdown.vue +344 -0
- package/src/components/BaseAutocompleteFetch.vue +8 -3
- package/src/components/BaseDropdown.vue +2 -2
- package/src/components/BaseModalSide.stories.js +1 -3
- package/src/components/BaseModalSide.vue +5 -5
- package/src/components/BaseTagAutocomplete.stories.js +46 -1
- package/src/components/BaseTagAutocomplete.vue +184 -253
- package/src/components/BaseTagAutocompleteFetch.stories.js +4 -4
- package/src/components/BaseTagAutocompleteFetch.vue +10 -5
- package/src/composables/clickOutside.ts +4 -2
- package/src/index.ts +3 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
1
|
+
import { PropType, ComputedRef } from 'vue';
|
|
2
2
|
import { NormalizedOption, Option } from '@/types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
modelValue: {
|
|
@@ -29,6 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
29
29
|
default: boolean;
|
|
30
30
|
type: BooleanConstructor;
|
|
31
31
|
};
|
|
32
|
+
loadingBottom: {
|
|
33
|
+
default: boolean;
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
};
|
|
32
36
|
required: {
|
|
33
37
|
default: boolean;
|
|
34
38
|
type: BooleanConstructor;
|
|
@@ -71,7 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
71
75
|
close: () => void;
|
|
72
76
|
open: () => void;
|
|
73
77
|
setKeywords: (input: string) => void;
|
|
74
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "
|
|
78
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "close" | "scrollBottom" | "typing" | "open")[], "clear" | "update:modelValue" | "close" | "scrollBottom" | "typing" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
75
79
|
modelValue: {
|
|
76
80
|
default: undefined;
|
|
77
81
|
type: PropType<Option | null | undefined>;
|
|
@@ -100,6 +104,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
100
104
|
default: boolean;
|
|
101
105
|
type: BooleanConstructor;
|
|
102
106
|
};
|
|
107
|
+
loadingBottom: {
|
|
108
|
+
default: boolean;
|
|
109
|
+
type: BooleanConstructor;
|
|
110
|
+
};
|
|
103
111
|
required: {
|
|
104
112
|
default: boolean;
|
|
105
113
|
type: BooleanConstructor;
|
|
@@ -137,38 +145,52 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
137
145
|
type: BooleanConstructor;
|
|
138
146
|
};
|
|
139
147
|
}>> & {
|
|
140
|
-
|
|
141
|
-
onBlur?: ((...args: any[]) => any) | undefined;
|
|
148
|
+
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
142
149
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
143
150
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
144
151
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
145
152
|
onTyping?: ((...args: any[]) => any) | undefined;
|
|
146
|
-
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
147
153
|
onOpen?: ((...args: any[]) => any) | undefined;
|
|
148
154
|
}, {
|
|
149
155
|
filter: (option: NormalizedOption) => boolean;
|
|
150
156
|
required: boolean;
|
|
151
157
|
name: string;
|
|
158
|
+
loading: boolean;
|
|
159
|
+
loadingBottom: boolean;
|
|
160
|
+
size: "base" | "xs" | "sm";
|
|
161
|
+
inline: boolean;
|
|
152
162
|
modelValue: Option | null | undefined;
|
|
153
163
|
placeholder: string;
|
|
154
|
-
loading: boolean;
|
|
155
164
|
disabled: boolean;
|
|
156
165
|
hasError: boolean;
|
|
157
|
-
inline: boolean;
|
|
158
|
-
size: "base" | "xs" | "sm";
|
|
159
166
|
dropdownShow: "focus" | "always";
|
|
160
167
|
modelValueShow: boolean;
|
|
161
168
|
visibleFocus: boolean;
|
|
162
169
|
}>, {
|
|
163
|
-
empty: (_: {
|
|
170
|
+
empty: (_: {
|
|
171
|
+
focus: () => void;
|
|
172
|
+
blur: () => void;
|
|
173
|
+
open: () => void;
|
|
174
|
+
close: () => void;
|
|
175
|
+
keywords: ComputedRef<string>;
|
|
176
|
+
}) => any;
|
|
164
177
|
option: (_: {
|
|
178
|
+
focus: () => void;
|
|
179
|
+
blur: () => void;
|
|
180
|
+
open: () => void;
|
|
181
|
+
close: () => void;
|
|
182
|
+
keywords: ComputedRef<string>;
|
|
165
183
|
option: Option;
|
|
166
184
|
selected: boolean;
|
|
167
185
|
active: boolean;
|
|
168
186
|
}) => any;
|
|
169
187
|
footer: (_: {
|
|
188
|
+
focus: () => void;
|
|
189
|
+
blur: () => void;
|
|
190
|
+
open: () => void;
|
|
191
|
+
close: () => void;
|
|
192
|
+
keywords: ComputedRef<string>;
|
|
170
193
|
options: NormalizedOption[];
|
|
171
|
-
keywords: string;
|
|
172
194
|
}) => any;
|
|
173
195
|
}>;
|
|
174
196
|
export default _default;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { NormalizedOption } from '@/types';
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
|
+
selected: {
|
|
5
|
+
type: PropType<NormalizedOption | NormalizedOption[] | null | undefined>;
|
|
6
|
+
default: undefined;
|
|
7
|
+
};
|
|
8
|
+
options: {
|
|
9
|
+
type: PropType<NormalizedOption[]>;
|
|
10
|
+
default(): never[];
|
|
11
|
+
};
|
|
12
|
+
keywords: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
default: string;
|
|
15
|
+
};
|
|
16
|
+
loading: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
20
|
+
loadingBottom: {
|
|
21
|
+
type: BooleanConstructor;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
24
|
+
size: {
|
|
25
|
+
type: PropType<"base" | "xs" | "sm">;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
28
|
+
dropdownClass: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
default: string;
|
|
31
|
+
};
|
|
32
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "scrollBottom")[], "select" | "scrollBottom", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
selected: {
|
|
34
|
+
type: PropType<NormalizedOption | NormalizedOption[] | null | undefined>;
|
|
35
|
+
default: undefined;
|
|
36
|
+
};
|
|
37
|
+
options: {
|
|
38
|
+
type: PropType<NormalizedOption[]>;
|
|
39
|
+
default(): never[];
|
|
40
|
+
};
|
|
41
|
+
keywords: {
|
|
42
|
+
type: StringConstructor;
|
|
43
|
+
default: string;
|
|
44
|
+
};
|
|
45
|
+
loading: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
49
|
+
loadingBottom: {
|
|
50
|
+
type: BooleanConstructor;
|
|
51
|
+
default: boolean;
|
|
52
|
+
};
|
|
53
|
+
size: {
|
|
54
|
+
type: PropType<"base" | "xs" | "sm">;
|
|
55
|
+
default: string;
|
|
56
|
+
};
|
|
57
|
+
dropdownClass: {
|
|
58
|
+
type: StringConstructor;
|
|
59
|
+
default: string;
|
|
60
|
+
};
|
|
61
|
+
}>> & {
|
|
62
|
+
onSelect?: ((...args: any[]) => any) | undefined;
|
|
63
|
+
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
64
|
+
}, {
|
|
65
|
+
selected: NormalizedOption | NormalizedOption[] | null | undefined;
|
|
66
|
+
options: NormalizedOption[];
|
|
67
|
+
keywords: string;
|
|
68
|
+
loading: boolean;
|
|
69
|
+
loadingBottom: boolean;
|
|
70
|
+
size: "base" | "xs" | "sm";
|
|
71
|
+
dropdownClass: string;
|
|
72
|
+
}>, {
|
|
73
|
+
empty: (_: {}) => any;
|
|
74
|
+
option: (_: {
|
|
75
|
+
option: import("@/types").Option;
|
|
76
|
+
selected: boolean;
|
|
77
|
+
active: boolean;
|
|
78
|
+
}) => any;
|
|
79
|
+
footer: (_: {
|
|
80
|
+
options: NormalizedOption[];
|
|
81
|
+
}) => any;
|
|
82
|
+
}>;
|
|
83
|
+
export default _default;
|
|
84
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
85
|
+
new (): {
|
|
86
|
+
$slots: S;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
@@ -61,7 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
61
61
|
default: boolean;
|
|
62
62
|
type: BooleanConstructor;
|
|
63
63
|
};
|
|
64
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "focus" | "
|
|
64
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "focus" | "scrollBottom" | "typing")[], "clear" | "update:modelValue" | "focus" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
65
65
|
modelValue: {
|
|
66
66
|
default: undefined;
|
|
67
67
|
type: PropType<Option | null | undefined>;
|
|
@@ -124,36 +124,51 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
124
124
|
};
|
|
125
125
|
}>> & {
|
|
126
126
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
127
|
+
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
127
128
|
onClear?: ((...args: any[]) => any) | undefined;
|
|
128
129
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
129
130
|
onTyping?: ((...args: any[]) => any) | undefined;
|
|
130
|
-
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
131
131
|
}, {
|
|
132
132
|
required: boolean;
|
|
133
133
|
name: string;
|
|
134
|
+
size: "base" | "xs" | "sm";
|
|
135
|
+
inline: boolean;
|
|
134
136
|
modelValue: Option | null | undefined;
|
|
135
137
|
placeholder: string;
|
|
136
138
|
disabled: boolean;
|
|
137
139
|
hasError: boolean;
|
|
138
|
-
inline: boolean;
|
|
139
|
-
size: "base" | "xs" | "sm";
|
|
140
140
|
dropdownShow: "focus" | "always";
|
|
141
141
|
modelValueShow: boolean;
|
|
142
142
|
visibleFocus: boolean;
|
|
143
143
|
queryKey: string;
|
|
144
144
|
}>, {
|
|
145
145
|
option: (_: {
|
|
146
|
+
focus: () => void;
|
|
147
|
+
blur: () => void;
|
|
148
|
+
open: () => void;
|
|
149
|
+
close: () => void;
|
|
150
|
+
keywords: import("vue").ComputedRef<string>;
|
|
146
151
|
option: Option;
|
|
147
152
|
selected: boolean;
|
|
148
153
|
active: boolean;
|
|
149
154
|
}) => any;
|
|
150
155
|
footer: (_: {
|
|
156
|
+
focus: () => void;
|
|
157
|
+
blur: () => void;
|
|
158
|
+
open: () => void;
|
|
159
|
+
close: () => void;
|
|
160
|
+
keywords: import("vue").ComputedRef<string>;
|
|
151
161
|
options: import("@/types").NormalizedOption[];
|
|
152
|
-
keywords: string;
|
|
153
162
|
} & {
|
|
154
163
|
keywords: string;
|
|
155
164
|
}) => any;
|
|
156
165
|
empty: (_: {
|
|
166
|
+
focus: () => void;
|
|
167
|
+
blur: () => void;
|
|
168
|
+
open: () => void;
|
|
169
|
+
close: () => void;
|
|
170
|
+
keywords: import("vue").ComputedRef<string>;
|
|
171
|
+
} & {
|
|
157
172
|
firstSearch: boolean;
|
|
158
173
|
}) => any;
|
|
159
174
|
}>;
|
|
@@ -135,12 +135,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
135
135
|
}, {
|
|
136
136
|
required: boolean;
|
|
137
137
|
name: string;
|
|
138
|
+
size: "base" | "xs" | "sm";
|
|
139
|
+
inline: boolean;
|
|
138
140
|
modelValue: string | number | null | undefined;
|
|
139
141
|
placeholder: string;
|
|
140
142
|
disabled: boolean;
|
|
141
143
|
hasError: boolean;
|
|
142
|
-
inline: boolean;
|
|
143
|
-
size: "base" | "xs" | "sm";
|
|
144
144
|
dropdownShow: "focus" | "always";
|
|
145
145
|
modelValueShow: boolean;
|
|
146
146
|
visibleFocus: boolean;
|
|
@@ -149,16 +149,31 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
149
149
|
currentModel: Option | null;
|
|
150
150
|
}>, {
|
|
151
151
|
option: (_: {
|
|
152
|
+
focus: () => void;
|
|
153
|
+
blur: () => void;
|
|
154
|
+
open: () => void;
|
|
155
|
+
close: () => void;
|
|
156
|
+
keywords: import("vue").ComputedRef<string>;
|
|
152
157
|
option: Option;
|
|
153
158
|
selected: boolean;
|
|
154
159
|
active: boolean;
|
|
155
160
|
}) => any;
|
|
156
161
|
empty: (_: {
|
|
162
|
+
focus: () => void;
|
|
163
|
+
blur: () => void;
|
|
164
|
+
open: () => void;
|
|
165
|
+
close: () => void;
|
|
166
|
+
keywords: import("vue").ComputedRef<string>;
|
|
167
|
+
} & {
|
|
157
168
|
firstSearch: boolean;
|
|
158
169
|
}) => any;
|
|
159
170
|
footer: (_: {
|
|
171
|
+
focus: () => void;
|
|
172
|
+
blur: () => void;
|
|
173
|
+
open: () => void;
|
|
174
|
+
close: () => void;
|
|
175
|
+
keywords: import("vue").ComputedRef<string>;
|
|
160
176
|
options: import("@/types").NormalizedOption[];
|
|
161
|
-
keywords: string;
|
|
162
177
|
} & {
|
|
163
178
|
keywords: string;
|
|
164
179
|
}) => any;
|
|
@@ -78,10 +78,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
78
78
|
}, {
|
|
79
79
|
required: boolean;
|
|
80
80
|
name: string;
|
|
81
|
+
inline: boolean;
|
|
81
82
|
modelValue: string | null | undefined;
|
|
82
83
|
disabled: boolean;
|
|
83
84
|
hasError: boolean;
|
|
84
|
-
inline: boolean;
|
|
85
85
|
minDate: Date;
|
|
86
86
|
maxDate: Date;
|
|
87
87
|
yearRange: number | [number, number];
|
|
@@ -103,13 +103,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
103
103
|
currentModels: Option[];
|
|
104
104
|
}>, {
|
|
105
105
|
option: (_: {
|
|
106
|
+
focus: () => void;
|
|
107
|
+
blur: () => void;
|
|
108
|
+
open: () => void;
|
|
109
|
+
close: () => void;
|
|
110
|
+
keywords: import("vue").ComputedRef<string>;
|
|
106
111
|
option: Option;
|
|
112
|
+
selected: boolean;
|
|
107
113
|
active: boolean;
|
|
108
114
|
}) => any;
|
|
109
115
|
empty: (_: {
|
|
116
|
+
focus: () => void;
|
|
117
|
+
blur: () => void;
|
|
118
|
+
open: () => void;
|
|
119
|
+
close: () => void;
|
|
120
|
+
keywords: import("vue").ComputedRef<string>;
|
|
121
|
+
} & {
|
|
110
122
|
firstSearch: boolean;
|
|
111
123
|
}) => any;
|
|
112
124
|
footer: (_: {
|
|
125
|
+
focus: () => void;
|
|
126
|
+
blur: () => void;
|
|
127
|
+
open: () => void;
|
|
128
|
+
close: () => void;
|
|
129
|
+
keywords: import("vue").ComputedRef<string>;
|
|
113
130
|
options: import("@/types").NormalizedOption[];
|
|
114
131
|
} & {
|
|
115
132
|
keywords: string;
|
|
@@ -55,9 +55,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
55
55
|
required: boolean;
|
|
56
56
|
name: string;
|
|
57
57
|
color: "dark" | "light" | "danger" | "success" | "warning" | "info" | "primary";
|
|
58
|
+
size: "base" | "xs" | "sm" | "lg" | "xl";
|
|
58
59
|
modelValue: boolean;
|
|
59
60
|
hasError: boolean;
|
|
60
|
-
size: "base" | "xs" | "sm" | "lg" | "xl";
|
|
61
61
|
}>, {
|
|
62
62
|
default: (_: {}) => any;
|
|
63
63
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
1
|
+
import { PropType, ComputedRef } from 'vue';
|
|
2
2
|
import { NormalizedOption, Option } from '@/types';
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
4
|
modelValue: {
|
|
@@ -29,6 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
29
29
|
default: boolean;
|
|
30
30
|
type: BooleanConstructor;
|
|
31
31
|
};
|
|
32
|
+
loadingBottom: {
|
|
33
|
+
default: boolean;
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
};
|
|
32
36
|
required: {
|
|
33
37
|
default: boolean;
|
|
34
38
|
type: BooleanConstructor;
|
|
@@ -49,7 +53,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
49
53
|
default: boolean;
|
|
50
54
|
type: BooleanConstructor;
|
|
51
55
|
};
|
|
52
|
-
|
|
56
|
+
inline: {
|
|
57
|
+
default: boolean;
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
};
|
|
60
|
+
size: {
|
|
61
|
+
default: string;
|
|
62
|
+
type: PropType<"base" | "xs" | "sm">;
|
|
63
|
+
};
|
|
64
|
+
dropdownShow: {
|
|
65
|
+
default: string;
|
|
66
|
+
type: PropType<"focus" | "always">;
|
|
67
|
+
};
|
|
68
|
+
}, {
|
|
69
|
+
focus: () => void;
|
|
70
|
+
blur: () => void;
|
|
71
|
+
close: () => void;
|
|
72
|
+
open: () => void;
|
|
73
|
+
setKeywords: (input: string) => void;
|
|
74
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close" | "scrollBottom" | "typing" | "open")[], "update:modelValue" | "close" | "scrollBottom" | "typing" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
53
75
|
modelValue: {
|
|
54
76
|
required: true;
|
|
55
77
|
type: PropType<Option[] | null>;
|
|
@@ -78,6 +100,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
78
100
|
default: boolean;
|
|
79
101
|
type: BooleanConstructor;
|
|
80
102
|
};
|
|
103
|
+
loadingBottom: {
|
|
104
|
+
default: boolean;
|
|
105
|
+
type: BooleanConstructor;
|
|
106
|
+
};
|
|
81
107
|
required: {
|
|
82
108
|
default: boolean;
|
|
83
109
|
type: BooleanConstructor;
|
|
@@ -98,27 +124,61 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
98
124
|
default: boolean;
|
|
99
125
|
type: BooleanConstructor;
|
|
100
126
|
};
|
|
127
|
+
inline: {
|
|
128
|
+
default: boolean;
|
|
129
|
+
type: BooleanConstructor;
|
|
130
|
+
};
|
|
131
|
+
size: {
|
|
132
|
+
default: string;
|
|
133
|
+
type: PropType<"base" | "xs" | "sm">;
|
|
134
|
+
};
|
|
135
|
+
dropdownShow: {
|
|
136
|
+
default: string;
|
|
137
|
+
type: PropType<"focus" | "always">;
|
|
138
|
+
};
|
|
101
139
|
}>> & {
|
|
102
|
-
|
|
140
|
+
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
103
141
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
142
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
104
143
|
onTyping?: ((...args: any[]) => any) | undefined;
|
|
105
|
-
|
|
144
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
106
145
|
}, {
|
|
107
146
|
filter: (option: NormalizedOption) => boolean;
|
|
108
147
|
required: boolean;
|
|
109
148
|
name: string;
|
|
110
|
-
placeholder: string;
|
|
111
149
|
loading: boolean;
|
|
150
|
+
loadingBottom: boolean;
|
|
151
|
+
size: "base" | "xs" | "sm";
|
|
152
|
+
inline: boolean;
|
|
153
|
+
placeholder: string;
|
|
112
154
|
disabled: boolean;
|
|
113
155
|
hasError: boolean;
|
|
156
|
+
dropdownShow: "focus" | "always";
|
|
114
157
|
max: number;
|
|
115
158
|
}>, {
|
|
116
|
-
empty: (_: {
|
|
159
|
+
empty: (_: {
|
|
160
|
+
focus: () => void;
|
|
161
|
+
blur: () => void;
|
|
162
|
+
open: () => void;
|
|
163
|
+
close: () => void;
|
|
164
|
+
keywords: ComputedRef<string>;
|
|
165
|
+
}) => any;
|
|
117
166
|
option: (_: {
|
|
167
|
+
focus: () => void;
|
|
168
|
+
blur: () => void;
|
|
169
|
+
open: () => void;
|
|
170
|
+
close: () => void;
|
|
171
|
+
keywords: ComputedRef<string>;
|
|
118
172
|
option: Option;
|
|
173
|
+
selected: boolean;
|
|
119
174
|
active: boolean;
|
|
120
175
|
}) => any;
|
|
121
176
|
footer: (_: {
|
|
177
|
+
focus: () => void;
|
|
178
|
+
blur: () => void;
|
|
179
|
+
open: () => void;
|
|
180
|
+
close: () => void;
|
|
181
|
+
keywords: ComputedRef<string>;
|
|
122
182
|
options: NormalizedOption[];
|
|
123
183
|
}) => any;
|
|
124
184
|
}>;
|
|
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
41
41
|
default: boolean;
|
|
42
42
|
type: BooleanConstructor;
|
|
43
43
|
};
|
|
44
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "
|
|
44
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "scrollBottom" | "typing")[], "update:modelValue" | "focus" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
45
45
|
modelValue: {
|
|
46
46
|
required: true;
|
|
47
47
|
type: PropType<Option[]>;
|
|
@@ -84,9 +84,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
84
84
|
};
|
|
85
85
|
}>> & {
|
|
86
86
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
87
|
+
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
87
88
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
88
89
|
onTyping?: ((...args: any[]) => any) | undefined;
|
|
89
|
-
onScrollBottom?: ((...args: any[]) => any) | undefined;
|
|
90
90
|
}, {
|
|
91
91
|
required: boolean;
|
|
92
92
|
placeholder: string;
|
|
@@ -96,15 +96,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
96
96
|
max: number;
|
|
97
97
|
}>, {
|
|
98
98
|
option: (_: {
|
|
99
|
+
focus: () => void;
|
|
100
|
+
blur: () => void;
|
|
101
|
+
open: () => void;
|
|
102
|
+
close: () => void;
|
|
103
|
+
keywords: import("vue").ComputedRef<string>;
|
|
99
104
|
option: Option;
|
|
105
|
+
selected: boolean;
|
|
100
106
|
active: boolean;
|
|
101
107
|
}) => any;
|
|
102
108
|
footer: (_: {
|
|
109
|
+
focus: () => void;
|
|
110
|
+
blur: () => void;
|
|
111
|
+
open: () => void;
|
|
112
|
+
close: () => void;
|
|
113
|
+
keywords: import("vue").ComputedRef<string>;
|
|
103
114
|
options: import("@/types").NormalizedOption[];
|
|
104
115
|
} & {
|
|
105
116
|
keywords: string;
|
|
106
117
|
}) => any;
|
|
107
118
|
empty: (_: {
|
|
119
|
+
focus: () => void;
|
|
120
|
+
blur: () => void;
|
|
121
|
+
open: () => void;
|
|
122
|
+
close: () => void;
|
|
123
|
+
keywords: import("vue").ComputedRef<string>;
|
|
124
|
+
} & {
|
|
108
125
|
firstSearch: boolean;
|
|
109
126
|
}) => any;
|
|
110
127
|
}>;
|
|
@@ -2,7 +2,7 @@ import { MaybeElementRef } from '@vueuse/core';
|
|
|
2
2
|
interface UseClickOutsideOptions {
|
|
3
3
|
includes?: MaybeElementRef[];
|
|
4
4
|
}
|
|
5
|
-
export declare function useClickOutside(element: MaybeElementRef, callback: (
|
|
5
|
+
export declare function useClickOutside(element: MaybeElementRef, callback: () => void, options?: UseClickOutsideOptions): {
|
|
6
6
|
stop: () => void;
|
|
7
7
|
};
|
|
8
8
|
export {};
|
|
@@ -4,6 +4,7 @@ import { I18n } from 'vue-i18n';
|
|
|
4
4
|
import { useDialogsStore } from './stores/dialogs';
|
|
5
5
|
import { useNotificationsStore } from './stores/notifications';
|
|
6
6
|
import { useSystemAlertStore } from './stores/systemAlerts';
|
|
7
|
+
import { useClickOutside } from './composables/clickOutside';
|
|
7
8
|
declare const messages: {
|
|
8
9
|
en: {
|
|
9
10
|
sui: {
|
|
@@ -294,3 +295,4 @@ export { config };
|
|
|
294
295
|
export { useDialogsStore };
|
|
295
296
|
export { useNotificationsStore };
|
|
296
297
|
export { useSystemAlertStore };
|
|
298
|
+
export { useClickOutside };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sprintify-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.99",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "rimraf dist && vue-tsc && vite build",
|
|
6
6
|
"build-fast": "rimraf dist && vite build",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"@types/scroll-lock": "^2.1.0",
|
|
59
59
|
"@typescript-eslint/eslint-plugin": "^5.42.1",
|
|
60
60
|
"@typescript-eslint/parser": "^5.42.1",
|
|
61
|
-
"@vitejs/plugin-vue": "^
|
|
61
|
+
"@vitejs/plugin-vue": "^4.0.0",
|
|
62
62
|
"@vue/eslint-config-typescript": "^11.0.2",
|
|
63
63
|
"@vueup/vue-quill": "^1.0.0",
|
|
64
64
|
"@vueuse/core": "^9.5.0",
|
|
@@ -80,10 +80,10 @@
|
|
|
80
80
|
"object-to-formdata": "^4.4.2",
|
|
81
81
|
"pikaday": "^1.8.2",
|
|
82
82
|
"pinia": "^2.0.23",
|
|
83
|
-
"postcss": "^8.4.
|
|
84
|
-
"postcss-import": "^15.
|
|
83
|
+
"postcss": "^8.4.20",
|
|
84
|
+
"postcss-import": "^15.1.0",
|
|
85
85
|
"prettier": "^2.7.1",
|
|
86
|
-
"prettier-plugin-tailwindcss": "^0.1
|
|
86
|
+
"prettier-plugin-tailwindcss": "^0.2.1",
|
|
87
87
|
"qs": "^6.11.0",
|
|
88
88
|
"rimraf": "^3.0.2",
|
|
89
89
|
"rollup-plugin-analyzer": "^4.0.0",
|
|
@@ -91,14 +91,14 @@
|
|
|
91
91
|
"storybook-addon-mock": "^3.2.0",
|
|
92
92
|
"tailwindcss": "^3.2.4",
|
|
93
93
|
"typescript": "^4.4.4",
|
|
94
|
-
"unplugin-auto-import": "^0.
|
|
95
|
-
"vite": "^
|
|
94
|
+
"unplugin-auto-import": "^0.12.1",
|
|
95
|
+
"vite": "^4.0.0",
|
|
96
96
|
"vitepress": "^0.21.6",
|
|
97
|
-
"vue": "^3.2.
|
|
97
|
+
"vue": "^3.2.45",
|
|
98
98
|
"vue-i18n": "^9.2.2",
|
|
99
|
-
"vue-loader": "^
|
|
99
|
+
"vue-loader": "^17.0.1",
|
|
100
100
|
"vue-router": "^4.1.6",
|
|
101
|
-
"vue-tsc": "^1.0.
|
|
101
|
+
"vue-tsc": "^1.0.18"
|
|
102
102
|
},
|
|
103
103
|
"files": [
|
|
104
104
|
"src",
|