nuxt-hs-ui 2.9.4 → 2.9.6

package/dist/module.json

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

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

@@ -26,6 +26,7 @@ import Btn from "../form/btn.vue";
 const hsFocus = useHsFocus();
 const multiLang = useHsMultiLang();
 const tx = multiLang.tx;
+const gt = multiLang.gt;
 
 // ----------------------------------------------------------------------------
 // [ Props ]
@@ -197,7 +198,9 @@ const includeHidden = computed(() => {
 /** 選択肢 */
 const displayList = computed(() => {
   return useDisplayList<IdType>({
-    list: props.list,
+    list: props.list.map((row) => {
+      return { ...row, text: gt(row.text) };
+    }),
     id: props.data,
     order: props.order,
     unKnownData: unKnownData.value,
@@ -338,7 +341,7 @@ const selectClose = () => {
       <!--  -->
       <!--  -->
       <template #selected-option="{ text, imgUrl, deleted, appendIcon }">
-        <div class="flex items-baseline w-full">
+        <div class="flex items-baseline w-full max-w-full min-w-0">
           <SelectImgIcon
             v-if="imgUrl && props.image"
             class="flex-none"
@@ -347,19 +350,26 @@ const selectClose = () => {
             :class-img="props.classImg"
             :class-img-tag="props.classImgTag"
           />
-          <div class="flex-1 truncate">{{ tx(text) }}</div>
+          <div class="flex-1 truncate min-w-0">{{ text }}</div>
           <div v-if="deleted" class="text-error text-[0.7em] leading-[1em]">
             {{ tx({ ja: "削除済", en: "Deleted" }) }}
           </div>
           <!-- <div v-if="hidden" class="text-error text-[0.7em] leading-[1em]">
             {{ tx({ ja: "非表示", en: "Hidden" }) }}
           </div> -->
-          <span v-if="appendIcon && typeof appendIcon === 'string'">
+          <div
+            v-if="appendIcon && typeof appendIcon === 'string'"
+            class="flex-none"
+          >
             <i :class="appendIcon"></i>
-          </span>
-          <span v-else-if="appendIcon && Array.isArray(appendIcon)">
+          </div>
+
+          <div
+            v-else-if="appendIcon && Array.isArray(appendIcon)"
+            class="flex-none"
+          >
             <i v-for="(c, i) in appendIcon" :key="i" :class="c"></i>
-          </span>
+          </div>
         </div>
       </template>
       <template #option="{ text, imgUrl, deleted, hidden, appendIcon }">
@@ -371,7 +381,7 @@ const selectClose = () => {
             :class-img="props.classImg"
             :class-img-tag="props.classImgTag"
           />
-          <div class="flex-1 truncate">{{ tx(text) }}</div>
+          <div class="flex-1 truncate">{{ text }}</div>
           <div v-if="deleted" class="text-error text-[0.7em] leading-[1em]">
             {{ tx({ ja: "削除済", en: "Deleted" }) }}
           </div>
@@ -438,6 +448,7 @@ const selectClose = () => {
 .v-select .vs__selected,
 .v-select .vs__selected-options {
   max-width: 100%;
+  min-width: 0;
 }
 .v-select .vs__search {
   margin: 0 !important;

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

@@ -30,6 +30,7 @@ type Props = {
   rows?: number;
   maxRows?: number;
   maxLen?: number;
+  autosize?: boolean;
   // ----------------------------------------------------------------------------
   data: string | null;
   diff?: string | null | undefined;
@@ -71,6 +72,7 @@ const props = withDefaults(defineProps<Props>(), {
   rows: 5,
   maxRows: 0,
   maxLen: 0,
+  autosize: false,
   // ----------------------------------------------------------------------------
   diff: undefined,
   tabindex: undefined,
@@ -139,6 +141,7 @@ interface State {
 const state = reactive<State>({
   value: "",
 });
+
 // ----------------------------------------------------------------------------
 watch(
   () => props.data,
@@ -342,6 +345,11 @@ const textAreaClass = computed(() => {
     ),
   ];
 });
+
+const _rows = computed(() => {
+  if (!props.autosize) return props.rows;
+  return Math.max(state.value.split("\n").length, props.rows);
+});
 </script>
 
 <template>
@@ -390,7 +398,7 @@ const textAreaClass = computed(() => {
         v-model="state.value"
         type="text"
         :class="textAreaClass"
-        :rows="props.rows"
+        :rows="_rows"
         :disabled="props.disabled || props.readonly"
         :tabindex="tabindex"
         @blur="onBlur()"

package/package.json

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