vueless 1.0.2-beta.5 → 1.0.2-beta.7
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/README.md +3 -1
- package/package.json +1 -1
- package/ui.form-select/USelect.vue +7 -4
package/README.md
CHANGED
|
@@ -13,6 +13,7 @@ Vueless is simple enough for everyday use and powerful enough for advanced scena
|
|
|
13
13
|
### Key features
|
|
14
14
|
|
|
15
15
|
- 🧩 65+ UI components (including range date picker, multi-selects, and nested table)
|
|
16
|
+
- 🪄 Automatic on-demand component import (as you use them)
|
|
16
17
|
- 📘 Built-in Storybook support
|
|
17
18
|
- 🌈 Beautiful, modern default UI theme
|
|
18
19
|
- 🌗 Light and dark mode support
|
|
@@ -66,12 +67,13 @@ createApp(App).use(vueless).mount('#app');
|
|
|
66
67
|
4. Add Vite plugins.
|
|
67
68
|
|
|
68
69
|
```javascript
|
|
69
|
-
import { Vueless, UnpluginComponents } from "vueless/plugin-vite";
|
|
70
|
+
import { Vueless, TailwindCSS, UnpluginComponents } from "vueless/plugin-vite";
|
|
70
71
|
|
|
71
72
|
export default defineConfig({
|
|
72
73
|
plugins: [
|
|
73
74
|
...
|
|
74
75
|
Vueless(),
|
|
76
|
+
TailwindCSS(),
|
|
75
77
|
UnpluginComponents(),
|
|
76
78
|
],
|
|
77
79
|
...
|
package/package.json
CHANGED
|
@@ -457,7 +457,6 @@ const {
|
|
|
457
457
|
<template>
|
|
458
458
|
<ULabel
|
|
459
459
|
ref="labelComponent"
|
|
460
|
-
:for="elementId"
|
|
461
460
|
:size="size"
|
|
462
461
|
:label="label"
|
|
463
462
|
:error="error"
|
|
@@ -583,7 +582,12 @@ const {
|
|
|
583
582
|
@binding {object} options
|
|
584
583
|
-->
|
|
585
584
|
<slot name="selected-options" :options="multiple ? selectedOptions.full : selectedOption">
|
|
586
|
-
<span
|
|
585
|
+
<span
|
|
586
|
+
v-if="!multiple"
|
|
587
|
+
v-bind="selectedLabelsAttrs"
|
|
588
|
+
@click.stop="toggle"
|
|
589
|
+
@mousedown.prevent
|
|
590
|
+
>
|
|
587
591
|
<!--
|
|
588
592
|
@slot Use it to customize selected option.
|
|
589
593
|
@binding {string} label
|
|
@@ -604,7 +608,7 @@ const {
|
|
|
604
608
|
</slot>
|
|
605
609
|
</span>
|
|
606
610
|
|
|
607
|
-
<div v-else v-bind="selectedLabelsAttrs">
|
|
611
|
+
<div v-else v-bind="selectedLabelsAttrs" @click.stop="toggle" @mousedown.prevent>
|
|
608
612
|
<template v-if="isMultipleInlineVariant">
|
|
609
613
|
<div :title="selectedOptionsLabel.full" v-bind="selectedLabelAttrs">
|
|
610
614
|
<template v-for="(option, index) in selectedOptions.visible" :key="index">
|
|
@@ -664,7 +668,6 @@ const {
|
|
|
664
668
|
:size="size"
|
|
665
669
|
variant="subtle"
|
|
666
670
|
v-bind="badgeLabelAttrs"
|
|
667
|
-
@click.stop="toggle"
|
|
668
671
|
>
|
|
669
672
|
<div v-bind="selectedLabelTextAttrs">
|
|
670
673
|
{{ option[labelKey] }}
|