super-page-runtime 2.3.46 → 2.3.47-sit2

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) {
+            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

@@ -1,7 +1,7 @@
-import e from "./select-runtime.vue2.js";
+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-ccac4657"]]);
+const r = t(e, [["__scopeId", "data-v-dbb21bd8"]]);
 export {
   r as default
 };

package/dist/es/components/runtime/views/assemblys/form/select/{select-runtime.vue2.js → select-runtime2.vue.js}

@@ -1,4 +1,4 @@
-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 { defineComponent as e, ref as l, computed as t, watch as o, onUnmounted as a, onMounted as i, nextTick as n, resolveComponent as u, openBlock as r, 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";
@@ -13,7 +13,7 @@ const F = { style: { "padding-left": "5px" } }, G = { style: { width: "100%", di
   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 = [];
+  let ue = l(ne.value.optionDescriptionPosition && "default" !== ne.value.optionDescriptionPosition), re = [];
   const se = "copyBtn_" + Q.configure.uuid + "_" + (/* @__PURE__ */ new Date()).getTime();
   function pe() {
     let e3 = P(Z, ee);
@@ -21,7 +21,7 @@ const F = { style: { "padding-left": "5px" } }, G = { style: { width: "100%", di
   }
   const ce = t({ get: () => pe(), set(e3) {
     const l2 = pe();
-    ue = Array.isArray(l2) ? [...l2] : l2;
+    re = 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)) : [];
@@ -57,7 +57,7 @@ const F = { style: { "padding-left": "5px" } }, G = { style: { width: "100%", di
     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);
+    o2.options = fe.value, o2.oldValue = re, M(e3, Q.pageContext, Q.configure, "change", o2);
   };
   const be = ne.value.monitorFields, xe = [];
   if (be) {
@@ -118,7 +118,6 @@ const F = { style: { "padding-left": "5px" } }, G = { style: { width: "100%", di
     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 });
@@ -146,9 +145,9 @@ const F = { style: { "padding-left": "5px" } }, G = { style: { width: "100%", di
   }, 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 s(), u(k2, { ref_key: "formItemRef", ref: ke, required: !!ne.value.required, class: c(f(oe) + (X.value ? " " + X.value : "")), "label-width": ne.value.labelWidth, style: p(f(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: 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(f(E))]), _: 1 })])]), default: g(() => [ne.value.multiple && false !== ne.value.showSelectAll ? (s(), u(a2, { key: 0, label: f(N)("superGrid.selectAll"), value: H, disabled: !(fe.value && fe.value.length > 0) }, null, 8, ["label", "disabled"])) : b("", true), (s(true), x(C, null, _(fe.value, (l3) => (s(), u(a2, { key: l3.value, label: l3.label, value: l3.value, class: c({ "option-description-newLine": f(re) }), onClick: (t3) => f(M)(l3.value, e2.pageContext, e2.configure, "click", { values: ce.value }) }, { default: g(() => [l3._description_ ? (s(), x(C, { key: 0 }, [f(re) ? (s(), x("div", K, [d("span", null, w(l3.label), 1), d("span", L, w(l3._description_), 1)])) : (s(), 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(f(E))]), _: 1 })])]), _: 1 })]), _: 2 }, [ne.value.tittleShow ? { name: "label", fn: g(() => [d("div", { ref_key: "titleRef", ref: Te, style: p({ ...f(ae), ...f(ie) }), class: "amb-form-item-label" }, [ne.value.prefixType ? (s(), u(I, { key: 0, pageContext: e2.pageContext, property: ne.value }, null, 8, ["pageContext", "property"])) : (s(), x(C, { key: 1 }, [S(w(f(q)(ne.value.title)), 1)], 64))], 4)]), key: "0" } : void 0]), 1032, ["required", "class", "label-width", "style"]);
+    const o2 = u("el-icon"), a2 = u("el-option"), i2 = u("el-select"), n2 = u("el-popover"), k2 = u("el-form-item");
+    return r(), 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 ? (r(), s(a2, { key: 0, label: c(N)("superGrid.selectAll"), value: H, disabled: !(fe.value && fe.value.length > 0) }, null, 8, ["label", "disabled"])) : b("", true), (r(true), x(C, null, _(fe.value, (l3) => (r(), s(a2, { key: l3.value, label: l3.label, value: l3.value, class: f({ "option-description-newLine": c(ue) }), onClick: (t3) => c(M)(l3.value, e2.pageContext, e2.configure, "click", { values: ce.value }) }, { default: g(() => [l3._description_ ? (r(), x(C, { key: 0 }, [c(ue) ? (r(), x("div", K, [d("span", null, w(l3.label), 1), d("span", L, w(l3._description_), 1)])) : (r(), 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 ? (r(), s(I, { key: 0, pageContext: e2.pageContext, property: ne.value }, null, 8, ["pageContext", "property"])) : (r(), 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 {

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

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

package/dist/es/components/runtime/views/assemblys/form/separatelabel/{separatelabel-runtime.vue2.js → separatelabel-runtime2.vue.js}

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, onMounted as i, nextTick as o, createElementBlock as n, openBlock as r, normalizeClass as a, normalizeStyle as p, unref as l, createElementVNode as s, createBlock as u, createCommentVNode as c, createTextVNode as g, toDisplayString as f } from "vue";
+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";
@@ -9,7 +9,7 @@ const d = e({ __name: "separatelabel-runtime", props: { pageContext: {}, configu
       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) => (r(), n("div", { style: p(l(T)), class: a([l(V), "amb-widget-separatelabel"]), ref_key: "thisRef", ref: x }, [s("div", { class: "label", style: p(l(h)) }, [e2.configure.props.iconType && e2.configure.props.iconValue ? (r(), u(l(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(l(y)(e2.configure.props.base.title)), 1)], 4)], 6));
+  }), 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

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

package/dist/es/components/runtime/views/assemblys/form/switch/{switch-runtime.vue2.js → switch-runtime2.vue.js}

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, computed as l, onMounted as a, nextTick as u, resolveComponent as i, createBlock as n, openBlock as v, normalizeStyle as o, normalizeClass as r, unref as c, createSlots as s, withCtx as f, createVNode as m, createElementVNode as p, toDisplayString as d } from "vue";
+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";
@@ -28,7 +28,7 @@ const w = e({ __name: "switch-runtime", props: { pageContext: {}, configure: {}
     _.value = C();
   } }), (t2, l2) => {
     const a2 = i("el-switch"), u2 = i("el-form-item");
-    return v(), n(u2, { ref_key: "formItemRef", ref: A, required: W.value.required, class: r(c(z) + (_.value ? " " + _.value : "")), "label-width": W.value.labelWidth, style: o(c(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(c(O)), modelValue: U.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e3) => U.value = e3), onChange: l2[1] || (l2[1] = (t3) => c(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({ ...c(I), ...c(T) }), class: "amb-form-item-label" }, d(c(b)(W.value.title)), 5)]), key: "0" } : void 0]), 1032, ["required", "class", "label-width", "style"]);
+    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 {

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

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

package/dist/es/components/runtime/views/assemblys/form/tag/{tag-runtime.vue2.js → tag-runtime2.vue.js}

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, computed as l, onMounted as a, nextTick as i, resolveComponent as o, createBlock as n, openBlock as r, normalizeStyle as u, normalizeClass as s, unref 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 { 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";
@@ -26,7 +26,7 @@ const j = e({ __name: "tag-runtime", props: { pageContext: {}, configure: {} },
     });
   }), (t2, l2) => {
     const a2 = o("el-tag"), i2 = o("el-form-item");
-    return r(), n(i2, { ref_key: "formItemRef", ref: O, required: I.value.required, class: s(p(w)), "label-width": I.value.labelWidth, style: u(p(q)) }, { label: c(() => [I.value.tittleShow ? (r(), f("div", { key: 0, ref_key: "titleRef", ref: W, style: u({ ...p(z), ...p(S) }) }, y(p(_)(I.value.title)), 5)) : d("", true)]), default: c(() => [(r(true), f(g, null, m(E.value, (t3) => (r(), n(a2, { key: t3, size: I.value.size, closable: I.value.closable, type: I.value.type, style: { "margin-right": "4px" }, onClose: (e3) => function(e4, t4) {
+    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 = []);
@@ -36,7 +36,7 @@ const j = e({ __name: "tag-runtime", props: { pageContext: {}, configure: {} },
         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) => p(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"]);
+    }(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 {

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

@@ -1,7 +1,7 @@
-import e from "./textarea-runtime.vue2.js";
+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-1e8a62fc"]]);
+const r = t(e, [["__scopeId", "data-v-dcb86aec"]]);
 export {
   r as default
 };

package/dist/es/components/runtime/views/assemblys/form/textarea/{textarea-runtime.vue2.js → textarea-runtime2.vue.js}

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, computed as l, onMounted as a, nextTick as o, resolveComponent as n, createElementBlock as u, openBlock as r, createVNode as i, normalizeStyle as s, normalizeClass as p, unref 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 { 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";
@@ -20,7 +20,7 @@ const q = e({ __name: "textarea-runtime", props: { pageContext: {}, configure: {
     z.value = _();
   } }), (t2, l2) => {
     const a2 = n("el-input"), o2 = n("el-form-item");
-    return r(), u("div", null, [i(o2, { ref_key: "formItemRef", ref: W, required: !!E.value.required, class: p(m(N) + (z.value ? " " + z.value : "")), "label-width": E.value.labelWidth, style: s(m(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: 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) => m(k)(t3, e2.pageContext, e2.configure, "input")), onChange: l2[2] || (l2[2] = (t3) => m(k)(t3, e2.pageContext, e2.configure, "change")), onBlur: l2[3] || (l2[3] = (t3) => m(k)(t3, e2.pageContext, e2.configure, "blur")), onFocus: l2[4] || (l2[4] = (t3) => m(k)(t3, e2.pageContext, e2.configure, "focus")), onClick: l2[5] || (l2[5] = (t3) => m(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({ ...m(T), ...m(U) }), class: "amb-form-item-label" }, [E.value.prefixType ? (r(), d(R, { key: 0, pageContext: e2.pageContext, property: E.value }, null, 8, ["pageContext", "property"])) : (r(), u(v, { key: 1 }, [x(y(m(j)(E.value.title)), 1)], 64))], 4)]), key: "0" } : void 0]), 1032, ["required", "class", "label-width", "style"])]);
+    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 {

package/dist/es/components/runtime/views/assemblys/home-chart-render.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as o, markRaw as t, onMounted as n, resolveDirective as i, withDirectives as r, createCommentVNode as s, unref as u, createBlock as l, openBlock as c, resolveDynamicComponent as g, normalizeClass as f, normalizeStyle as a, vShow as p, nextTick as m } from "vue";
+import { defineComponent as e, ref as o, markRaw as t, onMounted as n, resolveDirective as i, unref as r, withDirectives as s, openBlock as u, createBlock as l, resolveDynamicComponent as c, normalizeClass as g, normalizeStyle as f, vShow as a, createCommentVNode as p, nextTick as m } from "vue";
 import v from "./error-render.vue.js";
 import { getRuntimeComponentByName as d } from "../../utils/assemblys-config.js";
 import { PageDimensions as y } from "../../utils/interfaces/page-design-types.js";
@@ -75,7 +75,7 @@ const H = e({ __name: "home-chart-render", props: { pageContext: {}, configure:
   };
   return (o2, t2) => {
     const n2 = i("permission");
-    return u($)(e2.configure) ? r((c(), l(g(P.value), { key: 0, ref: D, style: a(W.value), class: f(q.value), configure: e2.configure, pageContext: e2.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[p, u(B)], [n2, { codes: u(N) ? u(N) : "true", systemCode: e2.pageContext.systemCode }]]) : s("", true);
+    return r($)(e2.configure) ? s((u(), l(c(P.value), { key: 0, ref: D, style: f(W.value), class: g(q.value), configure: e2.configure, pageContext: e2.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[a, r(B)], [n2, { codes: r(N) ? r(N) : "true", systemCode: e2.pageContext.systemCode }]]) : p("", true);
   };
 } });
 export {

package/dist/es/components/runtime/views/assemblys/object-render.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as o, computed as t, watch as n, markRaw as i, onMounted as r, onUnmounted as s, withDirectives as u, createCommentVNode as l, unref as a, createBlock as p, openBlock as g, resolveDynamicComponent as c, normalizeClass as f, normalizeStyle as d, vShow as m, nextTick as C } from "vue";
+import { defineComponent as e, ref as o, computed as t, watch as n, markRaw as i, onMounted as r, onUnmounted as s, unref as u, withDirectives as l, openBlock as a, createBlock as p, resolveDynamicComponent as g, normalizeClass as c, normalizeStyle as f, vShow as d, createCommentVNode as m, nextTick as C } from "vue";
 import v from "./error-render.vue.js";
 import { getRuntimeComponentByName as h } from "../../utils/assemblys-config.js";
 import { PageDimensions as b } from "../../utils/interfaces/page-design-types.js";
@@ -6,9 +6,9 @@ import { addComponentRef as x, addComponentRefByCode as y } from "../../utils/gl
 import { getPermissionCodes as w, packageFormRules as j, getModelFields as N, controlObjectRenderState as M } from "../../utils/page-init-util.js";
 import { caculateShowCondition as V, getFormPropName as _, getSizeConfig as A } from "../../utils/page-helper-util.js";
 import { isWorkflowPage as S, getPropClassName as T, isNumber as $ } from "../../utils/common-util.js";
-import { isShowMobileEvent as H, isShowComponent as O } from "../../utils/events/event-util.js";
-import { usePageContextStore as P } from "../../utils/page-store.js";
-import { isHasFieldAuth as B } from "../../utils/table-utils.js";
+import { isShowMobileEvent as O, isShowComponent as P } from "../../utils/events/event-util.js";
+import { usePageContextStore as B } from "../../utils/page-store.js";
+import { isHasFieldAuth as H } from "../../utils/table-utils.js";
 import { checkPermission as R } from "agilebuilder-ui/src/utils/permission.js";
 import { isMobileBrowser as F } from "agilebuilder-ui/src/utils/common-util";
 const L = e({ __name: "object-render", props: { pageContext: {}, configure: {} }, setup(e2) {
@@ -17,7 +17,7 @@ const L = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
   null == L2.configure.style && (L2.configure.style = {});
   let k = null, D = w(L2.configure, L2.pageContext);
   L2.configure && L2.configure.props && L2.configure.props.base && (L2.configure.props.base.functionCode = D);
-  const E = R(D || "true", L2.pageContext.systemCode), J = B(L2.pageContext, L2.configure), W = E && J;
+  const E = R(D || "true", L2.pageContext.systemCode), J = H(L2.pageContext, L2.configure), W = E && J;
   L2.configure && L2.configure.props && L2.configure.props.base && (L2.configure.props.base.isHasFieldAuthPermission = W), j(L2.pageContext, L2.configure, W);
   let q = o(null), z = o(true), G = o("");
   if (L2.configure && L2.configure.props) {
@@ -26,7 +26,7 @@ const L = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
       var _a2;
       let o2 = true;
       if (W) if (q.value && null !== q.value) o2 = "show" === q.value;
-      else if (H(L2.pageContext, L2.configure)) if (e3 && e3.length > 0) o2 = V(L2.pageContext, e3);
+      else if (O(L2.pageContext, L2.configure)) if (e3 && e3.length > 0) o2 = V(L2.pageContext, e3);
       else {
         const e4 = (_a2 = L2.configure.props.base) == null ? void 0 : _a2.state;
         e4 && "hidden" === e4 && (o2 = false);
@@ -80,7 +80,7 @@ const L = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
     const t2 = Z.style[e3 + "_class"];
     t2 && (X.value += " " + t2);
   }
-  const ee = P();
+  const ee = B();
   let oe = false;
   function te(e3) {
     var _a2, _b2, _c2;
@@ -131,9 +131,7 @@ const L = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
     const o2 = e3.parentNode;
     if (!e3 || !o2) return;
     const t2 = e3.getBoundingClientRect();
-    let n2 = window.innerHeight - t2.y - 30;
-    window.innerHeight, t2.y;
-    let i2 = n2 + "";
+    let n2 = window.innerHeight - t2.y - 30, i2 = n2 + "";
     if ("tabs" === L2.configure.name && L2.pageContext.isDialog && !F()) {
       const o3 = e3.closest(".runtime-page-container");
       if (o3) {
@@ -144,7 +142,7 @@ const L = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
     U.value.height = i2, U.value["overflow-y"] = "auto", U.value["overflow-x"] = "hidden", L2.configure.sytle || (L2.configure.sytle = {}), L2.configure.sytle._heightStyle = i2;
   }
   r(() => {
-    W && O(L2.configure) || ee.countComponentsLoadedNumber();
+    W && P(L2.configure) || ee.countComponentsLoadedNumber();
   }), s(() => {
     var _a2;
     re && clearTimeout(re), k && ((_a2 = L2.pageContext.hiddenNotValidatorCodes) == null ? void 0 : _a2.delete(k));
@@ -159,7 +157,7 @@ const L = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
     const t2 = L2.configure.props ? L2.configure.props : {}, n2 = L2.configure.style ? L2.configure.style : {}, i2 = t2.position;
     "top" == i2 || "bottom" == i2 || n2.position;
   };
-  return (o2, t2) => a(W) && a(O)(e2.configure) ? u((g(), p(c(I.value), { key: 0, ref: te, style: d(U.value), class: f(X.value), configure: e2.configure, pageContext: e2.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[m, a(z)]]) : l("", true);
+  return (o2, t2) => u(W) && u(P)(e2.configure) ? l((a(), p(g(I.value), { key: 0, ref: te, style: f(U.value), class: c(X.value), configure: e2.configure, pageContext: e2.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[d, u(z)]]) : m("", true);
 } });
 export {
   L as default

package/dist/es/components/runtime/views/assemblys/page-bottom.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as o, createBlock as e, createCommentVNode as t, openBlock as n } from "vue";
+import { defineComponent as o, openBlock as e, createBlock as t, createCommentVNode as n } from "vue";
 import p from "./workflow/component/workflow-opinion-box.vue.js";
 const a = o({ __name: "page-bottom", props: { pageContext: {} }, setup: (o2) => (a2, r) => {
   var _a;
-  return ((_a = o2.pageContext.workflowOpinion) == null ? void 0 : _a.showOpinionBox) ? (n(), e(p, { key: 0, pageContext: o2.pageContext }, null, 8, ["pageContext"])) : t("", true);
+  return ((_a = o2.pageContext.workflowOpinion) == null ? void 0 : _a.showOpinionBox) ? (e(), t(p, { key: 0, pageContext: o2.pageContext }, null, 8, ["pageContext"])) : n("", true);
 } });
 export {
   a as default

package/dist/es/components/runtime/views/assemblys/workflow/component/workflow-opinion-box.vue.js

@@ -1,7 +1,7 @@
-import o from "./workflow-opinion-box.vue2.js";
+import o from "./workflow-opinion-box2.vue.js";
 /* empty css                          */
 import r from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = r(o, [["__scopeId", "data-v-76875392"]]);
+const e = r(o, [["__scopeId", "data-v-e0c933bb"]]);
 export {
-  p as default
+  e as default
 };

package/dist/es/components/runtime/views/assemblys/workflow/component/workflow-opinion-box2.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent as e, ref as n, computed as o, onMounted as l, onUnmounted as i, watch as t, nextTick as a, resolveComponent as u, openBlock as s, createElementBlock as r, Fragment as p, createElementVNode as w, normalizeStyle as f, createCommentVNode as d, createBlock as v, Teleport as c, withDirectives as x, createTextVNode as g, toDisplayString as m, unref as k, normalizeClass as O, createVNode as b, vShow as h } from "vue";
+import { addRequiredClassUtil as C } from "../../../../utils/common-util.js";
+import { $t as y } from "../../../../utils/i18n-util.js";
+const R = { class: "opinion-box-table-wrapper" }, I = { class: "opinion-table" }, E = { class: "opinion-label" }, z = { key: 0, class: "required-star" }, L = e({ __name: "workflow-opinion-box", props: { pageContext: {} }, setup(e2, { expose: L2 }) {
+  const _ = e2, B = n(""), H = n(), V = n(""), j = n(null), q = n(null), M = n(0), P = n(null), S = n(null);
+  let U = null, W = null;
+  const A = n(true), D = o(() => {
+    const e3 = S.value;
+    return e3 ? { left: e3.left + "px", right: window.innerWidth - e3.right + "px", bottom: window.innerHeight - e3.bottom + "px" } : { left: "0", right: "0", bottom: "0" };
+  });
+  function F() {
+    P.value && (S.value = P.value.getBoundingClientRect());
+  }
+  function G(e3) {
+    P.value = e3, F(), W = new ResizeObserver(F), W.observe(e3), window.addEventListener("scroll", F, true), window.addEventListener("resize", F);
+  }
+  l(() => {
+    var _a;
+    let e3 = ((_a = j.value) == null ? void 0 : _a.parentElement) ?? null;
+    for (; e3; ) {
+      if (e3.classList.contains("el-dialog")) return void G(e3);
+      e3 = e3.parentElement;
+    }
+    _.pageContext.workflowOpinion && (_.pageContext.workflowOpinion.boxInstance = J);
+  }), i(() => {
+    var _a;
+    U == null ? void 0 : U.disconnect(), U = null, W == null ? void 0 : W.disconnect(), W = null, window.removeEventListener("scroll", F, true), window.removeEventListener("resize", F), P.value = null, S.value = null, ((_a = _.pageContext.workflowOpinion) == null ? void 0 : _a.boxInstance) && (_.pageContext.workflowOpinion.boxInstance = null);
+  }), t(q, (e3) => {
+    U == null ? void 0 : U.disconnect(), U = null, e3 ? (M.value = e3.offsetHeight, U = new ResizeObserver(() => {
+      M.value = e3.offsetHeight;
+    }), U.observe(e3)) : M.value = 0;
+  }), t(() => {
+    var _a;
+    return (_a = _.pageContext.workflowOpinion) == null ? void 0 : _a.focusOpinionInput;
+  }, (e3) => {
+    e3 ? (V.value = C(), a(() => {
+      var _a;
+      ((_a = H.value) == null ? void 0 : _a.focus) && H.value.focus();
+    })) : V.value = "";
+  }, { immediate: true });
+  const J = { show: function() {
+    _.pageContext.workflowOpinion && (A.value = true);
+  }, hide: function() {
+    _.pageContext.workflowOpinion && (A.value = false);
+  } };
+  return L2(J), (n2, o2) => {
+    var _a, _b, _c;
+    const l2 = u("el-input");
+    return s(), r(p, null, [w("div", { ref_key: "sentinelRef", ref: j, style: { display: "none" } }, null, 512), ((_a = e2.pageContext.workflowOpinion) == null ? void 0 : _a.showOpinionBox) ? (s(), r("div", { key: 0, style: f({ height: M.value + "px", width: "100%", flexShrink: 0 }) }, null, 4)) : d("", true), (s(), v(c, { to: "body" }, [((_b = e2.pageContext.workflowOpinion) == null ? void 0 : _b.showOpinionBox) ? x((s(), r("div", { key: 0, ref_key: "opinionBarRef", ref: q, class: "opinion-fixed-bar", style: f(D.value) }, [w("div", R, [w("table", I, [w("tbody", null, [w("tr", null, [w("td", E, [((_c = e2.pageContext.workflowOpinion) == null ? void 0 : _c.isRequired) ? (s(), r("span", z, "*")) : d("", true), g(" " + m(k(y)("superPageRuntimeMessage.handleOpinion")), 1)]), w("td", { class: O(["opinion-input-cell", V.value]) }, [b(l2, { ref_key: "opinionInputRef", ref: H, modelValue: B.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e3) => B.value = e3), autosize: { minRows: 2, maxRows: 4 }, type: "textarea", placeholder: k(y)("superPageRuntimeMessage.pleaseInputHandleOpinion"), onChange: o2[1] || (o2[1] = (e3) => {
+      _.pageContext.workflowOpinion && (_.pageContext.workflowOpinion.opinion = B.value.trim(), _.pageContext.workflowOpinion.focusOpinionInput = false);
+    }), class: "opinion-input" }, null, 8, ["modelValue", "placeholder"])], 2)])])])])], 4)), [[h, A.value]]) : d("", true)]))], 64);
+  };
+} });
+export {
+  L as default
+};