super-page-runtime 2.3.17 → 2.3.18-tmp2

package/dist/lib/components/runtime/views/assemblys/form/separatelabel/separatelabel-runtime.vue2.js

@@ -0,0 +1,54 @@
+"use strict";
+const Vue = require("vue");
+const index39f4c2e9 = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.1.58_@vue_29e6d749740d5c0a82211de8e577b320/node_modules/agilebuilder-ui/lib/index-39f4c2e9.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "separatelabel-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        const value = i18nUtil.$t(props.configure.props.base.title);
+        eventUtil.handleAfterInitEvent(value, props.pageContext, props.configure, {
+          componentRef: thisRef.value,
+          value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
+    });
+    __expose({});
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
+        class: Vue.normalizeClass([Vue.unref(runtimeClass), "amb-widget-separatelabel"]),
+        ref_key: "thisRef",
+        ref: thisRef
+      }, [
+        Vue.createElementVNode("div", {
+          class: "label",
+          style: Vue.normalizeStyle(Vue.unref(headerStyle))
+        }, [
+          _ctx.configure.props.iconType && _ctx.configure.props.iconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index39f4c2e9.aM), {
+            key: 0,
+            iconType: _ctx.configure.props.iconType,
+            iconValue: _ctx.configure.props.iconValue,
+            style: { "margin-right": "2px" }
+          }, null, 8, ["iconType", "iconValue"])) : Vue.createCommentVNode("", true),
+          Vue.createTextVNode(" " + Vue.toDisplayString(Vue.unref(i18nUtil.$t)(_ctx.configure.props.base.title)), 1)
+        ], 4)
+      ], 6);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,3 @@
+"use strict";
+const switchRuntime_vue_vue_type_script_setup_true_lang = require("./switch-runtime.vue2.js");
+module.exports = switchRuntime_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/runtime/views/assemblys/form/switch/switch-runtime.vue2.js

