super-page-runtime 2.2.21 → 2.2.23

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

@@ -5,9 +5,9 @@ import w from "quill";
 import "quill/dist/quill.snow.css";
 import { handleAfterInitEvent as k, handleFormEvent as q } from "../../../../utils/events/event-util.js";
 import T from "agilebuilder-ui/src/utils/request";
-import { $t as j } from "../../../../utils/i18n-util.js";
-import { getToken as E } from "agilebuilder-ui/src/utils/auth";
-import { getBaseUrl as L } from "../../../../utils/common-util.js";
+import { $t as E } from "../../../../utils/i18n-util.js";
+import { getToken as L } from "agilebuilder-ui/src/utils/auth";
+import { getBaseUrl as j } from "../../../../utils/common-util.js";
 const R = { style: { width: "100%", height: "100%" } }, S = e({ __name: "richtext-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
   const S2 = e2, _ = S2.pageContext.entity ? S2.pageContext.entity : {}, B = x(S2.pageContext, S2.configure), H = S2.configure.runtime ? S2.configure.runtime : {}, M = H.style, N = H.class, A = H.headerStyle, D = H.titleExceedStyle, F = t(H.props ? H.props : {});
   let U = F.value.value;
@@ -28,17 +28,25 @@ const R = { style: { width: "100%", height: "100%" } }, S = e({ __name: "richtex
     }
   });
   const P = t([]), Q = t(false), V = t(null), X = t(null), Y = t(null);
-  function Z(e3) {
+  let Z;
+  function $(e3) {
     var _a;
     null !== e3.relatedTarget && ((_a = z.value) == null ? void 0 : _a.contains(e3.relatedTarget)) || q(I.root.innerHTML, S2.pageContext, S2.configure, "change", { entity: _ });
   }
-  function $(e3) {
+  function ee(e3) {
+    if ("img" === e3.target.localName) {
+      P.value = [];
+      let t2 = e3.target.src;
+      P.value.push(t2), Q.value = true;
+    }
+  }
+  function te(e3) {
     const t2 = new FormData();
     t2.append("file", e3);
-    const l2 = S2.pageContext.backendUrl, n2 = L(l2, S2.pageContext.isTest);
+    const l2 = S2.pageContext.backendUrl, n2 = j(l2, S2.pageContext.isTest);
     return T.post(n2 + "/common/fs-upload/rich-editor-image", t2, { headers: { "Content-Type": "multipart/form-data" } });
   }
-  function ee(e3, t2) {
+  function le(e3, t2) {
     let l2 = e3.split(","), n2 = l2[0].match(/:(.*?);/)[1], i2 = atob(l2[1]), o2 = i2.length, r2 = new Uint8Array(o2);
     for (; o2--; ) r2[o2] = i2.charCodeAt(o2);
     return new File([r2], t2, { type: n2 });
@@ -47,33 +55,26 @@ const R = { style: { width: "100%", height: "100%" } }, S = e({ __name: "richtex
     var _a;
     I = new w(z.value, K.value);
     const e3 = I.clipboard.convertHTML(W);
-    I.setContents(e3.ops), (_a = z.value) == null ? void 0 : _a.addEventListener("focusout", Z), I.on("text-change", async function(e4, t2, l2) {
+    I.setContents(e3.ops), (_a = z.value) == null ? void 0 : _a.addEventListener("focusout", $), I.on("text-change", async function(e4, t2, l2) {
       if (e4.ops && e4.ops.length > 0) for (let t3 = 0; t3 < e4.ops.length; t3++) {
         const l3 = e4.ops[t3];
         if (l3.insert && l3.insert.image) {
           const e5 = l3.insert.image;
           if (!e5.startsWith("data:image")) return;
-          const t4 = ee(e5, "image.png");
-          await $(t4).then((t5) => {
+          const t4 = le(e5, "image.png");
+          await te(t4).then((t5) => {
             if (!I) return;
             const l4 = I.root.getElementsByTagName("img");
             if (l4 && l4.length > 0) for (let n2 = 0; n2 < l4.length; n2++) {
               const i2 = l4[n2];
-              i2.src === e5 && (i2.src = t5.url + "&jwt=" + E());
+              i2.src === e5 && (i2.src = t5.url + "&jwt=" + L());
             }
           }).catch((e6) => {
           });
         }
       }
       b(_, B, I.root.innerHTML);
-    });
-    I.container.addEventListener("click", function(e4) {
-      if ("img" === e4.target.localName) {
-        P.value = [];
-        let t2 = e4.target.src;
-        P.value.push(t2), Q.value = true;
-      }
-    }), function() {
+    }), Z = I.container, Z.addEventListener("click", ee), function() {
       if (I && I.container) {
         const e4 = I.container.parentNode.getBoundingClientRect(), t2 = I.container.getBoundingClientRect();
         let l2 = e4.height - (t2.top - e4.top);
@@ -84,10 +85,10 @@ const R = { style: { width: "100%", height: "100%" } }, S = e({ __name: "richtex
       k(e4, S2.pageContext, S2.configure, { formItemRef: V.value, componentRef: X.value, titleRef: Y.value, value: e4, entity: S2.pageContext.entity.data, pageData: S2.pageContext.entity.page });
     });
   }), o(() => {
-    z.value && z.value.removeEventListener("focusout", Z);
+    z.value && z.value.removeEventListener("focusout", $), Z && Z.removeEventListener("click", ee);
   }), (e3, t2) => {
     const l2 = r("el-form-item"), n2 = r("el-image-viewer");
-    return u(), a(s, null, [F.value.tittleShow ? (u(), c(l2, { key: 0, required: F.value.required, class: g(m(N)), "label-width": F.value.labelWidth, style: d(m(M)) }, { label: f(() => [F.value.tittleShow ? (u(), a("div", { key: 0, style: d({ ...m(A), ...m(D) }) }, h(m(j)(F.value.title)), 5)) : p("", true)]), default: f(() => [v("div", R, [v("div", { ref_key: "quillEditorRef", ref: z, style: { width: "100%" } }, null, 512)])]), _: 1 }, 8, ["required", "class", "label-width", "style"])) : p("", true), Q.value ? (u(), c(n2, { key: 1, "hide-on-click-modal": "", onClose: t2[0] || (t2[0] = () => {
+    return u(), a(s, null, [F.value.tittleShow ? (u(), c(l2, { key: 0, required: F.value.required, class: g(m(N)), "label-width": F.value.labelWidth, style: d(m(M)) }, { label: f(() => [F.value.tittleShow ? (u(), a("div", { key: 0, style: d({ ...m(A), ...m(D) }) }, h(m(E)(F.value.title)), 5)) : p("", true)]), default: f(() => [v("div", R, [v("div", { ref_key: "quillEditorRef", ref: z, style: { width: "100%" } }, null, 512)])]), _: 1 }, 8, ["required", "class", "label-width", "style"])) : p("", true), Q.value ? (u(), c(n2, { key: 1, "hide-on-click-modal": "", onClose: t2[0] || (t2[0] = () => {
       Q.value = false;
     }), "url-list": P.value }, null, 8, ["url-list"])) : p("", true)], 64);
   };

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

@@ -1,83 +1,86 @@
-import { defineComponent as e, ref as t, computed as l, watch as o, onMounted as a, nextTick as u, resolveComponent as n, createBlock as i, openBlock as r, normalizeStyle as s, normalizeClass as p, unref as f, withCtx as c, createVNode as v, createElementBlock as g, Fragment as m, renderList as d, createCommentVNode as h, createElementVNode as y, toDisplayString as x, createTextVNode as b } from "vue";
-import { setVariableValue as C, getVariableValue as _, getOptionDatasFromPage as k, queryOptionDatasources as w, autoSetAfterSelect as S } from "../../../../utils/page-helper-util.js";
-import { getFormModelFields as T } from "../../../../utils/page-init-util.js";
-import { handleFormEvent as j, handleAfterInitEvent as R } from "../../../../utils/events/event-util.js";
-import V from "../common/title-suffix-element.vue.js";
-import { $t as z } from "../../../../utils/i18n-util.js";
-const I = { style: { float: "left" } }, M = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, q = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: q2 }) {
-  const O = e2, P = O.pageContext.entity ? O.pageContext.entity : {};
-  let A = T(O.pageContext, O.configure);
-  const D = O.configure.runtime ? O.configure.runtime : {}, W = D.style, E = D.class, F = D.headerStyle, U = D.titleExceedStyle, $ = t(D.props ? D.props : {}), B = l({ get() {
-    let e3 = _(P, A);
-    return null != e3 && (e3 += ""), $.value.multiple && (e3 = e3 ? e3.split(",") : []), e3;
+import { defineComponent as e, ref as t, computed as l, watch as o, onUnmounted as a, onMounted as u, nextTick as n, resolveComponent as i, createBlock as r, openBlock as s, normalizeStyle as p, normalizeClass as f, unref as c, withCtx as v, createVNode as g, createElementBlock as m, Fragment as d, renderList as h, createCommentVNode as y, createElementVNode as x, toDisplayString as b, createTextVNode as C } from "vue";
+import { setVariableValue as _, getVariableValue as k, getOptionDatasFromPage as w, queryOptionDatasources as S, autoSetAfterSelect as T } from "../../../../utils/page-helper-util.js";
+import { getFormModelFields as j } from "../../../../utils/page-init-util.js";
+import { handleFormEvent as R, handleAfterInitEvent as V } from "../../../../utils/events/event-util.js";
+import z from "../common/title-suffix-element.vue.js";
+import { $t as I } from "../../../../utils/i18n-util.js";
+const M = { style: { float: "left" } }, q = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, O = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: O2 }) {
+  const P = e2, A = P.pageContext.entity ? P.pageContext.entity : {};
+  let D = j(P.pageContext, P.configure);
+  const W = P.configure.runtime ? P.configure.runtime : {}, E = W.style, F = W.class, U = W.headerStyle, $ = W.titleExceedStyle, B = t(W.props ? W.props : {}), G = l({ get() {
+    let e3 = k(A, D);
+    return null != e3 && (e3 += ""), B.value.multiple && (e3 = e3 ? e3.split(",") : []), e3;
   }, set(e3) {
-    $.value.multiple && e3 && e3.length > 0 && !$.value.arrayValue && (e3 = e3.join(",")), C(P, A, e3);
-  } }), G = t($.value.options ? $.value.options : []), H = k(O.pageContext, O.configure);
-  H.length > 0 && (G.value = H);
-  const J = t(false), K = O.configure.props && O.configure.props.dataOrigin ? O.configure.props.dataOrigin : {}, L = K.optionValueSetType;
-  let N = [];
-  const Q = $.value.optionconfigInfo ? $.value.optionconfigInfo : {};
-  if ("dynamicData" == L || "dataTable" == L || "service" == L) {
-    if ("remote" == K.filterType) {
+    B.value.multiple && e3 && e3.length > 0 && !B.value.arrayValue && (e3 = e3.join(",")), _(A, D, e3);
+  } }), H = t(B.value.options ? B.value.options : []), J = w(P.pageContext, P.configure);
+  J.length > 0 && (H.value = J);
+  const K = t(false), L = P.configure.props && P.configure.props.dataOrigin ? P.configure.props.dataOrigin : {}, N = L.optionValueSetType;
+  let Q = [];
+  const X = B.value.optionconfigInfo ? B.value.optionconfigInfo : {};
+  if ("dynamicData" == N || "dataTable" == N || "service" == N) {
+    if ("remote" == L.filterType) {
       let e3;
-      $.value.filterable = true, $.value.remote = true, $.value.remoteShowSuffix = true, $.value.remoteMethod = function(t2) {
-        e3 !== t2 && (e3 = t2, J.value = true, w(O.pageContext, Q, t2).then((e4) => {
-          J.value = false;
+      B.value.filterable = true, B.value.remote = true, B.value.remoteShowSuffix = true, B.value.remoteMethod = function(t2) {
+        e3 !== t2 && (e3 = t2, K.value = true, S(P.pageContext, X, t2).then((e4) => {
+          K.value = false;
         }).then((e4) => {
-          J.value = false;
+          K.value = false;
         }));
       };
     }
-    if (K.autoSets) for (let e3 of K.autoSets) e3.source && N.push(e3);
+    if (L.autoSets) for (let e3 of L.autoSets) e3.source && Q.push(e3);
   }
-  O.configure && O.configure.props && O.configure.props.base && O.configure.props.base.optionProp && N.push({ source: "label", target: O.configure.props.base.optionProp }), $.value.changeMethod = function(e3) {
+  P.configure && P.configure.props && P.configure.props.base && P.configure.props.base.optionProp && Q.push({ source: "label", target: P.configure.props.base.optionProp }), B.value.changeMethod = function(e3) {
     let t2, l2 = null;
-    G.value && null != e3 && null != e3 && (l2 = G.value.filter((t3) => Array.isArray(e3) ? e3.includes(t3.value) : e3 === t3.value));
-    N.length > 0 && S(O.configure, O.pageContext, N, l2);
+    H.value && null != e3 && null != e3 && (l2 = H.value.filter((t3) => Array.isArray(e3) ? e3.includes(t3.value) : e3 === t3.value));
+    Q.length > 0 && T(P.configure, P.pageContext, Q, l2);
     l2 && l2.length > 0 && (t2 = l2[0]);
     let o2 = {};
     t2 && (o2 = { extendParams: t2 });
-    j(e3, O.pageContext, O.configure, "change", o2);
+    R(e3, P.pageContext, P.configure, "change", o2);
   };
-  const X = $.value.monitorFields, Y = [];
-  if (X) {
+  const Y = B.value.monitorFields, Z = [];
+  if (Y) {
     const e3 = [];
-    for (let t2 of X) if (t2.startsWith("${")) {
+    for (let t2 of Y) if (t2.startsWith("${")) {
       t2 = t2.substring(2, t2.length - 1);
       const l2 = t2.split(".");
-      "page" !== l2[0] && "task" !== l2[0] && "data" !== l2[0] || (Y.push(l2), e3.includes(l2[0]) || e3.push(l2[0]));
+      "page" !== l2[0] && "task" !== l2[0] && "data" !== l2[0] || (Z.push(l2), e3.includes(l2[0]) || e3.push(l2[0]));
     }
-    for (let t2 of e3) o(P[t2], () => {
-      le();
+    for (let t2 of e3) o(A[t2], () => {
+      oe();
     });
   }
-  function Z() {
+  function ee() {
     let e3 = "";
-    for (let t2 of Y) e3 += "_" + _(P, t2);
+    for (let t2 of Z) e3 += "_" + k(A, t2);
     return e3;
   }
-  let ee = Z(), te = false;
-  function le() {
-    te && clearTimeout(te), te = setTimeout(function() {
-      const e3 = Z();
-      e3 != ee && (ee = e3, w(O.pageContext, Q, void 0).then((e4) => {
-        J.value = false;
+  let te = ee(), le = false;
+  function oe() {
+    le && clearTimeout(le), le = setTimeout(function() {
+      const e3 = ee();
+      e3 != te && (te = e3, S(P.pageContext, X, void 0).then((e4) => {
+        K.value = false;
       }));
     }, 200);
   }
-  const oe = t(null), ae = t(null), ue = t(null);
-  return a(() => {
-    u(() => {
-      const e3 = B.value;
-      R(e3, O.pageContext, O.configure, { formItemRef: oe.value, componentRef: ae.value, titleRef: ue.value, value: e3, entity: O.pageContext.entity.data, pageData: O.pageContext.entity.page });
+  a(() => {
+    le && clearTimeout(le);
+  });
+  const ae = t(null), ue = t(null), ne = t(null);
+  return u(() => {
+    n(() => {
+      const e3 = G.value;
+      V(e3, P.pageContext, P.configure, { formItemRef: ae.value, componentRef: ue.value, titleRef: ne.value, value: e3, entity: P.pageContext.entity.data, pageData: P.pageContext.entity.page });
     });
-  }), q2({ updateOptions: function(e3) {
-    G.value = e3 || [];
+  }), O2({ updateOptions: function(e3) {
+    H.value = e3 || [];
   } }), (e3, t2) => {
-    const l2 = n("el-option"), o2 = n("el-select"), a2 = n("el-form-item");
-    return r(), i(a2, { ref_key: "formItemRef", ref: oe, required: !!$.value.required, class: p(f(E)), "label-width": $.value.labelWidth, style: s(f(W)) }, { label: c(() => [$.value.tittleShow ? (r(), g("div", { key: 0, ref_key: "titleRef", ref: ue, style: s({ ...f(F), ...f(U) }) }, [$.value.prefixType ? (r(), i(V, { key: 0, pageContext: e3.pageContext, property: $.value }, null, 8, ["pageContext", "property"])) : (r(), g(m, { key: 1 }, [b(x(f(z)($.value.title)), 1)], 64))], 4)) : h("", true)]), default: c(() => [v(o2, { ref_key: "componentRef", ref: ae, style: { width: "100%" }, disabled: "disabled" === $.value.state, size: $.value.size, clearable: $.value.clearable, multiple: $.value.multiple, "collapse-tags": $.value.collapseTags, "collapse-tags-tooltip": $.value.collapseTagsTooltip, filterable: $.value.filterable, "allow-create": $.value.allowCreate, placeholder: $.value.placeholder, "remote-show-suffix": $.value.remoteShowSuffix, remote: $.value.remote, "remote-method": $.value.remoteMethod, loading: J.value, onChange: $.value.changeMethod, modelValue: B.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => B.value = e4) }, { default: c(() => [(r(true), g(m, null, d(G.value, (t3) => (r(), i(l2, { key: t3.value, label: t3.label, value: t3.value, onClick: (l3) => f(j)(t3.value, e3.pageContext, e3.configure, "click", { values: B.value }) }, { default: c(() => [t3._description_ ? (r(), g(m, { key: 0 }, [y("span", I, x(t3.label), 1), y("span", M, x(t3._description_), 1)], 64)) : h("", 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"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+    const l2 = i("el-option"), o2 = i("el-select"), a2 = i("el-form-item");
+    return s(), r(a2, { ref_key: "formItemRef", ref: ae, required: !!B.value.required, class: f(c(F)), "label-width": B.value.labelWidth, style: p(c(E)) }, { label: v(() => [B.value.tittleShow ? (s(), m("div", { key: 0, ref_key: "titleRef", ref: ne, style: p({ ...c(U), ...c($) }) }, [B.value.prefixType ? (s(), r(z, { key: 0, pageContext: e3.pageContext, property: B.value }, null, 8, ["pageContext", "property"])) : (s(), m(d, { key: 1 }, [C(b(c(I)(B.value.title)), 1)], 64))], 4)) : y("", true)]), default: v(() => [g(o2, { ref_key: "componentRef", ref: ue, style: { width: "100%" }, disabled: "disabled" === B.value.state, size: B.value.size, clearable: B.value.clearable, multiple: B.value.multiple, "collapse-tags": B.value.collapseTags, "collapse-tags-tooltip": B.value.collapseTagsTooltip, filterable: B.value.filterable, "allow-create": B.value.allowCreate, placeholder: B.value.placeholder, "remote-show-suffix": B.value.remoteShowSuffix, remote: B.value.remote, "remote-method": B.value.remoteMethod, loading: K.value, onChange: B.value.changeMethod, modelValue: G.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => G.value = e4) }, { default: v(() => [(s(true), m(d, null, h(H.value, (t3) => (s(), r(l2, { key: t3.value, label: t3.label, value: t3.value, onClick: (l3) => c(R)(t3.value, e3.pageContext, e3.configure, "click", { values: G.value }) }, { default: v(() => [t3._description_ ? (s(), m(d, { key: 0 }, [x("span", M, b(t3.label), 1), x("span", q, b(t3._description_), 1)], 64)) : y("", 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"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
   };
 } });
 export {
-  q as default
+  O as default
 };

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

@@ -1,140 +1,143 @@
-import { defineComponent as e, ref as o, computed as t, markRaw as n, onMounted as i, resolveDirective as s, withDirectives as r, createCommentVNode as u, unref as l, createBlock as p, openBlock as a, resolveDynamicComponent as c, normalizeClass as g, normalizeStyle as f, vShow as d, nextTick as m } from "vue";
-import v from "./error-render.vue.js";
-import { getRuntimeComponentByName as C } from "../../utils/assemblys-config.js";
-import { PageDimensions as b } from "../../utils/interfaces/page-design-types.js";
-import { addComponentRef as x, addComponentRefByCode as h } from "../../utils/global-refs.js";
-import { getPermissionCodes as y, packageFormRules as w, controlObjectRenderState as j } from "../../utils/page-init-util.js";
-import { caculateShowCondition as _, getFormPropName as N, getSizeConfig as P } from "../../utils/page-helper-util.js";
-import { isWorkflowPage as B, getPropClassName as L, isNumber as O } from "../../utils/common-util.js";
-import { isShowComponent as R } from "../../utils/events/event-util.js";
-import { usePageContextStore as S } from "../../utils/page-store.js";
-const M = e({ __name: "object-render", props: { pageContext: {}, configure: {} }, setup(e2) {
+import { defineComponent as e, ref as o, computed as t, markRaw as n, onMounted as i, onUnmounted as s, resolveDirective as r, withDirectives as u, createCommentVNode as l, unref as p, createBlock as a, openBlock as c, resolveDynamicComponent as g, normalizeClass as f, normalizeStyle as d, vShow as m, nextTick as v } from "vue";
+import C from "./error-render.vue.js";
+import { getRuntimeComponentByName as b } from "../../utils/assemblys-config.js";
+import { PageDimensions as x } from "../../utils/interfaces/page-design-types.js";
+import { addComponentRef as h, addComponentRefByCode as y } from "../../utils/global-refs.js";
+import { getPermissionCodes as w, packageFormRules as j, controlObjectRenderState as _ } from "../../utils/page-init-util.js";
+import { caculateShowCondition as N, getFormPropName as P, getSizeConfig as B } from "../../utils/page-helper-util.js";
+import { isWorkflowPage as L, getPropClassName as O, isNumber as R } from "../../utils/common-util.js";
+import { isShowComponent as S } from "../../utils/events/event-util.js";
+import { usePageContextStore as M } from "../../utils/page-store.js";
+const T = e({ __name: "object-render", props: { pageContext: {}, configure: {} }, setup(e2) {
   var _a, _b;
-  const M2 = e2;
-  null == M2.configure.style && (M2.configure.style = {});
-  const $ = y(M2.configure, M2.pageContext);
-  M2.configure && M2.configure.props && M2.configure.props.base && (M2.configure.props.base.functionCode = $), w(M2.pageContext, M2.configure);
-  let E = o(true), H = o(true), T = o("");
-  if (M2.configure && M2.configure.props) {
+  const T2 = e2;
+  null == T2.configure.style && (T2.configure.style = {});
+  const $ = w(T2.configure, T2.pageContext);
+  T2.configure && T2.configure.props && T2.configure.props.base && (T2.configure.props.base.functionCode = $), j(T2.pageContext, T2.configure);
+  let E = o(true), H = o(true), k = o("");
+  if (T2.configure && T2.configure.props) {
     let e3 = [];
-    ((_a = M2.configure.props.base) == null ? void 0 : _a.showConditions) && (e3 = "string" == typeof M2.configure.props.base.showConditions ? JSON.parse(M2.configure.props.base.showConditions) : M2.configure.props.base.showConditions), H = t(() => {
+    ((_a = T2.configure.props.base) == null ? void 0 : _a.showConditions) && (e3 = "string" == typeof T2.configure.props.base.showConditions ? JSON.parse(T2.configure.props.base.showConditions) : T2.configure.props.base.showConditions), H = t(() => {
       var _a2;
       let o2 = true;
-      if (E.value) if (e3 && e3.length > 0) o2 = _(M2.pageContext, e3);
+      if (E.value) if (e3 && e3.length > 0) o2 = N(T2.pageContext, e3);
       else {
-        const e4 = (_a2 = M2.configure.props.base) == null ? void 0 : _a2.state;
+        const e4 = (_a2 = T2.configure.props.base) == null ? void 0 : _a2.state;
         e4 && "hidden" === e4 && (o2 = false);
       }
       else o2 = false;
       return o2;
     });
-    if (M2.configure._dynamicShowFlag = H, (_b = M2.configure.props.base) == null ? void 0 : _b.editConditions) {
-      const e4 = M2.configure.props.base.editConditions;
+    if (T2.configure._dynamicShowFlag = H, (_b = T2.configure.props.base) == null ? void 0 : _b.editConditions) {
+      const e4 = T2.configure.props.base.editConditions;
       if (e4.length > 0) {
-        const o2 = M2.configure.runtime ? M2.configure.runtime : {}, n2 = o2.props ? o2.props : {};
-        if (n2.rawSate = n2.state, B(M2.pageContext) && M2.pageContext.fieldPermissionMap) {
-          const e5 = M2.pageContext.fieldPermissionMap.get("all_fields");
-          if (false === (e5 == null ? void 0 : e5.canEdit)) T.value = "disabled";
+        const o2 = T2.configure.runtime ? T2.configure.runtime : {}, n2 = o2.props ? o2.props : {};
+        if (n2.rawSate = n2.state, L(T2.pageContext) && T2.pageContext.fieldPermissionMap) {
+          const e5 = T2.pageContext.fieldPermissionMap.get("all_fields");
+          if (false === (e5 == null ? void 0 : e5.canEdit)) k.value = "disabled";
           else {
-            const e6 = M2.configure.props.base;
+            const e6 = T2.configure.props.base;
             if (e6 && e6.prop) {
               let o3 = e6.prop;
-              o3 = N(o3);
-              const t2 = M2.pageContext.fieldPermissionMap.get(o3);
-              t2 && false === t2.canEdit && (T.value = "disabled");
+              o3 = P(o3);
+              const t2 = T2.pageContext.fieldPermissionMap.get(o3);
+              t2 && false === t2.canEdit && (k.value = "disabled");
             }
           }
         }
         n2.state = t({ get() {
-          if ("disabled" === T.value) return T.value;
-          return _(M2.pageContext, e4) ? "" : "disabled";
+          if ("disabled" === k.value) return k.value;
+          return N(T2.pageContext, e4) ? "" : "disabled";
         }, set() {
         } });
       }
     }
   }
-  const k = o({});
-  k.value = n(C(M2.configure.name));
-  const F = o(true);
-  null == k.value && (k.value = v, F.value = false);
-  const J = o(null), W = o({}), q = o(""), z = L(M2.configure);
-  z && (q.value = z);
-  const A = M2.configure.runtime && M2.configure.runtime.common ? M2.configure.runtime.common : {};
-  if (A.class && (q.value += " " + A.class), A.style) {
-    Object.assign(W.value, A.style);
-    const e3 = M2.pageContext && M2.pageContext.dimensions ? M2.pageContext.dimensions : b.PC, o2 = A.style[e3 + "_style"];
-    o2 && Object.assign(W.value, o2);
-    const t2 = A.style[e3 + "_class"];
-    t2 && (q.value += " " + t2);
+  const F = o({});
+  F.value = n(b(T2.configure.name));
+  const J = o(true);
+  null == F.value && (F.value = C, J.value = false);
+  const W = o(null), q = o({}), z = o(""), A = O(T2.configure);
+  A && (z.value = A);
+  const D = T2.configure.runtime && T2.configure.runtime.common ? T2.configure.runtime.common : {};
+  if (D.class && (z.value += " " + D.class), D.style) {
+    Object.assign(q.value, D.style);
+    const e3 = T2.pageContext && T2.pageContext.dimensions ? T2.pageContext.dimensions : x.PC, o2 = D.style[e3 + "_style"];
+    o2 && Object.assign(q.value, o2);
+    const t2 = D.style[e3 + "_class"];
+    t2 && (z.value += " " + t2);
   }
-  const D = S();
-  function G(e3) {
-    if (J.value = e3, e3 && !e3.show && (e3.show = function() {
+  const G = M();
+  function I(e3) {
+    if (W.value = e3, e3 && !e3.show && (e3.show = function() {
       E.value = true;
     }), e3 && !e3.hide && (e3.hide = function() {
       E.value = false;
     }), e3 && !e3.getConfigure && (e3.getConfigure = function() {
-      return M2.configure;
-    }), M2.configure.uuid && x(M2.pageContext, M2.configure.uuid, J), M2.configure.code) h(M2.pageContext, M2.configure.code, J);
-    else if (M2.configure.props && M2.configure.props.base) {
-      const e4 = M2.configure.props.base;
+      return T2.configure;
+    }), T2.configure.uuid && h(T2.pageContext, T2.configure.uuid, W), T2.configure.code) y(T2.pageContext, T2.configure.code, W);
+    else if (T2.configure.props && T2.configure.props.base) {
+      const e4 = T2.configure.props.base;
       if (e4.prop) {
         let o3 = e4.prop;
-        o3.startsWith("${") && (o3 = o3.substring(2, o3.length - 1)), o3.includes(".") && (o3 = o3.substring(o3.indexOf(".") + 1)), h(M2.pageContext, o3, J);
+        o3.startsWith("${") && (o3 = o3.substring(2, o3.length - 1)), o3.includes(".") && (o3 = o3.substring(o3.indexOf(".") + 1)), y(T2.pageContext, o3, W);
       }
     }
-    const o2 = M2.configure.props ? M2.configure.props.base : null;
+    const o2 = T2.configure.props ? T2.configure.props.base : null;
     if (o2 && o2.prop) {
       let e4 = o2.prop;
-      e4 = N(e4), j(M2.pageContext, e4);
+      e4 = P(e4), _(T2.pageContext, e4);
     }
     !function() {
-      if (!J.value) return;
-      const e4 = P(M2.pageContext, M2.configure);
-      "table" !== M2.configure.name && e4 && e4.isCalcHeight && m(() => {
-        let e5 = J.value.$el;
-        e5 || (e5 = J.value);
+      if (!W.value) return;
+      const e4 = B(T2.pageContext, T2.configure);
+      "table" !== T2.configure.name && e4 && e4.isCalcHeight && v(() => {
+        let e5 = W.value.$el;
+        e5 || (e5 = W.value);
         const o3 = e5.parentNode;
         if (!e5 || !o3) return;
         const t2 = e5.getBoundingClientRect();
         let n2 = window.innerHeight - t2.y - 80, i2 = n2 + "";
-        O(n2) && (i2 = n2 + "px"), W.value.height = i2, W.value["overflow-y"] = "auto", W.value["overflow-x"] = "hidden", M2.configure.sytle || (M2.configure.sytle = {}), M2.configure.sytle._heightStyle = i2;
+        R(n2) && (i2 = n2 + "px"), q.value.height = i2, q.value["overflow-y"] = "auto", q.value["overflow-x"] = "hidden", T2.configure.sytle || (T2.configure.sytle = {}), T2.configure.sytle._heightStyle = i2;
       });
     }();
   }
+  let K;
   i(() => {
-    I(), D.countComponentsLoadedNumber(), setTimeout(() => {
-      D.componentsTotalNmber !== D.componentsLoadedNumber || D.pageComponentsLoaded || D.setPageComponentsLoaded(true);
+    Q(), G.countComponentsLoadedNumber(), K = setTimeout(() => {
+      G.componentsTotalNmber !== G.componentsLoadedNumber || G.pageComponentsLoaded || G.setPageComponentsLoaded(true);
     }, 100);
+  }), s(() => {
+    K && clearTimeout(K);
   });
-  const I = () => {
-    if (!J.value) return;
-    let e3 = J.value.$el;
-    e3 || (e3 = J.value);
+  const Q = () => {
+    if (!W.value) return;
+    let e3 = W.value.$el;
+    e3 || (e3 = W.value);
     const o2 = e3.parentNode;
     if (!e3 || !o2) return;
-    const t2 = M2.configure.props ? M2.configure.props : {}, n2 = M2.configure.style ? M2.configure.style : {}, i2 = t2.position;
+    const t2 = T2.configure.props ? T2.configure.props : {}, n2 = T2.configure.style ? T2.configure.style : {}, i2 = t2.position;
     if ("top" == i2 || "bottom" == i2) {
       const t3 = [o2];
       if (t3 && t3.length > 0) {
         const e4 = t3[0].getBoundingClientRect();
-        "top" == i2 && (W.value.top = e4.top + "px"), "bottom" == i2 && (W.value.bottom = "10px");
+        "top" == i2 && (q.value.top = e4.top + "px"), "bottom" == i2 && (q.value.bottom = "10px");
       }
       const n3 = e3.getBoundingClientRect();
-      W.value.width = n3.width + "px";
-    } else if (n2.position && (W.value.position = n2.position, "relative" != W.value.position)) {
-      if (!W.value.width) {
+      q.value.width = n3.width + "px";
+    } else if (n2.position && (q.value.position = n2.position, "relative" != q.value.position)) {
+      if (!q.value.width) {
         const o3 = e3.getBoundingClientRect();
-        W.value.width = o3.width + "px";
+        q.value.width = o3.width + "px";
       }
-      n2.left && (W.value.left = n2.left + "px"), n2.top && (W.value.top = n2.top + "px");
+      n2.left && (q.value.left = n2.left + "px"), n2.top && (q.value.top = n2.top + "px");
     }
   };
   return (e3, o2) => {
-    const t2 = s("permission");
-    return l(R)(e3.configure) ? r((a(), p(c(k.value), { key: 0, ref: G, style: f(W.value), class: g(q.value), configure: e3.configure, pageContext: e3.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[d, l(H)], [t2, l($) ? l($) : "true"]]) : u("", true);
+    const t2 = r("permission");
+    return p(S)(e3.configure) ? u((c(), a(g(F.value), { key: 0, ref: I, style: d(q.value), class: f(z.value), configure: e3.configure, pageContext: e3.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[m, p(H)], [t2, p($) ? p($) : "true"]]) : l("", true);
   };
 } });
 export {
-  M as default
+  T as default
 };

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

@@ -1,42 +1,44 @@
-import { defineComponent as e, ref as t, resolveDirective as a, withDirectives as i, createElementBlock as n, openBlock as r, createBlock as o, createCommentVNode as s, unref as l } from "vue";
-import { deepCopy as m } from "../utils/common-util.js";
-import u from "./assemblys/home-chart-render.vue.js";
-import h from "agilebuilder-ui/src/utils/request";
-import { updateOptionDatasources as g, updateChartDatasources as d } from "../utils/page-helper-util.js";
-import { initPageEvents as c } from "../utils/events/event-util.js";
-import { setHomeChartInitConfigValue as p } from "../utils/charts/chart-util.js";
-const f = { "element-loading-text": "加载中..." }, C = e({ name: "HomeChart", inheritAttrs: false, __name: "home-chart", props: { chartCode: { type: String, default: "" }, homeChartSettingUserId: { type: Number, default: 0 } }, setup(e2) {
-  const C2 = e2, v = t(true), y = t(false), S = t({});
-  let b = t(null);
-  return C2.chartCode && h.get(window.$vueApp.config.globalProperties.baseAPI + "/mms/home-chart-layout/" + C2.chartCode).then((e3) => {
+import { defineComponent as e, ref as t, onUnmounted as a, resolveDirective as i, withDirectives as n, createElementBlock as r, openBlock as o, createBlock as s, createCommentVNode as l, unref as m } from "vue";
+import { deepCopy as u } from "../utils/common-util.js";
+import h from "./assemblys/home-chart-render.vue.js";
+import g from "agilebuilder-ui/src/utils/request";
+import { updateOptionDatasources as c, updateChartDatasources as d } from "../utils/page-helper-util.js";
+import { initPageEvents as p } from "../utils/events/event-util.js";
+import { setHomeChartInitConfigValue as f } from "../utils/charts/chart-util.js";
+const C = { "element-loading-text": "加载中..." }, v = e({ name: "HomeChart", inheritAttrs: false, __name: "home-chart", props: { chartCode: { type: String, default: "" }, homeChartSettingUserId: { type: Number, default: 0 } }, setup(e2) {
+  const v2 = e2, y = t(true), S = t(false), b = t({});
+  let I, U = t(null);
+  return v2.chartCode && g.get(window.$vueApp.config.globalProperties.baseAPI + "/mms/home-chart-layout/" + v2.chartCode).then((e3) => {
     if (e3 && e3.designJson) {
       const t2 = JSON.parse(e3.designJson);
       let a2 = window.localStorage.getItem("HOME_MY_CHARTS_ALIAS");
       if (a2) {
         const e4 = JSON.parse(a2);
-        e4[C2.homeChartSettingUserId] && (t2.chartJson.runtime.headerInfo ? t2.chartJson.runtime.headerInfo.title = e4[C2.homeChartSettingUserId] : t2.chartJson.runtime.headerInfo = { textAlign: "center", title: e4[C2.homeChartSettingUserId] });
+        e4[v2.homeChartSettingUserId] && (t2.chartJson.runtime.headerInfo ? t2.chartJson.runtime.headerInfo.title = e4[v2.homeChartSettingUserId] : t2.chartJson.runtime.headerInfo = { textAlign: "center", title: e4[v2.homeChartSettingUserId] });
       }
       const i2 = window.frameElement;
-      S.value = t2.chartJson, S.value.homeChartSettingUserId = C2.homeChartSettingUserId, i2 && (S.value.runtime.common.style.pc_style.height = i2.clientHeight + "px");
+      b.value = t2.chartJson, b.value.homeChartSettingUserId = v2.homeChartSettingUserId, i2 && (b.value.runtime.common.style.pc_style.height = i2.clientHeight + "px");
       const n2 = { showHomepageSearch: true, name: e3.pageName, code: e3.pageCode, label: "", dimensions: "", version: 1, isWorkflowEntity: false, variables: t2.variables, systemCode: e3.systemCode, uuid: e3.uuid, allChartUuids: [], backendUrl: e3.backendUrl, rules: {}, pageType: "chart", beanName: t2.beanName, initChartServiceConfigs: [t2.initChartServiceConfigs], entity: { data: {}, task: {}, request: {}, page: {}, context: e3.contextParam, system: e3.systemParam } };
       if (t2.variables) {
         const e4 = n2.entity.page;
         for (const a3 of t2.variables) a3.name && (a3.isArrayElement ? e4[a3.name] = [] : a3.defaultValue ? e4[a3.name] = a3.defaultValue : e4[a3.name] = void 0);
       }
-      t2.initOptionConfigs && t2.initOptionConfigs.length > 0 && g(n2, t2.initOptionConfigs, void 0), p(S.value.pushHomepage.initConfig, n2, C2.homeChartSettingUserId), c(t2, n2), b.value = n2, setTimeout(() => {
+      t2.initOptionConfigs && t2.initOptionConfigs.length > 0 && c(n2, t2.initOptionConfigs, void 0), f(b.value.pushHomepage.initConfig, n2, v2.homeChartSettingUserId), p(t2, n2), U.value = n2, I = setTimeout(() => {
         !function(e4, t3) {
           if (!t3 || 0 == t3.length) return;
-          e4.initChartData = {}, e4.initChartData.data = m(e4.entity.data), e4.initChartData.page = m(e4.entity.page), t3 && t3.length > 0 && d(e4, t3, null, true);
-        }(b.value, [t2.initChartServiceConfigs]);
+          e4.initChartData = {}, e4.initChartData.data = u(e4.entity.data), e4.initChartData.page = u(e4.entity.page), t3 && t3.length > 0 && d(e4, t3, null, true);
+        }(U.value, [t2.initChartServiceConfigs]);
       }, 200);
-    } else y.value = true;
+    } else S.value = true;
   }).finally(() => {
-    v.value = false;
+    y.value = false;
+  }), a(() => {
+    I && clearTimeout(I);
   }), (e3, t2) => {
-    const m2 = a("loading");
-    return i((r(), n("div", f, [v.value ? s("", true) : (r(), o(u, { key: 0, configure: S.value, pageContext: l(b) }, null, 8, ["configure", "pageContext"]))])), [[m2, v.value]]);
+    const a2 = i("loading");
+    return n((o(), r("div", C, [y.value ? l("", true) : (o(), s(h, { key: 0, configure: b.value, pageContext: m(U) }, null, 8, ["configure", "pageContext"]))])), [[a2, y.value]]);
   };
 } });
 export {
-  C as default
+  v as default
 };