super-page-runtime 2.2.29-tmp1 → 2.2.29-tmp2

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

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

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

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

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

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

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

@@ -1,25 +1,110 @@
-import { defineComponent as e, computed as t, ref as l, onMounted as a, nextTick as o, resolveComponent as n, createElementBlock as r, openBlock as u, createVNode as i, normalizeStyle as p, normalizeClass as s, unref as f, withCtx as m, createCommentVNode as g, createBlock as c, Fragment as d, createTextVNode as v, toDisplayString as x } from "vue";
-import { getFormModelFields as y } from "../../../../utils/page-init-util.js";
-import { setVariableValue as h, getVariableValue as C } from "../../../../utils/page-helper-util.js";
-import { handleAfterInitEvent as w, handleFormEvent as b } from "../../../../utils/events/event-util.js";
-import k from "../common/title-suffix-element.vue.js";
-import { $t as R } from "../../../../utils/i18n-util.js";
-const _ = e({ __name: "textarea-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const _2 = e2, j = _2.pageContext.entity ? _2.pageContext.entity : {};
-  let I = y(_2.pageContext, _2.configure);
-  const q = t({ get: () => C(j, I), set(e3) {
-    h(j, I, e3);
-  } }), z = _2.configure.runtime ? _2.configure.runtime : {}, S = l(z.props ? z.props : {}), V = z.style, B = z.class, D = z.headerStyle, E = z.titleExceedStyle, F = l(null), L = l(null), N = l(null);
-  return a(() => {
-    o(() => {
-      const e3 = q.value;
-      w(e3, _2.pageContext, _2.configure, { formItemRef: F.value, componentRef: L.value, titleRef: N.value, value: e3, entity: _2.pageContext.entity.data, pageData: _2.pageContext.entity.page });
+import { defineComponent, computed, ref, onMounted, nextTick, resolveComponent, createElementBlock, openBlock, createVNode, normalizeStyle, normalizeClass, unref, withCtx, createCommentVNode, createBlock, Fragment, createTextVNode, toDisplayString } from "vue";
+import { getFormModelFields } from "../../../../utils/page-init-util.js";
+import { setVariableValue, getVariableValue } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent, handleFormEvent } from "../../../../utils/events/event-util.js";
+import _sfc_main$1 from "../common/title-suffix-element.vue.js";
+import { $t } from "../../../../utils/i18n-util.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "textarea-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = getFormModelFields(props.pageContext, props.configure);
+    const dynamicModelMethod = computed({
+      get() {
+        return getVariableValue(entity, dynamicFields);
+      },
+      set(value) {
+        setVariableValue(entity, dynamicFields, value);
+      }
     });
-  }), (e3, t2) => {
-    const l2 = n("el-input"), a2 = n("el-form-item");
-    return u(), r("div", null, [i(a2, { ref_key: "formItemRef", ref: F, required: !!S.value.required, class: s(f(B)), "label-width": S.value.labelWidth, style: p(f(V)) }, { label: m(() => [S.value.tittleShow ? (u(), r("div", { key: 0, ref_key: "titleRef", ref: N, style: p({ ...f(D), ...f(E) }) }, [S.value.prefixType ? (u(), c(k, { key: 0, pageContext: e3.pageContext, property: S.value }, null, 8, ["pageContext", "property"])) : (u(), r(d, { key: 1 }, [v(x(f(R)(S.value.title)), 1)], 64))], 4)) : g("", true)]), default: m(() => [i(l2, { ref_key: "componentRef", ref: L, disabled: "disabled" === S.value.state, readonly: "readonly" === S.value.state, size: S.value.size, clearable: S.value.clearable, placeholder: S.value.placeholder, modelValue: q.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => q.value = e4), rows: S.value.rows ? S.value.rows : 2, maxlength: S.value.maxLength, "show-word-limit": S.value.showInputNum, type: "textarea", onInput: t2[1] || (t2[1] = (t3) => f(b)(t3, e3.pageContext, e3.configure, "input")), onChange: t2[2] || (t2[2] = (t3) => f(b)(t3, e3.pageContext, e3.configure, "change")), onBlur: t2[3] || (t2[3] = (t3) => f(b)(t3, e3.pageContext, e3.configure, "blur")), onFocus: t2[4] || (t2[4] = (t3) => f(b)(t3, e3.pageContext, e3.configure, "focus")), onClick: t2[5] || (t2[5] = (t3) => f(b)(t3, e3.pageContext, e3.configure, "click")) }, null, 8, ["disabled", "readonly", "size", "clearable", "placeholder", "modelValue", "rows", "maxlength", "show-word-limit"])]), _: 1 }, 8, ["required", "class", "label-width", "style"])]);
-  };
-} });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const titleExceedStyle = runtimeInfo.titleExceedStyle;
+    const formItemRef = ref(null);
+    const componentRef = ref(null);
+    const titleRef = ref(null);
+    onMounted(() => {
+      nextTick(() => {
+        const value = dynamicModelMethod.value;
+        handleAfterInitEvent(
+          value,
+          props.pageContext,
+          props.configure,
+          {
+            formItemRef: formItemRef.value,
+            componentRef: componentRef.value,
+            titleRef: titleRef.value,
+            value,
+            entity: props.pageContext.entity.data,
+            pageData: props.pageContext.entity.page
+          }
+        );
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_el_form_item, {
+          ref_key: "formItemRef",
+          ref: formItemRef,
+          required: designProperty.value.required ? true : false,
+          class: normalizeClass(unref(runtimeClass)),
+          "label-width": designProperty.value.labelWidth,
+          style: normalizeStyle(unref(runtimeStyle))
+        }, {
+          label: withCtx(() => [
+            designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              ref_key: "titleRef",
+              ref: titleRef,
+              style: normalizeStyle({ ...unref(headerStyle), ...unref(titleExceedStyle) })
+            }, [
+              designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                pageContext: _ctx.pageContext,
+                property: designProperty.value
+              }, null, 8, ["pageContext", "property"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(unref($t)(designProperty.value.title)), 1)
+              ], 64))
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_input, {
+              ref_key: "componentRef",
+              ref: componentRef,
+              disabled: designProperty.value.state === "disabled",
+              readonly: designProperty.value.state === "readonly",
+              size: designProperty.value.size,
+              clearable: designProperty.value.clearable,
+              placeholder: designProperty.value.placeholder,
+              modelValue: dynamicModelMethod.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
+              rows: designProperty.value.rows ? designProperty.value.rows : 2,
+              maxlength: designProperty.value.maxLength,
+              "show-word-limit": designProperty.value.showInputNum,
+              type: "textarea",
+              onInput: _cache[1] || (_cache[1] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "input")),
+              onChange: _cache[2] || (_cache[2] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+              onBlur: _cache[3] || (_cache[3] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+              onFocus: _cache[4] || (_cache[4] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+              onClick: _cache[5] || (_cache[5] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+            }, null, 8, ["disabled", "readonly", "size", "clearable", "placeholder", "modelValue", "rows", "maxlength", "show-word-limit"])
+          ]),
+          _: 1
+        }, 8, ["required", "class", "label-width", "style"])
+      ]);
+    };
+  }
+});
 export {
-  _ as default
+  _sfc_main as default
 };

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

