nuxt-glorious 2.0.0-develop-2 → 2.0.0-develop-4

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "2.0.0-develop-2"
+  "version": "2.0.0-develop-4"
 }

package/dist/module.mjs

@@ -57,6 +57,7 @@ const module = defineNuxtModule({
         dir: resolver.resolve("./runtime/assets")
       });
     });
+    addPlugin(resolver.resolve("./runtime/plugins/modalClose"));
     addPlugin(resolver.resolve("./runtime/plugins/InputComponent"));
     addRouteMiddleware({
       name: "g-auth-strategy",

package/dist/runtime/components/G/Input.vue

@@ -4,7 +4,7 @@ import { hasValidationError, getAttribute } from '../helper'
 import _props from '../props/Input'
 
 const props: any = defineProps(_props)
-const modelValue = defineModel()
+const modelValue: any = defineModel()
 const { numbersWithSeparateSamePrice } = useGloriousCore()
 modelValue.value = ''
 const inputValue: any = ref(null)
@@ -68,6 +68,18 @@ const addTag = (event: any) => {
   inputValue.value = ''
 }
 
+const isSelected = (value: any): boolean => {
+  if (typeof tags.value !== 'object' && typeof modelValue.value !== 'object')
+    return false
+
+  console.log()
+
+  return (
+    tags.value.some((item: any) => item.value === value) ||
+    (typeof modelValue.value === 'object' &&
+      modelValue.value.some((item: any) => item.value === value))
+  )
+}
 const addTagViaOption = (option: any, event: any) => {
   //   event.stopPropagation() if want not close with window
   if (
@@ -77,9 +89,7 @@ const addTagViaOption = (option: any, event: any) => {
   )
     tags.value = []
 
-  const find = tags.value.find((item: any) => item.value === option.value)
-
-  if (typeof find === 'undefined') {
+  if (!isSelected(option.value)) {
     const value: any = option
     tags.value.push(value)
     modelValue.value = tags.value
@@ -202,6 +212,11 @@ const inputClicked = (event: any) => {
               v-for="(option, index) in props.options"
               :key="index"
               @click="addTagViaOption(option, $event)"
+              :class="[
+                isSelected(option.value)
+                  ? '!cursor-not-allowed bg-gray-50'
+                  : '',
+              ]"
             >
               {{
                 option[

package/dist/runtime/components/G/Modal.vue

@@ -26,14 +26,6 @@ watch(
     }
   }
 )
-
-onMounted(() => {
-  document.onkeydown = (e) => {
-    if (e.code === 'Escape') {
-      modelValue.value = false
-    }
-  }
-})
 </script>
 
 <template>

package/dist/runtime/plugins/modalClose.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/plugins/modalClose.mjs

@@ -0,0 +1,17 @@
+import { defineNuxtPlugin } from "#imports";
+import { GloriousStore } from "../stores/GloriousStore.mjs";
+export default defineNuxtPlugin((nuxtApp) => {
+  const gs = GloriousStore();
+  nuxtApp.hook("app:beforeMount", () => {
+    document.onkeydown = (e) => {
+      if (e.code === "Escape") {
+        Object.entries(gs.modals).map((item, index) => {
+          const [key, value] = item;
+          if (value) {
+            gs.modals[key] = false;
+          }
+        });
+      }
+    };
+  });
+});

package/dist/runtime/scss/glorious/glorious.css

@@ -741,6 +741,9 @@ button:focus-visible {
 .glorious-scaffold-modal-footer > button {
   @apply min-w-24;
 }
+.glorious-scaffold-modal div.glorious-input-options {
+  @apply fixed;
+}
 .glorious-scaffold-modal-bg-blur {
   @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 opacity-50 h-full w-full z-[40];
 }

package/dist/runtime/scss/glorious/modal.css

@@ -13,6 +13,9 @@
 .glorious-scaffold-modal-footer > button {
   @apply min-w-24;
 }
+.glorious-scaffold-modal div.glorious-input-options {
+  @apply fixed;
+}
 .glorious-scaffold-modal-bg-blur {
   @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 opacity-50 h-full w-full z-[40];
 }

package/dist/runtime/stores/GloriousStore.mjs

@@ -10,6 +10,7 @@ export const GloriousStore = defineStore("GloriousStore", {
     keepData: {},
     forms: {},
     response: {},
+    modals: {},
     keepResponse: []
   }),
   getters: {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-develop-2",
+  "version": "2.0.0-develop-4",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",

package/dist/runtime/plugins/module.d.ts

@@ -1,4 +0,0 @@
-export interface ModuleOptions {
-}
-declare const _default: import("@nuxt/schema").NuxtModule<ModuleOptions, ModuleOptions, false>;
-export default _default;

package/dist/runtime/plugins/module.mjs

@@ -1,94 +0,0 @@
-import {
-  defineNuxtModule,
-  addPlugin,
-  addComponentsDir,
-  createResolver,
-  addImportsDir,
-  installModule,
-  addRouteMiddleware
-} from "@nuxt/kit";
-import defu from "defu";
-export default defineNuxtModule({
-  meta: {
-    name: "glorious",
-    configKey: "glorious"
-  },
-  // Default configuration options of the Nuxt module
-  defaults: {},
-  async setup(options, nuxt) {
-    const resolver = createResolver(import.meta.url);
-    nuxt.options.runtimeConfig.public.glorious = defu(nuxt.options.glorious, {
-      fetch: {
-        baseURL: "/",
-        credentials: "same-origin"
-      },
-      seo: {
-        suffix: "",
-        title: "",
-        description: ""
-      },
-      auth: {
-        cookie: {
-          name: "ga-token",
-          httpOnly: false
-        },
-        redirect: {
-          logout: "/login",
-          login: "/login"
-        },
-        strategy: {
-          provider: "",
-          //[laravel-passport]
-          endpoints: {
-            userInfo: {
-              url: "/",
-              method: "GET",
-              pick: ""
-            }
-          }
-        }
-      }
-    });
-    await installModule("@nuxtjs/tailwindcss", {
-      // module configuration
-      exposeConfig: true,
-      config: {
-        darkMode: "class",
-        content: {
-          files: [
-            resolver.resolve("./runtime/components/G/**/*.{vue,mjs,ts}"),
-            resolver.resolve("./runtime/*.{mjs,js,ts}")
-          ]
-        }
-      }
-    });
-    await installModule("@pinia/nuxt");
-    addImportsDir(resolver.resolve("runtime/composables"));
-    addImportsDir(resolver.resolve("runtime/stores"));
-    addImportsDir(resolver.resolve("runtime/middlewares"));
-    addComponentsDir({
-      path: resolver.resolve("runtime/components"),
-      global: true,
-      watch: false
-    });
-    nuxt.hook("nitro:config", async (nitro) => {
-      nitro.publicAssets.push({
-        dir: resolver.resolve("./runtime/assets")
-      });
-    });
-    addPlugin(resolver.resolve("./runtime/plugins/glorious-app-setting"));
-    addPlugin({
-      src: resolver.resolve("./runtime/plugins/InputComponent"),
-      mode: "client"
-    });
-    addRouteMiddleware({
-      name: "g-auth-strategy",
-      path: resolver.resolve("./runtime/middlewares/AuthStrategy"),
-      global: true
-    });
-    addRouteMiddleware({
-      name: "g-auth",
-      path: resolver.resolve("./runtime/middlewares/Auth")
-    });
-  }
-});