nuxt-hs-ui 4.0.6 → 4.0.8

package/dist/module.json

@@ -7,7 +7,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "4.0.6",
+  "version": "4.0.8",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/form/_select/item-container.vue

@@ -6,12 +6,13 @@ import { useHsPinia } from "../../../composables/use-pinia";
 import { useHsMultiLang } from "../../../composables/use-hs-multi-lang";
 const props = defineProps({
   item: { type: Object, required: true },
-  value: { type: [String, Number, null], required: false },
+  value: { type: [String, Number, null], required: false, default: null },
+  overflow: { type: Boolean, required: false, default: true },
   img: { type: Boolean, required: false },
   activated: { type: Boolean, required: true },
-  classImg: { type: [String, Object, Array], required: false },
-  classImgTag: { type: [String, Object, Array], required: false },
-  imgMode: { type: String, required: false },
+  classImg: { type: [String, Object, Array], required: false, default: "" },
+  classImgTag: { type: [String, Object, Array], required: false, default: "" },
+  imgMode: { type: String, required: false, default: "contain" },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
   type: { type: String, required: true }
@@ -41,7 +42,7 @@ const labels = computed(() => {
     v-if="props.type === 'display'"
     :key="item._key + 'label'"
     :item="item"
-    overflow
+    :overflow="overflow"
     :disabled="props.disabled"
     :readonly="props.readonly"
   />

package/dist/runtime/components/form/_select/item-container.vue.d.ts

@@ -5,6 +5,7 @@ type Props = {
         _key: string;
     };
     value?: string | number | null;
+    overflow?: boolean;
     img?: boolean;
     activated: boolean;
     classImg?: ClassType;
@@ -14,6 +15,12 @@ type Props = {
     readonly?: boolean;
     type: 'display' | 'item';
 };
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    value: string | number | null;
+    classImg: ClassType;
+    classImgTag: ClassType;
+    imgMode: "cover" | "contain";
+    overflow: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -349,10 +349,10 @@ watch(computedActivate, (value) => {
     <template #overlay="{ focus, change }">
       <div
         v-if="props.diff !== void 0 && change"
-        class="absolute inset-0 bg-red/30 transition-opacity flex items-center p-1 bg-dark/20"
+        class="absolute inset-0 bg-red/30 transition-opacity flex items-center p-1 bg-dark/20 overflow-hidden"
         :class="!focus && hsMisc.capsLockState ? 'opacity-100' : 'opacity-0 pointer-events-none select-none'"
       >
-        <div class="flex" @mousedown.prevent @click.prevent>
+        <div class="flex items-center w-full h-full py-1" @mousedown.prevent @click.prevent>
           <Btn
             variant="outlined"
             theme="error"
@@ -363,7 +363,7 @@ watch(computedActivate, (value) => {
           >
             <i class="fa-solid fa-rotate-right"></i>
           </Btn>
-          <div v-if="props.diff" class="px-1 truncate bg-white mx-1 flex items-center select-none" @click.stop>
+          <div v-if="props.diff" class="px-1 mx-1 flex-1 select-none truncate bg-white" @click.stop>
             {{ diffDisplayText }}
           </div>
         </div>
@@ -419,6 +419,7 @@ watch(computedActivate, (value) => {
           :trailing="false"
           trailing-icon=""
           :ui="{
+  content: 'max-h-100',
   base: uiBase,
   item: ['!bg-white hover:!bg-white focus:bg-white active:bg-white p-0']
 }"
@@ -454,6 +455,7 @@ watch(computedActivate, (value) => {
                   :img-mode="props.imgMode"
                   :disabled="props.disabled"
                   :readonly="props.readonly"
+                  :overflow="false"
                   type="display"
                 />
               </template>
@@ -506,6 +508,7 @@ watch(computedActivate, (value) => {
           :trailing="false"
           trailing-icon=""
           :ui="{
+  content: 'max-h-100',
   base: uiBase,
   item: ['!bg-white hover:!bg-white focus:bg-white active:bg-white p-0']
 }"
@@ -542,6 +545,7 @@ watch(computedActivate, (value) => {
                   :img-mode="props.imgMode"
                   :disabled="props.disabled"
                   :readonly="props.readonly"
+                  :overflow="false"
                   type="display"
                 />
               </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-hs-ui",
-  "version": "4.0.6",
+  "version": "4.0.8",
   "description": "This repository is dedicated to the ongoing migration of **nuxt-hs-ui** to **Nuxt 4**",
   "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
   "license": "MIT",