nuxt-hs-ui 2.12.4 → 2.12.5

package/dist/module.json

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

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

@@ -22,7 +22,9 @@ import type { MultiLang } from "../../utils/multi-lang";
 // [ composables ]
 import { useHsFocus } from "../../composables/use-hs-focus";
 import { useHsMultiLang } from "../../composables/use-hs-multi-lang";
-import { useHsMisc } from "../../composables/use-hs-misc";
+// import { useHsMisc } from "../../composables/use-hs-misc";
+import { useHsIsMobile } from "../../composables/use-hs-is-mobile";
+
 // [ Components ]
 import InputFrame from "./input-frame.vue";
 import SelectImgIcon from "./select-img-icon.vue";
@@ -33,7 +35,7 @@ const hsFocus = useHsFocus();
 const multiLang = useHsMultiLang();
 const tx = multiLang.tx;
 const gt = multiLang.gt;
-const hsMisc = useHsMisc();
+// const hsMisc = useHsMisc();
 
 // ----------------------------------------------------------------------------
 // [ Props ]
@@ -48,6 +50,7 @@ type Props = {
   classImg?: ClassType;
   classImgTag?: ClassType;
   nullable?: boolean;
+  searchable?: boolean;
   // ----------------------------------------------------------------------------
   data: IdType | null;
   diff?: IdType | null | undefined;
@@ -356,12 +359,13 @@ const inputElement = ref<HTMLElement | null>(null);
 //   return () => popper.destroy();
 // };
 //       :calculate-position="withPopper"
-
+const isMobile = useHsIsMobile();
 // ----------------------------------------------------------------------------
 // ----------------------------------------------------------------------------
 </script>
 
 <template>
+  {{ { a: isMobile.isMobile } }}
   <InputFrame
     :class="[props.class]"
     :class-header="props.classHeader"
@@ -407,7 +411,7 @@ const inputElement = ref<HTMLElement | null>(null);
       append-to-body
       :options="displayList"
       :loading="props.loading"
-      :searchable="!hsMisc.IsMobile"
+      :searchable="!isMobile.isMobile && searchable"
       :clearable="!props.require && props.nullable"
       :disabled="props.disabled || props.readonly"
       :uid="uid"

package/dist/runtime/composables/use-hs-is-mobile.d.ts

@@ -0,0 +1,7 @@
+export declare const useHsIsMobile: import("pinia").StoreDefinition<"HsIsMobile", Pick<{
+    isMobile: import("vue").Ref<boolean | null, boolean | null>;
+}, "isMobile">, Pick<{
+    isMobile: import("vue").Ref<boolean | null, boolean | null>;
+}, never>, Pick<{
+    isMobile: import("vue").Ref<boolean | null, boolean | null>;
+}, never>>;

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

@@ -0,0 +1,30 @@
+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();
+      }
+      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();
+  console.log("isMobile", isMobile.value);
+  return { isMobile };
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-hs-ui",
-  "version": "2.12.4",
+  "version": "2.12.5",
   "description": "My new Nuxt module",
   "repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
   "license": "MIT",
@@ -116,7 +116,7 @@
     "@nuxt/kit": "^3.15.1",
     "@nuxt/ui": "^2.21.0",
     "@nuxtjs/tailwindcss": "^6.13.1",
-    "@pinia/nuxt": "0.11.0",
+    "@pinia/nuxt": "0.11.1",
     "@popperjs/core": "^2.11.8",
     "@vueuse/core": "^12.3.0",
     "@vueuse/integrations": "^12.3.0",
@@ -127,7 +127,7 @@
     "defu": "^6.1.4",
     "flatpickr": "^4.6.13",
     "focus-trap": "^7.6.2",
-    "pinia": "^3.0.2",
+    "pinia": "^3.0.3",
     "tabulator-tables": "^6.3.0",
     "tailwind-merge": "^2.6.0",
     "tailwind-variants": "^0.3.0",