@amirjalili1374/ui-kit 1.5.83 → 1.5.84

package/dist/ui-kit.es.js

@@ -2,7 +2,7 @@ var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key2, value2) => key2 in obj ? __defProp2(obj, key2, { enumerable: true, configurable: true, writable: true, value: value2 }) : obj[key2] = value2;
 var __publicField = (obj, key2, value2) => __defNormalProp2(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value2);
 import { warn, reactive, watchEffect, toRef, capitalize, shallowRef, Fragment, camelize, isVNode, Comment, unref, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject, defineComponent as defineComponent$1, h, createElementVNode, normalizeStyle, normalizeClass, toValue, resolveDynamicComponent, nextTick, onScopeDispose, createVNode, mergeProps, toRefs, Text, isRef, TransitionGroup, Transition, watch, onBeforeMount, onBeforeUnmount, withDirectives, vShow, toDisplayString, effectScope, toRaw, readonly, openBlock, createBlock, withCtx, createCommentVNode, useId, onMounted, onUpdated, Teleport, createTextVNode, createElementBlock, renderSlot, onDeactivated, cloneVNode, renderList, createSlots, normalizeProps, guardReactiveProps, resolveComponent, onActivated, onBeforeUpdate, withModifiers, vModelText, withKeys, onUnmounted } from "vue";
-import { IconHome, IconArrowBadgeLeft, IconCheck, IconSquareX, IconChevronDown, IconChevronRight, IconMinus, IconPlus, IconRefresh, IconChevronLeft, IconDownload, IconPrinter, IconMaximize, IconMinimize, IconX, IconFileText, IconPencil, IconClock, IconMenu2, IconPalette } from "@tabler/icons-vue";
+import { IconHome, IconArrowBadgeLeft, IconFileExport, IconCheck, IconSquareX, IconChevronDown, IconChevronRight, IconMinus, IconPlus, IconRefresh, IconChevronLeft, IconDownload, IconPrinter, IconMaximize, IconMinimize, IconX, IconFileText, IconPencil, IconClock, IconMenu2, IconPalette } from "@tabler/icons-vue";
 import axios from "axios";
 import { useDebounceFn } from "@vueuse/core";
 import { useRouter as useRouter$1 } from "vue-router";
@@ -14338,6 +14338,14 @@ function apiService(axiosInst, resource) {
     async get(id) {
       const response = await axiosInst.get(`${baseUrl}/${id}`);
       return response;
+    },
+    async exportExcel(params = {}, customUrl) {
+      const url = customUrl || baseUrl;
+      const response = await axiosInst.get(url, {
+        params,
+        responseType: "blob"
+      });
+      return response;
     }
   };
 }
@@ -18333,12 +18341,17 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
     enableTextTruncation: { type: Boolean, default: false },
     maxTextLength: { default: 50 },
     filterAdapter: {},
-    inlineFilter: { type: Boolean, default: false }
+    inlineFilter: { type: Boolean, default: false },
+    filters: {},
+    enableExport: { type: Boolean, default: false },
+    exportUrl: { default: "" },
+    exportFileName: { default: "" }
   },
   emits: ["update:selectedItems", "selection-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const filters = reactive({});
     const initialized = ref(false);
+    const exportLoading = ref(false);
     const props = __props;
     const emit = __emit;
     watch(filters, () => {
@@ -18695,6 +18708,40 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
       emit("update:selectedItems", selectedItems.value);
       emit("selection-change", selectedItems.value);
     };
+    const handleExport = async () => {
+      try {
+        exportLoading.value = true;
+        const rawFilter = buildFilterParams();
+        const finalFilter = resolveFilter(rawFilter);
+        const hasExternalCriteria = externalCriteria.value && Object.keys(externalCriteria.value).length > 0;
+        let params = {
+          ...hasExternalCriteria ? {} : finalFilter,
+          ...props.queryParams,
+          ...externalCriteria.value || {}
+        };
+        if (props.showPagination !== false) {
+          params = {
+            ...params,
+            page: currentPage.value - 1,
+            size: itemsPerPage.value
+          };
+        }
+        const response = await api.exportExcel(params, props.exportUrl);
+        const blob = new Blob([response.data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
+        const url = window.URL.createObjectURL(blob);
+        const link = document.createElement("a");
+        link.href = url;
+        link.download = props.exportFileName || "export.xlsx";
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(url);
+      } catch (err) {
+        console.error("Export Error:", err);
+      } finally {
+        exportLoading.value = false;
+      }
+    };
     const selectSingleItem = (item) => {
       selection.clearSelection();
       selection.selectedItems.value = [item];
@@ -19511,6 +19558,27 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
             ])]),
             _: 1
           }, 8, ["loading"])) : createCommentVNode("", true),
+          __props.enableExport ? (openBlock(), createBlock(VBtn, {
+            key: 5,
+            icon: "",
+            class: "text-secondary mx-3",
+            color: "lightsecondary",
+            rounded: "sm",
+            size: "small",
+            variant: "flat",
+            loading: exportLoading.value,
+            disabled: loading.value,
+            onClick: handleExport,
+            title: "خروجی اکسل"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(IconFileExport), {
+                "stroke-width": "1.5",
+                size: "22"
+              })
+            ]),
+            _: 1
+          }, 8, ["loading", "disabled"])) : createCommentVNode("", true),
           createVNode(Transition, {
             name: "slide-left",
             appear: ""