super-page-runtime 2.3.36 → 2.3.37-sit1

package/dist/es/components/runtime/views/assemblys/form/rich-text/richtext-runtime.vue2.js

@@ -1,111 +1,111 @@
-import { defineComponent as e, ref as t, watch as n, onMounted as l, nextTick as o, onBeforeUnmount as i, resolveComponent as a, createElementBlock as r, openBlock as u, Fragment as s, createVNode as c, createBlock as d, createCommentVNode as p, normalizeStyle as f, normalizeClass as m, unref as v, withCtx as g, createElementVNode as h, toDisplayString as b } from "vue";
-import { getFormModelFields as y } from "../../../../utils/page-init-util.js";
-import { getSizeConfig as x, formatVariableValue as k, getVariableValue as w, setVariableValue as C } from "../../../../utils/page-helper-util.js";
-import { handleAfterInitEvent as q, handleFormEvent as T } from "../../../../utils/events/event-util.js";
-import S from "agilebuilder-ui/src/utils/request";
-import { $t as E } from "../../../../utils/i18n-util.js";
-import { getBaseUrl as A, addRequiredClassUtil as L } from "../../../../utils/common-util.js";
-import H from "quill";
+import { defineComponent as e, ref as t, watch as n, onMounted as l, nextTick as o, onBeforeUnmount as i, resolveComponent as a, createElementBlock as r, openBlock as u, Fragment as s, createVNode as c, createBlock as d, createCommentVNode as p, normalizeStyle as f, normalizeClass as m, unref as v, createSlots as g, withCtx as h, createElementVNode as b, toDisplayString as y } from "vue";
+import { getFormModelFields as x } from "../../../../utils/page-init-util.js";
+import { getSizeConfig as k, formatVariableValue as w, getVariableValue as C, setVariableValue as q } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent as T, handleFormEvent as S } from "../../../../utils/events/event-util.js";
+import E from "agilebuilder-ui/src/utils/request";
+import { $t as A } from "../../../../utils/i18n-util.js";
+import { getBaseUrl as L, addRequiredClassUtil as H } from "../../../../utils/common-util.js";
+import M from "quill";
 import "quill/dist/quill.snow.css";
