@amirjalili1374/ui-kit 1.6.5 → 1.6.7

package/dist/ui-kit.es.js

@@ -33096,99 +33096,125 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent$1({
     const handleExportClientSide = () => {
       const sourceItems = (props.items && props.items.length ? props.items : items.value) ?? [];
       if (!sourceItems.length) return;
-      const validHeaders = props.headers.filter((h2) => !!h2.key && !!h2.title);
-      const excelData = sourceItems.map((item) => {
+      const headers = props.headers.filter((h2) => h2.key && h2.title);
+      const now = /* @__PURE__ */ new Date();
+      const exportDate = now.toLocaleDateString("fa-IR") + " " + now.toLocaleTimeString("fa-IR", { hour: "2-digit", minute: "2-digit" });
+      const title = props.exportFileName || "گزارش";
+      const moneyTotals = {};
+      const rows = sourceItems.map((item) => {
         const row = {};
-        validHeaders.forEach((header) => {
+        headers.forEach((h2) => {
           var _a;
-          let value2 = header.nestedKey ? (_a = item[header.key]) == null ? void 0 : _a[header.nestedKey] : item[header.key];
-          if (header.type === "money") {
+          let value2 = h2.nestedKey ? (_a = item[h2.key]) == null ? void 0 : _a[h2.nestedKey] : item[h2.key];
+          if (h2.type === "money") {
             const num = Number(value2);
             value2 = !isNaN(num) ? num : 0;
+            moneyTotals[h2.title] = (moneyTotals[h2.title] || 0) + value2;
           }
-          if (typeof value2 === "boolean") {
-            value2 = value2 ? "بله" : "خیر";
-          }
-          row[header.title] = value2 ?? "";
+          if (typeof value2 === "boolean") value2 = value2 ? "بله" : "خیر";
+          row[h2.title] = value2 ?? "";
         });
         return row;
       });
       const totalRow = {};
-      validHeaders.forEach((header) => {
-        if (header.type === "money") {
-          totalRow[header.title] = excelData.reduce((sum2, r) => sum2 + (Number(r[header.title]) || 0), 0);
-        } else if (header === validHeaders[0]) {
-          totalRow[header.title] = "جمع کل";
-        } else {
-          totalRow[header.title] = "";
-        }
+      headers.forEach((h2, i) => {
+        if (h2.type === "money") totalRow[h2.title] = moneyTotals[h2.title] || 0;
+        else if (i === 0) totalRow[h2.title] = "جمع کل";
+        else totalRow[h2.title] = "";
       });
-      excelData.push(totalRow);
-      const worksheet = xlsx_minExports.utils.json_to_sheet(excelData);
-      const range = xlsx_minExports.utils.decode_range(worksheet["!ref"]);
-      worksheet["!rtl"] = true;
-      worksheet["!cols"] = validHeaders.map((header, colIdx) => {
-        let maxLength = header.title.length;
-        excelData.forEach((row) => {
-          const val2 = row[header.title];
-          if (val2) {
-            maxLength = Math.max(maxLength, String(val2).length);
-          }
+      rows.push(totalRow);
+      const ws = xlsx_minExports.utils.json_to_sheet(rows, { origin: "A4" });
+      const range = xlsx_minExports.utils.decode_range(ws["!ref"]);
+      ws["!freeze"] = { xSplit: 0, ySplit: 3 };
+      ws["!autofilter"] = {
+        ref: xlsx_minExports.utils.encode_range({
+          s: { r: 3, c: 0 },
+          e: range.e
+        })
+      };
+      ws["!cols"] = headers.map((h2) => {
+        let max = h2.title.length;
+        rows.forEach((r) => {
+          const len = String(r[h2.title] ?? "").length;
+          if (len > max) max = len;
         });
-        return { wch: maxLength + 3 };
+        return { wch: max + 4 };
       });
-      validHeaders.forEach((_, colIdx) => {
-        const addr = xlsx_minExports.utils.encode_cell({ r: 0, c: colIdx });
-        const cell = worksheet[addr];
-        if (cell) {
+      xlsx_minExports.utils.sheet_add_aoa(
+        ws,
+        [
+          [title],
+          [`تاریخ چاپ: ${exportDate}`],
+          []
+        ],
+        { origin: "A1" }
+      );
+      ws["!merges"] = [
+        {
+          s: { r: 0, c: 0 },
+          e: { r: 0, c: headers.length - 1 }
+        }
+      ];
+      ws["A1"].s = {
+        font: { bold: true, sz: 16, name: "B Nazanin" },
+        alignment: { horizontal: "center", vertical: "center" }
+      };
+      ws["A2"].s = {
+        font: { name: "B Nazanin", sz: 12 },
+        alignment: { horizontal: "left" }
+      };
+      const headerStyle = {
+        font: { bold: true, name: "B Nazanin" },
+        alignment: { horizontal: "center", vertical: "center" },
+        fill: { fgColor: { rgb: "D9D9D9" } },
+        border: {
+          top: { style: "thin" },
+          bottom: { style: "thin" },
+          left: { style: "thin" },
+          right: { style: "thin" }
+        }
+      };
+      const zebraFill = { fgColor: { rgb: "F7F7F7" } };
+      headers.forEach((h2, c) => {
+        const headerCell = xlsx_minExports.utils.encode_cell({ r: 3, c });
+        if (ws[headerCell]) ws[headerCell].s = headerStyle;
+        for (let r = 4; r <= rows.length + 3; r++) {
+          const addr = xlsx_minExports.utils.encode_cell({ r, c });
+          const cell = ws[addr];
+          if (!cell) continue;
+          const isTotalRow = r === rows.length + 3;
+          const zebra = r % 2 === 0;
           cell.s = {
-            font: { bold: true, name: "B Nazanin", sz: 12 },
-            alignment: { horizontal: "center", vertical: "center" },
-            fill: { fgColor: { rgb: "D9D9D9" } },
+            font: { name: "B Nazanin" },
+            alignment: {
+              horizontal: h2.type === "money" ? "center" : "right",
+              vertical: "center"
+            },
             border: {
               top: { style: "thin" },
               bottom: { style: "thin" },
               left: { style: "thin" },
               right: { style: "thin" }
-            }
+            },
+            fill: zebra && !isTotalRow ? zebraFill : void 0
           };
-        }
-      });
-      validHeaders.forEach((header, colIdx) => {
-        if (header.type === "money") {
-          for (let rowIdx = 1; rowIdx <= excelData.length; rowIdx++) {
-            const addr = xlsx_minExports.utils.encode_cell({ r: rowIdx, c: colIdx });
-            const cell = worksheet[addr];
-            if (cell && typeof cell.v === "number") {
-              cell.z = "#,##0;[Red]-#,##0";
-              cell.s = {
-                font: { name: "B Nazanin" },
-                alignment: { horizontal: "center" }
-              };
-            }
+          if (h2.type === "money" && typeof cell.v === "number") {
+            cell.z = "#,##0;[Red]-#,##0";
+          }
+          if (isTotalRow) {
+            cell.s.font = { bold: true, name: "B Nazanin" };
+            cell.s.fill = { fgColor: { rgb: "EFEFEF" } };
           }
         }
       });
-      const totalRowIndex = excelData.length;
-      validHeaders.forEach((_, colIdx) => {
-        const addr = xlsx_minExports.utils.encode_cell({ r: totalRowIndex, c: colIdx });
-        const cell = worksheet[addr];
-        if (cell) {
-          cell.s = {
-            font: { bold: true, name: "B Nazanin" },
-            fill: { fgColor: { rgb: "EFEFEF" } },
-            alignment: { horizontal: "center" }
-          };
-        }
-      });
-      worksheet["!freeze"] = { xSplit: 0, ySplit: 1 };
-      worksheet["!autofilter"] = {
-        ref: xlsx_minExports.utils.encode_range(range)
+      const wb = xlsx_minExports.utils.book_new();
+      wb.Workbook = {
+        Views: [{ RTL: true }]
       };
-      const workbook = xlsx_minExports.utils.book_new();
-      xlsx_minExports.utils.book_append_sheet(workbook, worksheet, "Report");
-      const fileName = `${props.exportFileName || "report"}.xlsx`;
-      xlsx_minExports.writeFile(workbook, fileName);
+      xlsx_minExports.utils.book_append_sheet(wb, ws, "Report");
+      const dateForFile = now.toLocaleDateString("fa-IR").replaceAll("/", "-");
+      const fileName = `${title}_${dateForFile}.xlsx`;
+      xlsx_minExports.writeFile(wb, fileName);
     };
     const handleExport = async () => {
       var _a, _b, _c;