super-page-runtime 2.3.17 → 2.3.18-tmp2

package/dist/lib/components/runtime/views/assemblys/form/date-picker/datepicker-runtime.vue2.js

@@ -0,0 +1,290 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const dateShortcuts = require("../../../../utils/form/date-shortcuts.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 dayjs_min = require("../../../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/dayjs.min.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const commonUtil = require("../../../../utils/common-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "datepicker-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    var _a;
+    const props = __props;
+    const requiredClass = Vue.ref(null);
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    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 dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure, designProperty.value.prop);
+    if (props.pageContext.modelFieldsMap) {
+      if (dynamicFields && dynamicFields.length > 0 && dynamicFields[0] === "data") {
+        const modelField = pageHelperUtil.getModelFieldFromPageContext(dynamicFields, props.pageContext);
+        if (modelField) {
+          handleValueFormat(modelField);
+        }
+      }
+    }
+    let dynamicFields2 = null;
+    let isRange = false;
+    if (designProperty.value.dateType && designProperty.value.dateType.includes("range")) {
+      isRange = true;
+      let propName = designProperty.value.prop2;
+      if (!propName || !propName.startsWith("${")) {
+        propName = "${page." + props.configure.uuid + "-2}";
+      }
+      const date2Value = pageHelperUtil.getValueFromVariable(entity, propName, null);
+      propName = propName.substring(2, propName.length - 1);
+      dynamicFields2 = propName.split(".");
+      if (!date2Value && (!entity.data || !entity.data.id && !entity.data.ID)) {
+        if (designProperty.value.defaultValue2) {
+          const defaultValue2 = pageHelperUtil.getValueFromVariable(entity, designProperty.value.defaultValue2);
+          if (defaultValue2 !== void 0 && defaultValue2 !== null && defaultValue2 !== "") {
+            pageHelperUtil.setVariableValue(entity, dynamicFields2, defaultValue2);
+          } else {
+            if (((_a = designProperty.value.moreDefaultValue2) == null ? void 0 : _a.length) > 0) {
+              const moreDefaultValueSet = designProperty.value.moreDefaultValue2;
+              for (let i = 0; i < moreDefaultValueSet.length; i++) {
+                const dvValue = pageHelperUtil.getValueFromVariable(entity, moreDefaultValueSet[i]);
+                if (dvValue !== void 0 && dvValue !== null && dvValue !== "") {
+                  pageHelperUtil.setVariableValue(entity, dynamicFields2, dvValue);
+                  break;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    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 formatDate(value, formatStr) {
+      if (!value) {
+        return value;
+      }
+      if (formatStr) {
+        if (typeof value === "number" && !isNaN(value) && value.toString().length === 4) {
+          value = value.toString();
+        }
+        try {
+          const convertValue = dayjs_min(value);
+          let value2 = null;
+          if (formatStr === "x") {
+            value2 = convertValue.toDate().getTime();
+          } else {
+            value2 = dayjs_min(value).format(formatStr);
+          }
+          return value2;
+        } catch (e) {
+          console.error("日期值格式化错误", e);
+          console.error(`value: ${value} ,valueFormat: ${designProperty.value.valueFormat}`);
+          return value;
+        }
+      }
+      return value;
+    }
+    if (dynamicFields) {
+      const hisValue = pageHelperUtil.getVariableValue(entity, dynamicFields);
+      const newValue = formatDate(hisValue, designProperty.value.valueFormat);
+      if (hisValue !== newValue) {
+        pageHelperUtil.setVariableValue(entity, dynamicFields, newValue);
+      }
+    }
+    if (dynamicFields2) {
+      const hisValue = pageHelperUtil.getVariableValue(entity, dynamicFields2);
+      const newValue = formatDate(hisValue, designProperty.value.valueFormat);
+      if (hisValue !== newValue) {
+        pageHelperUtil.setVariableValue(entity, dynamicFields2, newValue);
+      }
+    }
+    const dynamicModelMethod = Vue.computed({
+      get() {
+        if (isRange) {
+          const values = [];
+          let value1 = pageHelperUtil.getVariableValue(entity, dynamicFields);
+          values.push(formatDate(value1, designProperty.value.valueFormat));
+          let value2 = pageHelperUtil.getVariableValue(entity, dynamicFields2);
+          values.push(formatDate(value2, designProperty.value.valueFormat));
+          return values;
+        } else {
+          let value1 = pageHelperUtil.getVariableValue(entity, dynamicFields);
+          return formatDate(value1, designProperty.value.valueFormat);
+        }
+      },
+      set(value) {
+        if (isRange) {
+          if (Array.isArray(value)) {
+            pageHelperUtil.setVariableValue(entity, dynamicFields, value[0]);
+            pageHelperUtil.setVariableValue(entity, dynamicFields2, value[1]);
+            requiredClass.value = "";
+          } else if (value === null) {
+            pageHelperUtil.setVariableValue(entity, dynamicFields, null);
+            pageHelperUtil.setVariableValue(entity, dynamicFields2, null);
+          }
+        } else {
+          pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+          if (value !== void 0 && value !== null) {
+            requiredClass.value = "";
+          }
+        }
+      }
+    });
+    const shortcuts = Vue.ref(
+      dateShortcuts.getDateShortCuts(
+        designProperty.value.dateScopeDetails,
+        designProperty.value.sourceType,
+        designProperty.value.dateType
+      )
+    );
+    if (designProperty.value.shortcutsFunc) {
+      const func = eventUtil.getCustomFunc(props.pageContext, designProperty.value.shortcutsFunc);
+      if (func) {
+        let returns = func.apply(func, [
+          {
+            pageContext: props.pageContext,
+            configureObj: props.configure
+          }
+        ]);
+        if (returns) {
+          if (!Array.isArray(returns)) {
+            returns = [returns];
+          }
+          if (!shortcuts.value) {
+            shortcuts.value = [];
+          }
+          for (let r of returns) {
+            if (r.text && r.value) {
+              shortcuts.value.push(r);
+            }
+          }
+        }
+      }
+    }
+    function handleValueFormat(modelField) {
+      const dataType = modelField.dataType;
+      if (pageHelperUtil.isDateDataType(dataType)) {
+        if (designProperty.value.dateType === "year" && designProperty.value.valueFormat === "YYYY") {
+          designProperty.value.valueFormat = "x";
+        } else if (designProperty.value.dateType === "month" && designProperty.value.valueFormat === "YYYY-MM") {
+          designProperty.value.valueFormat = "x";
+        }
+      }
+    }
+    function addRequiredClass() {
+      requiredClass.value = commonUtil.addRequiredClassUtil();
+    }
+    __expose({
+      addRequiredClass
+    });
+    return (_ctx, _cache) => {
+      const _component_el_time_picker = Vue.resolveComponent("el-time-picker");
+      const _component_el_date_picker = Vue.resolveComponent("el-date-picker");
+      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) })
+          }, [
+            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(() => [
+          designProperty.value.dateType == "time" || designProperty.value.dateType == "timerange" ? (Vue.openBlock(), Vue.createBlock(_component_el_time_picker, {
+            key: 0,
+            ref_key: "componentRef",
+            ref: componentRef,
+            "is-range": designProperty.value.dateType == "timerange",
+            style: { "width": "100%" },
+            "range-separator": "-",
+            clearable: designProperty.value.clearable,
+            disabled: designProperty.value.state === "disabled",
+            readonly: designProperty.value.state === "readonly",
+            size: designProperty.value.size,
+            placeholder: designProperty.value.placeholder,
+            "start-placeholder": designProperty.value.placeholder,
+            "end-placeholder": designProperty.value.endPlaceholder ? designProperty.value.endPlaceholder : designProperty.value.placeholder,
+            "unlink-panels": true,
+            format: designProperty.value.format,
+            "value-format": designProperty.value.valueFormat,
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
+            shortcuts: shortcuts.value,
+            type: designProperty.value.dateType,
+            onChange: _cache[1] || (_cache[1] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[2] || (_cache[2] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[3] || (_cache[3] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+            onVisibleChange: _cache[4] || (_cache[4] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "visible-change")),
+            onPanelChange: _cache[5] || (_cache[5] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "panel-change")),
+            onClear: _cache[6] || (_cache[6] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "clear"))
+          }, null, 8, ["is-range", "clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "value-format", "modelValue", "shortcuts", "type"])) : (Vue.openBlock(), Vue.createBlock(_component_el_date_picker, {
+            key: 1,
+            ref_key: "componentRef",
+            ref: componentRef,
+            clearable: designProperty.value.clearable,
+            style: { "width": "100%" },
+            "unlink-panels": true,
+            disabled: designProperty.value.state === "disabled",
+            readonly: designProperty.value.state === "readonly",
+            size: designProperty.value.size,
+            placeholder: designProperty.value.placeholder,
+            "start-placeholder": designProperty.value.placeholder,
+            "end-placeholder": designProperty.value.endPlaceholder ? designProperty.value.endPlaceholder : designProperty.value.placeholder,
+            format: designProperty.value.format,
+            "value-format": designProperty.value.valueFormat,
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => dynamicModelMethod.value = $event),
+            shortcuts: shortcuts.value,
+            type: designProperty.value.dateType,
+            onChange: _cache[8] || (_cache[8] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[9] || (_cache[9] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[10] || (_cache[10] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+            onVisibleChange: _cache[11] || (_cache[11] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "visible-change")),
+            onPanelChange: _cache[12] || (_cache[12] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "panel-change")),
+            onClear: _cache[13] || (_cache[13] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "clear"))
+          }, null, 8, ["clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "value-format", "modelValue", "shortcuts", "type"]))
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/form/dept-tree/depttree-runtime.vue.js

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

package/dist/lib/components/runtime/views/assemblys/form/dept-tree/depttree-runtime.vue2.js

@@ -0,0 +1,176 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-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 pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const commonUtil = require("../../../../utils/common-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "depttree-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const requiredClass = Vue.ref(null);
+    const limitDepartmentInfo = Vue.ref([]);
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    if (!entity.data) {
+      entity.data = {};
+    }
+    const dataModel = entity.data;
+    const pageModel = entity.page;
+    let dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure);
+    const fieldName = dynamicFields.length > 0 ? dynamicFields[dynamicFields.length - 1] : props.configure.uuid;
+    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;
+    if (runtimeInfo.props.deptScope) {
+      if (runtimeInfo.props.deptScope == "field" && runtimeInfo.props.deptScopeField) {
+        setLimitDepartmentInfo();
+        watchDynamicVariable(runtimeInfo.props.deptScopeField, (newVal, oldVal) => {
+          setLimitDepartmentInfo();
+        });
+      } else if (runtimeInfo.props.deptScope == "depts" && runtimeInfo.props.deptScopeCodes) {
+        limitDepartmentInfo.value = runtimeInfo.props.deptScopeCodes.split(",");
+      }
+    }
+    const formItemRef = Vue.ref(null);
+    const componentRef = Vue.ref(null);
+    const titleRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        const value = dataModel ? dataModel[fieldName] : null;
+        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
+        });
+      });
+    });
+    const dynamicModelMethod = Vue.computed({
+      get() {
+        return pageHelperUtil.getVariableValue(entity, dynamicFields);
+      },
+      set(value) {
+        pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+        if (value !== void 0 && value !== null) {
+          requiredClass.value = "";
+        }
+      }
+    });
+    const autoSetFields = designProperty.value.autoSetFields ? designProperty.value.autoSetFields : [];
+    let theLastAuitoSetField = null;
+    if (autoSetFields.length - 1 > 0) {
+      if (autoSetFields[autoSetFields.length - 1] && autoSetFields[autoSetFields.length - 1].model) {
+        theLastAuitoSetField = pageHelperUtil.getFormPropName(autoSetFields[autoSetFields.length - 1].model);
+      }
+    }
+    function changeValue(model, value) {
+      if (theLastAuitoSetField) {
+        if (theLastAuitoSetField === model) {
+          if (dynamicFields.length > 0) {
+            eventUtil.handleFormEvent(pageHelperUtil.getVariableValue(entity, dynamicFields), props.pageContext, props.configure, "change");
+          } else {
+            eventUtil.handleFormEvent(value, props.pageContext, props.configure, "change");
+          }
+        }
+      } else {
+        if (model === fieldName) {
+          eventUtil.handleFormEvent(value, props.pageContext, props.configure, "change");
+        }
+      }
+    }
+    function showTree() {
+      eventUtil.handleFormEvent(null, props.pageContext, props.configure, "click");
+    }
+    function setLimitDepartmentInfo() {
+      const deptScopeFieldValue = pageHelperUtil.getValueFromVariable(props.pageContext.entity, runtimeInfo.props.deptScopeField);
+      if (deptScopeFieldValue) {
+        limitDepartmentInfo.value = deptScopeFieldValue.split(",");
+      } else {
+        limitDepartmentInfo.value = [];
+      }
+    }
+    function watchDynamicVariable(variable, callback) {
+      if (variable.indexOf("${fixed.") === 0) {
+        return;
+      }
+      const match = variable.match(/\${(.*?)}/);
+      if (!match) return;
+      const path = match ? match[1].split(".") : [];
+      if (path && path.length > 0) {
+        Vue.watch(
+          () => path.reduce((obj, key) => obj[key], props.pageContext.entity),
+          (newVal, oldVal) => {
+            callback(newVal, oldVal);
+          }
+        );
+      }
+    }
+    function addRequiredClass() {
+      requiredClass.value = commonUtil.addRequiredClassUtil();
+    }
+    __expose({
+      addRequiredClass
+    });
+    return (_ctx, _cache) => {
+      const _component_OrganizationInput = Vue.resolveComponent("OrganizationInput");
+      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) })
+          }, [
+            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_OrganizationInput, {
+            ref_key: "componentRef",
+            ref: componentRef,
+            disabled: designProperty.value.state == "disabled",
+            multiple: designProperty.value.multiple,
+            treeType: designProperty.value.treeType,
+            value: dynamicModelMethod.value,
+            models: Vue.unref(dataModel),
+            departmentInfo: limitDepartmentInfo.value,
+            limitFilterColumn: designProperty.value.limitFilterColumn,
+            pageModels: Vue.unref(pageModel),
+            fields: Vue.unref(autoSetFields),
+            size: designProperty.value.size,
+            separator: designProperty.value.separator,
+            onSetValue: changeValue,
+            onShowTree: showTree
+          }, null, 8, ["disabled", "multiple", "treeType", "value", "models", "departmentInfo", "limitFilterColumn", "pageModels", "fields", "size", "separator"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,61 @@
+"use strict";
+const Vue = require("vue");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "divider-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const headerStyle = runtimeInfo.headerStyle;
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let contentVariable = designProperty.value["value"];
+    const dynamicValue = Vue.computed(() => {
+      if (!contentVariable) {
+        return "";
+      }
+      const resultValue = pageHelperUtil.formatVariableValue(props.pageContext, contentVariable);
+      return resultValue == void 0 || resultValue == null ? "" : resultValue;
+    });
+    const componentRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        const content = dynamicValue.value;
+        eventUtil.handleAfterInitEvent(
+          content,
+          props.pageContext,
+          props.configure,
+          {
+            componentRef: componentRef.value,
+            value: content,
+            entity: props.pageContext.entity.data,
+            pageData: props.pageContext.entity.page
+          }
+        );
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_el_divider = Vue.resolveComponent("el-divider");
+      return Vue.openBlock(), Vue.createBlock(_component_el_divider, {
+        ref_key: "componentRef",
+        ref: componentRef,
+        direction: designProperty.value.direction,
+        "border-style": designProperty.value.borderType,
+        "content-position": designProperty.value.titlePosition,
+        onClick: _cache[0] || (_cache[0] = ($event) => Vue.unref(eventUtil.handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createElementVNode("div", {
+            style: Vue.normalizeStyle(Vue.unref(headerStyle))
+          }, Vue.toDisplayString(dynamicValue.value), 5)
+        ]),
+        _: 1
+      }, 8, ["direction", "border-style", "content-position"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/form/file-upload/fileupload-runtime.vue.js

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