vueless 0.0.634 → 0.0.636

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.634",
3
+ "version": "0.0.636",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
6
6
  "keywords": [
@@ -43,6 +43,8 @@ const elementId = props.id || useId();
43
43
 
44
44
  function onClickOption(option: Option) {
45
45
  emit("clickOption", option);
46
+
47
+ hideOptions();
46
48
  }
47
49
 
48
50
  function onClickButton() {
@@ -57,10 +59,6 @@ function hideOptions() {
57
59
  isShownOptions.value = false;
58
60
  }
59
61
 
60
- function onClickList() {
61
- hideOptions();
62
- }
63
-
64
62
  /**
65
63
  * Get element / nested component attributes for each config token ✨
66
64
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
@@ -132,7 +130,6 @@ const { config, dropdownButtonAttrs, dropdownListAttrs, dropdownIconAttrs, wrapp
132
130
  :label-key="labelKey"
133
131
  v-bind="dropdownListAttrs"
134
132
  :data-test="`${dataTest}-list`"
135
- @click="onClickList"
136
133
  @click-option="onClickOption"
137
134
  />
138
135
  </div>
@@ -53,12 +53,10 @@ function hideOptions() {
53
53
  isShownOptions.value = false;
54
54
  }
55
55
 
56
- function onClickList() {
57
- hideOptions();
58
- }
59
-
60
56
  function onClickOption(option: Option) {
61
57
  emit("clickOption", option);
58
+
59
+ hideOptions();
62
60
  }
63
61
 
64
62
  /**
@@ -136,7 +134,6 @@ const { config, wrapperAttrs, dropdownLinkAttrs, dropdownListAttrs, dropdownIcon
136
134
  :label-key="labelKey"
137
135
  v-bind="dropdownListAttrs"
138
136
  :data-test="`${dataTest}-list`"
139
- @click="onClickList"
140
137
  @click-option="onClickOption"
141
138
  />
142
139
  </div>
@@ -20,7 +20,7 @@ export interface Props {
20
20
  /**
21
21
  * Selected item.
22
22
  */
23
- modelValue: string | number | UnknownObject;
23
+ modelValue?: string | number | UnknownObject;
24
24
 
25
25
  /**
26
26
  * List options.
@@ -57,6 +57,10 @@ watchEffect(() => {
57
57
  }, Number(props.debounce));
58
58
  });
59
59
 
60
+ watchEffect(() => {
61
+ localValue.value = props.modelValue;
62
+ });
63
+
60
64
  function onUpdateValue(value: string) {
61
65
  localValue.value = value;
62
66
 
@@ -151,8 +155,8 @@ const {
151
155
  @click="onClickClear"
152
156
  />
153
157
 
154
- <!--
155
- @slot Use it to add something after the text.
158
+ <!--
159
+ @slot Use it to add something after the text.
156
160
  @binding {string} icon-name
157
161
  -->
158
162
  <slot