nuxt-glorious 1.2.1-5 → 1.2.1-8

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "glorious",
   "configKey": "glorious",
-  "version": "1.2.1-5"
+  "version": "1.2.1-8"
 }

package/dist/runtime/assets/style/components/drawer.css

@@ -1,4 +1,4 @@
-.bg-blur-drawer {
+.glorious-scaffold-drawer-bg-blur {
   @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
 }
 

package/dist/runtime/assets/style/components/simple-table.css

@@ -0,0 +1,77 @@
+.glorious-simple-table {
+  @apply overflow-x-auto;
+}
+.glorious-simple-table.color-orange > table {
+  @apply border border-orange-400;
+}
+.glorious-simple-table.color-orange > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-orange-400;
+}
+.glorious-simple-table.color-orange > table > tbody > tr:nth-child(even) {
+  @apply bg-orange-50;
+}
+.glorious-simple-table.color-orange > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table.color-blue > table {
+  @apply border border-blue-400;
+}
+.glorious-simple-table.color-blue > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-blue-400;
+}
+.glorious-simple-table.color-blue > table > tbody > tr:nth-child(even) {
+  @apply bg-blue-50;
+}
+.glorious-simple-table.color-blue > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table.color-gray > table {
+  @apply border border-gray-400;
+}
+.glorious-simple-table.color-gray > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-gray-400;
+}
+.glorious-simple-table.color-gray > table > tbody > tr:nth-child(even) {
+  @apply bg-gray-50;
+}
+.glorious-simple-table.color-gray > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table.color-red > table {
+  @apply border border-red-400;
+}
+.glorious-simple-table.color-red > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-red-400;
+}
+.glorious-simple-table.color-red > table > tbody > tr:nth-child(even) {
+  @apply bg-red-50;
+}
+.glorious-simple-table.color-red > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table.color-green > table {
+  @apply border border-green-400;
+}
+.glorious-simple-table.color-green > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-green-400;
+}
+.glorious-simple-table.color-green > table > tbody > tr:nth-child(even) {
+  @apply bg-green-50;
+}
+.glorious-simple-table.color-green > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table > table {
+  @apply w-full;
+}
+.glorious-simple-table > table > thead > tr > th {
+  @apply px-4 py-2 text-center;
+}
+.glorious-simple-table > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}

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

@@ -23,6 +23,9 @@ const props = defineProps({
 });
 
 const emits = defineEmits(["update:modelValue"]);
+
+const inputFunction = (event: any) =>
+  emits("update:modelValue", event.currentTarget.checked);
 </script>
 
 <template>
@@ -30,7 +33,7 @@ const emits = defineEmits(["update:modelValue"]);
     <input
       type="checkbox"
       :disabled="props.disabled"
-      @input="emits('update:modelValue', $event.currentTarget.checked)"
+      @input="inputFunction($event)"
     />
     <div></div>
   </label>

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

@@ -42,7 +42,8 @@ onMounted(() => {
         }
       }
 
