super-page-runtime 2.3.48-cdnTmp2 → 2.3.48-tmp1

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

@@ -0,0 +1,218 @@
+import { defineComponent as e, ref as t, watch as r, onMounted as n, nextTick as i, onBeforeUnmount as a, resolveComponent as l, openBlock as o, createElementBlock as u, Fragment as s, createVNode as c, normalizeStyle as g, unref as d, normalizeClass as p, createSlots as m, withCtx as f, createElementVNode as h, createBlock as v, toDisplayString as x, createCommentVNode as b } from "vue";
+import { getFormModelFields as y } from "../../../../utils/page-init-util.js";
+import { getSizeConfig as T, formatVariableValue as M, getVariableValue as R, setVariableValue as k } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent as C, handleFormEvent as P } from "../../../../utils/events/event-util.js";
+import w from "agilebuilder-ui/src/utils/request";
+import { $t as q } from "../../../../utils/i18n-util.js";
+import { getBaseUrl as S, addRequiredClassUtil as A } from "../../../../utils/common-util.js";
+import E from "quill";
+import "quill/dist/quill.snow.css";
+import { ElMessage as L } from "element-plus";
+const H = { class: "toolbar-right-btns" }, F = ["title"], N = ["title"], B = { class: "richtext-statusbar" }, I = { class: "word-count" }, _ = { key: 0, class: "upload-loading" }, U = ["innerHTML"], D = e({ __name: "richtext-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: D2 }) {
+  const W = ["12px", "14px", "16px", "18px", "20px", "24px", "28px", "32px", "36px", "48px"], j = E.import("attributors/style/size");
+  j.whitelist = W, E.register(j, true);
+  const z = [false, "Source Han Sans CN", "SimSun", "SimHei", "Microsoft YaHei", "KaiTi", "FangSong", "Arial", "Times New Roman", "Verdana", "Georgia", "Courier New"], V = E.import("attributors/style/font");
+  V.whitelist = z, E.register(V, true);
+  const $ = e2, O = t(""), G = $.pageContext.entity ? $.pageContext.entity : {}, K = y($.pageContext, $.configure), Y = $.configure.runtime ? $.configure.runtime : {}, J = Y.style, Q = Y.class, X = Y.headerStyle, Z = Y.titleExceedStyle, ee = t(Y.props ? Y.props : {});
+  let te = T($.pageContext, $.configure);
+  te && te.fixHeight && (J.height || (J.height = te.fixHeight + "px"));
+  let re = ee.value.value;
+  const ne = M($.pageContext, re), ie = t(null);
+  let ae = null;
+  const le = t(false), oe = t(0), ue = t(false), se = t(false), ce = t("");
+  let ge = null, de = ee.value.state;
+  function pe(e3) {
+    return "readonly" == e3 || "disabled" == e3;
+  }
+  const me = pe(de), 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: W }], [{ header: [1, 2, 3, 4, 5, 6, false] }], [{ color: [] }, { background: [] }], [{ font: z }], [{ align: [] }], ["clean"], ["link", "image"]] }, theme: "snow", placeholder: me ? "" : ee.value.placeholder, readOnly: me });
+  function he() {
+    if (!(ae == null ? void 0 : ae.container)) return;
+    const e3 = ae.container.parentNode;
+    if (!e3) return;
+    const t2 = e3.getBoundingClientRect(), r2 = ae.container.getBoundingClientRect();
+    let n2 = t2.height - (r2.top - t2.top);
+    n2 -= 24, ae.container.style.height = Math.max(n2, 100) + "px";
+  }
+  r(ee.value, () => {
+    const e3 = ee.value.state;
+    if (null != e3 && e3 !== de) {
+      de = e3;
+      const t2 = pe(de);
+      ae && (ae.enable(!t2), ae.root.dataset.placeholder = t2 ? "" : ee.value.placeholder);
+    }
+  });
+  const ve = t([]), xe = t(false), be = t(null), ye = t(null), Te = t(null);
+  let Me = null;
+  function Re(e3) {
+    const t2 = e3.match(/serverPath=([^&"]+)/);
+    return t2 ? t2[1] : "";
+  }
+  function ke(e3) {
+    if (!ae) return;
+    const t2 = function(e4) {
+      if (!e4) return e4;
+      const t3 = new DOMParser().parseFromString(e4, "text/html"), r3 = $.pageContext.backendUrl, n2 = S(r3, $.pageContext.isTest);
+      t3.querySelectorAll("th").forEach((e5) => {
+        const r4 = t3.createElement("td");
+        for (const t4 of Array.from(e5.attributes)) r4.setAttribute(t4.name, t4.value);
+        r4.style.fontWeight = "bold", r4.innerHTML = e5.innerHTML, e5.replaceWith(r4);
+      }), t3.querySelectorAll("img[data-uuid]").forEach((e5) => {
+        const t4 = e5, r4 = t4.getAttribute("data-uuid");
+        r4 && t4.setAttribute("src", `${n2}/common/fs-upload/download?serverPath=${r4}&isShowWatermark=false`);
+      });
+      let i2 = t3.body.innerHTML;
+      return i2 = i2.replace(/\t/g, "    "), i2 = i2.replace(/ {2}/g, "  "), i2;
+    }(e3), r2 = ae.clipboard.convertHTML(t2);
+    ae.setContents(r2.ops), i(() => {
+      if (!ae) return;
+      ae.root.querySelectorAll("img").forEach((e4) => {
+        if (!e4.getAttribute("data-uuid")) {
+          const t3 = Re(e4.src);
+          t3 && e4.setAttribute("data-uuid", t3);
+        }
+      }), ae && ae.root.querySelectorAll("table").forEach((e4) => {
+        const t3 = e4.querySelector("tr");
+        t3 && t3.querySelectorAll("td").forEach((e5) => {
+          e5.querySelector("strong, b") && (e5.style.backgroundColor = "#f5f7fa");
+        });
+      });
+    });
+  }
+  const Ce = { bold: q("superPageRuntimeMessage.richTextBold"), italic: q("superPageRuntimeMessage.richTextItalic"), underline: q("superPageRuntimeMessage.richTextUnderline"), strike: q("superPageRuntimeMessage.richTextStrike"), blockquote: q("superPageRuntimeMessage.richTextBlockquote"), "code-block": q("superPageRuntimeMessage.richTextCodeBlock"), 'list[value="ordered"]': q("superPageRuntimeMessage.richTextOrderedList"), 'list[value="bullet"]': q("superPageRuntimeMessage.richTextBulletList"), 'script[value="sub"]': q("superPageRuntimeMessage.richTextSubscript"), 'script[value="super"]': q("superPageRuntimeMessage.richTextSuperscript"), 'indent[value="-1"]': q("superPageRuntimeMessage.richTextIndentDecrease"), 'indent[value="+1"]': q("superPageRuntimeMessage.richTextIndentIncrease"), 'direction[value="rtl"]': q("superPageRuntimeMessage.richTextTextDirection"), size: q("superPageRuntimeMessage.richTextFontSize"), header: q("superPageRuntimeMessage.richTextHeader"), color: q("superPageRuntimeMessage.richTextFontColor"), background: q("superPageRuntimeMessage.richTextBackgroundColor"), font: q("superPageRuntimeMessage.richTextFontFamily"), align: q("superPageRuntimeMessage.richTextAlign"), clean: q("superPageRuntimeMessage.richTextClean"), link: q("superPageRuntimeMessage.richTextLink"), image: q("superPageRuntimeMessage.richTextImage") };
+  function Pe() {
+    le.value = !le.value, i(() => {
+      !le.value && (ae == null ? void 0 : ae.container) && (ae.container.style.height = ""), he();
+    });
+  }
+  function we() {
+    ae && (ce.value = ae.root.innerHTML, se.value = true);
+  }
+  function qe() {
+    if (!ae) return void (oe.value = 0);
+    const e3 = ae.getText().trim();
+    oe.value = e3.length;
+  }
+  function Se() {
+    if (!ae) return "";
+    const e3 = ae.root.cloneNode(true);
+    return e3.querySelectorAll("img[data-uuid]").forEach((e4) => {
+      e4.getAttribute("data-uuid") && e4.removeAttribute("src");
+    }), e3.innerHTML;
+  }
+  function Ae() {
+    L.error({ message: q("superPageRuntimeMessage.richTextImageUploadFailed"), duration: 3e3 });
+  }
+  function Ee(e3) {
+    "Escape" === e3.key && le.value && (le.value = false, i(() => {
+      (ae == null ? void 0 : ae.container) && (ae.container.style.height = ""), he();
+    }));
+  }
+  function Le(e3) {
+    var _a;
+    ae && (null !== e3.relatedTarget && ((_a = ie.value) == null ? void 0 : _a.contains(e3.relatedTarget)) || P(Se(), $.pageContext, $.configure, "change", { entity: G }));
+  }
+  function He(e3) {
+    if ("img" === e3.target.localName) {
+      ve.value = [];
+      let t2 = e3.target.src;
+      ve.value.push(t2), xe.value = true;
+    }
+  }
+  function Fe(e3) {
+    const t2 = new FormData();
+    t2.append("file", e3);
+    const r2 = $.pageContext.backendUrl, n2 = S(r2, $.pageContext.isTest);
+    return w.post(n2 + "/common/fs-upload/rich-editor-image", t2, { headers: { "Content-Type": "multipart/form-data" } });
+  }
+  function Ne(e3, t2) {
+    const r2 = e3.split(","), n2 = r2[0].match(/:(.*?);/), i2 = n2 ? n2[1] : "image/png", a2 = atob(r2[1]);
+    let l2 = a2.length;
+    const o2 = new Uint8Array(l2);
+    for (; l2--; ) o2[l2] = a2.charCodeAt(l2);
+    return new File([o2], t2, { type: i2 });
+  }
+  return n(() => {
+    var _a;
+    ie.value && (ae = new E(ie.value, fe.value), ae.root.style.fontSize = "16px", function() {
+      var _a2, _b;
+      const e3 = (_b = (_a2 = ie.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 r2 = t2[1], n2 = `${r2}[value="${e4.value}"]`;
+          Ce[n2] ? e4.setAttribute("data-tooltip", Ce[n2]) : Ce[r2] && e4.setAttribute("data-tooltip", Ce[r2]);
+        }
+      }), e3.querySelectorAll(".ql-picker").forEach((e4) => {
+        const t2 = e4.className.match(/ql-(\w+)/);
+        if (t2) {
+          const r2 = t2[1];
+          if (Ce[r2]) {
+            const t3 = e4.querySelector(".ql-picker-label");
+            t3 && t3.setAttribute("data-tooltip", Ce[r2]);
+          }
+        }
+      });
+    }(), function() {
+      var _a2, _b;
+      const e3 = (_b = (_a2 = ie.value) == null ? void 0 : _a2.parentElement) == null ? void 0 : _b.querySelector(".ql-toolbar");
+      e3 && e3.addEventListener("mousedown", (e4) => {
+        e4.preventDefault();
+      });
+    }(), ke(ne), (_a = ie.value) == null ? void 0 : _a.addEventListener("focusout", Le), ae.on("text-change", async function(e3) {
+      if (!ae) return;
+      const t2 = ae.root.getElementsByTagName("img");
+      for (const e4 of t2) if (!e4.getAttribute("data-uuid")) {
+        const t3 = Re(e4.src);
+        e4.setAttribute("data-uuid", t3);
+      }
+      if (e3.ops && e3.ops.length > 0) for (const t3 of e3.ops) {
+        const e4 = t3.insert;
+        if (e4 == null ? void 0 : e4.image) {
+          const t4 = e4.image;
+          if (!t4.startsWith("data:image")) continue;
+          try {
+            ue.value = true;
+            const e5 = Ne(t4, "image.png"), r2 = await Fe(e5);
+            if (!ae) return;
+            const n2 = ae.root.getElementsByTagName("img");
+            for (const e6 of n2) e6.src === t4 && (e6.width = 300, e6.src = r2.url, e6.setAttribute("data-uuid", r2.uuid));
+          } catch (e5) {
+            console.error("上传图片失败", e5), Ae();
+          } finally {
+            ue.value = false;
+          }
+        }
+      }
+      !function() {
+        ge && clearTimeout(ge);
+        ge = setTimeout(() => {
+          if (!ae) return;
+          const e4 = Se();
+          k(G, K, e4), e4 && (O.value = "");
+        }, 300);
+      }(), qe();
+    }), qe(), Me = ae.container, Me.addEventListener("click", He), he(), i(() => {
+      const e3 = R(G, K);
+      C(e3, $.pageContext, $.configure, { formItemRef: be.value, componentRef: ye.value, titleRef: Te.value, value: e3, entity: $.pageContext.entity.data, pageData: $.pageContext.entity.page });
+    }));
+  }), n(() => {
+    document.addEventListener("keydown", Ee);
+  }), a(() => {
+    document.removeEventListener("keydown", Ee), ge && clearTimeout(ge), ie.value && ie.value.removeEventListener("focusout", Le), Me && Me.removeEventListener("click", He);
+  }), D2({ addRequiredClass: function() {
+    O.value = A();
+  }, setContent: function(e3) {
+    ke(e3), qe();
+  }, getContent: function() {
+    return ae ? ae.root.innerHTML : "";
+  } }), (e3, t2) => {
+    const r2 = l("View"), n2 = l("el-icon"), i2 = l("FullScreen"), a2 = l("Close"), y2 = l("el-form-item"), T2 = l("el-image-viewer"), M2 = l("el-dialog");
+    return o(), u(s, null, [c(y2, { required: ee.value.required, class: p(d(Q) + (O.value ? " " + O.value : "")), "label-width": ee.value.labelWidth, style: g(d(J)) }, m({ default: f(() => [h("div", { class: p(["richtext-wrapper", { "is-fullscreen": le.value }]) }, [h("div", { ref_key: "quillEditorRef", ref: ie, style: { width: "100%" } }, null, 512), h("div", H, [h("button", { type: "button", class: "toolbar-btn", onClick: we, title: d(q)("superPageRuntimeMessage.richTextPreview") }, [c(n2, null, { default: f(() => [c(r2)]), _: 1 })], 8, F), h("button", { type: "button", class: "toolbar-btn", onClick: Pe, title: le.value ? d(q)("superPageRuntimeMessage.richTextExitFullScreen") : d(q)("superPageRuntimeMessage.richTextFullScreenEdit") }, [le.value ? (o(), v(n2, { key: 1 }, { default: f(() => [c(a2)]), _: 1 })) : (o(), v(n2, { key: 0 }, { default: f(() => [c(i2)]), _: 1 }))], 8, N)]), h("div", B, [h("span", I, x(d(q)("superPageRuntimeMessage.richTextWordCount")) + "：" + x(oe.value), 1)]), ue.value ? (o(), u("div", _, [t2[2] || (t2[2] = h("div", { class: "loading-spinner" }, null, -1)), h("span", null, x(d(q)("superPageRuntimeMessage.richTextImageUploading")), 1)])) : b("", true)], 2)]), _: 2 }, [ee.value.tittleShow ? { name: "label", fn: f(() => [h("div", { style: g({ ...d(X), ...d(Z) }), class: "amb-form-item-label" }, x(d(q)(ee.value.title)), 5)]), key: "0" } : void 0]), 1032, ["required", "class", "label-width", "style"]), xe.value ? (o(), v(T2, { key: 0, "hide-on-click-modal": "", onClose: t2[0] || (t2[0] = () => {
+      xe.value = false;
+    }), "url-list": ve.value }, null, 8, ["url-list"])) : b("", true), c(M2, { modelValue: se.value, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => se.value = e4), title: d(q)("superPageRuntimeMessage.richTextContentPreview"), width: "80%", "close-on-click-modal": true, "append-to-body": true, class: "richtext-preview-dialog" }, { default: f(() => [h("div", { class: "richtext-preview-content ql-editor", innerHTML: ce.value }, null, 8, U)]), _: 1 }, 8, ["modelValue", "title"])], 64);
+  };
+} });
+export {
+  D as default
+};

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

