super-page-runtime 2.3.16-sit3 → 2.3.17-sit1

package/dist/es/components/runtime/utils/api/page-expose-util.js

@@ -2,25 +2,25 @@ import { getOptionDatasSourceMap as e, getComponentOptionDatasFromPage as t, get
 import { getComponentRef as a, getComponentRefByCode as s } from "../global-refs.js";
 import r from "../eventBus.js";
 import l from "agilebuilder-ui/src/utils/request";
-import { getFormData as c, getAdditionalParamMap as u, refreshPage as f } from "../events/standard-event.js";
-import { dynamicControlTableEdit as m, disabledAllFields as p, updateFormItemEditState as d } from "../events/validator-util.js";
+import { getFormData as c, getAdditionalParamMap as u, refreshPage as m } from "../events/standard-event.js";
+import { dynamicControlTableEdit as f, disabledAllFields as p, updateFormItemEditState as d } from "../events/validator-util.js";
 import { deepCopy as g, getBaseUrl as y } from "../common-util.js";
 import { replacePrefix as b, isMobileBrowser as h } from "agilebuilder-ui/src/utils/common-util";
 import { getFormModelFields as E, getModelFields as P } from "../page-init-util.js";
-import { getCustomFunc as C } from "../events/event-util.js";
-import { isHasFieldPermissionAuth as k } from "../table-utils.js";
+import { getCustomFunc as k } from "../events/event-util.js";
+import { isHasFieldPermissionAuth as C } from "../table-utils.js";
 const v = { showElement: function(e2, t2, n2) {
-  n2 ? A(e2, "showElement", t2) : t2.forEach((t3) => {
+  n2 ? O(e2, "showElement", t2) : t2.forEach((t3) => {
     const n3 = s(e2, t3);
     n3 && n3.show();
   });
 }, hideElement: function(e2, t2, n2) {
-  n2 ? A(e2, "hideElement", t2) : t2.forEach((t3) => {
+  n2 ? O(e2, "hideElement", t2) : t2.forEach((t3) => {
     const n3 = s(e2, t3);
     n3 && n3.hide();
   });
 }, enableElement: function(e2, t2, n2) {
-  n2 ? A(e2, "enableElement", t2) : t2.forEach((t3) => {
+  n2 ? O(e2, "enableElement", t2) : t2.forEach((t3) => {
     const n3 = s(e2, t3);
     if (n3) {
       const e3 = n3.getConfigure();
@@ -28,7 +28,7 @@ const v = { showElement: function(e2, t2, n2) {
     }
   });
 }, disableElement: function(e2, t2, n2) {
-  n2 ? A(e2, "disableElement", t2) : t2.forEach((t3) => {
+  n2 ? O(e2, "disableElement", t2) : t2.forEach((t3) => {
     const n3 = s(e2, t3);
     if (n3) {
       const e3 = n3.getConfigure();
@@ -48,11 +48,11 @@ const v = { showElement: function(e2, t2, n2) {
     o(e2.entity, i2.startsWith("${") ? i2 : "${" + t2 + "." + i2 + "}", n2[i2]);
   });
 }, dynamicControlFormEdit: function(e2, t2, n2) {
-  n2 ? A(e2, "dynamicControlFormEdit", t2) : d(e2, t2);
+  n2 ? O(e2, "dynamicControlFormEdit", t2) : d(e2, t2);
 }, disabledAllFields(e2) {
   p(e2);
 }, dynamicControlTableEdit(e2, t2, n2) {
-  m(e2, t2, n2);
+  f(e2, t2, n2);
 }, executeServiceFlow: function(e2, t2, n2) {
   const i2 = e2.code;
   n2 || (n2 = { entity: e2.entity.data, serviceVariables: {}, requestParams: u(e2), taskParamMap: e2.entity.task, dynamicDimensionValue: [], dynamicSortValue: "" }), n2.entity || (n2.entity = e2.entity.data), n2.requestParams || (n2.requestParams = u(e2)), n2.taskParamMap || (n2.taskParamMap = e2.entity.task);
@@ -61,7 +61,7 @@ const v = { showElement: function(e2, t2, n2) {
 }, openPage: function(e2, t2) {
   r.$emit(e2.code + "_open-dialog", { pageContext: e2, eventParams: t2.eventParams, configureObj: { props: { linkPage: t2 } } });
 }, refreshPage: function(e2, t2) {
-  f(e2, t2);
+  m(e2, t2);
 }, refreshSubTableHandle: function(e2, t2) {
   let n2;
   const i2 = s(e2, t2);
@@ -82,13 +82,18 @@ const v = { showElement: function(e2, t2, n2) {
   const n2 = u(e2);
   return n2 ? n2[t2] : null;
 }, isMobile: () => h(), getComponentRefByProp: (e2, t2) => s(e2, t2), getComponentRefByCode: (e2, t2) => a(e2, t2), getFormViewData(o2) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const s2 = o2.entity ? o2.entity : {}, r2 = g(s2), l2 = e(o2);
   for (const e2 in l2) {
     const s3 = t(o2, e2), l3 = a(o2, e2);
     if (l3) {
       const e3 = l3.getConfigure();
-      if (e3 && ((_b = (_a = e3.props) == null ? void 0 : _a.dataOrigin) == null ? void 0 : _b.optionValueSetType) && ("static" === ((_d = (_c = e3.props) == null ? void 0 : _c.dataOrigin) == null ? void 0 : _d.optionValueSetType) || "optionGroup" === ((_f = (_e = e3.props) == null ? void 0 : _e.dataOrigin) == null ? void 0 : _f.optionValueSetType))) if (e3.name && ("select" === e3.name && ((_h = (_g = e3.props) == null ? void 0 : _g.base) == null ? void 0 : _h.multiple) || "checkbox" === e3.name)) {
+      if (e3) if (!((_b = (_a = e3.props) == null ? void 0 : _a.dataOrigin) == null ? void 0 : _b.optionValueSetType) || "static" !== ((_d = (_c = e3.props) == null ? void 0 : _c.dataOrigin) == null ? void 0 : _d.optionValueSetType) && "optionGroup" !== ((_f = (_e = e3.props) == null ? void 0 : _e.dataOrigin) == null ? void 0 : _f.optionValueSetType)) {
+        if ("dynamicData" === ((_h = (_g = e3 == null ? void 0 : e3.props) == null ? void 0 : _g.dataOrigin) == null ? void 0 : _h.optionValueSetType) && ("select" === (e3 == null ? void 0 : e3.name) || "checkbox" === (e3 == null ? void 0 : e3.name) || "radio" === (e3 == null ? void 0 : e3.name))) {
+          const t2 = E(o2, e3), a2 = l3.getSelectItemsTitle(), s4 = a2 && a2.length > 0 ? a2 : n(r2, t2);
+          i(r2, t2, s4);
+        }
+      } else if (e3.name && ("select" === e3.name && ((_j = (_i = e3.props) == null ? void 0 : _i.base) == null ? void 0 : _j.multiple) || "checkbox" === e3.name)) {
         const t2 = E(o2, e3), a2 = n(r2, t2);
         if (a2) {
           const e4 = V(a2.split(","), s3);
@@ -107,20 +112,20 @@ const v = { showElement: function(e2, t2, n2) {
       const i2 = a(o2, t2);
       if (i2) {
         const t3 = i2.getConfigure(), o3 = t3.code ? t3.code : e2, a2 = P(t3, o3), s3 = n(r2, a2);
-        j(i2.getTableSelectOptions(e2), s3);
+        T(i2.getTableSelectOptions(e2), s3);
       }
     }
   }
   return r2.data;
-}, getFormData: (e2, t2) => c(e2, t2), getCustomFunc: (e2, t2) => C(e2, t2), replaceUrlPrefix: (e2) => b(e2), isHasFieldAuthPermission: (e2) => {
+}, getFormData: (e2, t2) => c(e2, t2), getCustomFunc: (e2, t2) => k(e2, t2), replaceUrlPrefix: (e2) => b(e2), isHasFieldAuthPermission: (e2) => {
   var _a, _b, _c, _d;
   return !(void 0 !== ((_b = (_a = e2 == null ? void 0 : e2.props) == null ? void 0 : _a.base) == null ? void 0 : _b.isHasFieldAuthPermission) && !((_d = (_c = e2 == null ? void 0 : e2.props) == null ? void 0 : _c.base) == null ? void 0 : _d.isHasFieldAuthPermission));
 }, isHasFieldAuth(e2, t2) {
-  k(e2, null, t2);
+  C(e2, null, t2);
 }, isHasFieldAuthWithTable(e2, t2, n2) {
-  k(e2, t2, n2);
+  C(e2, t2, n2);
 } };
-function j(e2, t2) {
+function T(e2, t2) {
   e2 && t2 && t2.forEach((t3) => {
     Object.keys(e2).forEach((n2) => {
       const i2 = t3[n2], o2 = e2[n2], a2 = o2.options, s2 = o2.column;
@@ -137,10 +142,10 @@ function j(e2, t2) {
 function V(e2, t2) {
   let n2;
   return null != e2 && t2 && (Array.isArray(e2) ? (n2 = "", e2.forEach((i2) => {
-    n2 = n2 + $(e2, t2) + ",";
-  }), n2.indexOf(",") > 0 && (n2 = n2.substring(0, n2.lastIndexOf(",")))) : (n2 = e2, n2 = $(e2, t2))), n2;
+    n2 = n2 + j(e2, t2) + ",";
+  }), n2.indexOf(",") > 0 && (n2 = n2.substring(0, n2.lastIndexOf(",")))) : (n2 = e2, n2 = j(e2, t2))), n2;
 }
-function $(e2, t2) {
+function j(e2, t2) {
   let n2 = e2;
   if (null != e2 && t2) for (let i2 = 0; i2 < t2.length; i2++) {
     const o2 = t2[i2].value, a2 = t2[i2].label ? t2[i2].label : t2[i2].name;
@@ -151,7 +156,7 @@ function $(e2, t2) {
   }
   return n2;
 }
-function A(e2, t2, n2) {
+function O(e2, t2, n2) {
   e2.initInfo || (e2.initInfo = {}), e2.initInfo[t2] = n2;
 }
 export {

package/dist/es/components/runtime/utils/events/standard-event.js

@@ -441,7 +441,7 @@ function q(e2, t2, s2, n2, o2, a2) {
   return $(e2, t2, s2, n2, o2, a2, null, null);
 }
 function H(t2, s2, n2, o2, a2) {
-  const i2 = J(t2, s2, a2);
+  const i2 = G(t2, s2, a2);
   if (i2 && "list" === i2) !function(t3, s3, n3, o3) {
     let a3 = s3.props.base.successOperation;
     const i3 = s3.props.base.isNeedValueMapping, r2 = h(t3, s3);
@@ -462,25 +462,25 @@ function H(t2, s2, n2, o2, a2) {
       const n4 = s3;
       let o3;
       o3 = n4.entity ? n4.entity : n4, n4.formNo && (e2.initFormNo = n4.formNo);
-      G(e2, t3, { ...o3, ...e2.entity.page });
+      J(e2, t3, { ...o3, ...e2.entity.page });
     } else {
       const s4 = t3.props.base.successOperation;
       if (s4 && null !== s4) {
-        G(e2, t3, { ...e2.entity.page });
+        J(e2, t3, { ...e2.entity.page });
       } else e2.canClick = true;
     }
     n3 && l({ message: u().t(n3), type: "success", showClose: true });
   }(t2, s2, n2, o2);
   else {
     const e2 = s2.props.base.successOperation;
-    e2 && null !== e2 ? G(t2, s2, null) : t2.canClick = true;
+    e2 && null !== e2 ? J(t2, s2, null) : t2.canClick = true;
   }
 }
-function J(e2, t2, s2) {
+function G(e2, t2, s2) {
   let n2;
   return void 0 === s2 ? n2 = t2.props.base.tableUuid ? "list" : null : false === s2 && (n2 = "form"), n2 || (n2 = e2.pageType), n2;
 }
-function G(e2, t2, s2) {
+function J(e2, t2, s2) {
   const n2 = t2.props.base.successOperation;
   if (!n2 || null === n2) return;
   const o2 = t2.props.base.isNeedValueMapping;
@@ -516,7 +516,7 @@ function X(e2, t2, s2, n2) {
   t2 && !t2.props.base && (t2.props.base = {});
   let o2 = n2;
   o2 || (o2 = s2 ? "refresh" : (_a = t2.props.base) == null ? void 0 : _a.successOperation);
-  const a2 = J(e2, t2);
+  const a2 = G(e2, t2);
   if (a2 && "list" === a2 && !o2 && (o2 = "refresh"), "refresh" === o2) {
     if (a2 && "list" === a2) {
       const s3 = h(e2, t2);
@@ -902,7 +902,7 @@ function we(e2, t2, s2, n2, o2) {
     if (e3.processState && "SUBMIT" === e3.processState && "WAIT_TRANSACT" === e3.active && "COUNTERSIGN" === e3.processingMode && e3.showButtonDelCounter) return true;
     return false;
   }(t2) : "retrieveTask" === e2 ? a2 = function(e3) {
-    if (e3.processState && "SUBMIT" === e3.processState && function(e4) {
+    if (e3.processState && "SUBMIT" === e3.processState && true === e3.showButtonGetBack && function(e4) {
       if ("COMPLETED" !== e4.active) return false;
       if ("TYPE_READ" === e4.processingMode) return false;
       if (!e4.showButtonGetBack) return false;

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

@@ -1,18 +1,18 @@
 import { defineComponent as e, ref as t, computed as l, onMounted as o, nextTick as n, resolveComponent as a, createBlock as u, openBlock as i, normalizeStyle as r, normalizeClass as s, unref as p, withCtx as c, createVNode as f, createElementBlock as g, Fragment as v, renderList as d, createCommentVNode as m, toDisplayString as h } from "vue";
-import { setVariableValue as y, getVariableValue as x, getOptionDatasFromPage as C, monitorFieldChange as b, autoSetAfterSelect as k, queryOptionDatasources as R } from "../../../../utils/page-helper-util.js";
-import { getFormModelFields as _ } from "../../../../utils/page-init-util.js";
-import { handleFormEvent as j, handleAfterInitEvent as S } from "../../../../utils/events/event-util.js";
-import { $t as q } from "../../../../utils/i18n-util.js";
-import { addRequiredClassUtil as I } from "../../../../utils/common-util.js";
+import { setVariableValue as y, getVariableValue as x, getOptionDatasFromPage as b, monitorFieldChange as C, autoSetAfterSelect as k, queryOptionDatasources as S } from "../../../../utils/page-helper-util.js";
+import { getFormModelFields as j } from "../../../../utils/page-init-util.js";
+import { handleFormEvent as R, handleAfterInitEvent as _ } from "../../../../utils/events/event-util.js";
+import { $t as I } from "../../../../utils/i18n-util.js";
+import { addRequiredClassUtil as q } from "../../../../utils/common-util.js";
 const V = e({ __name: "checkbox-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: V2 }) {
   const w = e2, z = t(null), D = w.pageContext.entity ? w.pageContext.entity : {};
-  let O = _(w.pageContext, w.configure);
-  const A = l({ get() {
-    let e3 = x(D, O);
+  let E = j(w.pageContext, w.configure);
+  const O = l({ get() {
+    let e3 = x(D, E);
     return e3 && "string" == typeof e3 && (e3 = e3.split(",")), e3;
   }, set(e3) {
-    e3 && e3.length > 0 && (e3 = e3.join(",")), y(D, O, e3), null != e3 && (z.value = "");
-  } }), M = w.configure.runtime ? w.configure.runtime : {}, P = M.style, E = M.class, F = M.headerStyle, T = M.titleExceedStyle, U = t(M.props ? M.props : {}), W = t(U.value.options ? U.value.options : []), B = C(w.pageContext, w.configure);
+    e3 && e3.length > 0 && (e3 = e3.join(",")), y(D, E, e3), null != e3 && (z.value = "");
+  } }), A = w.configure.runtime ? w.configure.runtime : {}, M = A.style, P = A.class, T = A.headerStyle, F = A.titleExceedStyle, U = t(A.props ? A.props : {}), W = t(U.value.options ? U.value.options : []), B = b(w.pageContext, w.configure);
   B.length > 0 && (W.value = B);
   const G = w.configure.props && w.configure.props.dataOrigin ? w.configure.props.dataOrigin : {}, H = G.optionValueSetType;
   let J = [];
@@ -22,27 +22,41 @@ const V = e({ __name: "checkbox-runtime", props: { pageContext: {}, configure: {
       let t2 = null;
       W.value && null != e3 && null != e3 && (t2 = W.value.filter((t3) => Array.isArray(e3) ? e3.includes(t3.value) : e3 === t3.value)), k(w.configure, w.pageContext, J, t2);
     }
-    j(e3, w.pageContext, w.configure, "change");
+    R(e3, w.pageContext, w.configure, "change");
   };
   const K = U.value.optionconfigInfo ? U.value.optionconfigInfo : {};
   const L = U.value.monitorFields;
-  b(w.pageContext, L, function() {
-    R(w.pageContext, K, void 0).then((e3) => {
+  C(w.pageContext, L, function() {
+    S(w.pageContext, K, void 0).then((e3) => {
     });
   });
   const N = t(null), Q = t(null), X = t(null);
   return o(() => {
     n(() => {
-      const e3 = A.value;
-      S(e3, w.pageContext, w.configure, { formItemRef: N.value, componentRef: Q.value, titleRef: X.value, value: e3, entity: w.pageContext.entity.data, pageData: w.pageContext.entity.page });
+      const e3 = O.value;
+      _(e3, w.pageContext, w.configure, { formItemRef: N.value, componentRef: Q.value, titleRef: X.value, value: e3, entity: w.pageContext.entity.data, pageData: w.pageContext.entity.page });
     });
   }), V2({ updateOptions: function(e3) {
     W.value = e3 || [];
   }, addRequiredClass: function() {
-    z.value = I();
+    z.value = q();
+  }, getSelectItemsTitle: function() {
+    const e3 = function() {
+      let e4 = x(D, E);
+      return null != e4 && (e4 = String(e4)), e4;
+    }();
+    if (null != e3 && "" !== e3 && e3.length > 0) {
+      let t2 = "";
+      const l2 = e3.split(",");
+      return W.value.length > 0 ? (W.value.forEach((e4) => {
+        l2.forEach((l3) => {
+          e4.value === l3 && (t2 = t2 + e4.label + ",");
+        });
+      }), t2 = t2.slice(0, t2.length - 1)) : t2 = e3.join(","), t2;
+    }
   } }), (e3, t2) => {
     const l2 = a("el-checkbox"), o2 = a("el-checkbox-group"), n2 = a("el-form-item");
-    return i(), u(n2, { ref_key: "formItemRef", ref: N, class: s(p(E) + (z.value ? " " + z.value : "")), required: !!U.value.required, "label-width": U.value.labelWidth, style: r(p(P)) }, { label: c(() => [U.value.tittleShow ? (i(), g("div", { key: 0, ref_key: "titleRef", ref: X, style: r({ ...p(F), ...p(T) }) }, h(p(q)(U.value.title)), 5)) : m("", true)]), default: c(() => [f(o2, { ref_key: "componentRef", ref: Q, disabled: "disabled" === U.value.state, size: U.value.size, onChange: U.value.changeMethod, modelValue: A.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => A.value = e4) }, { default: c(() => [(i(true), g(v, null, d(W.value, (t3) => (i(), u(l2, { key: t3.value, value: t3.value, label: t3.label, onClick: (l3) => p(j)(t3.value, e3.pageContext, e3.configure, "click", { values: A.value }) }, null, 8, ["value", "label", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "onChange", "modelValue"])]), _: 1 }, 8, ["class", "required", "label-width", "style"]);
+    return i(), u(n2, { ref_key: "formItemRef", ref: N, class: s(p(P) + (z.value ? " " + z.value : "")), required: !!U.value.required, "label-width": U.value.labelWidth, style: r(p(M)) }, { label: c(() => [U.value.tittleShow ? (i(), g("div", { key: 0, ref_key: "titleRef", ref: X, style: r({ ...p(T), ...p(F) }) }, h(p(I)(U.value.title)), 5)) : m("", true)]), default: c(() => [f(o2, { ref_key: "componentRef", ref: Q, disabled: "disabled" === U.value.state, size: U.value.size, onChange: U.value.changeMethod, modelValue: O.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => O.value = e4) }, { default: c(() => [(i(true), g(v, null, d(W.value, (t3) => (i(), u(l2, { key: t3.value, value: t3.value, label: t3.label, onClick: (l3) => p(R)(t3.value, e3.pageContext, e3.configure, "click", { values: O.value }) }, null, 8, ["value", "label", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "onChange", "modelValue"])]), _: 1 }, 8, ["class", "required", "label-width", "style"]);
   };
 } });
 export {

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

@@ -1,18 +1,18 @@
-import { defineComponent as e, ref as t, computed as l, watch as o, onUnmounted as n, onMounted as a, nextTick as u, resolveComponent as i, createBlock as r, openBlock as s, normalizeStyle as p, normalizeClass as f, unref as c, withCtx as g, createVNode as d, createElementBlock as v, Fragment as m, renderList as h, createTextVNode as y, toDisplayString as C, createCommentVNode as b } from "vue";
-import { setVariableValue as x, getVariableValue as k, getOptionDatasFromPage as _, autoSetAfterSelect as R, queryOptionDatasources as S } from "../../../../utils/page-helper-util.js";
+import { defineComponent as e, ref as t, computed as l, watch as o, onUnmounted as n, onMounted as u, nextTick as a, resolveComponent as i, createBlock as r, openBlock as s, normalizeStyle as f, normalizeClass as p, unref as c, withCtx as g, createVNode as v, createElementBlock as d, Fragment as m, renderList as h, createTextVNode as y, toDisplayString as b, createCommentVNode as C } from "vue";
+import { setVariableValue as x, getVariableValue as k, getOptionDatasFromPage as _, autoSetAfterSelect as S, queryOptionDatasources as R } from "../../../../utils/page-helper-util.js";
 import { getFormModelFields as j } from "../../../../utils/page-init-util.js";
-import { handleFormEvent as T, handleAfterInitEvent as q } from "../../../../utils/events/event-util.js";
-import { $t as I } from "../../../../utils/i18n-util.js";
+import { handleFormEvent as T, handleAfterInitEvent as I } from "../../../../utils/events/event-util.js";
+import { $t as q } from "../../../../utils/i18n-util.js";
 import { addRequiredClassUtil as V } from "../../../../utils/common-util.js";
 const w = e({ __name: "radio-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: w2 }) {
   const z = e2, O = t(null), D = z.pageContext.entity ? z.pageContext.entity : {};
-  let M = j(z.pageContext, z.configure);
-  const P = l({ get() {
-    let e3 = k(D, M);
+  let E = j(z.pageContext, z.configure);
+  const M = l({ get() {
+    let e3 = k(D, E);
     return null != e3 && (e3 += ""), e3;
   }, set(e3) {
-    x(D, M, e3), null != e3 && (O.value = "");
-  } }), W = z.configure.runtime ? z.configure.runtime : {}, E = W.style, F = W.class, U = W.headerStyle, $ = W.titleExceedStyle, A = t(W.props ? W.props : {}), B = t(A.value.options ? A.value.options : []), G = _(z.pageContext, z.configure);
+    x(D, E, e3), null != e3 && (O.value = "");
+  } }), P = z.configure.runtime ? z.configure.runtime : {}, W = P.style, F = P.class, U = P.headerStyle, $ = P.titleExceedStyle, A = t(P.props ? P.props : {}), B = t(A.value.options ? A.value.options : []), G = _(z.pageContext, z.configure);
   G.length > 0 && (B.value = G);
   const H = z.configure.props && z.configure.props.dataOrigin ? z.configure.props.dataOrigin : {}, J = H.optionValueSetType;
   let K = [];
@@ -20,7 +20,7 @@ const w = e({ __name: "radio-runtime", props: { pageContext: {}, configure: {} }
   z.configure && z.configure.props && z.configure.props.base && z.configure.props.base.optionProp && K.push({ source: "label", target: z.configure.props.base.optionProp }), A.value.changeMethod = function(e3) {
     if (K.length > 0) {
       let t2 = null;
-      B.value && null != e3 && null != e3 && (t2 = B.value.filter((t3) => e3 === t3.value)), R(z.configure, z.pageContext, K, t2);
+      B.value && null != e3 && null != e3 && (t2 = B.value.filter((t3) => e3 === t3.value)), S(z.configure, z.pageContext, K, t2);
     }
     T(e3, z.pageContext, z.configure, "change");
   };
@@ -46,7 +46,7 @@ const w = e({ __name: "radio-runtime", props: { pageContext: {}, configure: {} }
   function ee() {
     Y && clearTimeout(Y), Y = setTimeout(function() {
       const e3 = Q();
-      e3 != X && (X = e3, S(z.pageContext, Z, void 0).then((e4) => {
+      e3 != X && (X = e3, R(z.pageContext, Z, void 0).then((e4) => {
       }));
     }, 200);
   }
@@ -54,18 +54,27 @@ const w = e({ __name: "radio-runtime", props: { pageContext: {}, configure: {} }
     Y && clearTimeout(Y);
   });
   const te = t(null), le = t(null), oe = t(null);
-  return a(() => {
-    u(() => {
-      const e3 = P.value;
-      q(e3, z.pageContext, z.configure, { formItemRef: te.value, componentRef: le.value, titleRef: oe.value, value: e3, entity: z.pageContext.entity.data, pageData: z.pageContext.entity.page });
+  return u(() => {
+    a(() => {
+      const e3 = M.value;
+      I(e3, z.pageContext, z.configure, { formItemRef: te.value, componentRef: le.value, titleRef: oe.value, value: e3, entity: z.pageContext.entity.data, pageData: z.pageContext.entity.page });
     });
   }), w2({ updateOptions: function(e3) {
     B.value = e3 || [];
   }, addRequiredClass: function() {
     O.value = V();
+  }, getSelectItemsTitle: function() {
+    let e3 = k(D, E);
+    if (null == e3) return "";
+    if (e3 = String(e3), null != e3 && "" !== e3 && e3.length > 0) {
+      let t2 = "";
+      return B.value.length > 0 ? (B.value.forEach((l2) => {
+        l2.value === e3 && (t2 = t2 + l2.label + ",");
+      }), t2 = t2.slice(0, t2.length - 1)) : t2 = e3.join(","), t2;
+    }
   } }), (e3, t2) => {
     const l2 = i("el-radio"), o2 = i("el-radio-group"), n2 = i("el-form-item");
-    return s(), r(n2, { ref_key: "formItemRef", ref: te, required: A.value.required, class: f(c(F) + (O.value ? " " + O.value : "")), "label-width": A.value.labelWidth, style: p(c(E)) }, { label: g(() => [A.value.tittleShow ? (s(), v("div", { key: 0, ref_key: "titleRef", ref: oe, style: p({ ...c(U), ...c($) }) }, C(c(I)(A.value.title)), 5)) : b("", true)]), default: g(() => [d(o2, { ref_key: "componentRef", ref: le, disabled: "disabled" === A.value.state, size: A.value.size, onChange: A.value.changeMethod, modelValue: P.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => P.value = e4) }, { default: g(() => [(s(true), v(m, null, h(B.value, (t3) => (s(), r(l2, { key: t3.value, label: t3.value, onClick: (l3) => c(T)(t3.value, e3.pageContext, e3.configure, "click", { values: P.value }) }, { default: g(() => [y(C(t3.label), 1)]), _: 2 }, 1032, ["label", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "onChange", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+    return s(), r(n2, { ref_key: "formItemRef", ref: te, required: A.value.required, class: p(c(F) + (O.value ? " " + O.value : "")), "label-width": A.value.labelWidth, style: f(c(W)) }, { label: g(() => [A.value.tittleShow ? (s(), d("div", { key: 0, ref_key: "titleRef", ref: oe, style: f({ ...c(U), ...c($) }) }, b(c(q)(A.value.title)), 5)) : C("", true)]), default: g(() => [v(o2, { ref_key: "componentRef", ref: le, disabled: "disabled" === A.value.state, size: A.value.size, onChange: A.value.changeMethod, modelValue: M.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => M.value = e4) }, { default: g(() => [(s(true), d(m, null, h(B.value, (t3) => (s(), r(l2, { key: t3.value, label: t3.value, onClick: (l3) => c(T)(t3.value, e3.pageContext, e3.configure, "click", { values: M.value }) }, { default: g(() => [y(b(t3.label), 1)]), _: 2 }, 1032, ["label", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "onChange", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
   };
 } });
 export {

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

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

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

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

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

@@ -3,11 +3,11 @@ import { setVariableValue as _, getOptionDatasFromPage as w, queryOptionDatasour
 import { getFormModelFields as j } from "../../../../utils/page-init-util.js";
 import { handleFormEvent as A, handleAfterInitEvent as R } from "../../../../utils/events/event-util.js";
 import V from "../common/title-suffix-element.vue.js";
-import { $t as M } from "../../../../utils/i18n-util.js";
-import { addRequiredClassUtil as q } from "../../../../utils/common-util.js";
-import { CopyDocument as z } from "@element-plus/icons-vue";
-import E from "clipboard";
-import { ElMessage as I } from "element-plus";
+import { $t as I } from "../../../../utils/i18n-util.js";
+import { addRequiredClassUtil as M } from "../../../../utils/common-util.js";
+import { CopyDocument as q } from "@element-plus/icons-vue";
+import z from "clipboard";
+import { ElMessage as E } from "element-plus";
 import { useI18n as P } from "vue-i18n";
 const D = { style: { "padding-left": "5px" } }, O = { style: { float: "left" } }, W = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, B = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: B2 }) {
   const { t: F } = P(), U = e2, $ = t(null), G = U.pageContext.entity ? U.pageContext.entity : {};
@@ -83,24 +83,25 @@ const D = { style: { "padding-left": "5px" } }, O = { style: { float: "left" } }
     fe && clearTimeout(fe);
   });
   const ge = t(null), me = t(null), de = t(null);
+  function he() {
+    const e3 = ee();
+    if (null != e3 && "" !== e3 && e3.length > 0) {
+      let t2 = "";
+      return "string" == typeof e3 ? le.value.length > 0 ? le.value.forEach((l2) => {
+        l2.value === e3 && (t2 = l2.label);
+      }) : t2 = e3 : le.value.length > 0 ? (le.value.forEach((l2) => {
+        e3.forEach((e4) => {
+          l2.value === e4 && (t2 = t2 + l2.label + ",");
+        });
+      }), t2 = t2.slice(0, t2.length - 1)) : t2 = e3.join(","), t2;
+    }
+  }
   return u(() => {
-    const e3 = new E("#" + Z, { text: function() {
-      return function() {
-        const e4 = ee();
-        if (null != e4 && "" !== e4 && e4.length > 0) {
-          let t2 = "";
-          return "string" == typeof e4 ? le.value.length > 0 ? le.value.forEach((l2) => {
-            l2.value === e4 && (t2 = l2.label);
-          }) : t2 = e4 : le.value.length > 0 ? (le.value.forEach((l2) => {
-            e4.forEach((e5) => {
-              l2.value === e5 && (t2 = t2 + l2.label + ",");
-            });
-          }), t2 = t2.slice(0, t2.length - 1)) : t2 = e4.join(","), t2;
-        }
-      }();
+    const e3 = new z("#" + Z, { text: function() {
+      return he();
     } });
     e3.on("success", () => {
-      I({ showClose: true, type: "success", message: F("superPageRuntimeMessage.copySuccess") });
+      E({ showClose: true, type: "success", message: F("superPageRuntimeMessage.copySuccess") });
     }), e3.on("error", (e4) => {
     }), n(() => {
       const e4 = te.value;
@@ -109,10 +110,10 @@ const D = { style: { "padding-left": "5px" } }, O = { style: { float: "left" } }
   }), B2({ updateOptions: function(e3) {
     le.value = e3 || [];
   }, addRequiredClass: function() {
-    $.value = q();
-  } }), (e3, t2) => {
+    $.value = M();
+  }, getSelectItemsTitle: he }), (e3, t2) => {
     const l2 = r("el-icon"), o2 = r("el-option"), a2 = r("el-select"), u2 = r("el-popover"), n2 = r("el-form-item");
-    return s(), i(n2, { ref_key: "formItemRef", ref: ge, required: !!X.value.required, class: c(f(L) + ($.value ? " " + $.value : "")), "label-width": X.value.labelWidth, style: p(f(K)) }, { label: v(() => [X.value.tittleShow ? (s(), d("div", { key: 0, ref_key: "titleRef", ref: de, style: p({ ...f(N), ...f(Q) }) }, [X.value.prefixType ? (s(), i(V, { key: 0, pageContext: e3.pageContext, property: X.value }, null, 8, ["pageContext", "property"])) : (s(), d(h, { key: 1 }, [C(b(f(M)(X.value.title)), 1)], 64))], 4)) : x("", true)]), default: v(() => [g(u2, { placement: "top", trigger: "hover" }, { reference: v(() => [g(a2, { ref_key: "componentRef", ref: me, style: { width: "100%" }, disabled: "disabled" === X.value.state, size: X.value.size, clearable: X.value.clearable, multiple: X.value.multiple, "collapse-tags": X.value.collapseTags, "collapse-tags-tooltip": X.value.collapseTagsTooltip, filterable: X.value.filterable, "allow-create": X.value.allowCreate, placeholder: X.value.placeholder, "remote-show-suffix": X.value.remoteShowSuffix, remote: X.value.remote, "remote-method": X.value.remoteMethod, loading: ae.value, onChange: X.value.changeMethod, modelValue: te.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => te.value = e4) }, { default: v(() => [(s(true), d(h, null, y(le.value, (t3) => (s(), i(o2, { key: t3.value, label: t3.label, value: t3.value, onClick: (l3) => f(A)(t3.value, e3.pageContext, e3.configure, "click", { values: te.value }) }, { default: v(() => [t3._description_ ? (s(), d(h, { key: 0 }, [m("span", O, b(t3.label), 1), m("span", W, b(t3._description_), 1)], 64)) : x("", true)]), _: 2 }, 1032, ["label", "value", "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", "modelValue"])]), default: v(() => [m("span", D, [g(l2, { id: Z }, { default: v(() => [g(f(z))]), _: 1 })])]), _: 1 })]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+    return s(), i(n2, { ref_key: "formItemRef", ref: ge, required: !!X.value.required, class: c(f(L) + ($.value ? " " + $.value : "")), "label-width": X.value.labelWidth, style: p(f(K)) }, { label: v(() => [X.value.tittleShow ? (s(), d("div", { key: 0, ref_key: "titleRef", ref: de, style: p({ ...f(N), ...f(Q) }) }, [X.value.prefixType ? (s(), i(V, { key: 0, pageContext: e3.pageContext, property: X.value }, null, 8, ["pageContext", "property"])) : (s(), d(h, { key: 1 }, [C(b(f(I)(X.value.title)), 1)], 64))], 4)) : x("", true)]), default: v(() => [g(u2, { placement: "top", trigger: "hover" }, { reference: v(() => [g(a2, { ref_key: "componentRef", ref: me, style: { width: "100%" }, disabled: "disabled" === X.value.state, size: X.value.size, clearable: X.value.clearable, multiple: X.value.multiple, "collapse-tags": X.value.collapseTags, "collapse-tags-tooltip": X.value.collapseTagsTooltip, filterable: X.value.filterable, "allow-create": X.value.allowCreate, placeholder: X.value.placeholder, "remote-show-suffix": X.value.remoteShowSuffix, remote: X.value.remote, "remote-method": X.value.remoteMethod, loading: ae.value, onChange: X.value.changeMethod, modelValue: te.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => te.value = e4) }, { default: v(() => [(s(true), d(h, null, y(le.value, (t3) => (s(), i(o2, { key: t3.value, label: t3.label, value: t3.value, onClick: (l3) => f(A)(t3.value, e3.pageContext, e3.configure, "click", { values: te.value }) }, { default: v(() => [t3._description_ ? (s(), d(h, { key: 0 }, [m("span", O, b(t3.label), 1), m("span", W, b(t3._description_), 1)], 64)) : x("", true)]), _: 2 }, 1032, ["label", "value", "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", "modelValue"])]), default: v(() => [m("span", D, [g(l2, { id: Z }, { default: v(() => [g(f(q))]), _: 1 })])]), _: 1 })]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
   };
 } });
 export {

package/dist/es/style.css

@@ -1,4 +1,4 @@
-.amb-super-page-runtime-dialog-view .el-dialog__body iframe,
+@charset "UTF-8";.amb-super-page-runtime-dialog-view .el-dialog__body iframe,
 .amb-super-page-runtime-dialog-view .el-dialog__body .amb-super-page-runtime-dialog-iframe {
   width: calc(100% + var(--el-dialog-padding-primary, 16px) * 2);
   height: calc(100vh - 40px - var(--el-dialog-padding-primary, 16px) * 1);
@@ -524,8 +524,266 @@
 }
 .amb-widget-tools-parent[data-v-03be39c3] .amb-widget-container-tool > .el-form-item {
   margin-bottom: 0;
-}[data-v-aae764b5] .el-form-item__content {
+}
+[data-v-ac12ddeb] .el-form-item__content {
   height: 100% !important;
+}
+[data-v-ac12ddeb] .ql-toolbar.ql-snow {
+  line-height: 24px;
+}
+[data-v-ac12ddeb] .ql-toolbar.ql-snow .ql-formats {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+}
+[data-v-ac12ddeb] .ql-toolbar.ql-snow button[data-tooltip],[data-v-ac12ddeb] .ql-toolbar.ql-snow .ql-picker-label[data-tooltip] {
+  position: relative;
+}
+[data-v-ac12ddeb] .ql-toolbar.ql-snow button[data-tooltip]::after,[data-v-ac12ddeb] .ql-toolbar.ql-snow .ql-picker-label[data-tooltip]::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  bottom: calc(100% + 5px);
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 4px 8px;
+  background: #303133;
+  color: #fff;
+  font-size: 12px;
+  white-space: nowrap;
+  border-radius: 4px;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.15s, visibility 0.15s;
+  z-index: 9999;
+  pointer-events: none;
+}
+[data-v-ac12ddeb] .ql-toolbar.ql-snow button[data-tooltip]:hover::after,[data-v-ac12ddeb] .ql-toolbar.ql-snow .ql-picker-label[data-tooltip]:hover::after {
+  opacity: 1;
+  visibility: visible;
+}
+[data-v-ac12ddeb] .ql-container.ql-snow .ql-editor::selection {
+  background: #b4d5fe;
+}
+[data-v-ac12ddeb] .ql-container.ql-snow .ql-editor *::selection {
+  background: #b4d5fe;
+}
+[data-v-ac12ddeb] .ql-editor {
+  white-space: pre-wrap;
+}
+[data-v-ac12ddeb] .ql-editor:not(:focus)::selection,[data-v-ac12ddeb] .ql-editor:not(:focus) *::selection {
+  background: #b4d5fe !important;
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item::before {
+  content: "默认";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
+  content: "12px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
+  content: "14px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
+  content: "16px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
+  content: "18px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
+  content: "20px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
+  content: "24px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before {
+  content: "28px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
+  content: "32px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before {
+  content: "36px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="48px"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="48px"]::before {
+  content: "48px";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item::before {
+  content: "默认字体";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Source Han Sans CN"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Source Han Sans CN"]::before {
+  content: "思源黑体";
+  font-family: "Source Han Sans CN";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]::before {
+  content: "宋体";
+  font-family: "SimSun";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]::before {
+  content: "黑体";
+  font-family: "SimHei";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Microsoft YaHei"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Microsoft YaHei"]::before {
+  content: "微软雅黑";
+  font-family: "Microsoft YaHei";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]::before {
+  content: "楷体";
+  font-family: "KaiTi";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]::before {
+  content: "仿宋";
+  font-family: "FangSong";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before {
+  content: "Arial";
+  font-family: "Arial";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Times New Roman"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Times New Roman"]::before {
+  content: "Times New Roman";
+  font-family: "Times New Roman";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Verdana]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Verdana]::before {
+  content: "Verdana";
+  font-family: "Verdana";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Georgia]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Georgia]::before {
+  content: "Georgia";
+  font-family: "Georgia";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Courier New"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Courier New"]::before {
+  content: "Courier New";
+  font-family: "Courier New";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-label::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-item::before {
+  content: "正文";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+  content: "标题1";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+  content: "标题2";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+  content: "标题3";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+  content: "标题4";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+  content: "标题5";
+}
+[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,[data-v-ac12ddeb] .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+  content: "标题6";
+}
+.richtext-wrapper[data-v-ac12ddeb] {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.richtext-wrapper.is-fullscreen[data-v-ac12ddeb] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 9999;
+  background: #fff;
+  padding: 20px;
+  box-sizing: border-box;
+}
+.richtext-wrapper.is-fullscreen[data-v-ac12ddeb] .ql-container {
+  height: calc(100% - 82px) !important;
+}
+.toolbar-right-btns[data-v-ac12ddeb] {
+  position: absolute;
+  top: 5px;
+  right: 10px;
+  z-index: 10;
+  display: flex;
+  gap: 4px;
+}
+.toolbar-btn[data-v-ac12ddeb] {
+  width: 28px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  border-radius: 4px;
+  color: #666;
+}
+.toolbar-btn[data-v-ac12ddeb]:hover {
+  background: #e0e0e0;
+  color: #333;
+}
+.richtext-statusbar[data-v-ac12ddeb] {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 24px;
+  background: #f5f5f5;
+  border: 1px solid #ccc;
+  border-top: none;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0 10px;
+  font-size: 12px;
+  color: #666;
+}
+.richtext-statusbar .word-count[data-v-ac12ddeb] {
+  margin-left: 15px;
+}
+.upload-loading[data-v-ac12ddeb] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(255, 255, 255, 0.8);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  z-index: 100;
+}
+.upload-loading .loading-spinner[data-v-ac12ddeb] {
+  width: 32px;
+  height: 32px;
+  border: 3px solid #f3f3f3;
+  border-top: 3px solid #409eff;
+  border-radius: 50%;
+  animation: spin-ac12ddeb 1s linear infinite;
+  margin-bottom: 8px;
+}
+.upload-loading span[data-v-ac12ddeb] {
+  color: #666;
+  font-size: 14px;
+}
+@keyframes spin-ac12ddeb {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}.richtext-preview-dialog .el-dialog__body {
+  max-height: 70vh;
+  overflow-y: auto;
+}
+.richtext-preview-dialog .richtext-preview-content {
+  padding: 15px;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  background: #fff;
+  min-height: 200px;
+  white-space: pre-wrap;
+}
+.richtext-preview-dialog .richtext-preview-content img {
+  max-width: 100%;
+  height: auto;
 }.el-form-item[data-v-96fc65d8] {
   margin-bottom: 0px;
 }.amb-button-group-main[data-v-9d55ce0b] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-runtime",
-  "version": "2.3.16-sit3",
+  "version": "2.3.17-sit1",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -49,7 +49,7 @@
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/test-utils": "^2.4.4",
-    "agilebuilder-ui": "1.1.58-sit6",
+    "agilebuilder-ui": "1.1.59-sit2",
     "axios": "^1.6.8",
     "cypress": "^13.6.6",
     "element-plus": "^2.6.1",