nuxt-hs-ui 2.10.2 → 2.11.1

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.15.0"
   },
-  "version": "2.10.2",
+  "version": "2.11.1",
   "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

@@ -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: "",
@@ -406,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

@@ -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: "",
@@ -308,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: "",
@@ -275,9 +277,9 @@ const lenLabelClass = computed(() => {
   return [
     twMerge(
       "text-white bg-[#2fa412]",
-      props.maxLen - state.value.length < 5 ? "bg-[#fdc90d]" : "",
-      props.maxLen - state.value.length < 3 ? "bg-[#fd750d]" : "",
-      props.maxLen - state.value.length < 1 ? "bg-[#fa541d]" : ""
+      props.maxLen - state.value.length < 9 ? "bg-[#fdc90d]" : "",
+      props.maxLen - state.value.length < 6 ? "bg-[#fd750d]" : "",
+      props.maxLen - state.value.length < 3 ? "bg-[#fa541d]" : ""
     ),
   ];
 });
@@ -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: "",
@@ -317,9 +319,9 @@ const rowLabelClass = computed(() => {
   return [
     twMerge(
       "text-white bg-[#2fa412]",
-      last < 5 ? "bg-[#fdc90d]" : "",
-      last < 3 ? "bg-[#fd750d]" : "",
-      last < 1 ? "bg-[#fa541d]" : ""
+      last < 9 ? "bg-[#fdc90d]" : "",
+      last < 6 ? "bg-[#fd750d]" : "",
+      last < 3 ? "bg-[#fa541d]" : ""
     ),
   ];
 });
@@ -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/dist/runtime/components/interactive/modal.vue

@@ -9,7 +9,7 @@
 // [ tailwind ]
 import { twMerge } from "tailwind-merge";
 // [ NUXT ]
-import { useId, computed, watch, onUnmounted } from "#imports";
+import { useId, computed, watch, onUnmounted, ref } from "#imports";
 // [ utils ]
 import { type ClassType, ClassTypeToString } from "../../utils/class-style";
 // [ composables ]
@@ -111,6 +111,7 @@ const classInner = computed(() => {
     "transition-opacity",
     props.closeable ? "cursor-pointer" : "",
     props.show ? "pointer-events-all" : "pointer-events-none",
+    // "bg-red-600",
     ClassTypeToString(props.classInner)
   );
 });
@@ -120,6 +121,14 @@ const closeOnBackEvent = () => {
     emit("close");
   }
 };
+const down = ref(false);
+const downStop = () => {
+  console.log("downStop", down.value);
+  if (down.value) {
+    down.value = false;
+    closeOnBackEvent();
+  }
+};
 </script>
 
 <template>
@@ -133,10 +142,17 @@ const closeOnBackEvent = () => {
         :class="classStyle"
         :style="{ zIndex: zOrder, opacity: props.show ? 1 : 0 }"
       >
-        <!-- :aria-hidden="!props.show" -->
-        <div :class="classInner" @click="closeOnBackEvent">
+        <div
+          :class="classInner"
+          @mousedown.self="down = true"
+          @mouseup.self="downStop"
+          @mousedown.stop
+          @mouseup.stop
+          @click.stop=""
+        >
           <slot />
         </div>
+        <div class="fixed bottom-0 right-0 bg-white z-50">{{ down }}</div>
       </div>
     </Teleport>
   </ClientOnly>

package/package.json

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