qsyx-element 1.0.28 → 1.0.29

package/dist/es/index.js

@@ -1,82 +1,140 @@
-import { w as o, m as x } from "./utils-B1qoKEZu.js";
-import { Q as p } from "./Button-CY-LzkbQ.js";
-import { a as d, b as Q, c as f, d as y, e as _, f as u, Q as k, g as w, _ as E, h as v } from "./Form-sjCW5qrR.js";
-import { Q as h } from "./Dialog-CckCLAtF.js";
-import { Q as T } from "./Table-DCcLVthx.js";
-import { Q as I } from "./wordSee-BpyL5TCN.js";
-import { Q as M } from "./excelSee-BtixnZQs.js";
-import { Q as b } from "./pdfSee-Ci6jhB9h.js";
-import { Q as D, a as $, b as g } from "./exportWord-DPKW5Nyh.js";
-import { Q as B, a as C } from "./insertExcel-YDQdiLi1.js";
-import { defineComponent as L, ref as R, computed as U, createElementBlock as W, openBlock as F, createElementVNode as n, withDirectives as N, vModelText as H } from "vue";
-import { N as O } from "./vendor-_o5V4Y5M.js";
-import { Q as P } from "./exportExcel-DSc_tUCI.js";
-import { Q as S } from "./imToText-C5BGPHJv.js";
-import { Q as V } from "./onlineExcel-4ggybKld.js";
-const pe = o(d), de = o(Q), Qe = o(f), fe = o(y), ye = o(_), _e = o(u), ue = o(k), ke = o(w), j = { class: "markdown-app" }, A = ["innerHTML"], q = /* @__PURE__ */ L({
+import { w as r, m as v } from "./utils-B1qoKEZu.js";
+import { Q as w } from "./Button-CY-LzkbQ.js";
+import { a as k, b, c as T, d as M, e as $, f as E, Q as I, g as L, _ as S, h as D } from "./Form-sjCW5qrR.js";
+import { Q as C } from "./Dialog-CckCLAtF.js";
+import { Q as B } from "./Table-DCcLVthx.js";
+import { Q as N } from "./wordSee-BpyL5TCN.js";
+import { Q as R } from "./excelSee-BtixnZQs.js";
+import { Q as F } from "./pdfSee-Ci6jhB9h.js";
+import { Q as j, a as H, b as U } from "./exportWord-DPKW5Nyh.js";
+import { Q as V, a as W } from "./insertExcel-YDQdiLi1.js";
+import { defineComponent as g, ref as d, computed as A, createElementBlock as h, openBlock as Q, createElementVNode as u, withDirectives as O, vModelText as q, onMounted as P, resolveComponent as z, createBlock as G, createCommentVNode as J, unref as _ } from "vue";
+import { N as K } from "./vendor-_o5V4Y5M.js";
+import { Q as X } from "./exportExcel-DSc_tUCI.js";
+import { Q as Y } from "./imToText-C5BGPHJv.js";
+import { Q as Z } from "./onlineExcel-4ggybKld.js";
+const Te = r(k), Me = r(b), $e = r(T), Ee = r(M), Ie = r($), Le = r(E), Se = r(I), De = r(L), ee = { class: "markdown-app" }, te = ["innerHTML"], se = /* @__PURE__ */ g({
   name: "QsyxMarkDownText",
   __name: "index",
-  setup(K, { expose: c }) {
-    const t = R("");
-    function m(s) {
-      const e = s.target.files[0];
-      if (e) {
-        const a = new FileReader();
-        a.onload = (i) => t.value = i.target.result, a.readAsText(e);
+  setup(x, { expose: l }) {
+    const n = d("");
+    function a(e) {
+      const s = e.target.files[0];
+      if (s) {
+        const c = new FileReader();
+        c.onload = (f) => n.value = f.target.result, c.readAsText(s);
       }
     }
-    function l() {
-      const s = new Blob([t.value], { type: "text/markdown;charset=utf-8" }), e = document.createElement("a");
-      e.href = URL.createObjectURL(s), e.download = "document.md", e.click();
+    function i() {
+      const e = new Blob([n.value], { type: "text/markdown;charset=utf-8" }), s = document.createElement("a");
+      s.href = URL.createObjectURL(e), s.download = "document.md", s.click();
     }
-    const r = U(() => O.parse(t.value));
-    return c({
-      content: t,
-      compiledMarkdown: r
-    }), (s, e) => (F(), W("div", j, [
-      n("input", {
+    const t = A(() => K.parse(n.value));
+    return l({
+      content: n,
+      compiledMarkdown: t
+    }), (e, s) => (Q(), h("div", ee, [
+      u("input", {
         type: "file",
         accept: ".md",
-        onChange: m
+        onChange: a
       }, null, 32),
-      n("button", { onClick: l }, "Export Markdown"),
-      N(n("textarea", {
-        "onUpdate:modelValue": e[0] || (e[0] = (a) => t.value = a),
+      u("button", { onClick: i }, "Export Markdown"),
+      O(u("textarea", {
+        "onUpdate:modelValue": s[0] || (s[0] = (c) => n.value = c),
         placeholder: "Write your markdown here..."
       }, null, 512), [
-        [H, t.value]
+        [q, n.value]
       ]),
-      n("div", {
-        innerHTML: r.value,
+      u("div", {
+        innerHTML: t.value,
         class: "markdown-preview"
-      }, null, 8, A)
+      }, null, 8, te)
     ]));
   }
-}), z = /* @__PURE__ */ E(q, [["__scopeId", "data-v-4a853a11"]]), G = o(z), J = [p, h, T, v, G, I, b, B, M, D, C, $, g, P, S, V], we = x(J);
+}), oe = /* @__PURE__ */ S(se, [["__scopeId", "data-v-4a853a11"]]), ne = r(oe);
+function re(x) {
+  let l = [];
+  return { result: x.replace(/<img\b([^>]*)>/gi, function(a, i) {
+    let t = i.replace(/\bstyle\s*=\s*(["'])(.*?)\1/i, "style=$1width:100%$1");
+    if (t === i && (t = t.replace(/\bstyle\s*=\s*([^\s>]+)/i, 'style="width:100%"')), i.includes("style")) {
+      let e = (Math.random() * 1e5).toFixed(0);
+      return l.push("img" + e), '<img id="img' + e + '"' + t + ">";
+    } else {
+      let e = (Math.random() * 1e5).toFixed(6);
+      return l.push("img" + e), '<img id="img' + e + '"' + t + ">";
+    }
+  }), idList: l };
+}
+const ae = ["innerHTML"], le = /* @__PURE__ */ g({
+  name: "QsyxRichTextImgSee",
+  __name: "main",
+  props: {
+    html: String
+  },
+  setup(x) {
+    let l = '<p><img src="https://pic1.zhimg.com/v2-a58fa2ab84be291418da2652805f8270_b.jpg" alt="" data-href="" style=""/><img src="http://127.0.0.1:8585/uploads/123456/2025/06/20/efaa422c-9e94-49a2-bf57-98512b4c4412.png" alt="错误" data-href="" style=""/>模拟 Ajax </p><p><br></p><p>1231293异步设置内容</p><p><br></p><p><strong>123123. &nbsp; </strong></p><p><br></p>', { result: n, idList: a } = re(l);
+    console.log("idList", a), console.log("result", n);
+    const i = x;
+    let t = d([]);
+    const e = d(!1), s = d([]), c = d(0), f = (p) => {
+      s.value.push(p), e.value = !0;
+    };
+    return P(() => {
+      let p = {};
+      setTimeout(() => {
+        for (let o = 0; o < a.length; o++) {
+          const m = document.querySelector(`#${a[o]}`);
+          p[m.src] = o, t.value.push(m.src);
+        }
+        for (let o = 0; o < a.length; o++) {
+          const m = document.querySelector(`#${a[o]}`);
+          m.onclick = (y) => {
+            c.value = p[y.target.currentSrc], f(y.target.currentSrc);
+          };
+        }
+      }, 300);
+    }), (p, o) => {
+      const m = z("el-image-viewer");
+      return Q(), h("div", null, [
+        u("div", {
+          innerHTML: i.html || _(n)
+        }, null, 8, ae),
+        e.value ? (Q(), G(m, {
+          key: 0,
+          "url-list": _(t),
+          "initial-index": c.value,
+          onClose: o[0] || (o[0] = (y) => e.value = !1)
+        }, null, 8, ["url-list", "initial-index"])) : J("", !0)
+      ]);
+    };
+  }
+}), ie = r(le), ce = [w, C, B, D, ne, N, F, V, R, j, W, H, U, X, Y, Z, ie], Ce = v(ce);
 export {
-  p as QsyxButton,
-  pe as QsyxCheckBox,
-  Qe as QsyxDateInterval,
-  de as QsyxDatePicker,
-  h as QsyxDialog,
-  I as QsyxDocx,
-  M as QsyxExcel,
-  P as QsyxExportExcel,
-  D as QsyxExportWord,
-  g as QsyxExportWordEcharts,
-  $ as QsyxExportWordImage,
-  v as QsyxForm,
-  S as QsyxImgToText,
-  fe as QsyxInput,
-  ye as QsyxInputMoney,
-  C as QsyxInsertExcel,
-  B as QsyxInsertExcelNew,
-  G as QsyxMarkDownText,
-  V as QsyxOnlineExcel,
-  b as QsyxPdf,
-  _e as QsyxRadio,
-  ue as QsyxSelect,
-  T as QsyxTable,
-  ke as QsyxTextarea,
-  we as default
+  w as QsyxButton,
+  Te as QsyxCheckBox,
+  $e as QsyxDateInterval,
+  Me as QsyxDatePicker,
+  C as QsyxDialog,
+  N as QsyxDocx,
+  R as QsyxExcel,
+  X as QsyxExportExcel,
+  j as QsyxExportWord,
+  U as QsyxExportWordEcharts,
+  H as QsyxExportWordImage,
+  D as QsyxForm,
+  Y as QsyxImgToText,
+  Ee as QsyxInput,
+  Ie as QsyxInputMoney,
+  W as QsyxInsertExcel,
+  V as QsyxInsertExcelNew,
+  ne as QsyxMarkDownText,
+  Z as QsyxOnlineExcel,
+  F as QsyxPdf,
+  Le as QsyxRadio,
+  ie as QsyxRichTextImgSee,
+  Se as QsyxSelect,
+  B as QsyxTable,
+  De as QsyxTextarea,
+  Ce as default
 };