-import { ElMessage as M } from "element-plus";
-const N = { class: "toolbar-right-btns" }, R = ["title"], _ = { class: "richtext-statusbar" }, j = { class: "word-count" }, V = { key: 0, class: "upload-loading" }, $ = ["innerHTML"], z = e({ __name: "richtext-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: z2 }) {
-  const B = ["12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px"], F = H.import("attributors/style/size");
-  F.whitelist = B, H.register(F, true);
-  const U = [false, "Source Han Sans CN", "SimSun", "SimHei", "Microsoft YaHei", "KaiTi", "FangSong", "Arial", "Times New Roman", "Verdana", "Georgia", "Courier New"], D = H.import("attributors/style/font");
-  D.whitelist = U, H.register(D, true);
-  const W = e2, P = t(""), G = W.pageContext.entity ? W.pageContext.entity : {}, I = y(W.pageContext, W.configure), K = W.configure.runtime ? W.configure.runtime : {}, O = K.style, Y = K.class, J = K.headerStyle, Q = K.titleExceedStyle, X = t(K.props ? K.props : {});
-  let Z = x(W.pageContext, W.configure);
-  Z && Z.fixHeight && (O.height || (O.height = Z.fixHeight + "px"));
-  let ee = X.value.value;
-  const te = k(W.pageContext, ee), ne = t(null);
-  let le = null;
-  const oe = t(false), ie = t(0), ae = t(false), re = t(false), ue = t("");
-  let se = null, ce = X.value.state;
-  function de(e3) {
+import { ElMessage as N } from "element-plus";
+const R = { class: "toolbar-right-btns" }, _ = ["title"], j = { class: "richtext-statusbar" }, V = { class: "word-count" }, $ = { key: 0, class: "upload-loading" }, z = ["innerHTML"], B = e({ __name: "richtext-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: B2 }) {
+  const F = ["12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px"], U = M.import("attributors/style/size");
+  U.whitelist = F, M.register(U, true);
+  const D = [false, "Source Han Sans CN", "SimSun", "SimHei", "Microsoft YaHei", "KaiTi", "FangSong", "Arial", "Times New Roman", "Verdana", "Georgia", "Courier New"], W = M.import("attributors/style/font");
+  W.whitelist = D, M.register(W, true);
+  const P = e2, G = t(""), I = P.pageContext.entity ? P.pageContext.entity : {}, K = x(P.pageContext, P.configure), O = P.configure.runtime ? P.configure.runtime : {}, Y = O.style, J = O.class, Q = O.headerStyle, X = O.titleExceedStyle, Z = t(O.props ? O.props : {});
+  let ee = k(P.pageContext, P.configure);
+  ee && ee.fixHeight && (Y.height || (Y.height = ee.fixHeight + "px"));
+  let te = Z.value.value;
+  const ne = w(P.pageContext, te), le = t(null);
+  let oe = null;
+  const ie = t(false), ae = t(0), re = t(false), ue = t(false), se = t("");
+  let ce = null, de = Z.value.state;
+  function pe(e3) {
     return "readonly" == e3 || "disabled" == e3;
   }
-  const pe = de(ce), fe = t({ modules: { toolbar: [["bold", "italic", "underline", "strike"], ["blockquote", "code-block"], [{ list: "ordered" }, { list: "bullet" }], [{ script: "sub" }, { script: "super" }], [{ indent: "-1" }, { indent: "+1" }], [{ direction: "rtl" }], [{ size: B }], [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], [{ font: U }], [{ align: [] }], ["clean"], ["link", "image"]] }, theme: "snow", placeholder: pe ? "" : X.value.placeholder, readOnly: pe });
-  function me() {
-    if (!(le == null ? void 0 : le.container)) return;
-    const e3 = le.container.parentNode;
+  const fe = pe(de), me = t({ modules: { toolbar: [["bold", "italic", "underline", "strike"], ["blockquote", "code-block"], [{ list: "ordered" }, { list: "bullet" }], [{ script: "sub" }, { script: "super" }], [{ indent: "-1" }, { indent: "+1" }], [{ direction: "rtl" }], [{ size: F }], [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], [{ font: D }], [{ align: [] }], ["clean"], ["link", "image"]] }, theme: "snow", placeholder: fe ? "" : Z.value.placeholder, readOnly: fe });
+  function ve() {
+    if (!(oe == null ? void 0 : oe.container)) return;
+    const e3 = oe.container.parentNode;
     if (!e3) return;
-    const t2 = e3.getBoundingClientRect(), n2 = le.container.getBoundingClientRect();
+    const t2 = e3.getBoundingClientRect(), n2 = oe.container.getBoundingClientRect();
     let l2 = t2.height - (n2.top - t2.top);
-    l2 -= 24, le.container.style.height = Math.max(l2, 100) + "px";
+    l2 -= 24, oe.container.style.height = Math.max(l2, 100) + "px";
   }
-  n(X.value, () => {
-    const e3 = X.value.state;
-    if (null != e3 && e3 !== ce) {
-      ce = e3;
-      const t2 = de(ce);
-      le && (le.enable(!t2), le.root.dataset.placeholder = t2 ? "" : X.value.placeholder);
+  n(Z.value, () => {
+    const e3 = Z.value.state;
+    if (null != e3 && e3 !== de) {
+      de = e3;
+      const t2 = pe(de);
+      oe && (oe.enable(!t2), oe.root.dataset.placeholder = t2 ? "" : Z.value.placeholder);
     }
   });
-  const ve = t([]), ge = t(false), he = t(null), be = t(null), ye = t(null);
-  let xe = null;
-  function ke(e3) {
+  const ge = t([]), he = t(false), be = t(null), ye = t(null), xe = t(null);
+  let ke = null;
+  function we(e3) {
     const t2 = e3.match(/serverPath=([^&"]+)/);
     return t2 ? t2[1] : "";
   }
-  function we(e3) {
-    if (!le) return;
+  function Ce(e3) {
+    if (!oe) return;
     const t2 = function(e4) {
       let t3 = e4.replace(/<img data-uuid="(.*?)"/g, (e5, t4) => {
-        const n3 = ke(t4), l2 = W.pageContext.backendUrl;
-        return `<img src="${A(l2, W.pageContext.isTest)}/common/fs-upload/download?serverPath=${n3}&isShowWatermark=false" data-uuid="${n3}"`;
+        const n3 = we(t4), l2 = P.pageContext.backendUrl;
+        return `<img src="${L(l2, P.pageContext.isTest)}/common/fs-upload/download?serverPath=${n3}&isShowWatermark=false" data-uuid="${n3}"`;
       });
       return t3 = t3.replace(/\t/g, "    "), t3 = t3.replace(/ {2}/g, "  "), t3;
-    }(e3), n2 = le.clipboard.convertHTML(t2);
-    le.setContents(n2.ops), o(() => {
-      if (!le) return;
-      le.root.querySelectorAll("img").forEach((e4) => {
+    }(e3), n2 = oe.clipboard.convertHTML(t2);
+    oe.setContents(n2.ops), o(() => {
+      if (!oe) return;
+      oe.root.querySelectorAll("img").forEach((e4) => {
         if (!e4.getAttribute("data-uuid")) {
-          const t3 = ke(e4.src);
+          const t3 = we(e4.src);
           e4.setAttribute("data-uuid", t3);
         }
       });
     });
   }
-  const Ce = { bold: "加粗", italic: "斜体", underline: "下划线", strike: "删除线", blockquote: "引用", "code-block": "代码块", 'list[value="ordered"]': "有序列表", 'list[value="bullet"]': "无序列表", 'script[value="sub"]': "下标", 'script[value="super"]': "上标", 'indent[value="-1"]': "减少缩进", 'indent[value="+1"]': "增加缩进", 'direction[value="rtl"]': "文字方向", size: "字体大小", header: "标题", color: "字体颜色", background: "背景颜色", font: "字体", align: "对齐方式", clean: "清除格式", link: "链接", image: "图片" };
-  function qe() {
-    oe.value = !oe.value, o(() => {
-      !oe.value && (le == null ? void 0 : le.container) && (le.container.style.height = ""), me();
-    });
-  }
+  const qe = { bold: "加粗", italic: "斜体", underline: "下划线", strike: "删除线", blockquote: "引用", "code-block": "代码块", 'list[value="ordered"]': "有序列表", 'list[value="bullet"]': "无序列表", 'script[value="sub"]': "下标", 'script[value="super"]': "上标", 'indent[value="-1"]': "减少缩进", 'indent[value="+1"]': "增加缩进", 'direction[value="rtl"]': "文字方向", size: "字体大小", header: "标题", color: "字体颜色", background: "背景颜色", font: "字体", align: "对齐方式", clean: "清除格式", link: "链接", image: "图片" };
   function Te() {
-    le && (ue.value = le.root.innerHTML, re.value = true);
+    ie.value = !ie.value, o(() => {
+      !ie.value && (oe == null ? void 0 : oe.container) && (oe.container.style.height = ""), ve();
+    });
   }
   function Se() {
-    if (!le) return void (ie.value = 0);
-    const e3 = le.getText().trim();
-    ie.value = e3.length;
+    oe && (se.value = oe.root.innerHTML, ue.value = true);
   }
   function Ee() {
-    M.error({ message: "图片上传失败，请重试", duration: 3e3 });
+    if (!oe) return void (ae.value = 0);
+    const e3 = oe.getText().trim();
+    ae.value = e3.length;
   }
-  function Ae(e3) {
-    "Escape" === e3.key && oe.value && (oe.value = false, o(() => {
-      (le == null ? void 0 : le.container) && (le.container.style.height = ""), me();
-    }));
+  function Ae() {
+    N.error({ message: "图片上传失败，请重试", duration: 3e3 });
   }
   function Le(e3) {
-    var _a;
-    le && (null !== e3.relatedTarget && ((_a = ne.value) == null ? void 0 : _a.contains(e3.relatedTarget)) || T(le.root.innerHTML, W.pageContext, W.configure, "change", { entity: G }));
+    "Escape" === e3.key && ie.value && (ie.value = false, o(() => {
+      (oe == null ? void 0 : oe.container) && (oe.container.style.height = ""), ve();
+    }));
   }
   function He(e3) {
+    var _a;
+    oe && (null !== e3.relatedTarget && ((_a = le.value) == null ? void 0 : _a.contains(e3.relatedTarget)) || S(oe.root.innerHTML, P.pageContext, P.configure, "change", { entity: I }));
+  }
+  function Me(e3) {
     if ("img" === e3.target.localName) {
-      ve.value = [];
+      ge.value = [];
       let t2 = e3.target.src;
-      ve.value.push(t2), ge.value = true;
+      ge.value.push(t2), he.value = true;
     }
   }
-  function Me(e3) {
+  function Ne(e3) {
     const t2 = new FormData();
     t2.append("file", e3);
-    const n2 = W.pageContext.backendUrl, l2 = A(n2, W.pageContext.isTest);
-    return S.post(l2 + "/common/fs-upload/rich-editor-image", t2, { headers: { "Content-Type": "multipart/form-data" } });
+    const n2 = P.pageContext.backendUrl, l2 = L(n2, P.pageContext.isTest);
+    return E.post(l2 + "/common/fs-upload/rich-editor-image", t2, { headers: { "Content-Type": "multipart/form-data" } });
   }
-  function Ne(e3, t2) {
+  function Re(e3, t2) {
     const n2 = e3.split(","), l2 = n2[0].match(/:(.*?);/), o2 = l2 ? l2[1] : "image/png", i2 = atob(n2[1]);
     let a2 = i2.length;
     const r2 = new Uint8Array(a2);
@@ -114,37 +114,37 @@ const N = { class: "toolbar-right-btns" }, R = ["title"], _ = { class: "richtext
   }
   return l(() => {
     var _a;
-    ne.value && (le = new H(ne.value, fe.value), le.root.style.fontSize = "16px", function() {
+    le.value && (oe = new M(le.value, me.value), oe.root.style.fontSize = "16px", function() {
       var _a2, _b;
-      const e3 = (_b = (_a2 = ne.value) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.querySelector(".ql-toolbar");
+      const e3 = (_b = (_a2 = le.value) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.querySelector(".ql-toolbar");
       if (!e3) return;
       e3.querySelectorAll("button").forEach((e4) => {
         const t2 = e4.className.match(/ql-([\w-]+)/);
         if (t2) {
           const n2 = t2[1], l2 = `${n2}[value="${e4.value}"]`;
-          Ce[l2] ? e4.setAttribute("data-tooltip", Ce[l2]) : Ce[n2] && e4.setAttribute("data-tooltip", Ce[n2]);
+          qe[l2] ? e4.setAttribute("data-tooltip", qe[l2]) : qe[n2] && e4.setAttribute("data-tooltip", qe[n2]);
         }
       }), e3.querySelectorAll(".ql-picker").forEach((e4) => {
         const t2 = e4.className.match(/ql-(\w+)/);
         if (t2) {
           const n2 = t2[1];
-          if (Ce[n2]) {
+          if (qe[n2]) {
             const t3 = e4.querySelector(".ql-picker-label");
-            t3 && t3.setAttribute("data-tooltip", Ce[n2]);
+            t3 && t3.setAttribute("data-tooltip", qe[n2]);
           }
         }
       });
     }(), function() {
       var _a2, _b;
-      const e3 = (_b = (_a2 = ne.value) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.querySelector(".ql-toolbar");
+      const e3 = (_b = (_a2 = le.value) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.querySelector(".ql-toolbar");
       e3 && e3.addEventListener("mousedown", (e4) => {
         e4.preventDefault();
       });
-    }(), we(te), (_a = ne.value) == null ? void 0 : _a.addEventListener("focusout", Le), le.on("text-change", async function(e3) {
-      if (!le) return;
-      const t2 = le.root.getElementsByTagName("img");
+    }(), Ce(ne), (_a = le.value) == null ? void 0 : _a.addEventListener("focusout", He), oe.on("text-change", async function(e3) {
+      if (!oe) return;
+      const t2 = oe.root.getElementsByTagName("img");
       for (const e4 of t2) if (!e4.getAttribute("data-uuid")) {
-        const t3 = ke(e4.src);
+        const t3 = we(e4.src);
         e4.setAttribute("data-uuid", t3);
       }
       if (e3.ops && e3.ops.length > 0) for (const t3 of e3.ops) {
@@ -153,47 +153,47 @@ const N = { class: "toolbar-right-btns" }, R = ["title"], _ = { class: "richtext
           const t4 = e4.image;
           if (!t4.startsWith("data:image")) continue;
           try {
-            ae.value = true;
-            const e5 = Ne(t4, "image.png"), n2 = await Me(e5);
-            if (!le) return;
-            const l2 = le.root.getElementsByTagName("img");
+            re.value = true;
+            const e5 = Re(t4, "image.png"), n2 = await Ne(e5);
+            if (!oe) return;
+            const l2 = oe.root.getElementsByTagName("img");
             for (const e6 of l2) e6.src === t4 && (e6.width = 300, e6.src = n2.url, e6.setAttribute("data-uuid", n2.uuid));
           } catch (e5) {
-            console.error("上传图片失败", e5), Ee();
+            Ae();
           } finally {
-            ae.value = false;
+            re.value = false;
           }
         }
       }
       !function() {
-        se && clearTimeout(se);
-        se = setTimeout(() => {
-          if (!le) return;
-          const e4 = le.root.innerHTML;
-          C(G, I, e4), e4 && (P.value = "");
+        ce && clearTimeout(ce);
+        ce = setTimeout(() => {
+          if (!oe) return;
+          const e4 = oe.root.innerHTML;
+          q(I, K, e4), e4 && (G.value = "");
         }, 300);
-      }(), Se();
-    }), Se(), xe = le.container, xe.addEventListener("click", He), me(), o(() => {
-      const e3 = w(G, I);
-      q(e3, W.pageContext, W.configure, { formItemRef: he.value, componentRef: be.value, titleRef: ye.value, value: e3, entity: W.pageContext.entity.data, pageData: W.pageContext.entity.page });
+      }(), Ee();
+    }), Ee(), ke = oe.container, ke.addEventListener("click", Me), ve(), o(() => {
+      const e3 = C(I, K);
+      T(e3, P.pageContext, P.configure, { formItemRef: be.value, componentRef: ye.value, titleRef: xe.value, value: e3, entity: P.pageContext.entity.data, pageData: P.pageContext.entity.page });
     }));
   }), l(() => {
-    document.addEventListener("keydown", Ae);
+    document.addEventListener("keydown", Le);
   }), i(() => {
-    document.removeEventListener("keydown", Ae), se && clearTimeout(se), ne.value && ne.value.removeEventListener("focusout", Le), xe && xe.removeEventListener("click", He);
-  }), z2({ addRequiredClass: function() {
-    P.value = L();
+    document.removeEventListener("keydown", Le), ce && clearTimeout(ce), le.value && le.value.removeEventListener("focusout", He), ke && ke.removeEventListener("click", Me);
+  }), B2({ addRequiredClass: function() {
+    G.value = H();
   }, setContent: function(e3) {
-    we(e3), Se();
+    Ce(e3), Ee();
   }, getContent: function() {
-    return le ? le.root.innerHTML : "";
+    return oe ? oe.root.innerHTML : "";
   } }), (e3, t2) => {
-    const n2 = a("View"), l2 = a("el-icon"), o2 = a("FullScreen"), i2 = a("Close"), y2 = a("el-form-item"), x2 = a("el-image-viewer"), k2 = a("el-dialog");
-    return u(), r(s, null, [c(y2, { required: X.value.required, class: m(v(Y) + (P.value ? " " + P.value : "")), "label-width": X.value.labelWidth, style: f(v(O)) }, { label: g(() => [X.value.tittleShow ? (u(), r("div", { key: 0, style: f({ ...v(J), ...v(Q) }) }, b(v(E)(X.value.title)), 5)) : p("", true)]), default: g(() => [h("div", { class: m(["richtext-wrapper", { "is-fullscreen": oe.value }]) }, [h("div", { ref_key: "quillEditorRef", ref: ne, style: { width: "100%" } }, null, 512), h("div", N, [h("button", { type: "button", class: "toolbar-btn", onClick: Te, title: "预览" }, [c(l2, null, { default: g(() => [c(n2)]), _: 1 })]), h("button", { type: "button", class: "toolbar-btn", onClick: qe, title: oe.value ? "退出全屏" : "全屏编辑" }, [oe.value ? (u(), d(l2, { key: 1 }, { default: g(() => [c(i2)]), _: 1 })) : (u(), d(l2, { key: 0 }, { default: g(() => [c(o2)]), _: 1 }))], 8, R)]), h("div", _, [h("span", j, "字数：" + b(ie.value), 1)]), ae.value ? (u(), r("div", V, [...t2[2] || (t2[2] = [h("div", { class: "loading-spinner" }, null, -1), h("span", null, "图片上传中...", -1)])])) : p("", true)], 2)]), _: 1 }, 8, ["required", "class", "label-width", "style"]), ge.value ? (u(), d(x2, { key: 0, "hide-on-click-modal": "", onClose: t2[0] || (t2[0] = () => {
-      ge.value = false;
-    }), "url-list": ve.value }, null, 8, ["url-list"])) : p("", true), c(k2, { modelValue: re.value, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => re.value = e4), title: "内容预览", width: "80%", "close-on-click-modal": true, "append-to-body": true, class: "richtext-preview-dialog" }, { default: g(() => [h("div", { class: "richtext-preview-content ql-editor", innerHTML: ue.value }, null, 8, $)]), _: 1 }, 8, ["modelValue"])], 64);
+    const n2 = a("View"), l2 = a("el-icon"), o2 = a("FullScreen"), i2 = a("Close"), x2 = a("el-form-item"), k2 = a("el-image-viewer"), w2 = a("el-dialog");
+    return u(), r(s, null, [c(x2, { required: Z.value.required, class: m(v(J) + (G.value ? " " + G.value : "")), "label-width": Z.value.labelWidth, style: f(v(Y)) }, g({ default: h(() => [b("div", { class: m(["richtext-wrapper", { "is-fullscreen": ie.value }]) }, [b("div", { ref_key: "quillEditorRef", ref: le, style: { width: "100%" } }, null, 512), b("div", R, [b("button", { type: "button", class: "toolbar-btn", onClick: Se, title: "预览" }, [c(l2, null, { default: h(() => [c(n2)]), _: 1 })]), b("button", { type: "button", class: "toolbar-btn", onClick: Te, title: ie.value ? "退出全屏" : "全屏编辑" }, [ie.value ? (u(), d(l2, { key: 1 }, { default: h(() => [c(i2)]), _: 1 })) : (u(), d(l2, { key: 0 }, { default: h(() => [c(o2)]), _: 1 }))], 8, _)]), b("div", j, [b("span", V, "字数：" + y(ae.value), 1)]), re.value ? (u(), r("div", $, t2[2] || (t2[2] = [b("div", { class: "loading-spinner" }, null, -1), b("span", null, "图片上传中...", -1)]))) : p("", true)], 2)]), _: 2 }, [Z.value.tittleShow ? { name: "label", fn: h(() => [b("div", { style: f({ ...v(Q), ...v(X) }) }, y(v(A)(Z.value.title)), 5)]), key: "0" } : void 0]), 1032, ["required", "class", "label-width", "style"]), he.value ? (u(), d(k2, { key: 0, "hide-on-click-modal": "", onClose: t2[0] || (t2[0] = () => {
+      he.value = false;
+    }), "url-list": ge.value }, null, 8, ["url-list"])) : p("", true), c(w2, { modelValue: ue.value, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => ue.value = e4), title: "内容预览", width: "80%", "close-on-click-modal": true, "append-to-body": true, class: "richtext-preview-dialog" }, { default: h(() => [b("div", { class: "richtext-preview-content ql-editor", innerHTML: se.value }, null, 8, z)]), _: 1 }, 8, ["modelValue"])], 64);
   };
 } });
 export {
-  z as default
+  B as default
 };

package/dist/es/components/runtime/views/assemblys/form/select/select-runtime.vue.js

@@ -1,7 +1,7 @@
 import e from "./select-runtime.vue2.js";
 /* empty css                    */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = t(e, [["__scopeId", "data-v-68808d47"]]);
+const r = t(e, [["__scopeId", "data-v-5193e959"]]);
 export {
   r as default
 };

package/dist/es/components/runtime/views/assemblys/form/select/select-runtime.vue2.js

@@ -1,156 +1,155 @@
-import { defineComponent as e, ref as l, computed as t, watch as o, onUnmounted as a, onMounted as i, nextTick as n, resolveComponent as r, createBlock as u, openBlock as s, normalizeStyle as p, normalizeClass as c, unref as f, withCtx as v, createVNode as g, createElementVNode as m, withKeys as d, withModifiers as y, createCommentVNode as h, createElementBlock as b, Fragment as x, renderList as C, toDisplayString as _, createTextVNode as w } from "vue";
-import { setVariableValue as S, getOptionDatasFromPage as k, queryOptionDatasources as A, autoSetAfterSelect as T, getVariableValue as j } from "../../../../utils/page-helper-util.js";
-import { getFormModelFields as R } from "../../../../utils/page-init-util.js";
-import { handleFormEvent as P, handleAfterInitEvent as V } from "../../../../utils/events/event-util.js";
-import M from "../common/title-suffix-element.vue.js";
-import { $t as D } from "../../../../utils/i18n-util.js";
-import { addRequiredClassUtil as I } from "../../../../utils/common-util.js";
-import { CopyDocument as q } from "@element-plus/icons-vue";
-import z from "clipboard";
-import { ElMessage as E } from "element-plus";
-import { useI18n as O } from "vue-i18n";
-const W = { style: { "padding-left": "5px" } }, B = { style: { width: "100%", display: "flex", "align-items": "center" } }, F = { key: 0, style: { display: "flex", "flex-direction": "column" } }, G = { style: { color: "var(--el-text-color-secondary)", "font-size": "13px" } }, K = { style: { float: "left" } }, L = { style: { float: "right", color: "var(--el-text-color-secondary)" } }, U = "__amb_select_all__", $ = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: $2 }) {
-  const { t: H } = O(), J = e2, N = l(null), Q = l(false), X = J.pageContext.entity ? J.pageContext.entity : {};
-  let Y = R(J.pageContext, J.configure);
-  const Z = J.configure.runtime ? J.configure.runtime : {}, ee = Z.style, le = Z.class, te = Z.headerStyle, oe = Z.titleExceedStyle, ae = l(Z.props ? Z.props : {});
-  let ie = l(ae.value.optionDescriptionPosition && "default" !== ae.value.optionDescriptionPosition), ne = [];
-  const re = "copyBtn_" + J.configure.uuid + "_" + (/* @__PURE__ */ new Date()).getTime();
-  function ue() {
-    let e3 = j(X, Y);
-    return null != e3 && (e3 = String(e3)), ae.value.multiple && (e3 = e3 ? String(e3).split(",") : []), e3;
+import { defineComponent as e, ref as l, computed as t, watch as o, onUnmounted as a, onMounted as i, nextTick as n, resolveComponent as r, createBlock as u, openBlock as s, normalizeStyle as p, normalizeClass as c, unref as f, createSlots as v, withCtx as g, createVNode as m, createElementVNode as d, withKeys as y, withModifiers as h, createCommentVNode as b, createElementBlock as x, Fragment as C, renderList as _, toDisplayString as w, createTextVNode as S } from "vue";
+import { setVariableValue as k, getOptionDatasFromPage as A, queryOptionDatasources as T, autoSetAfterSelect as j, getVariableValue as R } from "../../../../utils/page-helper-util.js";
+import { getFormModelFields as P } from "../../../../utils/page-init-util.js";
+import { handleFormEvent as V, handleAfterInitEvent as M } from "../../../../utils/events/event-util.js";
+import D from "../common/title-suffix-element.vue.js";
+import { $t as I } from "../../../../utils/i18n-util.js";
+import { addRequiredClassUtil as q } from "../../../../utils/common-util.js";
+import { CopyDocument as z } from "@element-plus/icons-vue";
+import E from "clipboard";
+import { ElMessage as O } from "element-plus";
+import { useI18n as W } from "vue-i18n";
+const B = { style: { "padding-left": "5px" } }, F = { style: { width: "100%", display: "flex", "align-items": "center" } }, G = { key: 0, style: { display: "flex", "flex-direction": "column" } }, K = { style: { color: "var(--el-text-color-secondary)", "font-size": "13px" } }, L = { style: { float: "left" } }, U = { style: { float: "right", color: "var(--el-text-color-secondary)" } }, $ = "__amb_select_all__", H = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: H2 }) {
+  const { t: J } = W(), N = e2, Q = l(null), X = l(false), Y = N.pageContext.entity ? N.pageContext.entity : {};
+  let Z = P(N.pageContext, N.configure);
+  const ee = N.configure.runtime ? N.configure.runtime : {}, le = ee.style, te = ee.class, oe = ee.headerStyle, ae = ee.titleExceedStyle, ie = l(ee.props ? ee.props : {});
+  let ne = l(ie.value.optionDescriptionPosition && "default" !== ie.value.optionDescriptionPosition), re = [];
+  const ue = "copyBtn_" + N.configure.uuid + "_" + (/* @__PURE__ */ new Date()).getTime();
+  function se() {
+    let e3 = R(Y, Z);
+    return null != e3 && (e3 = String(e3)), ie.value.multiple && (e3 = e3 ? String(e3).split(",") : []), e3;
   }
-  const se = t({ get: () => ue(), set(e3) {
-    const l2 = ue();
-    ne = Array.isArray(l2) ? [...l2] : l2;
+  const pe = t({ get: () => se(), set(e3) {
+    const l2 = se();
+    re = Array.isArray(l2) ? [...l2] : l2;
     let t2 = e3;
-    if (ae.value.multiple && false !== ae.value.showSelectAll && Array.isArray(e3) && e3.includes(U)) {
-      const e4 = (pe.value || []).map((e5) => String(e5.value)), o2 = Array.isArray(l2) ? l2.map((e5) => String(e5)) : [];
+    if (ie.value.multiple && false !== ie.value.showSelectAll && Array.isArray(e3) && e3.includes($)) {
+      const e4 = (ce.value || []).map((e5) => String(e5.value)), o2 = Array.isArray(l2) ? l2.map((e5) => String(e5)) : [];
       t2 = e4.length > 0 && e4.every((e5) => o2.includes(e5)) ? [] : e4;
     }
-    if (ae.value.multiple) {
-      t2 = !!ae.value.arrayValue ? Array.isArray(t2) ? t2 : t2 ? String(t2).split(",") : [] : Array.isArray(t2) ? t2.length > 0 ? t2.join(",") : "" : t2 ?? "";
+    if (ie.value.multiple) {
+      t2 = !!ie.value.arrayValue ? Array.isArray(t2) ? t2 : t2 ? String(t2).split(",") : [] : Array.isArray(t2) ? t2.length > 0 ? t2.join(",") : "" : t2 ?? "";
     }
-    void 0 === t2 && (t2 = null), S(X, Y, t2), null != t2 && (N.value = "");
-  } }), pe = l(ae.value.options ? ae.value.options : []), ce = k(J.pageContext, J.configure);
-  ce.length > 0 && (pe.value = ce);
-  const fe = l(false), ve = J.configure.props && J.configure.props.dataOrigin ? J.configure.props.dataOrigin : {}, ge = ve.optionValueSetType;
-  let me = [];
-  const de = ae.value.optionconfigInfo ? ae.value.optionconfigInfo : {};
-  if ("dynamicData" == ge || "dataTable" == ge || "service" == ge) {
-    if ("remote" == ve.filterType) {
+    void 0 === t2 && (t2 = null), k(Y, Z, t2), null != t2 && (Q.value = "");
+  } }), ce = l(ie.value.options ? ie.value.options : []), fe = A(N.pageContext, N.configure);
+  fe.length > 0 && (ce.value = fe);
+  const ve = l(false), ge = N.configure.props && N.configure.props.dataOrigin ? N.configure.props.dataOrigin : {}, me = ge.optionValueSetType;
+  let de = [];
+  const ye = ie.value.optionconfigInfo ? ie.value.optionconfigInfo : {};
+  if ("dynamicData" == me || "dataTable" == me || "service" == me) {
+    if ("remote" == ge.filterType) {
       let e3;
-      ae.value.filterable = true, ae.value.remote = true, ae.value.remoteShowSuffix = true, ae.value.remoteMethod = function(l2) {
-        e3 !== l2 && (e3 = l2, fe.value = true, A(J.pageContext, de, l2).then((e4) => {
-          fe.value = false;
+      ie.value.filterable = true, ie.value.remote = true, ie.value.remoteShowSuffix = true, ie.value.remoteMethod = function(l2) {
+        e3 !== l2 && (e3 = l2, ve.value = true, T(N.pageContext, ye, l2).then((e4) => {
+          ve.value = false;
         }).then((e4) => {
-          fe.value = false;
+          ve.value = false;
         }));
       };
     }
-    if (ve.autoSets) for (let e3 of ve.autoSets) e3.source && me.push(e3);
+    if (ge.autoSets) for (let e3 of ge.autoSets) e3.source && de.push(e3);
   }
-  J.configure && J.configure.props && J.configure.props.base && J.configure.props.base.optionProp && me.push({ source: "label", target: J.configure.props.base.optionProp }), ae.value.changeMethod = function(e3) {
+  N.configure && N.configure.props && N.configure.props.base && N.configure.props.base.optionProp && de.push({ source: "label", target: N.configure.props.base.optionProp }), ie.value.changeMethod = function(e3) {
     var _a;
     let l2, t2 = null;
-    pe.value && null != e3 && null != e3 && (((_a = ae.value) == null ? void 0 : _a.multiple) && false !== ae.value.showSelectAll && Array.isArray(e3) && e3.includes(U) && (e3 = e3.filter((e4) => e4 !== U)), t2 = pe.value.filter((l3) => Array.isArray(e3) ? e3.includes(l3.value) : e3 === l3.value));
-    me.length > 0 && T(J.configure, J.pageContext, me, t2, [ae.value.prop]);
+    ce.value && null != e3 && null != e3 && (((_a = ie.value) == null ? void 0 : _a.multiple) && false !== ie.value.showSelectAll && Array.isArray(e3) && e3.includes($) && (e3 = e3.filter((e4) => e4 !== $)), t2 = ce.value.filter((l3) => Array.isArray(e3) ? e3.includes(l3.value) : e3 === l3.value));
+    de.length > 0 && j(N.configure, N.pageContext, de, t2, [ie.value.prop]);
     t2 && t2.length > 0 && (l2 = t2[0]);
     let o2 = {};
     l2 && (o2.extendParams = l2);
-    o2.options = pe.value, o2.oldValue = ne, P(e3, J.pageContext, J.configure, "change", o2);
+    o2.options = ce.value, o2.oldValue = re, V(e3, N.pageContext, N.configure, "change", o2);
   };
-  const ye = ae.value.monitorFields, he = [];
-  if (ye) {
+  const he = ie.value.monitorFields, be = [];
+  if (he) {
     const e3 = [];
-    for (let l2 of ye) if (l2.startsWith("${")) {
+    for (let l2 of he) if (l2.startsWith("${")) {
       l2 = l2.substring(2, l2.length - 1);
       const t2 = l2.split(".");
-      "page" !== t2[0] && "task" !== t2[0] && "data" !== t2[0] || (he.push(t2), e3.includes(t2[0]) || e3.push(t2[0]));
+      "page" !== t2[0] && "task" !== t2[0] && "data" !== t2[0] || (be.push(t2), e3.includes(t2[0]) || e3.push(t2[0]));
     }
-    for (let l2 of e3) o(X[l2], () => {
-      Ce();
+    for (let l2 of e3) o(Y[l2], () => {
+      _e();
     });
   }
-  let be = "", xe = false;
-  function Ce() {
-    xe && clearTimeout(xe), xe = setTimeout(function() {
+  let xe = "", Ce = false;
+  function _e() {
+    Ce && clearTimeout(Ce), Ce = setTimeout(function() {
       const e3 = function() {
         let e4 = [];
-        for (let l2 of he) e4.push(j(X, l2));
+        for (let l2 of be) e4.push(R(Y, l2));
         return e4.join(",");
       }();
-      e3 != be && (be = e3, de.watchAttrValue = e3, A(J.pageContext, de, void 0).then((e4) => {
-        fe.value = false;
+      e3 != xe && (xe = e3, ye.watchAttrValue = e3, T(N.pageContext, ye, void 0).then((e4) => {
+        ve.value = false;
       }));
     }, 200);
   }
   a(() => {
-    xe && clearTimeout(xe);
+    Ce && clearTimeout(Ce);
   });
-  let _e = false;
-  const we = l(null), Se = l(null), ke = l(null);
-  function Ae() {
-    const e3 = ue();
+  let we = false;
+  const Se = l(null), ke = l(null), Ae = l(null);
+  function Te() {
+    const e3 = se();
     if (null != e3 && "" !== e3 && e3.length > 0) {
       let l2 = "";
-      return "string" == typeof e3 ? pe.value.length > 0 ? pe.value.forEach((t2) => {
+      return "string" == typeof e3 ? ce.value.length > 0 ? ce.value.forEach((t2) => {
         t2.value === e3 && (l2 = t2.label);
-      }) : l2 = e3 : pe.value.length > 0 ? (pe.value.forEach((t2) => {
+      }) : l2 = e3 : ce.value.length > 0 ? (ce.value.forEach((t2) => {
         e3.forEach((e4) => {
           t2.value === e4 && (l2 = l2 + t2.label + ",");
         });
       }), l2 = l2.slice(0, l2.length - 1)) : l2 = e3.join(","), l2;
     }
   }
-  function Te(e3) {
-    Q.value = e3;
+  function je(e3) {
+    X.value = e3;
   }
-  function je() {
-    const e3 = Ae();
+  function Re() {
+    const e3 = Te();
     e3 && navigator.clipboard && navigator.clipboard.writeText(e3).then(() => {
-      E({ showClose: true, type: "success", message: H("superPageRuntimeMessage.copySuccess") });
+      O({ showClose: true, type: "success", message: J("superPageRuntimeMessage.copySuccess") });
     });
   }
   return i(() => {
-    const e3 = new z("#" + re, { text: function() {
-      return Ae();
+    const e3 = new E("#" + ue, { text: function() {
+      return Te();
     } });
     e3.on("success", () => {
-      E({ showClose: true, type: "success", message: H("superPageRuntimeMessage.copySuccess") });
+      O({ showClose: true, type: "success", message: J("superPageRuntimeMessage.copySuccess") });
     }), e3.on("error", (e4) => {
-      console.error("复制失败", e4);
     }), n(() => {
-      const e4 = se.value;
-      V(e4, J.pageContext, J.configure, { formItemRef: we.value, componentRef: Se.value, titleRef: ke.value, value: e4, entity: J.pageContext.entity.data, pageData: J.pageContext.entity.page });
+      const e4 = pe.value;
+      M(e4, N.pageContext, N.configure, { formItemRef: Se.value, componentRef: ke.value, titleRef: Ae.value, value: e4, entity: N.pageContext.entity.data, pageData: N.pageContext.entity.page });
     });
-  }), $2({ updateOptions: function(e3) {
-    if (pe.value = e3 || [], !_e) {
-      const e4 = ue();
-      if (null != e4 && "" !== e4 && pe.value.length > 0) {
+  }), H2({ updateOptions: function(e3) {
+    if (ce.value = e3 || [], !we) {
+      const e4 = se();
+      if (null != e4 && "" !== e4 && ce.value.length > 0) {
         let l2 = false;
-        for (let t2 of pe.value) if (t2.value == e4) {
+        for (let t2 of ce.value) if (t2.value == e4) {
           l2 = true;
           break;
         }
         if (!l2) {
-          for (let l3 of pe.value) if (l3.label == e4) {
-            se.value = l3.value;
+          for (let l3 of ce.value) if (l3.label == e4) {
+            pe.value = l3.value;
             break;
           }
         }
       }
     }
-    _e = true;
+    we = true;
   }, addRequiredClass: function() {
-    N.value = I();
-  }, getSelectItemsTitle: Ae, getOptions: function() {
-    return pe.value;
-  } }), (l2, t2) => {
-    const o2 = r("el-icon"), a2 = r("el-option"), i2 = r("el-select"), n2 = r("el-popover"), S2 = r("el-form-item");
-    return s(), u(S2, { ref_key: "formItemRef", ref: we, required: !!ae.value.required, class: c(f(le) + (N.value ? " " + N.value : "")), "label-width": ae.value.labelWidth, style: p(f(ee)) }, { label: v(() => [ae.value.tittleShow ? (s(), b("div", { key: 0, ref_key: "titleRef", ref: ke, style: p({ ...f(te), ...f(oe) }) }, [ae.value.prefixType ? (s(), u(M, { key: 0, pageContext: e2.pageContext, property: ae.value }, null, 8, ["pageContext", "property"])) : (s(), b(x, { key: 1 }, [w(_(f(D)(ae.value.title)), 1)], 64))], 4)) : h("", true)]), default: v(() => [g(n2, { placement: "right", trigger: "hover", width: 50, "popper-class": "custom-sel-copy-tooltip", "popper-options": { modifiers: [{ name: "flip", options: { fallbackPlacements: ["left", "top", "bottom"] } }] } }, { reference: v(() => [m("div", B, [g(i2, { ref_key: "componentRef", ref: Se, style: { flex: "1", "min-width": "0" }, disabled: "disabled" === ae.value.state, size: ae.value.size, clearable: ae.value.clearable, multiple: ae.value.multiple, "collapse-tags": ae.value.collapseTags, "collapse-tags-tooltip": ae.value.collapseTagsTooltip, filterable: ae.value.filterable, "allow-create": ae.value.allowCreate, placeholder: ae.value.placeholder, "remote-show-suffix": ae.value.remoteShowSuffix, remote: ae.value.remote, "remote-method": ae.value.remoteMethod, loading: fe.value, onKeydown: t2[0] || (t2[0] = d(y(() => {
-    }, ["stop"]), ["space"])), onChange: ae.value.changeMethod, onClear: ae.value.changeMethod, onVisibleChange: Te, modelValue: se.value, "onUpdate:modelValue": t2[1] || (t2[1] = (e3) => se.value = e3) }, { prefix: v(() => [m("span", { class: "mobile-copy-trigger", onClick: y(je, ["stop"]) }, [g(o2, { style: { cursor: "copy" } }, { default: v(() => [g(f(q))]), _: 1 })])]), default: v(() => [ae.value.multiple && false !== ae.value.showSelectAll ? (s(), u(a2, { key: 0, label: f(H)("superGrid.selectAll"), value: U, disabled: !(pe.value && pe.value.length > 0) }, null, 8, ["label", "disabled"])) : h("", true), (s(true), b(x, null, C(pe.value, (l3) => (s(), u(a2, { key: l3.value, label: l3.label, value: l3.value, class: c({ "option-description-newLine": f(ie) }), onClick: (t3) => f(P)(l3.value, e2.pageContext, e2.configure, "click", { values: se.value }) }, { default: v(() => [l3._description_ ? (s(), b(x, { key: 0 }, [f(ie) ? (s(), b("div", F, [m("span", null, _(l3.label), 1), m("span", G, _(l3._description_), 1)])) : (s(), b(x, { key: 1 }, [m("span", K, _(l3.label), 1), m("span", L, _(l3._description_), 1)], 64))], 64)) : h("", true)]), _: 2 }, 1032, ["label", "value", "class", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "remote-show-suffix", "remote", "remote-method", "loading", "onChange", "onClear", "modelValue"])])]), default: v(() => [m("span", W, [g(o2, { id: re, style: { cursor: "copy" } }, { default: v(() => [g(f(q))]), _: 1 })])]), _: 1 })]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+    Q.value = q();
+  }, getSelectItemsTitle: Te, getOptions: function() {
+    return ce.value;
+  } }), (e3, l2) => {
+    const t2 = r("el-icon"), o2 = r("el-option"), a2 = r("el-select"), i2 = r("el-popover"), n2 = r("el-form-item");
+    return s(), u(n2, { ref_key: "formItemRef", ref: Se, required: !!ie.value.required, class: c(f(te) + (Q.value ? " " + Q.value : "")), "label-width": ie.value.labelWidth, style: p(f(le)) }, v({ default: g(() => [m(i2, { placement: "right", trigger: "hover", width: 50, "popper-class": "custom-sel-copy-tooltip", "popper-options": { modifiers: [{ name: "flip", options: { fallbackPlacements: ["left", "top", "bottom"] } }] } }, { reference: g(() => [d("div", F, [m(a2, { ref_key: "componentRef", ref: ke, style: { flex: "1", "min-width": "0" }, disabled: "disabled" === ie.value.state, size: ie.value.size, clearable: ie.value.clearable, multiple: ie.value.multiple, "collapse-tags": ie.value.collapseTags, "collapse-tags-tooltip": ie.value.collapseTagsTooltip, filterable: ie.value.filterable, "allow-create": ie.value.allowCreate, placeholder: ie.value.placeholder, "remote-show-suffix": ie.value.remoteShowSuffix, remote: ie.value.remote, "remote-method": ie.value.remoteMethod, loading: ve.value, onKeydown: l2[0] || (l2[0] = y(h(() => {
+    }, ["stop"]), ["space"])), onChange: ie.value.changeMethod, onClear: ie.value.changeMethod, onVisibleChange: je, modelValue: pe.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => pe.value = e4) }, { prefix: g(() => [d("span", { class: "mobile-copy-trigger", onClick: h(Re, ["stop"]) }, [m(t2, { style: { cursor: "copy" } }, { default: g(() => [m(f(z))]), _: 1 })])]), default: g(() => [ie.value.multiple && false !== ie.value.showSelectAll ? (s(), u(o2, { key: 0, label: f(J)("superGrid.selectAll"), value: $, disabled: !(ce.value && ce.value.length > 0) }, null, 8, ["label", "disabled"])) : b("", true), (s(true), x(C, null, _(ce.value, (l3) => (s(), u(o2, { key: l3.value, label: l3.label, value: l3.value, class: c({ "option-description-newLine": f(ne) }), onClick: (t3) => f(V)(l3.value, e3.pageContext, e3.configure, "click", { values: pe.value }) }, { default: g(() => [l3._description_ ? (s(), x(C, { key: 0 }, [f(ne) ? (s(), x("div", G, [d("span", null, w(l3.label), 1), d("span", K, w(l3._description_), 1)])) : (s(), x(C, { key: 1 }, [d("span", L, w(l3.label), 1), d("span", U, w(l3._description_), 1)], 64))], 64)) : b("", true)]), _: 2 }, 1032, ["label", "value", "class", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "remote-show-suffix", "remote", "remote-method", "loading", "onChange", "onClear", "modelValue"])])]), default: g(() => [d("span", B, [m(t2, { id: ue, style: { cursor: "copy" } }, { default: g(() => [m(f(z))]), _: 1 })])]), _: 1 })]), _: 2 }, [ie.value.tittleShow ? { name: "label", fn: g(() => [d("div", { ref_key: "titleRef", ref: Ae, style: p({ ...f(oe), ...f(ae) }) }, [ie.value.prefixType ? (s(), u(D, { key: 0, pageContext: e3.pageContext, property: ie.value }, null, 8, ["pageContext", "property"])) : (s(), x(C, { key: 1 }, [S(w(f(I)(ie.value.title)), 1)], 64))], 4)]), key: "0" } : void 0]), 1032, ["required", "class", "label-width", "style"]);
   };
 } });
 export {
-  $ as default
+  H as default
 };