@teammodlr/ui-kit 3.0.0-beta.23 → 3.0.0-beta.26
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/select/Select.vue.d.ts +31 -2
- package/lib/components/select/style/Select.css.d.ts +7 -0
- package/lib/index.cjs.js +3 -3
- package/lib/index.es.js +5592 -4967
- package/lib/style.css +1 -1
- package/package.json +4 -3
- package/src/components/select/Select.vue +70 -35
- package/src/components/select/examples/fill.vue +52 -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 +132 -18
|
@@ -73,6 +73,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
73
73
|
type: BooleanConstructor;
|
|
74
74
|
default: boolean;
|
|
75
75
|
};
|
|
76
|
+
fill: {
|
|
77
|
+
type: BooleanConstructor;
|
|
78
|
+
default: boolean;
|
|
79
|
+
};
|
|
80
|
+
noBorder: {
|
|
81
|
+
type: BooleanConstructor;
|
|
82
|
+
default: boolean;
|
|
83
|
+
};
|
|
76
84
|
zIndex: {
|
|
77
85
|
type: NumberConstructor;
|
|
78
86
|
};
|
|
@@ -92,7 +100,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
92
100
|
};
|
|
93
101
|
}, {
|
|
94
102
|
container: import("vue").Ref<HTMLElement | null>;
|
|
95
|
-
|
|
103
|
+
virtualListRef: import("vue").Ref<{
|
|
104
|
+
scrollToIndex: (index: number, opts?: {
|
|
105
|
+
align?: "start" | "center" | "end" | "nearest";
|
|
106
|
+
}) => void;
|
|
107
|
+
} | null>;
|
|
96
108
|
searchRef: import("vue").Ref<HTMLInputElement | undefined>;
|
|
97
109
|
selectRef: import("vue").Ref<HTMLElement | undefined>;
|
|
98
110
|
popper: import("vue").Ref<HTMLElement | undefined>;
|
|
@@ -127,7 +139,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
127
139
|
'm-select--multiple': boolean;
|
|
128
140
|
'm-select--error': any;
|
|
129
141
|
})[]>;
|
|
130
|
-
computedWrapperClasses: import("vue").ComputedRef<string
|
|
142
|
+
computedWrapperClasses: import("vue").ComputedRef<(string | {
|
|
143
|
+
[x: string]: boolean;
|
|
144
|
+
})[]>;
|
|
131
145
|
computedConsistentWidth: import("vue").ComputedRef<{
|
|
132
146
|
zIndex: number;
|
|
133
147
|
}>;
|
|
@@ -146,6 +160,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
146
160
|
leaveTo: string;
|
|
147
161
|
};
|
|
148
162
|
toggleAllItems: () => void;
|
|
163
|
+
optionItemHeight: import("vue").ComputedRef<number>;
|
|
164
|
+
optionsHeight: import("vue").ComputedRef<number>;
|
|
165
|
+
optionSizeClass: import("vue").ComputedRef<string>;
|
|
166
|
+
fillRootClass: import("vue").ComputedRef<string | undefined>;
|
|
167
|
+
fillLabelClass: import("vue").ComputedRef<string | undefined>;
|
|
149
168
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
150
169
|
[x: number]: string;
|
|
151
170
|
length: number;
|
|
@@ -301,6 +320,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
301
320
|
type: BooleanConstructor;
|
|
302
321
|
default: boolean;
|
|
303
322
|
};
|
|
323
|
+
fill: {
|
|
324
|
+
type: BooleanConstructor;
|
|
325
|
+
default: boolean;
|
|
326
|
+
};
|
|
327
|
+
noBorder: {
|
|
328
|
+
type: BooleanConstructor;
|
|
329
|
+
default: boolean;
|
|
330
|
+
};
|
|
304
331
|
zIndex: {
|
|
305
332
|
type: NumberConstructor;
|
|
306
333
|
};
|
|
@@ -322,6 +349,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
322
349
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
323
350
|
}, {
|
|
324
351
|
size: Size;
|
|
352
|
+
fill: boolean;
|
|
325
353
|
multiple: boolean;
|
|
326
354
|
disabled: boolean;
|
|
327
355
|
readonly: boolean;
|
|
@@ -339,6 +367,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
339
367
|
allowBlank: boolean;
|
|
340
368
|
selectAll: boolean;
|
|
341
369
|
portal: boolean;
|
|
370
|
+
noBorder: boolean;
|
|
342
371
|
showDataOptions: boolean;
|
|
343
372
|
}, {}>;
|
|
344
373
|
export default _default;
|
|
@@ -31,6 +31,7 @@ export declare const option: string;
|
|
|
31
31
|
export declare const optionFocused: string;
|
|
32
32
|
export declare const optionSelected: string;
|
|
33
33
|
export declare const optionLabel: string;
|
|
34
|
+
export declare const optionSizes: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
|
|
34
35
|
export declare const checkAll: string;
|
|
35
36
|
export declare const checkAllButton: string;
|
|
36
37
|
export declare const checkAllButtonActive: string;
|
|
@@ -39,3 +40,9 @@ export declare const noResults: string;
|
|
|
39
40
|
export declare const clearable: string;
|
|
40
41
|
export declare const arrow: string;
|
|
41
42
|
export declare const arrowOpen: string;
|
|
43
|
+
export declare const fillRoot: string;
|
|
44
|
+
export declare const fill: string;
|
|
45
|
+
export declare const sizes: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
|
|
46
|
+
export declare const fillBase: string;
|
|
47
|
+
export declare const fillLabel: string;
|
|
48
|
+
export declare const noBorder: string;
|