@veritree/ui 0.19.2-14 → 0.19.2-16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.19.2-14",
+  "version": "0.19.2-16",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/Disclosure/VTDisclosureContent.vue

@@ -59,7 +59,7 @@ export default {
     this.apiDisclosure().register('contents', content);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.apiDisclosure().unregister('contents', this.id);
   },
 

package/src/components/Disclosure/VTDisclosureDetails.vue

@@ -63,7 +63,7 @@ export default {
     this.apiDisclosure().register('details', detail);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.apiDisclosure().unregister('details', this.id);
   },
 

package/src/components/Disclosure/VTDisclosureHeader.vue

@@ -78,7 +78,7 @@ export default {
     this.apiDisclosure().register('headers', header);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.apiDisclosure().unregister('headers', this.id);
   },
 

package/src/components/Disclosure/VTDisclosureIcon.vue

@@ -50,7 +50,7 @@ export default {
     this.apiDisclosure().register('icons', icon);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.apiDisclosure().unregister('icons', this.id);
   },
 

package/src/components/DropdownMenu/VTDropdownMenuContent.vue

@@ -73,7 +73,7 @@ export default {
     });
   },
 
-  destroyed() {
+  unmounted() {
     // TODO: Create a directive or mixin for this
     document.removeEventListener('click', this.trigger.onClick());
   },

package/src/components/DropdownMenu/VTDropdownMenuTrigger.vue

@@ -51,7 +51,7 @@ export default {
     this.addTriggerEvents();
   },
 
-  destroyed() {
+  unmounted() {
     this.trigger.removeEventListener('click', this.onClick());
   },
 

package/src/components/Listbox/VTListbox.vue

@@ -47,7 +47,7 @@ export default {
         };
 
         const emit = (value) => {
-          this.$emit('input', value);
+          this.$emit('update:modelValue', value);
           this.$emit('change', value);
         };
 
@@ -74,7 +74,7 @@ export default {
   },
 
   props: {
-    value: {
+    modelValue: {
       type: [String, Number, Object],
       default: null,
     },

package/src/components/Listbox/VTListboxContent.vue

@@ -110,7 +110,7 @@ export default {
     });
   },
 
-  destroyed() {
+  unmounted() {
     // T-88 Create a directive or mixin for this
     document.removeEventListener('click', this.trigger.onClick());
   },

package/src/components/Listbox/VTListboxItem.vue

@@ -14,8 +14,8 @@
     :tabindex="tabIndex"
     role="option"
     @click.stop="onClick"
-    @keydown.down.prevent="focusPreviousItem"
-    @keydown.up.prevent="focusNextItem"
+    @keydown.down.prevent="focusNextItem"
+    @keydown.up.prevent="focusPreviousItem"
     @keydown.home.prevent="focusFirstItem"
     @keydown.end.prevent="focusLastItem"
     @keydown.esc.stop="onKeyEsc"
@@ -114,6 +114,7 @@ export default {
       select: this.select,
       unselect: this.unselect,
       onClick: this.onClick,
+      onKeyEnter: this.onKeyEnter,
     };
 
     this.apiListbox().registerItem(item);
@@ -121,7 +122,7 @@ export default {
     this.index = this.items.length - 1;
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.apiListbox().unregisterItem(this.id);
   },
 

package/src/components/Listbox/VTListboxSearch.vue

@@ -1,9 +1,9 @@
 <template>
   <input
-    v-model="search"
+    :value="modelValue"
     :class="{ ListboxList: headless, 'form-control mb-1': !headless }"
-    type="text"
-    @input="onChange"
+    placeholder="Search"
+    @input="onInput"
     @keydown.down.prevent="focusNextItem"
     @keydown.up.prevent="focusPreviousItem"
     @keydown.home.prevent="focusFirstItem"
@@ -21,6 +21,10 @@ export default {
   inject: ['apiListbox'],
 
   props: {
+    modelValue: {
+      type: [String],
+      default: null,
+    },
     headless: {
       type: Boolean,
       default: false,
@@ -29,7 +33,6 @@ export default {
 
   data() {
     return {
-      search: '',
       index: -1,
     };
   },
@@ -64,10 +67,9 @@ export default {
     this.apiListbox().registerSearch(search);
   },
 
-  beforeDestroy() {
-    this.search = '';
-    this.$emit('change', this.search.trim());
-  },
+  // beforeUnmount() {
+  //   this.$emit('change', this.search.trim());
+  // },
 
   methods: {
     focusNextItem() {
@@ -119,14 +121,14 @@ export default {
       if (this.item) this.item.unselect();
     },
 
-    onChange() {
+    onInput(event) {
       this.index = 0;
       if (this.item) this.item.select();
-
-      this.$emit('change', this.search.trim());
+      this.$emit('update:modelValue', event.target.value);
     },
 
     onKeyEnter() {
+      console.log(this.item);
       if (this.item) this.item.onClick();
     },
 

package/src/components/Popover/VTPopoverContent.vue

@@ -64,7 +64,7 @@ export default {
     });
   },
 
-  destroyed() {
+  unmounted() {
     // T-76 Create a directive or mixin for this
     document.removeEventListener('click', this.hide());
   },

package/src/components/Tabs/VTTab.vue

@@ -59,7 +59,7 @@ export default {
     this.apiTabs().registerTab(this);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.apiTabs().unregisterTab(this.index);
   },
 

package/src/components/Tabs/VTTabPanel.vue

@@ -33,7 +33,7 @@ export default {
     this.apiTabs().registerTabPanel(this);
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.apiTabs().unregisterTabPanel(this.id);
   },