-      document.getElementById("countDown" + id).innerText = timeString;
+      const countDownElement: any = document.getElementById("countDown" + id);
+      countDownElement.innerText = timeString;
 
       if (second === 0) {
         isEnd.value = true;

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

@@ -2,10 +2,10 @@
 import { useGloriousAppSetting } from "../../composables/useGloriousAppSetting";
 
 const props = defineProps({
-  id: {
-    required: false,
-    default: "drawer",
-    type: String,
+  modelValue: {
+    required: true,
+    default: false,
+    type: Boolean,
   },
   dir: {
     require: false,
@@ -13,12 +13,41 @@ const props = defineProps({
     type: String as () => "rtl" | "ltr",
   },
 });
+
+const emits = defineEmits(["update:modelValue"]);
+
+const addBlurBackground = (): void => {
+  const backgroundBlur = document.createElement("div");
+  backgroundBlur.classList.add("glorious-scaffold-drawer-bg-blur");
+  const nuxt: any = document.getElementById("__nuxt");
+  nuxt.appendChild(backgroundBlur);
+  backgroundBlur.addEventListener("click", () => {
+    console.log("here");
+
+    emits("update:modelValue", false);
+    backgroundBlur.remove();
+  });
+};
+
+watch(
+  () => props.modelValue,
+  () => {
+    if (props.modelValue) {
+      addBlurBackground();
+    } else {
+      const blur: any = document.querySelector(
+        ".glorious-scaffold-drawer-bg-blur"
+      );
+      if (blur !== null) blur.remove();
+    }
+  }
+);
 </script>
 <template>
   <div
-    :id="props.id"
     :class="[
       props.dir === null ? useGloriousAppSetting.getSetting().dir : props.dir,
+      props.modelValue ? 'open' : 'close',
     ]"
     class="drawer close hidden"
   >
@@ -29,7 +58,7 @@ const props = defineProps({
 </template>
 
 <style>
-.bg-blur-drawer {
+.glorious-scaffold-drawer-bg-blur {
   @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 bg-opacity-50 h-full w-full z-[40];
 }
 

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

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { GloriousStore } from "#imports";
+import { GloriousStore } from "../../stores/GloriousStore";
+
 const props = defineProps({
   error: {
     required: false,

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { onMounted, useId, watch } from "#imports";
+import { watch } from "#imports";
 const props = defineProps({
   modelValue: {
     required: true,

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

@@ -36,6 +36,9 @@ const props = defineProps({
 });
 
 const emits = defineEmits(["update:modelValue"]);
+
+const inputFunction = (event: any) =>
+  emits("update:modelValue", event.currentTarget.checked);
 </script>
 
 <template>
@@ -46,7 +49,7 @@ const emits = defineEmits(["update:modelValue"]);
       :disabled="props.disabled"
       :value="props.value"
       :checked="props.checked"
-      @input="emits('update:modelValue', $event?.currentTarget.value)"
+      @input="inputFunction($event)"
     />
     <div></div>
   </label>

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

@@ -1,5 +1,9 @@
 <script lang="ts" setup>
 import { ref, watch } from "#imports";
+interface selectOptionsInterface {
+  text: string;
+  value: [string, object];
+}
 const props = defineProps({
   modelValue: {
     required: false,
@@ -9,7 +13,7 @@ const props = defineProps({
   options: {
     required: true,
     default: [],
-    type: Array<object>,
+    type: Array<selectOptionsInterface>,
   },
   color: {
     required: false,
@@ -42,7 +46,7 @@ const props = defineProps({
     type: String,
   },
 });
-const selectValue = ref(null);
+const selectValue: any = ref(null);
 const emits = defineEmits(["update:modelValue"]);
 watch(
   () => selectValue.value,

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

@@ -0,0 +1,119 @@
+<script lang="ts" setup>
+type simpleTableInterface = {
+  head: Array<String>;
+  body: Array<any>;
+};
+
+const props = defineProps({
+  color: {
+    required: false,
+    default: "blue",
+    type: String as () => "orange" | "blue" | "gray" | "red" | "green",
+  },
+  table: {
+    required: true,
+    type: Object as () => simpleTableInterface,
+  },
+});
+</script>
+
+<template>
+  <div class="glorious-simple-table" :class="[`color-${props.color}`]">
+    <table>
+      <thead>
+        <tr>
+          <th v-for="(headItem, index) in props.table.head" :key="index">
+            {{ headItem }}
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(bodyItem, index) in props.table.body" :key="index">
+          <td v-for="(bodyRecord, rIndex) in bodyItem" :key="rIndex">
+            {{ bodyRecord }}
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<style>
+.glorious-simple-table {
+  @apply overflow-x-auto;
+}
+.glorious-simple-table.color-orange > table {
+  @apply border border-orange-400;
+}
+.glorious-simple-table.color-orange > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-orange-400;
+}
+.glorious-simple-table.color-orange > table > tbody > tr:nth-child(even) {
+  @apply bg-orange-50;
+}
+.glorious-simple-table.color-orange > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table.color-blue > table {
+  @apply border border-blue-400;
+}
+.glorious-simple-table.color-blue > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-blue-400;
+}
+.glorious-simple-table.color-blue > table > tbody > tr:nth-child(even) {
+  @apply bg-blue-50;
+}
+.glorious-simple-table.color-blue > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table.color-gray > table {
+  @apply border border-gray-400;
+}
+.glorious-simple-table.color-gray > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-gray-400;
+}
+.glorious-simple-table.color-gray > table > tbody > tr:nth-child(even) {
+  @apply bg-gray-50;
+}
+.glorious-simple-table.color-gray > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table.color-red > table {
+  @apply border border-red-400;
+}
+.glorious-simple-table.color-red > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-red-400;
+}
+.glorious-simple-table.color-red > table > tbody > tr:nth-child(even) {
+  @apply bg-red-50;
+}
+.glorious-simple-table.color-red > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table.color-green > table {
+  @apply border border-green-400;
+}
+.glorious-simple-table.color-green > table > thead {
+  @apply rounded-t-md overflow-hidden;
+  @apply bg-green-400;
+}
+.glorious-simple-table.color-green > table > tbody > tr:nth-child(even) {
+  @apply bg-green-50;
+}
+.glorious-simple-table.color-green > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+.glorious-simple-table > table {
+  @apply w-full;
+}
+.glorious-simple-table > table > thead > tr > th {
+  @apply px-4 py-2 text-center;
+}
+.glorious-simple-table > table > tbody > tr > td {
+  @apply px-4 py-1 text-center;
+}
+</style>

package/dist/runtime/composables/useGloriousFetch.mjs

@@ -29,12 +29,10 @@ export default function(url, options = defaultOptions) {
       } catch (e) {
       }
     },
-    onResponse({ response: res }) {
+    onResponse() {
       try {
         gs.loading[gKey] = false;
         gs.forms[gKey].errors = [];
-        if (res.status >= 200 && res.status <= 299 && Object.prototype.hasOwnProperty.call(options, "saveBody") && !options.saveBody)
-          gs.forms[gKey].form = {};
       } catch (e) {
       }
     },

package/dist/runtime/middlewares/AuthStrategy.mjs

@@ -1,9 +1,9 @@
 import {
-  GloriousStore,
   defineNuxtRouteMiddleware,
   useCookie,
   useNuxtApp
 } from "#imports";
+import { GloriousStore } from "../stores/GloriousStore.mjs";
 export default defineNuxtRouteMiddleware(() => {
   const nuxtApp = useNuxtApp();
   const moduleConfig = nuxtApp.$config.public.glorious;

package/dist/runtime/stores/GloriousStore.d.ts

@@ -3,6 +3,7 @@ export declare const GloriousStore: import("pinia").StoreDefinition<"GloriousSto
 }, {
     formCreate(key: string | Array<string>): void;
     modalCreate(key: string | Array<string>): void;
+    drawerCreate(key: string | Array<string>): void;
     authLogout(): void;
     authSetToken(token: string, to?: string | null): void;
     authParseToken(token: any): any;

package/dist/runtime/stores/GloriousStore.mjs

@@ -45,6 +45,14 @@ export const GloriousStore = defineStore("GloriousStore", {
           this.modals[item] = defaultValue;
         });
     },
+    drawerCreate(key) {
+      this.drawers = {};
+      if (typeof key === "string") this.drawers[key] = false;
+      else
+        key.map((item) => {
+          this.drawers[item] = false;
+        });
+    },
     authLogout() {
       const moduleConfig = useRuntimeConfig();
       const token = useCookie(moduleConfig.public.glorious.auth.cookie.name);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.1-5",
+  "version": "1.2.1-8",
   "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",