nuxt-glorious 0.8.1-oteacher → 0.8.3

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "glorious",
   "configKey": "glorious",
-  "version": "0.8.1-oteacher"
+  "version": "0.8.3"
 }

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

@@ -30,7 +30,7 @@
 }
 
 .outline.glorious-button-orange, .outline.glorious-button-blue, .outline.glorious-button-gray, .outline.glorious-button-red, .outline.glorious-button-primary {
-  @apply border outline-none;
+  @apply bg-transparent border outline-none;
 }
 
 .glorious-button-orange > div.loading, .glorious-button-blue > div.loading, .glorious-button-gray > div.loading, .glorious-button-red > div.loading, .glorious-button-primary > div.loading {

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

@@ -3,7 +3,7 @@
 }
 
 .drawer {
-  @apply fixed top-0  h-full w-[300px] z-[50];
+  @apply fixed top-0 bg-white h-full w-[300px] z-[50];
 }
 .drawer.close.rtl {
   animation: drawer-close-right 250ms normal forwards;

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

@@ -14,5 +14,5 @@
   @apply absolute top-0 bottom-0 my-auto z-[20];
 }
 .glorious-dropdown.open > div:last-child {
-  @apply px-2 py-2 rounded-md shadow absolute z-[41] left-[16px] top-5 flex;
+  @apply bg-white px-2 py-2 rounded-md shadow absolute z-[41] left-[16px] top-5 flex;
 }

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