@@ -0,0 +1,7 @@
+import e from "./select-runtime2.vue.js";
+/* empty css                    */
+import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = t(e, [["__scopeId", "data-v-dbb21bd8"]]);
+export {
+  r as default
+};

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

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

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

@@ -0,0 +1,4 @@
+import e from "./separatelabel-runtime2.vue.js";
+export {
+  e as default
+};

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

@@ -0,0 +1,16 @@
+import { defineComponent as e, ref as t, onMounted as i, nextTick as o, openBlock as n, createElementBlock as r, normalizeClass as a, unref as p, normalizeStyle as l, createElementVNode as s, createBlock as u, createCommentVNode as c, createTextVNode as g, toDisplayString as f } from "vue";
+import { SuperIcon as m } from "agilebuilder-ui";
+import { $t as y } from "../../../../utils/i18n-util.js";
+import { handleAfterInitEvent as b } from "../../../../utils/events/event-util.js";
+const d = e({ __name: "separatelabel-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: d2 }) {
+  const v = e2, x = t(null), C = v.configure.runtime ? v.configure.runtime : {}, T = C.style, V = C.class, h = C.headerStyle;
+  return i(() => {
+    o(() => {
+      const e3 = y(v.configure.props.base.title);
+      b(e3, v.pageContext, v.configure, { componentRef: x.value, value: e3, entity: v.pageContext.entity.data, pageData: v.pageContext.entity.page });
+    });
+  }), d2({}), (t2, i2) => (n(), r("div", { style: l(p(T)), class: a([p(V), "amb-widget-separatelabel"]), ref_key: "thisRef", ref: x }, [s("div", { class: "label", style: l(p(h)) }, [e2.configure.props.iconType && e2.configure.props.iconValue ? (n(), u(p(m), { key: 0, iconType: e2.configure.props.iconType, iconValue: e2.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : c("", true), g(" " + f(p(y)(e2.configure.props.base.title)), 1)], 4)], 6));
+} });
+export {
+  d as default
+};

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

@@ -0,0 +1,4 @@
+import t from "./switch-runtime2.vue.js";
+export {
+  t as default
+};

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

@@ -0,0 +1,36 @@
+import { defineComponent as e, ref as t, computed as l, onMounted as a, nextTick as u, resolveComponent as i, openBlock as n, createBlock as v, normalizeStyle as o, unref as r, normalizeClass as c, createSlots as s, withCtx as f, createVNode as m, createElementVNode as p, toDisplayString as d } from "vue";
+import { getFormModelFields as g } from "../../../../utils/page-init-util.js";
+import { getVariableValue as V, setVariableValue as y } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent as x, handleFormEvent as h } from "../../../../utils/events/event-util.js";
+import { $t as b } from "../../../../utils/i18n-util.js";
+import { addRequiredClassUtil as C } from "../../../../utils/common-util.js";
+const w = e({ __name: "switch-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: w2 }) {
+  const R = e2, _ = t(null), j = R.pageContext.entity ? R.pageContext.entity : {};
+  let k = g(R.pageContext, R.configure);
+  const q = R.configure.runtime ? R.configure.runtime : {}, S = q.style, z = q.class, I = q.headerStyle, T = q.titleExceedStyle, W = t(q.props ? q.props : {});
+  let D = V(j, k);
+  function E(e3) {
+    return void 0 !== W.value[e3] && null !== W.value[e3] && "" !== W.value[e3];
+  }
+  null == D || "number" != typeof D || D + "" != "1" && D + "" != "0" || (E("activeValue") || (W.value.activeValue = 1), E("inactiveValue") || (W.value.inactiveValue = 0)), null != D && "boolean" == typeof D && (E("activeValue") || (W.value.activeValue = true), E("inactiveValue") || (W.value.inactiveValue = false)), E("activeValue") || (W.value.activeValue = true), E("inactiveValue") || (W.value.inactiveValue = false);
+  const O = q.switchStyle, U = l({ get() {
+    let e3 = V(j, k);
+    return null != e3 && (true === W.value.activeValue ? (e3 + "" == "1" && (e3 = true), e3 + "" == "0" && (e3 = false)) : 1 === W.value.activeValue ? (e3 + "" == "true" && (e3 = 1), e3 + "" == "false" && (e3 = 0)) : e3 += ""), e3;
+  }, set(e3) {
+    null != e3 && (true === W.value.activeValue ? (e3 + "" == "1" && (e3 = true), e3 + "" == "0" && (e3 = false)) : 1 === W.value.activeValue ? (e3 + "" == "true" && (e3 = 1), e3 + "" == "false" && (e3 = 0)) : e3 += ""), y(j, k, e3), null != e3 && (_.value = "");
+  } }), A = t(null), B = t(null), F = t(null);
+  return a(() => {
+    u(() => {
+      const e3 = U.value;
+      x(e3, R.pageContext, R.configure, { formItemRef: A.value, componentRef: B.value, titleRef: F.value, value: e3, entity: R.pageContext.entity.data, pageData: R.pageContext.entity.page });
+    });
+  }), w2({ addRequiredClass: function() {
+    _.value = C();
+  } }), (t2, l2) => {
+    const a2 = i("el-switch"), u2 = i("el-form-item");
+    return n(), v(u2, { ref_key: "formItemRef", ref: A, required: W.value.required, class: c(r(z) + (_.value ? " " + _.value : "")), "label-width": W.value.labelWidth, style: o(r(S)) }, s({ default: f(() => [m(a2, { ref_key: "componentRef", ref: B, disabled: "disabled" === W.value.state, "active-value": W.value.activeValue, "active-text": W.value.activeText, "inactive-value": W.value.inactiveValue, "inactive-text": W.value.inactiveText, width: W.value.offOnWidth, size: W.value.size, style: o(r(O)), modelValue: U.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e3) => U.value = e3), onChange: l2[1] || (l2[1] = (t3) => r(h)(t3, e2.pageContext, e2.configure, "change")) }, null, 8, ["disabled", "active-value", "active-text", "inactive-value", "inactive-text", "width", "size", "style", "modelValue"])]), _: 2 }, [W.value.tittleShow ? { name: "label", fn: f(() => [p("div", { ref_key: "titleRef", ref: F, style: o({ ...r(I), ...r(T) }), class: "amb-form-item-label" }, d(r(b)(W.value.title)), 5)]), key: "0" } : void 0]), 1032, ["required", "class", "label-width", "style"]);
+  };
+} });
+export {
+  w as default
+};

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