@@ -1,97 +1,196 @@
-import { defineComponent as e, ref as t, markRaw as o, onMounted as n, resolveDirective as i, withDirectives as u, createCommentVNode as s, unref as r, createBlock as l, openBlock as c, resolveDynamicComponent as p, normalizeClass as a, normalizeStyle as f, vShow as g, nextTick as v } from "vue";
-import m from "./error-render.vue.js";
-import { getRuntimeComponentByName as d } from "../../utils/assemblys-config.js";
-import { PageDimensions as x } from "../../utils/interfaces/page-design-types.js";
-import { addComponentRef as h, addComponentRefByCode as C } from "../../utils/global-refs.js";
-import { getPermissionCodes as y, controlObjectRenderState as b } from "../../utils/page-init-util.js";
-import { getFormPropName as w, getSizeConfig as j } from "../../utils/page-helper-util.js";
-import { getPropClassName as _, isNumber as B } from "../../utils/common-util.js";
-import { isShowComponent as R } from "../../utils/events/event-util.js";
-const O = e({ __name: "home-chart-render", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const O2 = e2;
-  null == O2.configure.style && (O2.configure.style = {});
-  const $ = y(O2.configure, O2.pageContext);
-  O2.configure && O2.configure.props && O2.configure.props.base && (O2.configure.props.base.functionCode = $);
-  let H = t(true), N = t(true);
-  const k = t({});
-  k.value = o(d(O2.configure.name));
-  const P = t(true);
-  null == k.value && (k.value = m, P.value = false);
-  const S = t(null), W = t({}), q = t(""), z = _(O2.configure);
-  z && (q.value = z);
-  const A = O2.configure.runtime && O2.configure.runtime.common ? O2.configure.runtime.common : {};
-  if (A.class && (q.value += " " + A.class), A.style) {
-    Object.assign(W.value, A.style);
-    const e3 = O2.pageContext && O2.pageContext.dimensions ? O2.pageContext.dimensions : x.PC, t2 = A.style[e3 + "_style"];
-    t2 && Object.assign(W.value, t2);
-    const o2 = A.style[e3 + "_class"];
-    o2 && (q.value += " " + o2);
-  }
-  function D(e3) {
-    if (S.value = e3, e3 && !e3.show && (e3.show = function() {
-      H.value = true;
-    }), e3 && !e3.hide && (e3.hide = function() {
-      H.value = false;
-    }), e3 && !e3.getConfigure && (e3.getConfigure = function() {
-      return O2.configure;
-    }), O2.configure.uuid && h(O2.pageContext, O2.configure.uuid, S), O2.configure.code) C(O2.pageContext, O2.configure.code, S);
-    else if (O2.configure.props && O2.configure.props.base) {
-      const e4 = O2.configure.props.base;
-      if (e4.prop) {
-        let t3 = e4.prop;
-        t3.startsWith("${") && (t3 = t3.substring(2, t3.length - 1)), t3.includes(".") && (t3 = t3.substring(t3.indexOf(".") + 1)), C(O2.pageContext, t3, S);
+import { defineComponent, ref, markRaw, onMounted, resolveDirective, withDirectives, createCommentVNode, unref, createBlock, openBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, vShow, nextTick } from "vue";
+import _sfc_main$1 from "./error-render.vue.js";
+import { getRuntimeComponentByName } from "../../utils/assemblys-config.js";
+import { PageDimensions } from "../../utils/interfaces/page-design-types.js";
+import { addComponentRef, addComponentRefByCode } from "../../utils/global-refs.js";
+import { getPermissionCodes, controlObjectRenderState } from "../../utils/page-init-util.js";
+import { getFormPropName, getSizeConfig } from "../../utils/page-helper-util.js";
+import { getPropClassName, isNumber } from "../../utils/common-util.js";
+import { isShowComponent } from "../../utils/events/event-util.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "home-chart-render",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    if (props.configure.style == void 0) {
+      props.configure.style = {};
+    }
+    const permissionCodes = getPermissionCodes(props.configure, props.pageContext);
+    if (props.configure && props.configure.props && props.configure.props.base) {
+      props.configure.props.base.functionCode = permissionCodes;
+    }
+    let handleShowFlag = ref(true);
+    let showFlag = ref(true);
+    const dynamicComponent = ref({});
+    dynamicComponent.value = markRaw(getRuntimeComponentByName(props.configure.name));
+    const showCopy = ref(true);
+    if (dynamicComponent.value == null) {
+      dynamicComponent.value = _sfc_main$1;
+      showCopy.value = false;
+    }
+    const thisRef = ref(null);
+    const runtimeStyle = ref({});
+    const runtimeClass = ref("");
+    const propClassName = getPropClassName(props.configure);
+    if (propClassName) {
+      runtimeClass.value = propClassName;
+    }
+    const commonRuntime = props.configure.runtime && props.configure.runtime.common ? props.configure.runtime.common : {};
+    if (commonRuntime.class) {
+      runtimeClass.value += " " + commonRuntime.class;
+    }
+    if (commonRuntime.style) {
+      Object.assign(runtimeStyle.value, commonRuntime.style);
+      const pageDimensions = props.pageContext && props.pageContext.dimensions ? props.pageContext.dimensions : PageDimensions.PC;
+      const sizeStyle = commonRuntime.style[pageDimensions + "_style"];
+      if (sizeStyle) {
+        Object.assign(runtimeStyle.value, sizeStyle);
+      }
+      const sizeClass = commonRuntime.style[pageDimensions + "_class"];
+      if (sizeClass) {
+        runtimeClass.value += " " + sizeClass;
       }
     }
-    const t2 = O2.configure.props ? O2.configure.props.base : null;
-    if (t2 && t2.prop) {
-      let e4 = t2.prop;
-      e4 = w(e4), b(O2.pageContext, e4);
+    function setComponentRef(el) {
+      thisRef.value = el;
+      if (el && !el.show) {
+        el.show = function() {
+          handleShowFlag.value = true;
+        };
+      }
+      if (el && !el.hide) {
+        el.hide = function() {
+          handleShowFlag.value = false;
+        };
+      }
+      if (el && !el.getConfigure) {
+        el.getConfigure = function() {
+          return props.configure;
+        };
+      }
+      if (props.configure.uuid) {
+        addComponentRef(props.pageContext, props.configure.uuid, thisRef);
+      }
+      if (props.configure.code) {
+        addComponentRefByCode(props.pageContext, props.configure.code, thisRef);
+      } else if (props.configure.props && props.configure.props.base) {
+        const propsBase2 = props.configure.props.base;
+        if (propsBase2.prop) {
+          let propName = propsBase2.prop;
+          if (propName.startsWith("${")) {
+            propName = propName.substring(2, propName.length - 1);
+          }
+          if (propName.includes(".")) {
+            propName = propName.substring(propName.indexOf(".") + 1);
+          }
+          addComponentRefByCode(props.pageContext, propName, thisRef);
+        }
+      }
+      const propsBase = props.configure.props ? props.configure.props.base : null;
+      if (propsBase && propsBase.prop) {
+        let propName = propsBase.prop;
+        propName = getFormPropName(propName);
+        controlObjectRenderState(props.pageContext, propName);
+      }
+      setComponentHeight();
     }
-    !function() {
-      if (!S.value) return;
-      const e4 = j(O2.pageContext, O2.configure);
-      "table" !== O2.configure.name && e4 && e4.isCalcHeight && v(() => {
-        let e5 = S.value.$el;
-        e5 || (e5 = S.value);
-        const t3 = e5.parentNode;
-        if (!e5 || !t3) return;
-        const o2 = e5.getBoundingClientRect();
-        let n2 = window.innerHeight - o2.y - 80, i2 = n2 + "";
-        B(n2) && (i2 = n2 + "px"), W.value.height = i2, W.value["overflow-y"] = "auto", W.value["overflow-x"] = "hidden", O2.configure.sytle || (O2.configure.sytle = {}), O2.configure.sytle._heightStyle = i2;
-      });
-    }();
-  }
-  n(() => {
-    E();
-  });
-  const E = () => {
-    if (!S.value) return;
-    let e3 = S.value.$el;
-    e3 || (e3 = S.value);
-    const t2 = e3.parentNode;
-    if (!e3 || !t2) return;
-    const o2 = O2.configure.props ? O2.configure.props : {}, n2 = O2.configure.style ? O2.configure.style : {}, i2 = o2.position;
-    if ("top" == i2 || "bottom" == i2) {
-      const o3 = [t2];
-      if (o3 && o3.length > 0) {
-        const e4 = o3[0].getBoundingClientRect();
-        "top" == i2 && (W.value.top = e4.top + "px"), "bottom" == i2 && (W.value.bottom = "10px");
+    onMounted(() => {
+      dynamicallyCalculatePosition();
+    });
+    function setComponentHeight() {
+      if (!thisRef.value) {
+        return;
       }
-      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) {
-        const t3 = e3.getBoundingClientRect();
-        W.value.width = t3.width + "px";
+      const sizeConfig = getSizeConfig(props.pageContext, props.configure);
+      if (props.configure.name !== "table" && sizeConfig && sizeConfig["isCalcHeight"]) {
+        nextTick(() => {
+          let thisRefDom = thisRef.value.$el;
+          if (!thisRefDom) {
+            thisRefDom = thisRef.value;
+          }
+          const parentNode = thisRefDom.parentNode;
+          if (!thisRefDom || !parentNode) {
+            return;
+          }
+          const rect = thisRefDom.getBoundingClientRect();
+          let contentHeight = window.innerHeight - rect.y - 80;
+          let heightStyle = contentHeight + "";
+          if (isNumber(contentHeight)) {
+            heightStyle = contentHeight + "px";
+          }
+          runtimeStyle.value["height"] = heightStyle;
+          runtimeStyle.value["overflow-y"] = "auto";
+          runtimeStyle.value["overflow-x"] = "hidden";
+          if (!props.configure.sytle) {
+            props.configure.sytle = {};
+          }
+          props.configure.sytle._heightStyle = heightStyle;
+        });
       }
-      n2.left && (W.value.left = n2.left + "px"), n2.top && (W.value.top = n2.top + "px");
     }
-  };
-  return (e3, t2) => {
-    const o2 = i("permission");
-    return r(R)(e3.configure) ? u((c(), l(p(k.value), { key: 0, ref: D, style: f(W.value), class: a(q.value), configure: e3.configure, pageContext: e3.pageContext }, null, 8, ["style", "class", "configure", "pageContext"])), [[g, r(N)], [o2, r($) ? r($) : "true"]]) : s("", true);
-  };
-} });
+    const dynamicallyCalculatePosition = () => {
+      if (!thisRef.value) {
+        return;
+      }
+      let thisRefDom = thisRef.value.$el;
+      if (!thisRefDom) {
+        thisRefDom = thisRef.value;
+      }
+      const parentNode = thisRefDom.parentNode;
+      if (!thisRefDom || !parentNode) {
+        return;
+      }
+      const thisProps = props.configure.props ? props.configure.props : {};
+      const thisStyle = props.configure.style ? props.configure.style : {};
+      const position = thisProps.position;
+      if (position == "top" || position == "bottom") {
+        const contentObj = [parentNode];
+        if (contentObj && contentObj.length > 0) {
+          const contentRec = contentObj[0].getBoundingClientRect();
+          if (position == "top") {
+            runtimeStyle.value["top"] = contentRec.top + "px";
+          }
+          if (position == "bottom") {
+            runtimeStyle.value["bottom"] = "10px";
+          }
+        }
+        const thisRec = thisRefDom.getBoundingClientRect();
+        runtimeStyle.value["width"] = thisRec.width + "px";
+      } else if (thisStyle.position) {
+        runtimeStyle.value["position"] = thisStyle.position;
+        if (runtimeStyle.value.position != "relative") {
+          if (!runtimeStyle.value["width"]) {
+            const thisRec = thisRefDom.getBoundingClientRect();
+            runtimeStyle.value["width"] = thisRec.width + "px";
+          }
+          if (thisStyle.left) {
+            runtimeStyle.value["left"] = thisStyle.left + "px";
+          }
+          if (thisStyle.top) {
+            runtimeStyle.value["top"] = thisStyle.top + "px";
+          }
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      const _directive_permission = resolveDirective("permission");
+      return unref(isShowComponent)(_ctx.configure) ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(dynamicComponent.value), {
+        key: 0,
+        ref: setComponentRef,
+        style: normalizeStyle(runtimeStyle.value),
+        class: normalizeClass(runtimeClass.value),
+        configure: _ctx.configure,
+        pageContext: _ctx.pageContext
+      }, null, 8, ["style", "class", "configure", "pageContext"])), [
+        [vShow, unref(showFlag)],
+        [_directive_permission, unref(permissionCodes) ? unref(permissionCodes) : "true"]
+      ]) : createCommentVNode("", true);
+    };
+  }
+});
 export {
-  O as default
+  _sfc_main as default
 };

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

@@ -1,4 +1,4 @@
-import e from "./home-chart-render.vue.js";
+import _sfc_main from "./home-chart-render.vue.js";
 export {
-  e as default
+  _sfc_main as default
 };