nuxt-hs-ui 2.10.1 → 2.11.0

package/dist/module.json

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

package/dist/runtime/components/form/check-list.vue

@@ -54,6 +54,7 @@ type Props = {
   disabled?: boolean;
   disabledColor?: string;
   readonly?: boolean;
+  headerless?: boolean;
   // ----------------------------------------------------------------------------
   // 表示
   label?: MultiLang;
@@ -97,6 +98,7 @@ const props = withDefaults(defineProps<Props>(), {
   disabled: false,
   disabledColor: "",
   readonly: false,
+  headerless: false,
   // ----------------------------------------------------------------------------
   // 表示
   label: "",
@@ -318,6 +320,7 @@ const itemClass = computed(() => {
     :warn="props.warn"
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
+    :headerless="props.headerless"
   >
     <template v-if="slots['left-icons']" #left-icons>
       <slot name="left-icons" :disabled="disabled" />

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

@@ -105,6 +105,7 @@ type Props = {
   disabled?: boolean;
   disabledColor?: string;
   readonly?: boolean;
+  headerless?: boolean;
   // ----------------------------------------------------------------------------
   // 表示
   label?: MultiLang;
@@ -155,6 +156,7 @@ const props = withDefaults(defineProps<Props>(), {
   disabled: false,
   disabledColor: "",
   readonly: false,
+  headerless: false,
   // ----------------------------------------------------------------------------
   // 表示
   label: "",
@@ -760,6 +762,7 @@ const computedIsFocusOpenBtn = computed(() => {
     :warn="props.warn"
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
+    :headerless="props.headerless"
   >
     <template v-if="slots.overlay" #overlay>
       <slot name="overlay"></slot>

package/dist/runtime/components/form/input-frame.vue

@@ -33,6 +33,7 @@ type Props = {
   disabled?: boolean;
   disabledColor?: string;
   readonly?: boolean;
+  headerless?: boolean;
   // ----------------------------------------------------------------------------
 
   // 表示
@@ -61,6 +62,7 @@ const props = withDefaults(defineProps<Props>(), {
   disabled: false,
   disabledColor: "",
   readonly: false,
+  headerless: false,
   // ----------------------------------------------------------------------------
   // 表示
   label: "",
@@ -191,7 +193,7 @@ const hasHeader = computed(() => {
     </div>
     <div class="flex-1 flex flex-col overflow-hidden justify-start">
       <div
-        v-if="hasHeader"
+        v-if="hasHeader && !props.headerless"
         class="flex-none flex items-end"
         :class="headerClass"
       >

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

@@ -9,7 +9,7 @@
 // [ tailwind ]
 import { twMerge } from "tailwind-merge";
 // [ NUXT ]
-import { reactive, ref, watch, computed, useId } from "#imports";
+import { reactive, ref, watch, computed, useId, nextTick } from "#imports";
 // [ utils ]
 import { type ClassType, ClassTypeToString } from "../../utils/class-style";
 import type { SelectItem } from "../../utils/select-item";
@@ -62,6 +62,7 @@ type Props = {
   disabled?: boolean;
   disabledColor?: string;
   readonly?: boolean;
+  headerless?: boolean;
   // ----------------------------------------------------------------------------
   // 表示
   label?: MultiLang;
@@ -105,6 +106,7 @@ const props = withDefaults(defineProps<Props>(), {
   disabled: false,
   disabledColor: "",
   readonly: false,
+  headerless: false,
   // ----------------------------------------------------------------------------
   // 表示
   label: "",
@@ -247,6 +249,12 @@ watch(
     checkData(id);
   }
 );
+watch(displayList, () => {
+  // console.log("change list");
+  nextTick(() => {
+    checkData(props.data);
+  });
+});
 // ----------------------------------------------------------------------------
 
 // [ focus, blur ]
@@ -400,6 +408,7 @@ const inputClass = computed(() => {
     :warn="props.warn"
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
+    :headerless="props.headerless"
   >
     <template v-if="slots['left-icons']" #left-icons>
       <slot name="left-icons" :disabled="disabled" />

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

@@ -8,7 +8,7 @@
 
 // [ tailwind ]
 // [ NUXT ]
-import { reactive, ref, watch, computed, useId } from "#imports";
+import { reactive, ref, watch, computed, useId, nextTick } from "#imports";
 // [ utils ]
 import type { ClassType } from "../../utils/class-style";
 import type { SelectItem } from "../../utils/select-item";
@@ -60,6 +60,7 @@ type Props = {
   disabled?: boolean;
   disabledColor?: string;
   readonly?: boolean;
+  headerless?: boolean;
   // ----------------------------------------------------------------------------
   // 表示
   label?: MultiLang;
@@ -101,6 +102,7 @@ const props = withDefaults(defineProps<Props>(), {
   disabled: false,
   disabledColor: "",
   readonly: false,
+  headerless: false,
   // ----------------------------------------------------------------------------
   // 表示
   label: "",
@@ -213,6 +215,7 @@ const displayList = computed(() => {
 // ----------------------------------------------------------------------------
 
 const checkData = (id: IdType | null) => {
+  // console.log("checkData");
   const ret = displayList.value.find((row) => row.id === id);
   if (ret === undefined) {
     // 選択肢に存在しないコード引当
@@ -231,6 +234,12 @@ watch(
     checkData(id);
   }
 );
+watch(displayList, () => {
+  // console.log("change list");
+  nextTick(() => {
+    checkData(props.data);
+  });
+});
 // ----------------------------------------------------------------------------
 
 // [ focus, blur ]
@@ -301,6 +310,7 @@ const selectClose = () => {
     :warn="props.warn"
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
+    :headerless="props.headerless"
   >
     <template v-if="slots['left-icons']" #left-icons>
       <slot name="left-icons" :disabled="disabled" />

package/dist/runtime/components/form/text-box.vue

@@ -61,6 +61,7 @@ type Props = {
   disabled?: boolean;
   disabledColor?: string;
   readonly?: boolean;
+  headerless?: boolean;
   // ----------------------------------------------------------------------------
   // 表示
   label?: MultiLang;
@@ -101,6 +102,7 @@ const props = withDefaults(defineProps<Props>(), {
   disabled: false,
   disabledColor: "",
   readonly: false,
+  headerless: false,
   // ----------------------------------------------------------------------------
   // 表示
   label: "",
@@ -306,6 +308,7 @@ const dataListId = ref(`textbox-list-${uid}`);
     :warn="props.warn"
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
+    :headerless="props.headerless"
     @click="elmFocus"
   >
     <template v-if="slots['left-icons']" #left-icons>

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

@@ -50,6 +50,7 @@ type Props = {
   disabled?: boolean;
   disabledColor?: string;
   readonly?: boolean;
+  headerless?: boolean;
   // ----------------------------------------------------------------------------
   // 表示
   label?: MultiLang;
@@ -91,6 +92,7 @@ const props = withDefaults(defineProps<Props>(), {
   disabled: false,
   disabledColor: "",
   readonly: false,
+  headerless: false,
   // ----------------------------------------------------------------------------
   // 表示
   label: "",
@@ -372,6 +374,7 @@ const _rows = computed(() => {
     :warn="props.warn"
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
+    :headerless="props.headerless"
     @click="elmFocus"
   >
     <template v-if="$slots.label" #label>

package/dist/runtime/components/form/value-box.vue

@@ -73,6 +73,7 @@ type Props = {
   disabled?: boolean;
   disabledColor?: string;
   readonly?: boolean;
+  headerless?: boolean;
   // ----------------------------------------------------------------------------
   // 表示
   label?: MultiLang;
@@ -125,6 +126,7 @@ const props = withDefaults(defineProps<Props>(), {
   disabled: false,
   disabledColor: "",
   readonly: false,
+  headerless: false,
   // ----------------------------------------------------------------------------
   // 表示
   label: "",
@@ -563,6 +565,7 @@ watch(
     :warn="props.warn"
     :warn-time-out="props.warnTimeOut"
     :size="props.size"
+    :headerless="props.headerless"
     @click="elmFocus"
   >
     <template v-if="slots['left-icons']" #left-icons>

package/package.json

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