@@ -3,7 +3,7 @@
 }
 
 .glorious-modal {
-  @apply fixed  md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
+  @apply fixed bg-white md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
 }
 .glorious-modal.size-full {
   @apply w-full h-full top-0 rounded-none;

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

@@ -1,5 +1,5 @@
 .glorious-paginate > div {
-  @apply border border-gray-50 rounded-xl h-8 flex items-center px-1  shadow-md gap-1 w-max;
+  @apply border border-gray-50 rounded-xl h-8 flex items-center px-1 bg-white shadow-md gap-1 w-max;
   direction: rtl;
 }
 .glorious-paginate > div > div {

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

@@ -104,7 +104,7 @@ const props = defineProps({
 }
 
 .outline.glorious-button-orange, .outline.glorious-button-blue, .outline.glorious-button-gray, .outline.glorious-button-red, .outline.glorious-button-primary {
-  @apply border outline-none;
+  @apply bg-transparent border outline-none;
 }
 
 .glorious-button-orange > div.loading, .glorious-button-blue > div.loading, .glorious-button-gray > div.loading, .glorious-button-red > div.loading, .glorious-button-primary > div.loading {

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

@@ -27,7 +27,7 @@ const props = defineProps({
 }
 
 .drawer {
-  @apply fixed top-0  h-full w-[300px] z-[50];
+  @apply fixed top-0 bg-white h-full w-[300px] z-[50];
 }
 .drawer.close.rtl {
   animation: drawer-close-right 250ms normal forwards;

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

@@ -58,6 +58,6 @@ onMounted(() => {
   @apply absolute top-0 bottom-0 my-auto z-[20];
 }
 .glorious-dropdown.open > div:last-child {
-  @apply px-2 py-2 rounded-md shadow absolute z-[41] left-[16px] top-5 flex;
+  @apply bg-white px-2 py-2 rounded-md shadow absolute z-[41] left-[16px] top-5 flex;
 }
 </style>

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

@@ -4,7 +4,7 @@ const props = defineProps({
   modelValue: {
     required: false,
     default: "",
-    type: String,
+    type: [String, Object],
   },
   color: {
     required: false,
@@ -67,7 +67,10 @@ const deleteFile = (event: any) => {
         @click.prevent="deleteFile($event)"
       />
     </label>
-    <span v-if="gs.forms[error[0]]?.errors[error[1]]" class="text-red-500">
+    <span
+      v-if="gs.forms[error[0]]?.errors[error[1]]"
+      class="text-red-500 text-[14px]"
+    >
       {{ gs.forms[error[0]].errors[error[1]][0] }}
     </span>
   </div>

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

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch, GloriousStore } from "#imports";
+import { useGloriousCore } from "../../composables/useGloriousCore";
 const props = defineProps({
   modelValue: {
     required: false,
@@ -56,6 +57,11 @@ const props = defineProps({
     default: "normal",
     type: String,
   },
+  display: {
+    required: false,
+    default: "",
+    type: String as () => "price",
+  },
 });
 
 const inputValue: any = ref(null);
@@ -66,7 +72,21 @@ watch(
   () => inputValue.value,
   () => {
     if (props.mode === "tag") return;
-    emits("update:modelValue", inputValue.value);
+
+    switch (props.display) {
+      case "price":
+        inputValue.value = useGloriousCore.numbersWithSeperateSamePrice(
+          inputValue.value
+        );
+        emits(
+          "update:modelValue",
+          inputValue.value.toString().replaceAll(",", "")
+        );
+        break;
+      default:
+        emits("update:modelValue", inputValue.value);
+        break;
+    }
   }
 );
 
@@ -168,7 +188,11 @@ watch(
         :color="$tailwindColor('gray', '500')"
       />
     </div>
-    <span v-if="gs.forms[error[0]]?.errors[error[1]]" class="text-red-500">
+
+    <span
+      v-if="gs.forms[error[0]]?.errors[error[1]]"
+      class="text-red-500 text-[14px]"
+    >
       {{ gs.forms[error[0]].errors[error[1]][0] }}
     </span>
   </div>

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

@@ -28,7 +28,7 @@ const props = defineProps({
     <div v-if="props?.title !== ''" class="flex justify-between items-center">
       <span class="font-medium">{{ props.title }}</span>
       <GButton
-        class="flex justify-center items-center w-[10px]"
+        class="flex justify-center items-center w-6 h-6"
         size="sm"
         @click="$modal(`${props.id}`)"
       >
@@ -48,7 +48,7 @@ const props = defineProps({
 }
 
 .glorious-modal {
-  @apply fixed  md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
+  @apply fixed bg-white md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
 }
 .glorious-modal.size-full {
   @apply w-full h-full top-0 rounded-none;

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

@@ -1,117 +1,98 @@
 <script lang="ts" setup>
-import { reactive, watch } from "#imports";
+import { watch } from "#imports";
 const props = defineProps({
-  data: {
+  currentPage: {
     required: true,
-    type: Object,
+    type: Number,
+    default: 1,
+  },
+  lastPage: {
+    required: true,
+    type: Number,
+    default: 1,
+  },
+  numberSugestPage: {
+    required: false,
+    type: Number,
+    default: 3,
   },
   modelValue: {
     required: true,
     type: Number,
   },
 });
-const el = reactive({
-  pageList: [],
-});
 
 const emits = defineEmits(["update:modelValue"]);
-const methods = {
-  emit: (item: any) => {
-    if (props.data?.current_page !== item) emits("update:modelValue", item);
-  },
-  computePageList: () => {
-    let count: number = 0;
 
-    for (
-      let i: number = props.data?.current_page;
-      i > 0 && el.pageList.length <= 2;
-      i--
-    ) {
-      if (!el.pageList.includes(i)) el.pageList.push(i);
-
-      count++;
-    }
-
-    let page: number = props.data?.current_page;
-    while (count < 5 && page < props.data?.last_page) {
-      page++;
-
-      if (!el.pageList.includes(page)) el.pageList.push(page);
+const emit = (item: any) => {
+  if (props.currentPage !== item) emits("update:modelValue", item);
+};
 
-      count++;
-    }
+const listPage = ref<Array<Number>>([]);
 
-    if (!el.pageList.includes(props.data?.current_page))
-      el.pageList.push(props.data?.current_page);
+const computeListPage = () => {
+  listPage.value = [];
+  let firstPage = props.currentPage - props.numberSugestPage;
+  const endPage = props.currentPage + (props.numberSugestPage + 1);
 
-    el.pageList = el.pageList.sort((a: number, b: number) => a - b);
-  },
+  while (firstPage < endPage) {
+    if (firstPage > 0 && firstPage <= props.lastPage)
+      listPage.value.push(firstPage);
+    firstPage++;
+  }
 };
-methods.computePageList();
+computeListPage();
 watch(
-  () => props.data,
-  () => methods.computePageList(),
-  { deep: true }
+  () => props.currentPage,
+  () => computeListPage()
 );
+
+const arrowPrevious = () => {
+  if (props.currentPage !== 1) emit(props.currentPage - 1);
+};
+const arrowNext = () => {
+  if (props.currentPage !== props.lastPage) emit(props.currentPage + 1);
+};
 </script>
 
 <template>
   <div
-    v-if="props.data?.current_page && props.data?.last_page !== 1"
+    v-if="props.currentPage && props.lastPage !== 1"
     class="w-max glorious-paginate"
   >
     <div>
-      <ClientOnly>
-        <GIcon
-          v-if="props.data?.current_page !== 1"
-          class="ml-2 cursor-pointer"
-          name="glorious-arrow"
-          :size="15"
-          @click="methods.emit(props.data?.current_page - 1)"
-        />
-        <GIcon
-          v-else
-          name="glorious-arrow"
-          :size="15"
-          class="ml-2"
-          color="#cbd5e1"
-        />
-      </ClientOnly>
+      <GIcon
+        :color="props.currentPage !== 1 ? '#000' : '#cbd5e1'"
+        class="ml-2 cursor-pointer"
+        name="glorious-arrow"
+        :size="15"
+        @click="arrowPrevious()"
+      />
 
       <div
-        v-for="(item, index) in el.pageList"
+        v-for="(item, index) in listPage"
         :key="index"
         class="w-6 h-6 rounded-lg flex items-center justify-center paginate"
-        :class="[
-          props.data?.current_page === item ? 'active' : 'cursor-pointer',
-        ]"
-        @click="methods.emit(item)"
+        :class="[props.currentPage === item ? 'active' : 'cursor-pointer']"
+        @click="emit(item)"
       >
         {{ item }}
       </div>
 
-      <ClientOnly>
-        <GIcon
-          v-if="props.data?.current_page !== props.data?.last_page"
-          name="glorious-arrow"
-          class="mr-2 cursor-pointer"
-          :size="15"
-          @click="methods.emit(props.data?.current_page + 1)"
-        />
-        <GIcon
-          v-else
-          name="glorious-arrow"
-          color="#cbd5e1"
-          class="mr-2 cursor-pointer"
-        />
-      </ClientOnly>
+      <GIcon
+        :color="props.currentPage !== props.lastPage ? '#000' : '#cbd5e1'"
+        name="glorious-arrow"
+        class="mr-2 cursor-pointer"
+        :size="15"
+        @click="arrowNext"
+      />
     </div>
   </div>
 </template>
 
 <style>
 .glorious-paginate > div {
-  @apply border border-gray-50 rounded-xl h-8 flex items-center px-1  shadow-md gap-1 w-max;
+  @apply border border-gray-50 rounded-xl h-8 flex items-center px-1 bg-white shadow-md gap-1 w-max;
   direction: rtl;
 }
 .glorious-paginate > div > div {

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

@@ -36,11 +36,6 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
-  placeholder: {
-    required: false,
-    default: "",
-    type: String,
-  },
 });
 const selectValue = ref(null);
 const emits = defineEmits(["update:modelValue"]);
@@ -81,7 +76,10 @@ watch(
         {{ item.text }}
       </option>
     </select>
-    <span v-if="gs.forms[error[0]]?.errors[error[1]]" class="text-red-500">
+    <span
+      v-if="gs.forms[error[0]]?.errors[error[1]]"
+      class="text-red-500 text-[14px]"
+    >
       {{ gs.forms[error[0]].errors[error[1]][0] }}
     </span>
   </div>

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

@@ -67,7 +67,10 @@ const error: any = props.error.split("|");
         :disabled="props.disabled"
       />
     </div>
-    <span v-if="gs.forms[error[0]]?.errors[error[1]]" class="text-red-500">
+    <span
+      v-if="gs.forms[error[0]]?.errors[error[1]]"
+      class="text-red-500 text-[14px]"
+    >
       {{ gs.forms[error[0]].errors[error[1]][0] }}
     </span>
   </div>

package/dist/runtime/composables/useGloriousCore.d.ts

@@ -0,0 +1,3 @@
+export declare const useGloriousCore: {
+    numbersWithSeperateSamePrice: (value: String) => string;
+};

package/dist/runtime/composables/useGloriousCore.mjs

@@ -0,0 +1,16 @@
+export const useGloriousCore = {
+  numbersWithSeperateSamePrice: (value) => {
+    let nStr = value.match(/\d+/g)?.join("") + "";
+    nStr = nStr.replace(/\,/g, "");
+    if (nStr === "undefined")
+      nStr = "";
+    const x = nStr.split(".");
+    let x1 = x[0];
+    const x2 = x.length > 1 ? "." + x[1] : "";
+    let rgx = /(\d+)(\d{3})/;
+    while (rgx.test(x1)) {
+      x1 = x1.replace(rgx, "$1,$2");
+    }
+    return x1 + x2;
+  }
+};

package/dist/runtime/composables/useGloriousFetch.d.ts

@@ -6,9 +6,10 @@ interface gloriousFetchOptions {
     lazy?: Boolean;
     headers?: Object;
     body?: Object;
-    bodyType: "formData" | "formDataCustom" | "normal";
+    bodyType?: "formData" | "formDataCustom" | "normal";
     method?: "POST" | "GET" | "PATCH" | "PUT" | "DELETE" | "HEAD";
     credentials?: "same-origin" | "include";
+    watch?: Array<Object>;
 }
 export default function (url: string, options: gloriousFetchOptions): Promise<unknown>;
 export {};

package/dist/runtime/composables/useGloriousFetch.mjs

@@ -55,11 +55,8 @@ export default function(url, options) {
           } catch (e) {
           }
         }
-        if (res.status === 401 && process.client) {
-          const cookieToken = useCookie(moduleConfig.auth.cookie.name);
-          if (typeof cookieToken.value !== "undefined")
-            gs.authLogout();
-        }
+        if (res.status === 401 && process.client)
+          gs.authLogout();
       }
     }
   };
@@ -91,6 +88,7 @@ function computeAuth() {
   return header;
 }
 function computeFormData(options) {
+  console.log(options.body);
   const form = new FormData();
   Object.entries(options.body).forEach((item) => {
     if (item[1] === null)

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.8.1-oteacher",
+  "version": "0.8.3",
   "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",