nuxt-hs-ui 2.11.5 → 2.12.1

package/dist/module.json

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

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

@@ -249,7 +249,7 @@ const validCheck = (
       value: props.max,
       message: gt(props.uiText.validError.maxValue).replace(
         /\{value\}/g,
-        String(props.min)
+        String(props.max)
       ),
       // message: `[${props.max}]以上の数値は入力できません`,
     };

package/dist/runtime/components/interactive/dialog.vue

@@ -83,6 +83,17 @@ const clickCancel = () => {
   item.data.cancelBtnClick();
 };
 
+const clickBg = () => {
+  if (activeItem.value === null) return;
+  const item = activeItem.value;
+  if (activeItem.value?.data.option.bgClose === true) {
+    item.data.cancelBtnClick();
+    return;
+  }
+  if (item.data.option.btnCancel.isShow === false) return;
+  item.data.cancelBtnClick();
+};
+
 watch(activateTs, async (ts) => {
   await nextTick();
   if (ts === null || !isShow.value) {
@@ -217,6 +228,14 @@ const baseCardHeader = [
   "py-1",
   "pe-1",
 ];
+
+const modalClosable = computed(() => {
+  if (activeItem.value?.data.option.btnCancel.isShow) return true;
+  if (activeItem.value?.data.option.bgClose !== undefined) {
+    return activeItem.value?.data.option.bgClose;
+  }
+  return false;
+});
 </script>
 
 <template>
@@ -226,8 +245,8 @@ const baseCardHeader = [
       :show="isShow"
       :z-index="zindex"
       focus-lock
-      :closeable="activeItem?.data.option.btnCancel.isShow || false"
-      @close="clickCancel()"
+      :closeable="modalClosable"
+      @close="clickBg()"
     >
       <Card
         v-if="activeItem !== null"

package/dist/runtime/components/interactive/modal.vue

@@ -160,7 +160,6 @@ const downStop = () => {
         >
           <slot />
         </div>
-        <div class="fixed bottom-0 right-0 bg-white z-50">{{ down }}</div>
       </div>
     </Teleport>
   </ClientOnly>

package/dist/runtime/types/dialog.d.ts

@@ -14,6 +14,7 @@ export interface DialogOption {
     zindex: number;
     theme: Theme;
     defaultBtn: "left" | "right" | "cancel" | null;
+    bgClose?: boolean;
     btnLeft: {
         isShow: boolean;
         title: MultiLang;

package/dist/runtime/types/dialog.js

@@ -9,6 +9,7 @@ export const InitDialogOption = () => {
     zindex: 10001,
     theme: "main1",
     defaultBtn: "right",
+    bgClose: void 0,
     btnLeft: {
       isShow: true,
       title: "no",

package/package.json

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