@@ -0,0 +1,4 @@
+import t from "./tag-runtime2.vue.js";
+export {
+  t as default
+};

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

@@ -0,0 +1,44 @@
+import { defineComponent as e, ref as t, computed as l, onMounted as a, nextTick as i, resolveComponent as o, openBlock as n, createBlock as r, normalizeStyle as u, unref as s, normalizeClass as p, withCtx as c, createElementBlock as f, Fragment as g, renderList as m, createTextVNode as v, toDisplayString as y, createCommentVNode as d } from "vue";
+import { getFormModelFields as x } from "../../../../utils/page-init-util.js";
+import { getVariableValue as C, setVariableValue as b } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent as h, handleFormEvent as k } from "../../../../utils/events/event-util.js";
+import { $t as _ } from "../../../../utils/i18n-util.js";
+const j = e({ __name: "tag-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
+  const j2 = e2, A = x(j2.pageContext, j2.configure), R = j2.configure.runtime ? j2.configure.runtime : {}, q = R.style, w = R.class, z = R.headerStyle, S = R.titleExceedStyle, I = t(R.props ? R.props : {});
+  let $ = I.value.formatting;
+  const D = j2.pageContext.entity ? j2.pageContext.entity : {}, E = l(() => {
+    let e3 = C(D, A);
+    null == e3 && (e3 = []), Array.isArray(e3) || (e3 = (e3 + "").split(","));
+    const t2 = [];
+    let l2 = 1;
+    for (const a2 of e3) {
+      if (null == a2 || "" === a2) continue;
+      const e4 = { value: a2, label: a2 };
+      $ && (e4.label = $.replace(/\${value}/g, e4.value).replace(/\${no}/g, l2)), t2.push(e4), l2++;
+    }
+    return t2;
+  });
+  const O = t(null), W = t(null);
+  return a(() => {
+    i(() => {
+      const e3 = E.value;
+      h(e3, j2.pageContext, j2.configure, { formItemRef: O.value, titleRef: W.value, value: e3, entity: j2.pageContext.entity.data, pageData: j2.pageContext.entity.page });
+    });
+  }), (t2, l2) => {
+    const a2 = o("el-tag"), i2 = o("el-form-item");
+    return n(), r(i2, { ref_key: "formItemRef", ref: O, required: I.value.required, class: p(s(w)), "label-width": I.value.labelWidth, style: u(s(q)) }, { label: c(() => [I.value.tittleShow ? (n(), f("div", { key: 0, ref_key: "titleRef", ref: W, style: u({ ...s(z), ...s(S) }) }, y(s(_)(I.value.title)), 5)) : d("", true)]), default: c(() => [(n(true), f(g, null, m(E.value, (t3) => (n(), r(a2, { key: t3, size: I.value.size, closable: I.value.closable, type: I.value.type, style: { "margin-right": "4px" }, onClose: (e3) => function(e4, t4) {
+      if (I.value.closable) {
+        let e5 = C(D, A);
+        null == e5 && (e5 = []);
+        const l3 = Array.isArray(e5);
+        l3 || (e5 = (e5 + "").split(","));
+        const a3 = e5.indexOf(t4.value);
+        a3 > -1 && e5.splice(a3, 1), l3 || (e5 = e5.join(",")), b(D, A, e5);
+      }
+      k(e4, j2.pageContext, j2.configure, "remove");
+    }(e3, t3), onClick: l2[0] || (l2[0] = (t4) => s(k)(t4, e2.pageContext, e2.configure, "click")) }, { default: c(() => [v(y(t3.label), 1)]), _: 2 }, 1032, ["size", "closable", "type", "onClose"]))), 128))]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+  };
+} });
+export {
+  j as default
+};

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

@@ -0,0 +1,7 @@
+import e from "./textarea-runtime2.vue.js";
+/* empty css                      */
+import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = t(e, [["__scopeId", "data-v-dcb86aec"]]);
+export {
+  r as default
+};

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

@@ -0,0 +1,28 @@
+import { defineComponent as e, ref as t, computed as l, onMounted as a, nextTick as o, resolveComponent as n, openBlock as u, createElementBlock as r, createVNode as i, normalizeStyle as s, unref as p, normalizeClass as m, createSlots as f, withCtx as g, createElementVNode as c, createBlock as d, Fragment as v, createTextVNode as x, toDisplayString as y } from "vue";
+import { getFormModelFields as h } from "../../../../utils/page-init-util.js";
+import { setVariableValue as C, getVariableValue as b } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent as w, handleFormEvent as k } from "../../../../utils/events/event-util.js";
+import R from "../common/title-suffix-element.vue.js";
+import { $t as j } from "../../../../utils/i18n-util.js";
+import { addRequiredClassUtil as _ } from "../../../../utils/common-util.js";
+const q = e({ __name: "textarea-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: q2 }) {
+  const I = e2, z = t(null), S = I.pageContext.entity ? I.pageContext.entity : {};
+  let V = h(I.pageContext, I.configure);
+  const B = l({ get: () => b(S, V), set(e3) {
+    C(S, V, e3), null != e3 && "" !== e3 && (z.value = "");
+  } }), D = I.configure.runtime ? I.configure.runtime : {}, E = t(D.props ? D.props : {}), F = D.style, N = D.class, T = D.headerStyle, U = D.titleExceedStyle, W = t(null), A = t(null), G = t(null);
+  return a(() => {
+    o(() => {
+      const e3 = B.value;
+      w(e3, I.pageContext, I.configure, { formItemRef: W.value, componentRef: A.value, titleRef: G.value, value: e3, entity: I.pageContext.entity.data, pageData: I.pageContext.entity.page });
+    });
+  }), q2({ addRequiredClass: function() {
+    z.value = _();
+  } }), (t2, l2) => {
+    const a2 = n("el-input"), o2 = n("el-form-item");
+    return u(), r("div", null, [i(o2, { ref_key: "formItemRef", ref: W, required: !!E.value.required, class: m(p(N) + (z.value ? " " + z.value : "")), "label-width": E.value.labelWidth, style: s(p(F)) }, f({ default: g(() => [i(a2, { ref_key: "componentRef", ref: A, disabled: "disabled" === E.value.state, readonly: "readonly" === E.value.state, size: E.value.size, clearable: E.value.clearable, placeholder: p(j)(E.value.placeholder), modelValue: B.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e3) => B.value = e3), rows: E.value.rows ? E.value.rows : 2, maxlength: E.value.maxlength, minlength: E.value.minlength, "show-word-limit": E.value.showInputNum, type: "textarea", onInput: l2[1] || (l2[1] = (t3) => p(k)(t3, e2.pageContext, e2.configure, "input")), onChange: l2[2] || (l2[2] = (t3) => p(k)(t3, e2.pageContext, e2.configure, "change")), onBlur: l2[3] || (l2[3] = (t3) => p(k)(t3, e2.pageContext, e2.configure, "blur")), onFocus: l2[4] || (l2[4] = (t3) => p(k)(t3, e2.pageContext, e2.configure, "focus")), onClick: l2[5] || (l2[5] = (t3) => p(k)(t3, e2.pageContext, e2.configure, "click")) }, null, 8, ["disabled", "readonly", "size", "clearable", "placeholder", "modelValue", "rows", "maxlength", "minlength", "show-word-limit"])]), _: 2 }, [E.value.tittleShow ? { name: "label", fn: g(() => [c("div", { ref_key: "titleRef", ref: G, style: s({ ...p(T), ...p(U) }), class: "amb-form-item-label" }, [E.value.prefixType ? (u(), d(R, { key: 0, pageContext: e2.pageContext, property: E.value }, null, 8, ["pageContext", "property"])) : (u(), r(v, { key: 1 }, [x(y(p(j)(E.value.title)), 1)], 64))], 4)]), key: "0" } : void 0]), 1032, ["required", "class", "label-width", "style"])]);
+  };
+} });
+export {
+  q as default
+};