@@ -0,0 +1,168 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const commonUtil = require("../../../../utils/common-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "switch-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const requiredClass = Vue.ref(null);
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = pageInitUtil.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 = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let val = pageHelperUtil.getVariableValue(entity, dynamicFields);
+    if (val !== void 0 && val !== null && typeof val === "number" && (val + "" === "1" || val + "" === "0")) {
+      if (!isHasActive("activeValue")) {
+        designProperty.value.activeValue = 1;
+      }
+      if (!isHasActive("inactiveValue")) {
+        designProperty.value.inactiveValue = 0;
+      }
+    }
+    if (val !== void 0 && val !== null && typeof val === "boolean") {
+      if (!isHasActive("activeValue")) {
+        designProperty.value.activeValue = true;
+      }
+      if (!isHasActive("inactiveValue")) {
+        designProperty.value.inactiveValue = false;
+      }
+    }
+    if (!isHasActive("activeValue")) {
+      designProperty.value.activeValue = true;
+    }
+    if (!isHasActive("inactiveValue")) {
+      designProperty.value.inactiveValue = false;
+    }
+    function isHasActive(type) {
+      if (designProperty.value[type] === void 0 || designProperty.value[type] === null || designProperty.value[type] === "") {
+        return false;
+      }
+      return true;
+    }
+    const switchStyle = runtimeInfo.switchStyle;
+    const dynamicModelMethod = Vue.computed({
+      get() {
+        let val2 = pageHelperUtil.getVariableValue(entity, dynamicFields);
+        if (val2 !== void 0 && val2 !== null) {
+          if (designProperty.value.activeValue === true) {
+            if (val2 + "" === "1") {
+              val2 = true;
+            }
+            if (val2 + "" === "0") {
+              val2 = false;
+            }
+          } else if (designProperty.value.activeValue === 1) {
+            if (val2 + "" === "true") {
+              val2 = 1;
+            }
+            if (val2 + "" === "false") {
+              val2 = 0;
+            }
+          } else {
+            val2 = val2 + "";
+          }
+        }
+        return val2;
+      },
+      set(value) {
+        if (value !== void 0 && value !== null) {
+          if (designProperty.value.activeValue === true) {
+            if (value + "" === "1") {
+              value = true;
+            }
+            if (value + "" === "0") {
+              value = false;
+            }
+          } else if (designProperty.value.activeValue === 1) {
+            if (value + "" === "true") {
+              value = 1;
+            }
+            if (value + "" === "false") {
+              value = 0;
+            }
+          } else {
+            value = value + "";
+          }
+        }
+        pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+        if (value !== void 0 && value !== null) {
+          requiredClass.value = "";
+        }
+      }
+    });
+    const formItemRef = Vue.ref(null);
+    const componentRef = Vue.ref(null);
+    const titleRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        const value = dynamicModelMethod.value;
+        eventUtil.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
+        });
+      });
+    });
+    function addRequiredClass() {
+      requiredClass.value = commonUtil.addRequiredClassUtil();
+    }
+    __expose({
+      addRequiredClass
+    });
+    return (_ctx, _cache) => {
+      const _component_el_switch = Vue.resolveComponent("el-switch");
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        required: designProperty.value.required,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass) + (requiredClass.value ? " " + requiredClass.value : "")),
+        "label-width": designProperty.value.labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            ref_key: "titleRef",
+            ref: titleRef,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle), ...Vue.unref(titleExceedStyle) })
+          }, Vue.toDisplayString(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_switch, {
+            ref_key: "componentRef",
+            ref: componentRef,
+            disabled: designProperty.value.state === "disabled",
+            "active-value": designProperty.value.activeValue,
+            "active-text": designProperty.value.activeText,
+            "inactive-value": designProperty.value.inactiveValue,
+            "inactive-text": designProperty.value.inactiveText,
+            width: designProperty.value.offOnWidth,
+            size: designProperty.value.size,
+            style: Vue.normalizeStyle(Vue.unref(switchStyle)),
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
+            onChange: _cache[1] || (_cache[1] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change"))
+          }, null, 8, ["disabled", "active-value", "active-text", "inactive-value", "inactive-text", "width", "size", "style", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,3 @@
+"use strict";
+const tagRuntime_vue_vue_type_script_setup_true_lang = require("./tag-runtime.vue2.js");
+module.exports = tagRuntime_vue_vue_type_script_setup_true_lang;

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

@@ -0,0 +1,132 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "tag-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const modelFields = pageInitUtil.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 = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let formatting = designProperty.value.formatting;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    const dynamicValues = Vue.computed(() => {
+      let resultValue = pageHelperUtil.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;
+    });
+    function closeTag($event, tag) {
+      if (designProperty.value.closable) {
+        let resultValue = pageHelperUtil.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(",");
+        }
+        pageHelperUtil.setVariableValue(entity, modelFields, resultValue);
+      }
+      eventUtil.handleFormEvent($event, props.pageContext, props.configure, "remove");
+    }
+    const formItemRef = Vue.ref(null);
+    const titleRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        const value = dynamicValues.value;
+        eventUtil.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 = Vue.resolveComponent("el-tag");
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        required: designProperty.value.required,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        "label-width": designProperty.value.labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            ref_key: "titleRef",
+            ref: titleRef,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle), ...Vue.unref(titleExceedStyle) })
+          }, Vue.toDisplayString(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(dynamicValues.value, (tag) => {
+            return Vue.openBlock(), Vue.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) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+            }, {
+              default: Vue.withCtx(() => [
+                Vue.createTextVNode(Vue.toDisplayString(tag.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["size", "closable", "type", "onClose"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,3 @@
+"use strict";
+const textareaRuntime_vue_vue_type_script_setup_true_lang = require("./textarea-runtime.vue2.js");
+module.exports = textareaRuntime_vue_vue_type_script_setup_true_lang;

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

@@ -0,0 +1,116 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const titleSuffixElement_vue_vue_type_script_setup_true_lang = require("../common/title-suffix-element.vue.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const commonUtil = require("../../../../utils/common-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "textarea-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const requiredClass = Vue.ref(null);
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure);
+    const dynamicModelMethod = Vue.computed({
+      get() {
+        return pageHelperUtil.getVariableValue(entity, dynamicFields);
+      },
+      set(value) {
+        pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+        if (value !== void 0 && value !== null && value !== "") {
+          requiredClass.value = "";
+        }
+      }
+    });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const titleExceedStyle = runtimeInfo.titleExceedStyle;
+    const formItemRef = Vue.ref(null);
+    const componentRef = Vue.ref(null);
+    const titleRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        const value = dynamicModelMethod.value;
+        eventUtil.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
+        });
+      });
+    });
+    function addRequiredClass() {
+      requiredClass.value = commonUtil.addRequiredClassUtil();
+    }
+    __expose({
+      addRequiredClass
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = Vue.resolveComponent("el-input");
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.openBlock(), Vue.createElementBlock("div", null, [
+        Vue.createVNode(_component_el_form_item, {
+          ref_key: "formItemRef",
+          ref: formItemRef,
+          required: designProperty.value.required ? true : false,
+          class: Vue.normalizeClass(Vue.unref(runtimeClass) + (requiredClass.value ? " " + requiredClass.value : "")),
+          "label-width": designProperty.value.labelWidth,
+          style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+        }, {
+          label: Vue.withCtx(() => [
+            designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+              key: 0,
+              ref_key: "titleRef",
+              ref: titleRef,
+              style: Vue.normalizeStyle({ ...Vue.unref(headerStyle), ...Vue.unref(titleExceedStyle) })
+            }, [
+              designProperty.value.prefixType ? (Vue.openBlock(), Vue.createBlock(titleSuffixElement_vue_vue_type_script_setup_true_lang, {
+                key: 0,
+                pageContext: _ctx.pageContext,
+                property: designProperty.value
+              }, null, 8, ["pageContext", "property"])) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
+                Vue.createTextVNode(Vue.toDisplayString(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 1)
+              ], 64))
+            ], 4)) : Vue.createCommentVNode("", true)
+          ]),
+          default: Vue.withCtx(() => [
+            Vue.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,
+              minlength: designProperty.value.minlength,
+              "show-word-limit": designProperty.value.showInputNum,
+              type: "textarea",
+              onInput: _cache[1] || (_cache[1] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "input")),
+              onChange: _cache[2] || (_cache[2] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+              onBlur: _cache[3] || (_cache[3] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+              onFocus: _cache[4] || (_cache[4] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+              onClick: _cache[5] || (_cache[5] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+            }, null, 8, ["disabled", "readonly", "size", "clearable", "placeholder", "modelValue", "rows", "maxlength", "minlength", "show-word-limit"])
+          ]),
+          _: 1
+        }, 8, ["required", "class", "label-width", "style"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/home-chart-render.vue.d.ts

@@ -0,0 +1,17 @@
+import { PageContext, Component } from '../../utils/interfaces/page-design-types.js';
+
+interface MyProps {
+    pageContext: PageContext;
+    configure: Component;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,169 @@
+"use strict";
+const Vue = require("vue");
+const errorRender_vue_vue_type_script_setup_true_lang = require("./error-render.vue.js");
+const assemblysConfig = require("../../utils/assemblys-config.js");
+const pageDesignTypes = require("../../utils/interfaces/page-design-types.js");
+const globalRefs = require("../../utils/global-refs.js");
+const pageInitUtil = require("../../utils/page-init-util.js");
+const pageHelperUtil = require("../../utils/page-helper-util.js");
+const commonUtil = require("../../utils/common-util.js");
+const eventUtil = require("../../utils/events/event-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "home-chart-render",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    if (props.configure.style == void 0) {
+      props.configure.style = {};
+    }
+    const permissionCodes = pageInitUtil.getPermissionCodes(props.configure, props.pageContext);
+    if (props.configure && props.configure.props && props.configure.props.base) {
+      props.configure.props.base.functionCode = permissionCodes;
+    }
+    let handleShowFlag = Vue.ref(true);
+    let showFlag = Vue.ref(true);
+    const dynamicComponent = Vue.ref({});
+    dynamicComponent.value = Vue.markRaw(assemblysConfig.getRuntimeComponentByName(props.configure.name));
+    const showCopy = Vue.ref(true);
+    if (dynamicComponent.value == null) {
+      dynamicComponent.value = errorRender_vue_vue_type_script_setup_true_lang;
+      showCopy.value = false;
+    }
+    const thisRef = Vue.ref(null);
+    const runtimeStyle = Vue.ref({});
+    const runtimeClass = Vue.ref("");
+    const propClassName = commonUtil.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 : pageDesignTypes.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;
+      }
+    }
+    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) {
+        globalRefs.addComponentRef(props.pageContext, props.configure.uuid, thisRef);
+      }
+      if (props.configure.code) {
+        globalRefs.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);
+          }
+          globalRefs.addComponentRefByCode(props.pageContext, propName, thisRef);
+        }
+      }
+      const propsBase = props.configure.props ? props.configure.props.base : null;
+      if (propsBase && propsBase.prop) {
+        let propName = propsBase.prop;
+        propName = pageHelperUtil.getFormPropName(propName);
+        pageInitUtil.controlObjectRenderState(props.pageContext, propName);
+      }
+      setComponentHeight();
+    }
+    Vue.onMounted(() => {
+      dynamicallyCalculatePosition();
+    });
+    function setComponentHeight() {
+      if (!thisRef.value) {
+        return;
+      }
+      const sizeConfig = pageHelperUtil.getSizeConfig(props.pageContext, props.configure);
+      if (props.configure.name !== "table" && sizeConfig && sizeConfig["isCalcHeight"]) {
+        Vue.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 (commonUtil.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;
+        });
+      }
+    }
+    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") ;
+      else if (thisStyle.position) ;
+    };
+    return (_ctx, _cache) => {
+      const _directive_permission = Vue.resolveDirective("permission");
+      return Vue.unref(eventUtil.isShowComponent)(_ctx.configure) ? Vue.withDirectives((Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(dynamicComponent.value), {
+        key: 0,
+        ref: setComponentRef,
+        style: Vue.normalizeStyle(runtimeStyle.value),
+        class: Vue.normalizeClass(runtimeClass.value),
+        configure: _ctx.configure,
+        pageContext: _ctx.pageContext
+      }, null, 8, ["style", "class", "configure", "pageContext"])), [
+        [Vue.vShow, Vue.unref(showFlag)],
+        [_directive_permission, { codes: Vue.unref(permissionCodes) ? Vue.unref(permissionCodes) : "true", systemCode: _ctx.pageContext.systemCode }]
+      ]) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,3 @@
+"use strict";
+const homeChartRender_vue_vue_type_script_setup_true_lang = require("./home-chart-render.vue.js");
+module.exports = homeChartRender_vue_vue_type_script_setup_true_lang;