qsyx-element 1.0.1

package/dist/es/exportWord-zS-yn0r2.js

@@ -0,0 +1,615 @@
+import { defineComponent as A, openBlock as c, createElementBlock as y, createElementVNode as e, resolveComponent as v, createVNode as h, withCtx as w, createTextVNode as g, withDirectives as m, vModelText as f, Fragment as O, renderList as D, renderSlot as W } from "vue";
+import { J as U, P as S, s as C, F as E, u as B, I, v as _ } from "./vendor-P2JMGdqH.js";
+import { w as V } from "./utils-DsWIZ76j.js";
+import { _ as k } from "./Form-GllMGZ5L.js";
+const N = /* @__PURE__ */ A({
+  name: "QsyxExportWord",
+  __name: "index",
+  props: {
+    fileName: {
+      type: String,
+      default: "导出的aa"
+    },
+    // word模板名称
+    fileTemplete: {
+      type: String,
+      default: "aa"
+    },
+    demoUrl: {
+      type: String,
+      required: !0
+    },
+    // word数据
+    wordData: {
+      type: Object
+    }
+  },
+  setup(r) {
+    const t = r, p = () => {
+      let n = t.wordData;
+      U.getBinaryContent(
+        t.demoUrl,
+        function(o, a) {
+          if (o)
+            throw o;
+          let l = new S(a);
+          console.log("zip");
+          let i = new C().loadZip(l);
+          i.setOptions({
+            nullGetter: function() {
+              return "123";
+            }
+          }), i.setData({
+            ...n
+          });
+          try {
+            i.render();
+          } catch (u) {
+            let d = {
+              message: u.message,
+              name: u.name,
+              stack: u.stack,
+              properties: u.properties
+            };
+            throw console.log(JSON.stringify({ error: d })), u;
+          }
+          let s = i.getZip().generate({
+            type: "blob",
+            mimeType: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+          });
+          E.saveAs(s, t.fileName);
+        }
+      );
+    };
+    return (n, o) => (c(), y("div", null, [
+      e("div", {
+        class: "word-box",
+        onClick: p
+      }, "导出word")
+    ]));
+  }
+}), xt = V(N);
+function T(r) {
+  const t = /^data:image\/(png|jpg|jpeg|svg|svg\+xml);base64,/;
+  if (!t.test(r))
+    return !1;
+  const p = r.replace(t, "");
+  let n;
+  typeof window < "u" ? n = window.atob(p) : n = new Buffer(p, "base64").toString("binary");
+  const o = n.length, a = new Uint8Array(o);
+  for (let l = 0; l < o; l++) {
+    const i = n.charCodeAt(l);
+    a[l] = i;
+  }
+  return a.buffer;
+}
+const z = (r, t, p, n) => {
+  U.getBinaryContent(r, function(o, a) {
+    if (o)
+      throw o;
+    B.filters.size = function(d, x, b) {
+      return {
+        data: d,
+        size: [x, b]
+      };
+    };
+    let l = {};
+    l = {
+      //图像是否居中
+      centered: !0
+    }, l.getImage = (d) => T(d), l.getSize = function(d, x, b) {
+      return n.hasOwnProperty(b) ? n[b] : [300, 300];
+    };
+    let i = new S(a), s = new C();
+    s.attachModule(new I(l)), s.loadZip(i), s.setData(t);
+    try {
+      s.render();
+    } catch (d) {
+      let x = {
+        message: d.message,
+        name: d.name,
+        stack: d.stack,
+        properties: d.properties
+      };
+      throw console.log(JSON.stringify({
+        error: x
+      })), d;
+    }
+    let u = s.getZip().generate({
+      type: "blob",
+      mimeType: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+    });
+    E.saveAs(u, p);
+  });
+};
+function F(r) {
+  return new Promise(function(t, p) {
+    let n = new Image();
+    n.src = r, n.setAttribute("crossOrigin", "*"), n.onload = function() {
+      let o = document.createElement("canvas");
+      o.width = n.width, o.height = n.height, o.getContext("2d").drawImage(n, 0, 0, n.width, n.height);
+      let l = n.src.substring(n.src.lastIndexOf(".") + 1).toLowerCase(), s = o.toDataURL("image/" + l, 0.8);
+      t(s);
+    };
+  });
+}
+const j = {
+  name: "QsyxExportWordImage",
+  props: {
+    // 文件名
+    fileUrl: {
+      type: String
+    }
+    // word模板名称
+  },
+  data() {
+    return {
+      editVisible: !1,
+      user: "",
+      area: "",
+      annualrent: "",
+      purpose: "",
+      purpose1: "",
+      purpose2: "",
+      purpose3: "",
+      purpose4: "",
+      purpose5: "",
+      purpose6: "",
+      purpose7: "",
+      purpose8: "",
+      imglist: [
+        {
+          imgUrl: "https://img2.baidu.com/it/u=2709954499,581919391&fm=253&fmt=auto&app=138&f=JPEG?w=468&h=518"
+        },
+        {
+          imgUrl: "https://img2.baidu.com/it/u=2709954499,581919391&fm=253&fmt=auto&app=138&f=JPEG?w=468&h=518"
+        },
+        {
+          imgUrl: "https://img0.baidu.com/it/u=1462004956,1440895436&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=353"
+        }
+      ]
+    };
+  },
+  methods: {
+    async exportWordFile() {
+      for (let p in this.imglist)
+        this.imglist[p].imgUrl = await F(this.imglist[p].imgUrl);
+      let r = {
+        user: this.user,
+        area: this.area,
+        annualrent: this.annualrent,
+        purpose: this.purpose,
+        purpose1: this.purpose1,
+        purpose2: this.purpose2,
+        purpose3: this.purpose3,
+        purpose4: this.purpose4,
+        purpose5: this.purpose5,
+        purpose6: this.purpose6,
+        purpose7: this.purpose7,
+        purpose8: this.purpose8,
+        imglist: this.imglist
+      }, t = {
+        //控制导出的word图片大小
+        imgurl: [200, 200]
+      };
+      z(this.fileUrl, r, "房屋出租审批表.docx", t);
+    },
+    open() {
+      console.log("111", 111), this.editVisible = !0;
+    }
+  }
+}, J = { class: "page-css" }, Z = { class: "search-data" }, L = {
+  class: "tb",
+  border: "1"
+}, P = {
+  colspan: "2",
+  width: "180"
+}, Q = {
+  colspan: "2",
+  width: "175"
+}, M = { colspan: "2" }, R = { colspan: "2" }, G = { colspan: "2" }, q = { colspan: "2" }, H = { colspan: "2" }, X = { colspan: "2" }, Y = { colspan: "2" }, K = { colspan: "2" }, $ = { colspan: "2" }, tt = { colspan: "2" }, et = { colspan: "6" }, ot = ["src"], st = { class: "dialog-footer" };
+function nt(r, t, p, n, o, a) {
+  const l = v("el-button"), i = v("el-card");
+  return c(), y("div", J, [
+    h(i, {
+      class: "box-card",
+      shadow: "never"
+    }, {
+      default: w(() => [
+        e("div", Z, [
+          h(l, {
+            type: "success",
+            onClick: a.open
+          }, {
+            default: w(() => t[13] || (t[13] = [
+              g("填写审批表")
+            ])),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      _: 1
+    }),
+    e("div", null, [
+      e("div", null, [
+        t[33] || (t[33] = e("div", { class: "tablename" }, [
+          e("h2", null, "房屋出租审批表")
+        ], -1)),
+        e("table", L, [
+          e("tr", null, [
+            t[15] || (t[15] = e("td", { height: "60" }, "承租人", -1)),
+            e("td", P, [
+              m(e("input", {
+                class: "inputone",
+                "onUpdate:modelValue": t[0] || (t[0] = (s) => o.user = s)
+              }, null, 512), [
+                [f, o.user]
+              ])
+            ]),
+            t[16] || (t[16] = e("td", {
+              colspan: "2",
+              width: "125"
+            }, "房屋面积", -1)),
+            e("td", Q, [
+              m(e("input", {
+                class: "inputtwo",
+                "onUpdate:modelValue": t[1] || (t[1] = (s) => o.area = s)
+              }, null, 512), [
+                [f, o.area]
+              ]),
+              t[14] || (t[14] = g(" 平方米 "))
+            ])
+          ]),
+          e("tr", null, [
+            t[18] || (t[18] = e("td", { height: "60" }, "年租金", -1)),
+            e("td", M, [
+              m(e("input", {
+                class: "inputtwo",
+                "onUpdate:modelValue": t[2] || (t[2] = (s) => o.annualrent = s)
+              }, null, 512), [
+                [f, o.annualrent]
+              ]),
+              t[17] || (t[17] = g(" 元/年 "))
+            ]),
+            t[19] || (t[19] = e("td", { colspan: "2" }, "出租用途", -1)),
+            e("td", R, [
+              m(e("input", {
+                class: "inputone",
+                "onUpdate:modelValue": t[3] || (t[3] = (s) => o.purpose = s)
+              }, null, 512), [
+                [f, o.purpose]
+              ])
+            ])
+          ]),
+          e("tr", null, [
+            t[21] || (t[21] = e("td", { height: "60" }, "年租金", -1)),
+            e("td", G, [
+              m(e("input", {
+                class: "inputtwo",
+                "onUpdate:modelValue": t[4] || (t[4] = (s) => o.purpose1 = s)
+              }, null, 512), [
+                [f, o.purpose1]
+              ]),
+              t[20] || (t[20] = g(" 元/年 "))
+            ]),
+            t[22] || (t[22] = e("td", { colspan: "2" }, "出租用途", -1)),
+            e("td", q, [
+              m(e("input", {
+                class: "inputone",
+                "onUpdate:modelValue": t[5] || (t[5] = (s) => o.purpose2 = s)
+              }, null, 512), [
+                [f, o.purpose2]
+              ])
+            ])
+          ]),
+          e("tr", null, [
+            t[24] || (t[24] = e("td", { height: "60" }, "年租金", -1)),
+            e("td", H, [
+              m(e("input", {
+                class: "inputtwo",
+                "onUpdate:modelValue": t[6] || (t[6] = (s) => o.purpose3 = s)
+              }, null, 512), [
+                [f, o.purpose3]
+              ]),
+              t[23] || (t[23] = g(" 元/年 "))
+            ]),
+            t[25] || (t[25] = e("td", { colspan: "2" }, "出租用途", -1)),
+            e("td", X, [
+              m(e("input", {
+                class: "inputone",
+                "onUpdate:modelValue": t[7] || (t[7] = (s) => o.purpose4 = s)
+              }, null, 512), [
+                [f, o.purpose4]
+              ])
+            ])
+          ]),
+          e("tr", null, [
+            t[27] || (t[27] = e("td", { height: "60" }, "年租金", -1)),
+            e("td", Y, [
+              m(e("input", {
+                class: "inputtwo",
+                "onUpdate:modelValue": t[8] || (t[8] = (s) => o.purpose5 = s)
+              }, null, 512), [
+                [f, o.purpose5]
+              ]),
+              t[26] || (t[26] = g(" 元/年 "))
+            ]),
+            t[28] || (t[28] = e("td", { colspan: "2" }, "出租用途", -1)),
+            e("td", K, [
+              m(e("input", {
+                class: "inputone",
+                "onUpdate:modelValue": t[9] || (t[9] = (s) => o.purpose6 = s)
+              }, null, 512), [
+                [f, o.purpose6]
+              ])
+            ])
+          ]),
+          e("tr", null, [
+            t[30] || (t[30] = e("td", { height: "60" }, "年租金", -1)),
+            e("td", $, [
+              m(e("input", {
+                class: "inputtwo",
+                "onUpdate:modelValue": t[10] || (t[10] = (s) => o.purpose7 = s)
+              }, null, 512), [
+                [f, o.purpose7]
+              ]),
+              t[29] || (t[29] = g(" 元/年 "))
+            ]),
+            t[31] || (t[31] = e("td", { colspan: "2" }, "出租用途", -1)),
+            e("td", tt, [
+              m(e("input", {
+                class: "inputone",
+                "onUpdate:modelValue": t[11] || (t[11] = (s) => o.purpose8 = s)
+              }, null, 512), [
+                [f, o.purpose8]
+              ])
+            ])
+          ]),
+          e("tr", null, [
+            t[32] || (t[32] = e("td", { height: "300" }, "房屋平面示意图", -1)),
+            e("td", et, [
+              (c(!0), y(O, null, D(o.imglist, (s, u) => (c(), y("div", { key: u }, [
+                e("img", {
+                  style: { width: "60%" },
+                  src: s.imgUrl
+                }, null, 8, ot)
+              ]))), 128))
+            ])
+          ])
+        ])
+      ]),
+      e("span", st, [
+        h(l, {
+          type: "info",
+          onClick: t[12] || (t[12] = (s) => o.editVisible = !1)
+        }, {
+          default: w(() => t[34] || (t[34] = [
+            g("取消")
+          ])),
+          _: 1
+        }),
+        h(l, {
+          type: "primary",
+          onClick: a.exportWordFile
+        }, {
+          default: w(() => t[35] || (t[35] = [
+            g("导出")
+          ])),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ])
+  ]);
+}
+const rt = /* @__PURE__ */ k(j, [["render", nt], ["__scopeId", "data-v-9ce0f389"]]), bt = V(rt), it = {
+  name: "HelloWorld",
+  props: {
+    options: {
+      type: Object
+    }
+    // echarsId: {
+    // 	type: String
+    // },
+    // yList: {
+    // 	type: Array
+    // },
+    // xList: {
+    // 	type: Object
+    // }
+  },
+  data() {
+    return {
+      myChart: {},
+      mySeries: [
+        {
+          type: "line",
+          smooth: !0,
+          showSymbol: !1,
+          //是否显示点
+          clip: !0,
+          itemStyle: {
+            normal: {
+              lineStyle: {
+                color: "#07F3E0",
+                //改变折线颜色
+                width: 4
+              }
+            }
+          }
+        }
+      ],
+      myXAxis: {
+        type: "category",
+        name: "月",
+        axisLabel: {
+          textStyle: {
+            color: "#ffffff"
+            //坐标的字体颜色
+          }
+        }
+      },
+      myYAxis: {
+        name: "故障数",
+        type: "value",
+        axisLabel: {
+          textStyle: {
+            color: "#ffffff"
+            //坐标的字体颜色
+          }
+        }
+      }
+    };
+  },
+  mounted() {
+    console.log("this.options", this.options), setTimeout(() => {
+      this.init();
+    }, 300);
+  },
+  methods: {
+    // 往数组中添加data ，a是传过来的data,b是没有data的
+    mergeArray(r, t) {
+      for (let p = 0; p < t.length; p++)
+        t[p].data = r[p].data;
+    },
+    getChartImg(r) {
+      r(this.myChart.getDataURL());
+    },
+    // 往对象中添加data ，a是传过来的data,b是没有data的
+    mergeObject(r, t) {
+      t.data = r.data;
+    },
+    init() {
+      this.myChart = _(document.getElementById("echarts")), this.myChart.setOption(this.options), console.log("1");
+    }
+  }
+}, lt = { class: "echarts-outer-box" };
+function pt(r, t, p, n, o, a) {
+  return c(), y("div", lt, t[0] || (t[0] = [
+    e("div", {
+      id: "echarts",
+      class: "echarts"
+    }, null, -1)
+  ]));
+}
+const at = /* @__PURE__ */ k(it, [["render", pt], ["__scopeId", "data-v-75703953"]]), ut = {
+  name: "QsyxExportWordEcharts",
+  components: { Echart: at },
+  data() {
+    return {};
+  },
+  props: {
+    // 文档数据
+    wordData: {
+      type: Object,
+      default: () => ({})
+    },
+    // 导出文件名字
+    exportFileName: {
+      type: String,
+      default: "word"
+    },
+    // 模版文件名字（文件需放在public目录下，文件格式为docx）
+    templateFileName: {
+      type: String,
+      default: "aa"
+    },
+    // 图表option 数组，可多个图表
+    chartOptions: {
+      type: Array,
+      default: () => []
+    }
+  },
+  mounted() {
+    console.log("this.chartOptions", this.chartOptions);
+  },
+  methods: {
+    // 导出echarts图片，格式转换
+    base64DataURLToArrayBuffer(r) {
+      const t = /^data:image\/(png|jpg|svg|svg\+xml);base64,/;
+      if (!t.test(r))
+        return !1;
+      const p = r.replace(t, "");
+      let n;
+      typeof window < "u" ? n = window.atob(p) : n = new Buffer(p, "base64").toString("binary");
+      const o = n.length, a = new Uint8Array(o);
+      for (let l = 0; l < o; l++) {
+        const i = n.charCodeAt(l);
+        a[l] = i;
+      }
+      return a.buffer;
+    },
+    // 导出文档
+    exportWord() {
+      const r = this, t = [];
+      U.getBinaryContent(
+        `${r.templateFileName}`,
+        (p, n) => {
+          if (p)
+            throw p;
+          const o = new S(n), a = new C();
+          if (a.loadZip(o), r.chartOptions.length > 0) {
+            for (const u of r.$refs.chart)
+              u.getChartImg((d) => {
+                t.push({ image: d });
+              });
+            const i = {};
+            i.centered = !0, i.fileType = "docx", i.getImage = (u) => r.base64DataURLToArrayBuffer(u), i.getSize = () => [600, 300];
+            const s = new I(i);
+            a.attachModule(s);
+          }
+          a.setData({ ...r.wordData, chartlist: t });
+          try {
+            a.render();
+          } catch (i) {
+            const s = {
+              message: i.message,
+              name: i.name,
+              stack: i.stack,
+              properties: i.properties
+            };
+            throw console.log(JSON.stringify({ error: s })), i;
+          }
+          const l = a.getZip().generate({
+            type: "blob",
+            mimeType: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+          });
+          E.saveAs(l, `${r.exportFileName}.docx`);
+        }
+      );
+    }
+  }
+}, dt = { class: "approvalNo-or-opinionNo-list" }, mt = { id: "pdfDom" };
+function ft(r, t, p, n, o, a) {
+  const l = v("el-button"), i = v("Echart");
+  return c(), y("div", dt, [
+    h(l, {
+      type: "primary",
+      size: "small",
+      onClick: a.exportWord
+    }, {
+      default: w(() => t[0] || (t[0] = [
+        g("点击下载")
+      ])),
+      _: 1
+    }, 8, ["onClick"]),
+    e("div", mt, [
+      W(r.$slots, "table")
+    ]),
+    (c(!0), y(O, null, D(p.chartOptions, (s, u) => (c(), y("div", {
+      style: { width: "600px", height: "300px", margin: "0 auto" },
+      key: u
+    }, [
+      h(i, {
+        options: s,
+        ref_for: !0,
+        ref: "chart"
+      }, null, 8, ["options"])
+    ]))), 128))
+  ]);
+}
+const gt = /* @__PURE__ */ k(ut, [["render", ft]]), vt = V(gt);
+export {
+  xt as Q,
+  bt as a,
+  vt as b
+};

package/dist/es/imToText-nJqaYhI_.js

@@ -0,0 +1,38 @@
+import { w as t } from "./vendor-P2JMGdqH.js";
+import { openBlock as i, createElementBlock as r, createElementVNode as n } from "vue";
+import { _ as c } from "./Form-GllMGZ5L.js";
+import { w as m } from "./utils-DsWIZ76j.js";
+const e = t.createWorker({
+  // logger: m => console.log(m),
+}), g = {
+  name: "QsyxImgToText",
+  props: {
+    src: String
+  },
+  methods: {
+    recognize: async () => {
+      const o = document.getElementById("text-img");
+      await e.load(), await e.loadLanguage("chi_sim+eng"), await e.initialize("chi_sim+eng", t.OEM.LSTM_ONLY), await e.setParameters({
+        tessedit_pageseg_mode: t.PSM.SINGLE_BLOCK
+      });
+      const { data: { text: s } } = await e.recognize(o);
+      console.log(s);
+    }
+  },
+  mounted() {
+    this.recognize();
+  }
+}, _ = { id: "app" }, d = ["src"];
+function l(o, s, a, x, w, f) {
+  return i(), r("div", _, [
+    n("img", {
+      id: "text-img",
+      alt: "Vue logo",
+      src: a.src
+    }, null, 8, d)
+  ]);
+}
+const p = /* @__PURE__ */ c(g, [["render", l]]), E = m(p);
+export {
+  E as Q
+};

package/dist/es/index.js

@@ -0,0 +1,39 @@
+import { w as s, m as o } from "./utils-DsWIZ76j.js";
+import { Q as a } from "./Button-OBW9FK8V.js";
+import { a as t, b as r, c as m, d as x, e as Q, f as n, Q as c, g as e, h as i } from "./Form-GllMGZ5L.js";
+import { Q as y } from "./Dialog-lE9CYwyT.js";
+import { Q as f } from "./Table-BrzOxcFz.js";
+import { Q as p } from "./wordSee-oMFtPj-S.js";
+import { Q as l } from "./excelSee-DNbR9hdn.js";
+import { Q as _ } from "./pdfSee-BJvVkNxS.js";
+import { Q as E, a as I, b as d } from "./exportWord-zS-yn0r2.js";
+import { Q as $ } from "./insertExcel-BYsef8on.js";
+import { Q as g } from "./exportExcel-rMHaYDUw.js";
+import { Q as h } from "./imToText-nJqaYhI_.js";
+import { Q as u } from "./onlineExcel-DJeuDI97.js";
+const R = s(t), j = s(r), q = s(m), z = s(x), A = s(Q), G = s(n), H = s(c), J = s(e), D = [a, y, f, i, p, _, l, E, $, I, d, g, h, u], K = o(D);
+export {
+  a as QsyxButton,
+  R as QsyxCheckBox,
+  q as QsyxDateInterval,
+  j as QsyxDatePicker,
+  y as QsyxDialog,
+  p as QsyxDocx,
+  l as QsyxExcel,
+  g as QsyxExportExcel,
+  E as QsyxExportWord,
+  d as QsyxExportWordEcharts,
+  I as QsyxExportWordImage,
+  i as QsyxForm,
+  h as QsyxImgToText,
+  z as QsyxInput,
+  A as QsyxInputMoney,
+  $ as QsyxInsertExcel,
+  u as QsyxOnlineExcel,
+  _ as QsyxPdf,
+  G as QsyxRadio,
+  H as QsyxSelect,
+  f as QsyxTable,
+  J as QsyxTextarea,
+  K as default
+};