nuxt-hs-ui 2.12.7 → 4.0.0

package/dist/runtime/composables/use-hs-is-mobile.js

@@ -1,29 +1,47 @@
 import { ref } from "vue";
 import { defineStore } from "pinia";
 import { useRequestHeaders } from "#app";
-export const useHsIsMobile = defineStore("HsIsMobile", () => {
-  const isMobile = ref(null);
-  const GetUa = () => {
-    try {
-      if (import.meta.client) {
-        if (navigator === void 0) return "";
-        return navigator.userAgent.toLowerCase();
+export const useHsIsMobile = defineStore(
+  "HsIsMobile",
+  () => {
+    const isMobile = ref(null);
+    const isIPhone = ref(null);
+    const GetUa = () => {
+      try {
+        if (import.meta.client) {
+          if (navigator === void 0) return "";
+          return navigator.userAgent.toLowerCase();
+        }
+        return useRequestHeaders(["User-Agent"])["user-agent"] || "";
+      } catch (err) {
+        console.error(err);
+        return "";
       }
-      return useRequestHeaders(["User-Agent"])["user-agent"] || "";
-    } catch (err) {
-      console.error(err);
-      return "";
-    }
-  };
-  const checkIsMobile = () => {
-    if (import.meta.server && isMobile.value !== null) return;
-    const ua = GetUa();
-    const isOldIPad = /\(ipad.*os/.test(ua);
-    const isIpad = /macintosh/.test(ua) && navigator !== void 0 && navigator.maxTouchPoints > 1;
-    const isiOS = /ip(?:ad|hone|od)/.test(ua);
-    const isAndroid = /android|mobile/i.test(ua);
-    isMobile.value = isOldIPad || isIpad || isiOS || isAndroid;
-  };
-  checkIsMobile();
-  return { isMobile };
-});
+    };
+    const checkIsIPhone = () => {
+      if (import.meta.server) return;
+      const ua = GetUa();
+      isIPhone.value = /iphone/.test(ua);
+    };
+    const checkIsMobile = () => {
+      if (import.meta.server) return;
+      const ua = GetUa();
+      const isOldIPad = /\(ipad.*os/.test(ua);
+      const isIpad = /macintosh/.test(ua) && navigator !== void 0 && navigator.maxTouchPoints > 1;
+      const isiOS = /ip(?:ad|hone|od)/.test(ua);
+      const isAndroid = /android|mobile/i.test(ua);
+      isMobile.value = isOldIPad || isIpad || isiOS || isAndroid;
+    };
+    const isInit = ref(false);
+    const init = () => {
+      if (isInit.value) return;
+      isInit.value = true;
+      checkIsMobile();
+      checkIsIPhone();
+    };
+    return { isMobile, init, isIPhone };
+  },
+  {
+    persist: true
+  }
+);

package/dist/runtime/composables/use-hs-misc.d.ts

@@ -2,51 +2,21 @@ export declare const useHsMisc: import("pinia").StoreDefinition<"HsMisc", Pick<{
     state: {
         isInit: boolean;
         isReady: boolean;
-        isMobile: boolean;
-        readyDeray: number;
-        window: {
-            h: number;
-            w: number;
-        };
-        scrollbarWidth: number;
     };
-    GetUa: () => string;
-    IsMobile: () => boolean;
-    Init: (arg?: {
-        readyDeray?: number;
-    }) => Promise<void>;
-}, "state">, Pick<{
+    init: (readyDeray?: number) => Promise<void>;
+    capsLockState: import("@vueuse/core").UseKeyModifierReturn<boolean | null>;
+}, "state" | "capsLockState">, Pick<{
     state: {
         isInit: boolean;
         isReady: boolean;
-        isMobile: boolean;
-        readyDeray: number;
-        window: {
-            h: number;
-            w: number;
-        };
-        scrollbarWidth: number;
     };
-    GetUa: () => string;
-    IsMobile: () => boolean;
-    Init: (arg?: {
-        readyDeray?: number;
-    }) => Promise<void>;
+    init: (readyDeray?: number) => Promise<void>;
+    capsLockState: import("@vueuse/core").UseKeyModifierReturn<boolean | null>;
 }, never>, Pick<{
     state: {
         isInit: boolean;
         isReady: boolean;
-        isMobile: boolean;
-        readyDeray: number;
-        window: {
-            h: number;
-            w: number;
-        };
-        scrollbarWidth: number;
     };
-    GetUa: () => string;
-    IsMobile: () => boolean;
-    Init: (arg?: {
-        readyDeray?: number;
-    }) => Promise<void>;
-}, "Init" | "GetUa" | "IsMobile">>;
+    init: (readyDeray?: number) => Promise<void>;
+    capsLockState: import("@vueuse/core").UseKeyModifierReturn<boolean | null>;
+}, "init">>;

package/dist/runtime/composables/use-hs-misc.js

@@ -1,76 +1,24 @@
 import { defineStore } from "pinia";
+import { useKeyModifier } from "@vueuse/core";
 import { nextTick, reactive } from "vue";
-import { useEventListener } from "@vueuse/core";
-import { useRequestHeaders } from "#app";
 import { Sleep } from "../utils/com.js";
 export const useHsMisc = defineStore("HsMisc", () => {
-  const GetUa = () => {
-    try {
-      if (import.meta.client) {
-        if (navigator === void 0) return "";
-        return navigator.userAgent.toLowerCase();
-      }
-      if (import.meta.server) {
-        return useRequestHeaders(["User-Agent"])["user-agent"] || "";
-      }
-      return "";
-    } catch (err) {
-      console.error(err);
-      return "";
-    }
-  };
-  const IsMobile = () => {
-    const ua = GetUa();
-    const isOldIPad = /\(ipad.*os/.test(ua);
-    const isIpad = /macintosh/.test(ua) && navigator !== void 0 && navigator.maxTouchPoints > 1;
-    const isiOS = /ip(?:ad|hone|od)/.test(ua);
-    const isAndroid = /android|mobile/i.test(ua);
-    return isOldIPad || isIpad || isiOS || isAndroid;
-  };
+  const capsLockState = useKeyModifier("Control");
   const state = reactive({
     isInit: false,
-    isReady: false,
-    isMobile: IsMobile(),
-    readyDeray: 10,
-    window: {
-      h: 0,
-      w: 0
-    },
-    scrollbarWidth: 0
+    isReady: false
   });
-  const Init = async (arg) => {
+  const init = async (readyDeray = 10) => {
+    if (import.meta.server) return;
     await Sleep(0);
-    if (state.isInit) return;
-    if (arg?.readyDeray) {
-      state.readyDeray = arg.readyDeray;
-    }
+    await nextTick();
     state.isInit = true;
-    state.isMobile = IsMobile();
-    const initWindow = () => {
-      useEventListener(window, "resize", () => {
-        state.window = {
-          h: window.innerHeight,
-          w: window.innerWidth
-        };
-        state.scrollbarWidth = window.innerWidth - document.body.clientWidth < 0 ? 0 : window.innerWidth - document.body.clientWidth;
-      });
-      state.window = {
-        h: window.innerHeight,
-        w: window.innerWidth
-      };
-      setTimeout(() => {
-        state.scrollbarWidth = window.innerWidth - document.body.clientWidth < 0 ? 0 : window.innerWidth - document.body.clientWidth;
-      }, 1e3);
-    };
-    initWindow();
-    await Sleep(state.readyDeray);
+    await Sleep(readyDeray);
     state.isReady = true;
-    await nextTick();
   };
   return {
     state,
-    GetUa,
-    IsMobile,
-    Init
+    init,
+    capsLockState
   };
 });

package/dist/runtime/composables/use-hs-modal.js

@@ -66,9 +66,7 @@ export const useHsModal = defineStore("HsModal", {
       return zIndex;
     },
     remove(id) {
-      this.state.activeList = this.state.activeList.filter(
-        (row) => row.id !== id
-      );
+      this.state.activeList = this.state.activeList.filter((row) => row.id !== id);
       if (this.state.activeList.length === 0) {
         clearAllBodyScrollLocks();
       }

package/dist/runtime/composables/use-hs-multi-lang.d.ts

@@ -1,40 +1,23 @@
-import type { MultiLang } from "../utils/multi-lang.js";
-interface StoreState {
-    state: {
-        lang: string;
-        fallBack: string;
-        dateFormat: string;
-        isInit: boolean;
-        showLog: boolean;
-    };
-}
-export declare const useHsMultiLang: import("pinia").StoreDefinition<"HsMultiLang", StoreState, {
-    lang(state: {
-        state: {
-            lang: string;
-            fallBack: string;
-            dateFormat: string;
-            isInit: boolean;
-            showLog: boolean;
-        };
-    } & import("pinia").PiniaCustomStateProperties<StoreState>): string;
-    dateFormat(state: {
-        state: {
-            lang: string;
-            fallBack: string;
-            dateFormat: string;
-            isInit: boolean;
-            showLog: boolean;
-        };
-    } & import("pinia").PiniaCustomStateProperties<StoreState>): string;
-}, {
-    init(arg: {
-        lang?: string;
-        changeLangFunc?: (lang: string) => Promise<void> | void;
-    }): void;
-    /** Text Ref  */
-    tx(text: MultiLang, lang?: undefined): import("vue").ComputedRef<string>;
-    /** GetText  */
-    gt(text: MultiLang, lang?: undefined): string;
-}>;
-export {};
+import type { MultiLang } from '../utils/multi-lang.js';
+export declare const useHsMultiLang: import("pinia").StoreDefinition<"HsMultiLang", Pick<{
+    lang: import("vue").Ref<string, string>;
+    fallBack: import("vue").Ref<string, string>;
+    tx: (text: MultiLang) => import("vue").ComputedRef<string>;
+    gt: (text: MultiLang) => string;
+    GetText: (text: MultiLang, lang: string, fallBackLang?: string | undefined, showLog?: boolean) => string;
+    setLangChange: (_langChange: (_lang: string) => void) => void;
+}, "lang" | "fallBack">, Pick<{
+    lang: import("vue").Ref<string, string>;
+    fallBack: import("vue").Ref<string, string>;
+    tx: (text: MultiLang) => import("vue").ComputedRef<string>;
+    gt: (text: MultiLang) => string;
+    GetText: (text: MultiLang, lang: string, fallBackLang?: string | undefined, showLog?: boolean) => string;
+    setLangChange: (_langChange: (_lang: string) => void) => void;
+}, never>, Pick<{
+    lang: import("vue").Ref<string, string>;
+    fallBack: import("vue").Ref<string, string>;
+    tx: (text: MultiLang) => import("vue").ComputedRef<string>;
+    gt: (text: MultiLang) => string;
+    GetText: (text: MultiLang, lang: string, fallBackLang?: string | undefined, showLog?: boolean) => string;
+    setLangChange: (_langChange: (_lang: string) => void) => void;
+}, "tx" | "gt" | "GetText" | "setLangChange">>;

package/dist/runtime/composables/use-hs-multi-lang.js

@@ -1,81 +1,37 @@
-import dayjs from "dayjs/esm/index";
+import { dayjs } from "../utils/dayjs.js";
 import ja from "dayjs/esm/locale/ja.js";
 import en from "dayjs/esm/locale/en.js";
 import { defineStore } from "pinia";
-import { computed, watch } from "vue";
+import { computed, watch, ref } from "vue";
 import { GetTextByMultiLang } from "../utils/multi-lang.js";
-export const useHsMultiLang = defineStore("HsMultiLang", {
-  state: () => {
-    return {
-      state: {
-        lang: "ja",
-        fallBack: "ja",
-        dateFormat: "YYYY-MM-DD",
-        isInit: false,
-        showLog: false
-      }
-    };
-  },
-  getters: {
-    lang(state) {
-      return state.state.lang;
-    },
-    dateFormat(state) {
-      return state.state.dateFormat;
+export const useHsMultiLang = defineStore("HsMultiLang", () => {
+  const lang = ref("ja");
+  const fallBack = ref("ja");
+  const langChange = ref((_lang) => {
+    if (import.meta.server) return;
+    if (_lang === "ja") {
+      dayjs.locale(ja);
+    } else {
+      dayjs.locale(en);
     }
-  },
-  // ----------------------------------------------------------------------------
-  actions: {
-    init(arg) {
-      const state = this.state;
-      if (state.isInit) return;
-      if (arg.lang !== void 0) {
-        state.lang = arg.lang;
-      }
-      const changeLangFunc = arg.changeLangFunc === void 0 ? (lang) => {
-        if (lang === "ja") {
-          dayjs.locale(ja);
-        } else {
-          dayjs.locale(en);
-        }
-      } : arg.changeLangFunc;
-      watch(
-        () => this.state.lang,
-        (lang) => {
-          changeLangFunc(lang);
-        },
-        { immediate: true }
-      );
-    },
-    // ---------------------
-    /** Text Ref  */
-    tx(text, lang = void 0) {
-      const state = this.state;
-      return computed(() => {
-        if (lang) {
-          return GetTextByMultiLang(text, lang, state.fallBack, state.showLog);
-        }
-        return GetTextByMultiLang(
-          text,
-          state.lang,
-          state.fallBack,
-          state.showLog
-        );
-      });
+  });
+  const setLangChange = (_langChange) => {
+    langChange.value = _langChange;
+  };
+  watch(
+    () => lang.value,
+    (_lang) => {
+      langChange.value(_lang);
     },
-    /** GetText  */
-    gt(text, lang = void 0) {
-      const state = this.state;
-      if (lang) {
-        return GetTextByMultiLang(text, lang, state.fallBack, state.showLog);
-      }
-      return GetTextByMultiLang(
-        text,
-        state.lang,
-        state.fallBack,
-        state.showLog
-      );
-    }
-    // ---------------------
-  }
+    { immediate: true }
+  );
+  const tx = (text) => {
+    return computed(() => {
+      return GetTextByMultiLang(text, lang.value, fallBack.value);
+    });
+  };
+  const gt = (text) => {
+    return GetTextByMultiLang(text, lang.value, fallBack.value);
+  };
+  return { lang, fallBack, tx, gt, GetText: GetTextByMultiLang, setLangChange };
 });

package/dist/runtime/composables/use-hs-scroll-lock.d.ts

@@ -1,7 +1,7 @@
 export declare const useHsScrollLockPinia: import("pinia").StoreDefinition<"HsScrollLockPinia", Pick<{
     active: import("vue").Ref<boolean, boolean>;
     key: import("vue").Ref<string, string>;
-}, "key" | "active">, Pick<{
+}, "active" | "key">, Pick<{
     active: import("vue").Ref<boolean, boolean>;
     key: import("vue").Ref<string, string>;
 }, never>, Pick<{

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

@@ -2,6 +2,7 @@ import { defineStore } from "pinia";
 import { GenerateUniqeKey } from "../utils/com.js";
 import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock";
 import { ref, onUnmounted } from "vue";
+import { useHsPinia } from "../composables/use-pinia.js";
 export const useHsScrollLockPinia = defineStore("HsScrollLockPinia", () => {
   const active = ref(false);
   const key = ref("");
@@ -12,7 +13,7 @@ export const useHsScrollLock = () => {
   const isIOS = ref(false);
   const elm = ref(null);
   const key = GenerateUniqeKey();
-  const hsScrollLockPinia = useHsScrollLockPinia();
+  const hsScrollLockPinia = useHsScrollLockPinia(useHsPinia());
   onUnmounted(() => {
     unlock();
   });

package/dist/runtime/composables/use-hs-toast.d.ts

@@ -1,5 +1,5 @@
-import type { MultiLang } from "../utils/multi-lang.js";
-import { type Message } from "../types/toast.js";
+import type { MultiLang } from '../utils/multi-lang.js';
+import { type Message } from '../types/toast.js';
 interface State {
     state: {
         id: number;

package/dist/runtime/composables/use-hs-toast.js

@@ -1,18 +1,26 @@
 import { defineStore } from "pinia";
 import { GenerateUniqeKey } from "../utils/com.js";
 import { Theme } from "../types/toast.js";
+import { useHsPinia } from "../composables/use-pinia.js";
 const toastShow = (message, title, hideAfter, theme) => {
-  const toast = useHsToast();
+  const toast = useHsToast(useHsPinia());
+  const key = GenerateUniqeKey();
   const newToast = {
-    key: GenerateUniqeKey(),
-    isShow: true,
+    key,
+    // isShow: true,
     title,
     message,
     hideAfter,
     barWidth: 0,
-    theme
+    theme,
+    setEvent: false
   };
   toast.state.pendingList.push(newToast);
+  if (newToast.hideAfter !== 0) {
+    setTimeout(() => {
+      toast.state.pendingList = toast.state.pendingList.filter((row) => row.key !== key);
+    }, newToast.hideAfter);
+  }
 };
 export const useHsToast = defineStore("HsUiToast", {
   state: () => {

package/dist/runtime/composables/use-pinia.d.ts

@@ -0,0 +1 @@
+export declare const useHsPinia: any;

package/dist/runtime/composables/use-pinia.js

@@ -0,0 +1,2 @@
+import { useNuxtApp } from "#imports";
+export const useHsPinia = () => useNuxtApp().$pinia;

package/dist/runtime/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugin.js

@@ -0,0 +1,4 @@
+import { defineNuxtPlugin } from "#app";
+export default defineNuxtPlugin((_nuxtApp) => {
+  console.log("Plugin injected by my-module!");
+});

package/dist/runtime/server/tsconfig.json

@@ -1,3 +1,3 @@
-{
-  "extends": "../../../.nuxt/tsconfig.server.json",
-}
+{
+  "extends": "../../../.nuxt/tsconfig.server.json"
+}

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

@@ -1,5 +1,4 @@
-import type { MultiLang } from "../utils/multi-lang.js";
-import type { Theme } from "../utils/theme.js";
+import type { MultiLang } from '../utils/multi-lang.js';
 export declare const DialogDefaultZIndex = 3000;
 export declare const DialogResult: {
     readonly left: "left";
@@ -7,31 +6,23 @@ export declare const DialogResult: {
     readonly cancel: "cancel";
 };
 export type DialogResult = (typeof DialogResult)[keyof typeof DialogResult];
+export interface DialogBtn {
+    isShow: boolean;
+    title: MultiLang;
+    theme: Theme;
+    variant: 'flat' | 'text' | 'outlined';
+}
 /**
  * Option interface
  */
 export interface DialogOption {
     zindex: number;
     theme: Theme;
-    defaultBtn: "left" | "right" | "cancel" | null;
+    defaultBtn: 'left' | 'right' | 'cancel' | null;
     bgClose?: boolean;
-    btnLeft: {
-        isShow: boolean;
-        title: MultiLang;
-        theme: Theme;
-        variant: "flat" | "text" | "outlined";
-    };
-    btnRight: {
-        isShow: boolean;
-        title: MultiLang;
-        theme: Theme;
-        variant: "flat" | "text" | "outlined";
-    };
-    btnCancel: {
-        isShow: boolean;
-        title: MultiLang;
-        theme: Theme;
-    };
+    btnLeft: DialogBtn;
+    btnRight: DialogBtn;
+    btnCancel: DialogBtn;
 }
 /**
  * Option 初期化

package/dist/runtime/types/dialog.js

@@ -25,7 +25,8 @@ export const InitDialogOption = () => {
     btnCancel: {
       isShow: true,
       title: "",
-      theme: "white"
+      theme: "white",
+      variant: "flat"
     }
   };
 };

package/dist/runtime/types/flatpickr/default.js

@@ -1,31 +1,10 @@
 export const en = {
   weekdays: {
     shorthand: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-    longhand: [
-      "Sunday",
-      "Monday",
-      "Tuesday",
-      "Wednesday",
-      "Thursday",
-      "Friday",
-      "Saturday"
-    ]
+    longhand: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
   },
   months: {
-    shorthand: [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "May",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Oct",
-      "Nov",
-      "Dec"
-    ],
+    shorthand: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
     longhand: [
       "January",
       "February",

package/dist/runtime/types/flatpickr/ja.js

@@ -1,45 +1,11 @@
 export const ja = {
   weekdays: {
     shorthand: ["\u65E5", "\u6708", "\u706B", "\u6C34", "\u6728", "\u91D1", "\u571F"],
-    longhand: [
-      "\u65E5\u66DC\u65E5",
-      "\u6708\u66DC\u65E5",
-      "\u706B\u66DC\u65E5",
-      "\u6C34\u66DC\u65E5",
-      "\u6728\u66DC\u65E5",
-      "\u91D1\u66DC\u65E5",
-      "\u571F\u66DC\u65E5"
-    ]
+    longhand: ["\u65E5\u66DC\u65E5", "\u6708\u66DC\u65E5", "\u706B\u66DC\u65E5", "\u6C34\u66DC\u65E5", "\u6728\u66DC\u65E5", "\u91D1\u66DC\u65E5", "\u571F\u66DC\u65E5"]
   },
   months: {
-    shorthand: [
-      "1\u6708",
-      "2\u6708",
-      "3\u6708",
-      "4\u6708",
-      "5\u6708",
-      "6\u6708",
-      "7\u6708",
-      "8\u6708",
-      "9\u6708",
-      "10\u6708",
-      "11\u6708",
-      "12\u6708"
-    ],
-    longhand: [
-      "1\u6708",
-      "2\u6708",
-      "3\u6708",
-      "4\u6708",
-      "5\u6708",
-      "6\u6708",
-      "7\u6708",
-      "8\u6708",
-      "9\u6708",
-      "10\u6708",
-      "11\u6708",
-      "12\u6708"
-    ]
+    shorthand: ["1\u6708", "2\u6708", "3\u6708", "4\u6708", "5\u6708", "6\u6708", "7\u6708", "8\u6708", "9\u6708", "10\u6708", "11\u6708", "12\u6708"],
+    longhand: ["1\u6708", "2\u6708", "3\u6708", "4\u6708", "5\u6708", "6\u6708", "7\u6708", "8\u6708", "9\u6708", "10\u6708", "11\u6708", "12\u6708"]
   },
   time_24hr: true,
   rangeSeparator: " \u304B\u3089 ",

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

@@ -10,10 +10,10 @@ export interface Message {
     key: string;
     title: MultiLang;
     message: MultiLang;
-    isShow: boolean;
     hideAfter: number;
     barWidth: number;
     theme: Theme;
+    setEvent: boolean;
 }
 export interface Controler {
     Success: (message: MultiLang, title: MultiLang, hideAfter?: number) => void;