@veritree/ui 0.39.0 → 0.39.2

package/package.json

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

package/src/components/Alert/VTAlert.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="visible"
+    v-if="isVisible"
     :class="[
       // default styles
       headless ? 'alert' : 'flex items-start gap-3 rounded border border-solid',
@@ -60,6 +60,12 @@ export default {
     prop: 'visible',
   },
 
+  data() {
+    return {
+      visibleLocal: true,
+    };
+  },
+
   props: {
     variant: {
       type: String,
@@ -79,7 +85,7 @@ export default {
     },
     visible: {
       type: Boolean,
-      default: false,
+      default: null,
     },
   },
 
@@ -103,11 +109,18 @@ export default {
     isSmall() {
       return this.size === 'small';
     },
+
+    isVisible() {
+      return this.visible !== null ? this.visible : this.visibleLocal;
+    },
   },
 
   methods: {
     hide() {
-      this.$emit('input', false);
+      this.visible !== null
+        ? this.$emit('input', false)
+        : (this.visibleLocal = false);
+
       this.$emit('dismiss');
     },
   },

package/src/components/Listbox/VTListboxItem.vue

@@ -16,6 +16,9 @@
     @keydown.enter.prevent="onClick"
     @keydown.tab.prevent
   >
+    <!-- <span v-if="multiple">
+      <input type="radio" v-model="options" :value="value" />
+    </span> -->
     <slot></slot>
     <span v-if="wasSelected" class="ml-auto">
       <IconCheckOutline class="text-secondary-200 h-5 w-5" />
@@ -50,6 +53,7 @@ export default {
       // apiInjected is used in the mixin floating-ui-item
       apiInjected: this.apiListbox,
       componentName: 'listbox-item',
+      options: [],
     };
   },
 

package/src/components/Listbox/VTListboxList.vue

@@ -2,7 +2,9 @@
   <ul
     :id="id"
     :class="[
-      headless ? 'listbox-list' : '-mx-3 max-h-[160px] w-auto overflow-y-auto',
+      headless
+        ? 'listbox-list'
+        : '-mx-3 max-h-[160px] w-auto overflow-y-auto scroll-auto',
     ]"
   >
     <slot></slot>

package/src/components/Listbox/VTListboxSearch.vue

@@ -111,6 +111,7 @@ export default {
 
       // select new item
       if (this.items[newSelectedIndex]) {
+        this.index = newSelectedIndex;
         this.items[newSelectedIndex].select();
       }
     },

package/src/components/Utils/FloatingUi.vue

@@ -15,7 +15,7 @@
         :class="[
           headless
             ? `${this.component}-content`
-            : `shadow-300 absolute z-50 grid overflow-x-hidden rounded-md  ${this.classes} ${this.portalClass}`,
+            : `shadow-300 absolute z-50 grid overflow-hidden rounded-md  ${this.classes} ${this.portalClass}`,
         ]"
         v-bind="$attrs"
       >