nuxt-hs-ui 2.11.4 → 2.12.0

package/dist/module.json

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

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

@@ -221,7 +221,7 @@ interface SelectItemShow extends DisplaySelectItem<IdType> {
 const displayList: Ref<SelectItemShow[]> = ref([]);
 
 const setDisplayList = () => {
-  console.log("setDisplayList");
+  // console.log("setDisplayList");
   displayList.value = useDisplayList<IdType>({
     list: ObjectCopy(props.list).map((row) => {
       return { ...row, text: gt(row.text) };
@@ -390,7 +390,7 @@ const onKeyup = (event: KeyboardEvent) => {
 const setValue = async (row: SelectItemShow | null) => {
   if (props.disabled) return;
   if (props.readonly) return;
-  console.log(row);
+  // console.log(row);
   displayData.value = row;
 };
 

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.4",
+  "version": "2.12.0",
   "description": "My new Nuxt module",
   "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
   "license": "MIT",