nuxt-hs-ui 2.2.0 → 2.3.1

package/README.md

@@ -1,33 +1,33 @@
-# nuxt-hs-ui
-
-.......
- 
-
-## Installation
-
-```sh
-npm i nuxt-hs-ui
-```
-
-### Nuxt
-
-```ts
-import twConfig from "./tailwind.config";
-export default defineNuxtConfig({
-  modules: [
-    //
-    [
-      "nuxt-hs-ui",
-      {
-        tailwind: twConfig,
-        prefix: {
-          nuxtUi: "",
-          form: "",
-          interactive: "",
-          layout: "",
-        },
-      },
-    ],
-  ],
-});
-```
+# nuxt-hs-ui
+
+.......
+ 
+
+## Installation
+
+```sh
+npm i nuxt-hs-ui
+```
+
+### Nuxt
+
+```ts
+import twConfig from "./tailwind.config";
+export default defineNuxtConfig({
+  modules: [
+    //
+    [
+      "nuxt-hs-ui",
+      {
+        tailwind: twConfig,
+        prefix: {
+          nuxtUi: "",
+          form: "",
+          interactive: "",
+          layout: "",
+        },
+      },
+    ],
+  ],
+});
+```

package/dist/module.json

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

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

@@ -64,8 +64,6 @@ const props = withDefaults(defineProps<Props>(), {
   classImgTag: "",
   classLabel: "",
   // ----------------------------------------------------------------------------
-  // data
-  data: false,
   diff: undefined,
   tabindex: undefined,
   // ----------------------------------------------------------------------------

package/dist/runtime/components/interactive/block-loading.vue

@@ -21,7 +21,6 @@ type Props = {
 };
 const props = withDefaults(defineProps<Props>(), {
   class: "",
-  show: false,
   message: "Loading",
 });
 const baseClass = [

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

@@ -260,11 +260,16 @@ const baseCardHeader = [
             {{ tx(activeItem.data.message) }}
           </div>
           <div :class="btnBaseStyle">
-            <div>
+            <div class="flex-cc">
               <Btn
                 v-if="activeItem.data.option.btnLeft.isShow"
-                :class="btnStyle"
-                variant="flat"
+                :class="[
+                  btnStyle,
+                  activeItem.data.option.btnLeft.variant === 'outlined'
+                    ? 'bg-white'
+                    : '',
+                ]"
+                :variant="activeItem.data.option.btnLeft.variant"
                 :theme="activeItem.data.option.btnLeft.theme"
                 @click="clickLeft()"
                 @ref="(e:any) => (leftBtnElm = e)"
@@ -273,11 +278,16 @@ const baseCardHeader = [
                 {{ tx(activeItem.data.option.btnLeft.title) }}
               </Btn>
             </div>
-            <div>
+            <div class="flex-cc">
               <Btn
                 v-if="activeItem.data.option.btnRight.isShow"
-                :class="btnStyle"
-                variant="flat"
+                :class="[
+                  btnStyle,
+                  activeItem.data.option.btnRight.variant === 'outlined'
+                    ? 'bg-white'
+                    : '',
+                ]"
+                :variant="activeItem.data.option.btnRight.variant"
                 :theme="activeItem.data.option.btnRight.theme"
                 @click="clickRight()"
                 @ref="(e:any) => (rightBtnElm = e)"

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

@@ -29,7 +29,6 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
   class: "",
   classInner: "",
-  show: false,
   mounted: true,
   zIndex: undefined,
   closeable: false,

package/dist/runtime/components/layout/accordion.vue

@@ -22,7 +22,6 @@ type Props = {
 };
 const props = withDefaults(defineProps<Props>(), {
   class: "",
-  open: true,
   span: 300,
 });
 

package/dist/runtime/composables/use-hs-scroll-lock.js

@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import { GenerateUniqeKey } from "../utils/com.js";
 import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock";
-import { ref } from "vue";
+import { ref, onUnmounted } from "vue";
 export const useHsScrollLockPinia = defineStore("HsScrollLockPinia", () => {
   const active = ref(false);
   const key = ref("");
@@ -13,6 +13,9 @@ export const useHsScrollLock = () => {
   const elm = ref(null);
   const key = GenerateUniqeKey();
   const hsScrollLockPinia = useHsScrollLockPinia();
+  onUnmounted(() => {
+    unlock();
+  });
   const checkSafariMobile = () => {
     if (typeof navigator === "undefined") return false;
     const ua = navigator.userAgent || "";

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

@@ -18,11 +18,13 @@ export interface DialogOption {
         isShow: boolean;
         title: MultiLang;
         theme: Theme;
+        variant: "flat" | "text" | "outlined";
     };
     btnRight: {
         isShow: boolean;
         title: MultiLang;
         theme: Theme;
+        variant: "flat" | "text" | "outlined";
     };
     btnCancel: {
         isShow: boolean;

package/dist/runtime/types/dialog.js

@@ -12,12 +12,14 @@ export const InitDialogOption = () => {
     btnLeft: {
       isShow: true,
       title: "no",
-      theme: "dark"
+      theme: "dark",
+      variant: "flat"
     },
     btnRight: {
       isShow: true,
       title: "Yes",
-      theme: "accent1"
+      theme: "accent1",
+      variant: "flat"
     },
     btnCancel: {
       isShow: true,

package/dist/runtime/utils/object.d.ts

@@ -12,6 +12,10 @@ export declare const ObjectKeys: <T>(obj: T) => (keyof T)[];
  * Object.values
  */
 export declare const ObjectValues: <T>(obj: T) => T[keyof T][];
+/**
+ * Object.entries
+ */
+export declare const ObjectEntries: <T>(obj: T) => [keyof T, T[keyof T]][];
 /**
  * オブジェクトのキーを再利用して
  * Value値をinitDataにした新しいオブジェクトを生成します

package/dist/runtime/utils/object.js

@@ -11,6 +11,7 @@ export const ObjectKeys = (obj) => {
 export const ObjectValues = (obj) => {
   return Object.values(obj);
 };
+export const ObjectEntries = (obj) => Object.entries(obj);
 export const ObjectKeyToMap = (obj, initData) => {
   const valueType = typeOf(initData);
   const ngObje = ["set", "map", "symbol"].includes(valueType);

package/package.json

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