@teammodlr/ui-kit 3.0.0-beta.34 → 3.0.0-beta.37
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/lib/components/clearbutton/ClearButton.vue.d.ts +7 -0
- package/lib/components/clearbutton/style/ClearButton.css.d.ts +2 -0
- package/lib/components/clearbutton/style/index.d.ts +1 -0
- package/lib/components/input/Input.vue.d.ts +15 -0
- package/lib/components/input/style/Input.css.d.ts +4 -0
- package/lib/components/select/Select.vue.d.ts +12 -0
- package/lib/components/select/style/Select.css.d.ts +2 -1
- package/lib/components/textarea/Textarea.vue.d.ts +11 -0
- package/lib/components/textarea/style/Textarea.css.d.ts +2 -0
- package/lib/index.cjs.js +3 -3
- package/lib/index.es.js +2982 -2863
- package/lib/style.css +1 -1
- package/package.json +1 -1
- package/src/components/clearbutton/ClearButton.vue +39 -0
- package/src/components/clearbutton/style/ClearButton.css.ts +37 -0
- package/src/components/clearbutton/style/index.ts +1 -0
- package/src/components/input/Input.vue +51 -3
- package/src/components/input/examples/clearable.vue +18 -0
- package/src/components/input/examples/index.stories.ts +3 -1
- package/src/components/input/examples/index.ts +1 -0
- package/src/components/input/style/Input.css.ts +19 -0
- package/src/components/select/Select.vue +31 -1
- package/src/components/select/examples/clearable.vue +18 -0
- package/src/components/select/examples/index.stories.ts +2 -1
- package/src/components/select/examples/index.ts +1 -0
- package/src/components/select/style/Select.css.ts +8 -6
- package/src/components/textarea/Textarea.vue +39 -3
- package/src/components/textarea/examples/clearable.vue +16 -0
- package/src/components/textarea/examples/index.stories.ts +2 -1
- package/src/components/textarea/examples/index.ts +1 -0
- package/src/components/textarea/style/Textarea.css.ts +10 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as style from './style';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
3
|
+
style: typeof style;
|
|
4
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clear"[], "clear", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
|
|
5
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
6
|
+
}, {}, {}>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ClearButton.css';
|
|
@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
42
42
|
type: StringConstructor;
|
|
43
43
|
default: string;
|
|
44
44
|
};
|
|
45
|
+
clearable: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
45
49
|
modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
|
|
46
50
|
name: StringConstructor;
|
|
47
51
|
required: BooleanConstructor;
|
|
@@ -73,6 +77,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
73
77
|
hasHelpMessage: import("vue").ComputedRef<boolean>;
|
|
74
78
|
inputError: import("vue").ComputedRef<any>;
|
|
75
79
|
style: typeof style;
|
|
80
|
+
showClear: import("vue").ComputedRef<boolean>;
|
|
81
|
+
clearClasses: import("vue").ComputedRef<(string | {
|
|
82
|
+
[x: string]: boolean;
|
|
83
|
+
})[]>;
|
|
84
|
+
currentValue: import("vue").ComputedRef<any>;
|
|
85
|
+
onNativeInput: (event: Event) => void;
|
|
76
86
|
onClear: () => void;
|
|
77
87
|
validate: (value: any) => boolean;
|
|
78
88
|
setError: (value: string) => void;
|
|
@@ -120,6 +130,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
120
130
|
type: StringConstructor;
|
|
121
131
|
default: string;
|
|
122
132
|
};
|
|
133
|
+
clearable: {
|
|
134
|
+
type: BooleanConstructor;
|
|
135
|
+
default: boolean;
|
|
136
|
+
};
|
|
123
137
|
modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
|
|
124
138
|
name: StringConstructor;
|
|
125
139
|
required: BooleanConstructor;
|
|
@@ -141,5 +155,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
141
155
|
loading: boolean;
|
|
142
156
|
rules: unknown[];
|
|
143
157
|
placeholder: string;
|
|
158
|
+
clearable: boolean;
|
|
144
159
|
}, {}>;
|
|
145
160
|
export default _default;
|
|
@@ -23,5 +23,9 @@ export declare const leftIcon: string;
|
|
|
23
23
|
export declare const hasLeftIcon: string;
|
|
24
24
|
export declare const rightIcon: string;
|
|
25
25
|
export declare const hasRightIcon: string;
|
|
26
|
+
export declare const hasClear: string;
|
|
27
|
+
export declare const hasClearAndRightIcon: string;
|
|
28
|
+
export declare const clear: string;
|
|
29
|
+
export declare const clearWithRightIcon: string;
|
|
26
30
|
export declare const prefix: string;
|
|
27
31
|
export declare const suffix: string;
|
|
@@ -84,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
84
84
|
zIndex: {
|
|
85
85
|
type: NumberConstructor;
|
|
86
86
|
};
|
|
87
|
+
clearable: {
|
|
88
|
+
type: BooleanConstructor;
|
|
89
|
+
default: boolean;
|
|
90
|
+
};
|
|
87
91
|
showDataOptions: {
|
|
88
92
|
type: BooleanConstructor;
|
|
89
93
|
default: boolean;
|
|
@@ -148,6 +152,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
148
152
|
getSelectedLabel: (value: string | number | []) => any;
|
|
149
153
|
openSelect: (forceOpen?: boolean) => void;
|
|
150
154
|
removeSelected: (value: string | number) => void;
|
|
155
|
+
showClear: import("vue").ComputedRef<boolean>;
|
|
156
|
+
clearSelected: () => void;
|
|
151
157
|
inputError: import("vue").ComputedRef<any>;
|
|
152
158
|
transitionName: import("vue").ComputedRef<string>;
|
|
153
159
|
inputListeners: {};
|
|
@@ -168,6 +174,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
168
174
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
169
175
|
'on-open': () => true;
|
|
170
176
|
'on-close': () => true;
|
|
177
|
+
clear: () => true;
|
|
171
178
|
length: number;
|
|
172
179
|
toString(): string;
|
|
173
180
|
toLocaleString(): string;
|
|
@@ -332,6 +339,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
332
339
|
zIndex: {
|
|
333
340
|
type: NumberConstructor;
|
|
334
341
|
};
|
|
342
|
+
clearable: {
|
|
343
|
+
type: BooleanConstructor;
|
|
344
|
+
default: boolean;
|
|
345
|
+
};
|
|
335
346
|
showDataOptions: {
|
|
336
347
|
type: BooleanConstructor;
|
|
337
348
|
default: boolean;
|
|
@@ -360,6 +371,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
360
371
|
max: number;
|
|
361
372
|
rules: unknown[];
|
|
362
373
|
placeholder: string;
|
|
374
|
+
clearable: boolean;
|
|
363
375
|
transitionName: string;
|
|
364
376
|
searchable: boolean;
|
|
365
377
|
optionValue: string;
|
|
@@ -37,7 +37,8 @@ export declare const checkAllButton: string;
|
|
|
37
37
|
export declare const checkAllButtonActive: string;
|
|
38
38
|
export declare const optionIcon: string;
|
|
39
39
|
export declare const noResults: string;
|
|
40
|
-
export declare const
|
|
40
|
+
export declare const clear: string;
|
|
41
|
+
export declare const hasClear: string;
|
|
41
42
|
export declare const arrow: string;
|
|
42
43
|
export declare const arrowOpen: string;
|
|
43
44
|
export declare const fillRoot: string;
|
|
@@ -41,6 +41,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
41
41
|
type: NumberConstructor;
|
|
42
42
|
default: number;
|
|
43
43
|
};
|
|
44
|
+
clearable: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
default: boolean;
|
|
47
|
+
};
|
|
44
48
|
modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
|
|
45
49
|
name: StringConstructor;
|
|
46
50
|
required: BooleanConstructor;
|
|
@@ -67,6 +71,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
71
|
textareaValue: import("vue").ComputedRef<string>;
|
|
68
72
|
inputError: import("vue").ComputedRef<any>;
|
|
69
73
|
style: typeof style;
|
|
74
|
+
showClear: import("vue").ComputedRef<boolean>;
|
|
75
|
+
onNativeInput: (event: Event) => void;
|
|
70
76
|
onClear: () => void;
|
|
71
77
|
validate: (value: any) => boolean;
|
|
72
78
|
setError: (value: string) => void;
|
|
@@ -113,6 +119,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
113
119
|
type: NumberConstructor;
|
|
114
120
|
default: number;
|
|
115
121
|
};
|
|
122
|
+
clearable: {
|
|
123
|
+
type: BooleanConstructor;
|
|
124
|
+
default: boolean;
|
|
125
|
+
};
|
|
116
126
|
modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
|
|
117
127
|
name: StringConstructor;
|
|
118
128
|
required: BooleanConstructor;
|
|
@@ -134,5 +144,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
134
144
|
loading: boolean;
|
|
135
145
|
rules: unknown[];
|
|
136
146
|
placeholder: string;
|
|
147
|
+
clearable: boolean;
|
|
137
148
|
}, {}>;
|
|
138
149
|
export default _default;
|
|
@@ -13,6 +13,8 @@ export declare const base: string;
|
|
|
13
13
|
export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
|
|
14
14
|
export declare const block: string;
|
|
15
15
|
export declare const disabled: string;
|
|
16
|
+
export declare const hasClear: string;
|
|
17
|
+
export declare const clear: string;
|
|
16
18
|
export declare const label: string;
|
|
17
19
|
export declare const description: string;
|
|
18
20
|
export declare const errorMessage: string;
|