qsyx-element 1.0.1

package/dist/es/onlineExcel-DJeuDI97.js

@@ -0,0 +1,371 @@
+import { ref as y, onMounted as S, openBlock as g, createElementBlock as b, Fragment as k, createElementVNode as p, withDirectives as w, renderList as T, toDisplayString as A, vModelSelect as _, vShow as j } from "vue";
+import { z as L, A as B, L as D } from "./vendor-P2JMGdqH.js";
+import { _ as O } from "./Form-GllMGZ5L.js";
+import { w as M } from "./utils-DsWIZ76j.js";
+const F = function(t, s) {
+  const r = new L.Workbook();
+  return Object.prototype.toString.call(t) === "[object Object]" && (t = [t]), t.forEach(function(e) {
+    if (e.data.length === 0)
+      return !0;
+    const n = r.addWorksheet(e.name), c = e.config && e.config.merge || {}, a = e.config && e.config.borderInfo || {};
+    return z(e.data, n), R(c, n), I(a, n), !0;
+  }), r.xlsx.writeBuffer().then((e) => {
+    const n = new Blob([e], {
+      type: "application/vnd.ms-excel;charset=utf-8"
+    });
+    console.log("导出成功！"), B.saveAs(n, `${s}.xlsx`);
+  });
+};
+var R = function(t = {}, s) {
+  Object.values(t).forEach(function(o) {
+    s.mergeCells(
+      o.r + 1,
+      o.c + 1,
+      o.r + o.rs,
+      o.c + o.cs
+    );
+  });
+}, I = function(t, s) {
+  Array.isArray(t) && t.forEach(function(r) {
+    if (r.rangeType === "range") {
+      let o = H(r.borderType, r.style, r.color), e = r.range[0], n = e.row, c = e.column;
+      for (let a = n[0] + 1; a < n[1] + 2; a++)
+        for (let h = c[0] + 1; h < c[1] + 2; h++)
+          s.getCell(a, h).border = o;
+    }
+    if (r.rangeType === "cell") {
+      const { col_index: o, row_index: e } = r.value, n = Object.assign({}, r.value);
+      delete n.col_index, delete n.row_index;
+      let c = P(n);
+      s.getCell(e + 1, o + 1).border = c;
+    }
+  });
+}, z = function(t, s) {
+  Array.isArray(t) && t.forEach(function(r, o) {
+    r.every(function(e, n) {
+      if (!e)
+        return !0;
+      let c = U(e.bg), a = N(
+        e.ff,
+        e.fc,
+        e.bl,
+        e.it,
+        e.fs,
+        e.cl,
+        e.ul
+      ), h = V(e.vt, e.ht, e.tb, e.tr), m = "";
+      e.f ? m = { formula: e.f, result: e.v } : !e.v && e.ct && e.ct.s ? e.ct.s.forEach((l) => {
+        m += l.v;
+      }) : m = e.v;
+      let x = Q(n), u = s.getCell(x + (o + 1));
+      for (const l in c) {
+        u.fill = c;
+        break;
+      }
+      return u.font = a, u.alignment = h, u.value = m, !0;
+    });
+  });
+}, U = function(t) {
+  return t ? {
+    type: "pattern",
+    pattern: "solid",
+    fgColor: { argb: t.replace("#", "") }
+  } : {};
+}, N = function(t = 0, s = "#000000", r = 0, o = 0, e = 10, n = 0, c = 0) {
+  const a = {
+    0: "微软雅黑",
+    1: "宋体（Song）",
+    2: "黑体（ST Heiti）",
+    3: "楷体（ST Kaiti）",
+    4: "仿宋（ST FangSong）",
+    5: "新宋体（ST Song）",
+    6: "华文新魏",
+    7: "华文行楷",
+    8: "华文隶书",
+    9: "Arial",
+    10: "Times New Roman ",
+    11: "Tahoma ",
+    12: "Verdana",
+    num2bl: function(m) {
+      return m !== 0;
+    }
+  };
+  return {
+    name: typeof t == "number" ? a[t] : t,
+    family: 1,
+    size: e,
+    color: { argb: s.replace("#", "") },
+    bold: a.num2bl(r),
+    italic: a.num2bl(o),
+    underline: a.num2bl(c),
+    strike: a.num2bl(n)
+  };
+}, V = function(t = "default", s = "default", r = "default", o = "default") {
+  const e = {
+    vertical: {
+      0: "middle",
+      1: "top",
+      2: "bottom",
+      default: "top"
+    },
+    horizontal: {
+      0: "center",
+      1: "left",
+      2: "right",
+      default: "left"
+    },
+    wrapText: {
+      0: !1,
+      1: !1,
+      2: !0,
+      default: !1
+    },
+    textRotation: {
+      0: 0,
+      1: 45,
+      2: -45,
+      3: "vertical",
+      4: 90,
+      5: -90,
+      default: 0
+    }
+  };
+  return {
+    vertical: e.vertical[t],
+    horizontal: e.horizontal[s],
+    wrapText: e.wrapText[r],
+    textRotation: e.textRotation[o]
+  };
+}, H = function(t, s = 1, r = "#000") {
+  if (!t)
+    return {};
+  const o = {
+    type: {
+      "border-all": "all",
+      "border-top": "top",
+      "border-right": "right",
+      "border-bottom": "bottom",
+      "border-left": "left"
+    },
+    style: {
+      0: "none",
+      1: "thin",
+      2: "hair",
+      3: "dotted",
+      4: "dashDot",
+      // 'Dashed',
+      5: "dashDot",
+      6: "dashDotDot",
+      7: "double",
+      8: "medium",
+      9: "mediumDashed",
+      10: "mediumDashDot",
+      11: "mediumDashDotDot",
+      12: "slantDashDot",
+      13: "thick"
+    }
+  };
+  let e = {
+    style: o.style[s],
+    color: { argb: r.replace("#", "") }
+  }, n = {};
+  return o.type[t] === "all" ? (n.top = e, n.right = e, n.bottom = e, n.left = e) : n[o.type[t]] = e, n;
+};
+function P(t, s, r) {
+  let o = {};
+  const e = {
+    type: {
+      l: "left",
+      r: "right",
+      b: "bottom",
+      t: "top"
+    },
+    style: {
+      0: "none",
+      1: "thin",
+      2: "hair",
+      3: "dotted",
+      4: "dashDot",
+      // 'Dashed',
+      5: "dashDot",
+      6: "dashDotDot",
+      7: "double",
+      8: "medium",
+      9: "mediumDashed",
+      10: "mediumDashDot",
+      11: "mediumDashDotDot",
+      12: "slantDashDot",
+      13: "thick"
+    }
+  };
+  for (const n in t)
+    t[n].color.indexOf("rgb") === -1 ? o[e.type[n]] = {
+      style: e.style[t[n].style],
+      color: { argb: t[n].color.replace("#", "") }
+    } : o[e.type[n]] = {
+      style: e.style[t[n].style],
+      color: { argb: t[n].color }
+    };
+  return o;
+}
+function Q(t) {
+  let s = 65, o = 90 - s + 1, e = "";
+  for (; t >= 0; )
+    e = String.fromCharCode(t % o + s) + e, t = Math.floor(t / o) - 1;
+  return e;
+}
+function Z(t) {
+  return Object.prototype.toString.call(t).slice(8, -1);
+}
+function C(t) {
+  return Z(t) === "Function";
+}
+const W = { style: { position: "absolute", top: "0" } }, K = ["value"], $ = { id: "tip" }, q = /* @__PURE__ */ Object.assign({
+  name: "QsyxOnlineExcel"
+}, {
+  __name: "index",
+  props: {
+    jsList: {
+      type: Array
+    },
+    cssList: {
+      type: Array
+    }
+  },
+  setup(t) {
+    const s = y(!1), r = y(""), o = y({}), e = y([
+      { text: "Money Manager.xlsx", value: "https://minio.cnbabylon.com/public/luckysheet/money-manager-2.xlsx" },
+      {
+        text: "Activity costs tracker.xlsx",
+        value: "https://minio.cnbabylon.com/public/luckysheet/Activity%20costs%20tracker.xlsx"
+      },
+      {
+        text: "House cleaning checklist.xlsx",
+        value: "https://minio.cnbabylon.com/public/luckysheet/House%20cleaning%20checklist.xlsx"
+      },
+      {
+        text: "Student assignment planner.xlsx",
+        value: "https://minio.cnbabylon.com/public/luckysheet/Student%20assignment%20planner.xlsx"
+      },
+      {
+        text: "Credit card tracker.xlsx",
+        value: "https://minio.cnbabylon.com/public/luckysheet/Credit%20card%20tracker.xlsx"
+      },
+      { text: "Blue timesheet.xlsx", value: "https://minio.cnbabylon.com/public/luckysheet/Blue%20timesheet.xlsx" },
+      {
+        text: "Student calendar (Mon).xlsx",
+        value: "https://minio.cnbabylon.com/public/luckysheet/Student%20calendar%20%28Mon%29.xlsx"
+      },
+      {
+        text: "Blue mileage and expense report.xlsx",
+        value: "https://minio.cnbabylon.com/public/luckysheet/Blue%20mileage%20and%20expense%20report.xlsx"
+      }
+    ]), n = [
+      "./cdn/plugin.js",
+      "./cdn/luckysheet.umd.js"
+    ], c = [
+      "./cdn/pluginsCss.css",
+      "./cdn/plugins.css",
+      "./cdn/luckysheet.css",
+      "./cdn/iconfont.css"
+    ], a = (u) => {
+      const l = u.target.files;
+      if (l == null || l.length == 0) {
+        alert("No files wait for import");
+        return;
+      }
+      let d = l[0].name.split(".");
+      if (d[d.length - 1] != "xlsx") {
+        alert("Currently only supports the import of xlsx files");
+        return;
+      }
+      D.transformExcelToLucky(l[0], function(f, X) {
+        var v;
+        if (f.sheets == null || f.sheets.length == 0) {
+          alert("Failed to read the content of the excel file, currently does not support xls files!");
+          return;
+        }
+        console.log("exportJson", f), o.value = f, C((v = window == null ? void 0 : window.luckysheet) == null ? void 0 : v.destroy) && window.luckysheet.destroy(), window.luckysheet.create({
+          container: "luckysheet",
+          //luckysheet is the container id
+          showinfobar: !1,
+          data: f.sheets,
+          title: f.info.name,
+          userInfo: f.info.name.creator
+        });
+      });
+    }, h = (u) => {
+      const l = r.value, i = u.target.options[u.target.selectedIndex].innerText;
+      l != "" && (s.value = !0, D.transformExcelToLuckyByUrl(l, i, (d, E) => {
+        var f;
+        if (d.sheets == null || d.sheets.length == 0) {
+          alert("Failed to read the content of the excel file, currently does not support xls files!");
+          return;
+        }
+        console.log("exportJson", d), o.value = d, s.value = !1, C((f = window == null ? void 0 : window.luckysheet) == null ? void 0 : f.destroy) && window.luckysheet.destroy(), window.luckysheet.create({
+          container: "luckysheet",
+          //luckysheet is the container id
+          showinfobar: !1,
+          data: d.sheets,
+          title: d.info.name,
+          userInfo: d.info.name.creator
+        });
+      }));
+    }, m = () => {
+      F(luckysheet.getAllSheets(), "下载");
+    }, x = y(0);
+    return S(() => {
+      if (typeof window.ThirdPartyLib > "u") {
+        for (let l = 0; l < c.length; l++) {
+          const i = document.createElement("link");
+          i.setAttribute("rel", "stylesheet"), i.setAttribute("type", "text/css"), i.setAttribute("href", new URL(c[l], import.meta.url).href);
+          var u = document.getElementsByTagName("head");
+          u.length ? u[0].appendChild(i) : document.documentElement.appendChild(i);
+        }
+        for (let l = 0; l < n.length; l++) {
+          const i = document.createElement("script");
+          console.log(new URL(n[l], import.meta.url).href), i.src = new URL(n[l], import.meta.url).href, i.onload = () => {
+            x.value++, console.log("Third Party Library loaded!"), x.value >= 1 && luckysheet.create({
+              container: "luckysheet"
+            });
+          }, document.head.appendChild(i);
+        }
+      }
+    }), (u, l) => (g(), b(k, null, [
+      p("div", W, [
+        p("input", {
+          id: "uploadBtn",
+          type: "file",
+          onChange: a
+        }, null, 32),
+        l[2] || (l[2] = p("span", null, "Or Load remote xlsx file:", -1)),
+        w(p("select", {
+          "onUpdate:modelValue": l[0] || (l[0] = (i) => r.value = i),
+          onChange: h
+        }, [
+          l[1] || (l[1] = p("option", {
+            disabled: "",
+            value: ""
+          }, "Choose", -1)),
+          (g(!0), b(k, null, T(e.value, (i) => (g(), b("option", {
+            key: i.text,
+            value: i.value
+          }, A(i.text), 9, K))), 128))
+        ], 544), [
+          [_, r.value]
+        ]),
+        p("a", {
+          href: "javascript:void(0)",
+          onClick: m
+        }, "Download source xlsx file")
+      ]),
+      l[3] || (l[3] = p("div", { id: "luckysheet" }, null, -1)),
+      w(p("div", $, "Downloading", 512), [
+        [j, s.value]
+      ])
+    ], 64));
+  }
+}), G = /* @__PURE__ */ O(q, [["__scopeId", "data-v-0492bad7"]]), ne = M(G);
+export {
+  ne as Q
+};