nuxt-hs-ui 2.11.3 → 2.11.4

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.15.0"
   },
-  "version": "2.11.3",
+  "version": "2.11.4",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/form/radio.vue

@@ -9,7 +9,15 @@
 // [ tailwind ]
 import { twMerge } from "tailwind-merge";
 // [ NUXT ]
-import { reactive, ref, watch, computed, useId, nextTick } from "#imports";
+import {
+  reactive,
+  ref,
+  watch,
+  computed,
+  useId,
+  nextTick,
+  type Ref,
+} from "#imports";
 // [ utils ]
 import { type ClassType, ClassTypeToString } from "../../utils/class-style";
 import type { SelectItem } from "../../utils/select-item";
@@ -210,7 +218,30 @@ interface SelectItemShow extends DisplaySelectItem<IdType> {
   activate: boolean;
   i: number;
 }
-const displayList = ref<SelectItemShow[]>([]);
+const displayList: Ref<SelectItemShow[]> = ref([]);
+
+const setDisplayList = () => {
+  console.log("setDisplayList");
+  displayList.value = useDisplayList<IdType>({
+    list: ObjectCopy(props.list).map((row) => {
+      return { ...row, text: gt(row.text) };
+    }),
+    id: props.data,
+    order: props.order,
+    unKnownData: unKnownData.value,
+    unKnownSelected: unKnownSelected.value,
+    isShowHidden: isShowHidden.value,
+    require: props.require || !props.nullable,
+    nullText: tx(props.nullText).value,
+  }).map((row, index) => {
+    return {
+      ...row,
+      elm: null,
+      activate: false,
+      i: index,
+    };
+  }) as SelectItemShow[];
+};
 
 watch(
   () => [
@@ -223,48 +254,12 @@ watch(
     props.nullText,
   ],
   () => {
-    displayList.value = useDisplayList<IdType>({
-      list: ObjectCopy(props.list).map((row) => {
-        return { ...row, text: gt(row.text) };
-      }),
-      id: props.data,
-      order: props.order,
-      unKnownData: unKnownData.value,
-      unKnownSelected: unKnownSelected.value,
-      isShowHidden: isShowHidden.value,
-      require: props.require || !props.nullable,
-      nullText: tx(props.nullText).value,
-    }).map((row, index) => {
-      return {
-        ...row,
-        elm: null,
-        activate: false,
-        i: index,
-      };
-    }) as SelectItemShow[];
+    nextTick(() => {
+      setDisplayList();
+    });
   },
   { immediate: true }
 );
-
-// const displayList = computed<SelectItemShow[]>(() => {
-//   return useDisplayList<IdType>({
-//     list: props.list,
-//     id: props.data,
-//     order: props.order,
-//     unKnownData: unKnownData.value,
-//     unKnownSelected: unKnownSelected.value,
-//     isShowHidden: isShowHidden.value,
-//     require: props.require || !props.nullable,
-//     nullText: tx(props.nullText).value,
-//   }).map((row, index) => {
-//     return {
-//       ...row,
-//       elm: null,
-//       activate: false,
-//       i: index,
-//     };
-//   });
-// });
 // ----------------------------------------------------------------------------
 
 const checkData = (id: IdType | null) => {
@@ -395,6 +390,7 @@ const onKeyup = (event: KeyboardEvent) => {
 const setValue = async (row: SelectItemShow | null) => {
   if (props.disabled) return;
   if (props.readonly) return;
+  console.log(row);
   displayData.value = row;
 };
 
@@ -518,7 +514,7 @@ const inputClass = computed(() => {
             :class="colClass"
             @mousedown="onMousedownItem"
             @mouseup="onMouseupItem(row.elm)"
-            @click="setValue(row as SelectItemShow)"
+            @click="setValue(row)"
           >
             <div
               class="nac-radio"

package/dist/runtime/components/form/select.vue

@@ -416,7 +416,10 @@ const inputElement = ref<HTMLElement | null>(null);
       <!--  -->
       <!--  -->
       <template #selected-option="{ text, imgUrl, deleted, appendIcon }">
-        <div class="flex items-baseline w-full max-w-full min-w-0">
+        <div
+          class="flex items-baseline w-full max-w-full min-w-0"
+          :class="loading ? 'opacity-0' : ''"
+        >
           <SelectImgIcon
             v-if="imgUrl && props.image"
             class="flex-none"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-hs-ui",
-  "version": "2.11.3",
+  "version": "2.11.4",
   "description": "My new Nuxt module",
   "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
   "license": "MIT",