vueless 0.0.323 → 0.0.324
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/package.json
CHANGED
|
@@ -44,15 +44,8 @@ export default function useAttrs(props) {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
const optionAttrs = (classes = []) => {
|
|
48
|
-
const mergedClasses = cx([optionClasses.value, ...classes]);
|
|
49
|
-
|
|
50
|
-
return getAttrs("option", { classes: mergedClasses }).value;
|
|
51
|
-
};
|
|
52
|
-
|
|
53
47
|
return {
|
|
54
48
|
...attrs,
|
|
55
|
-
optionAttrs,
|
|
56
49
|
optionClasses,
|
|
57
50
|
hasSlotContent,
|
|
58
51
|
config,
|
|
@@ -21,7 +21,8 @@
|
|
|
21
21
|
<!-- option title -->
|
|
22
22
|
<span
|
|
23
23
|
v-if="!(option && (option.groupLabel || option.isSubGroup)) && !option.isHidden"
|
|
24
|
-
v-bind="optionAttrs
|
|
24
|
+
v-bind="optionAttrs"
|
|
25
|
+
:class="optionHighlight(index, option)"
|
|
25
26
|
@click="select(option)"
|
|
26
27
|
@mouseenter.self="pointerSet(index)"
|
|
27
28
|
>
|
|
@@ -102,6 +102,13 @@ const GroupValuesTemplate = (args) => ({
|
|
|
102
102
|
export const Default = DefaultTemplate.bind({});
|
|
103
103
|
Default.args = {};
|
|
104
104
|
|
|
105
|
+
export const LargeItemList = DefaultTemplate.bind({});
|
|
106
|
+
LargeItemList.args = {
|
|
107
|
+
options: [...new Array(1000)].map((_, index) => {
|
|
108
|
+
return { id: index + 1, label: `value ${index + 1}`, badge: "badge" };
|
|
109
|
+
}),
|
|
110
|
+
};
|
|
111
|
+
|
|
105
112
|
export const Multiple = DefaultTemplate.bind({});
|
|
106
113
|
Multiple.args = { multiple: true, modelValue: [] };
|
|
107
114
|
|
package/ui.form-select/index.vue
CHANGED
|
@@ -684,6 +684,10 @@ const filteredOptions = computed(() => {
|
|
|
684
684
|
)
|
|
685
685
|
: [...props.options];
|
|
686
686
|
|
|
687
|
+
if (!normalizedSearch) {
|
|
688
|
+
return options.slice(0, props.optionsLimit || options.length);
|
|
689
|
+
}
|
|
690
|
+
|
|
687
691
|
options = props.groupValueKey
|
|
688
692
|
? filterAndFlat(options, normalizedSearch, props.labelKey)
|
|
689
693
|
: SelectService.filterOptions(options, normalizedSearch, props.labelKey);
|