super-page-runtime 2.0.8 → 2.0.10

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

@@ -0,0 +1,156 @@
+"use strict";
+const Vue = require("vue");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "checkbox-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    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);
+      }
+    });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const listOptions = Vue.ref(designProperty.options ? designProperty.options : []);
+    const cacheOptions = pageHelperUtil.getOptionDatasFromPage(props.pageContext, props.configure);
+    if (cacheOptions.length > 0) {
+      listOptions.value = cacheOptions;
+    }
+    const dataOrigin = props.configure.props && props.configure.props.dataOrigin ? props.configure.props.dataOrigin : {};
+    const valueType = dataOrigin.optionValueSetType;
+    let autoSets = [];
+    if (valueType == "dynamicData" || valueType == "dynamicData" || valueType == "service") {
+      if (dataOrigin.autoSets) {
+        for (let obj of dataOrigin.autoSets) {
+          if (obj.source) {
+            autoSets.push(obj);
+          }
+        }
+      }
+    }
+    if (props.configure && props.configure.props && props.configure.props.base && props.configure.props.base.optionProp) {
+      autoSets.push({
+        source: "label",
+        target: props.configure.props.base.optionProp
+      });
+    }
+    if (autoSets.length > -1) {
+      designProperty.changeMethod = optionChange;
+    }
+    const monitorFields = designProperty.monitorFields;
+    const monitorFieldInfos = [];
+    if (monitorFields) {
+      const preFields = [];
+      for (let propName of monitorFields) {
+        if (propName.startsWith("${")) {
+          propName = propName.substring(2, propName.length - 1);
+          const fields = propName.split(".");
+          if (fields[0] === "page" || fields[0] === "task" || fields[0] === "data") {
+            monitorFieldInfos.push(fields);
+            if (!preFields.includes(fields[0])) {
+              preFields.push(fields[0]);
+            }
+          }
+        }
+      }
+      for (let preField of preFields) {
+        Vue.watch(entity[preField], () => {
+          monitorFieldChange();
+        });
+      }
+    }
+    function getMonitorFieldValues() {
+      let values = "";
+      for (let fieldInfo of monitorFieldInfos) {
+        values += "_" + pageHelperUtil.getVariableValue(entity, fieldInfo);
+      }
+      return values;
+    }
+    let initMonitorValue = getMonitorFieldValues();
+    let monitorTimeout = false;
+    const optionconfigInfo = designProperty.optionconfigInfo ? designProperty.optionconfigInfo : {};
+    function monitorFieldChange() {
+      if (monitorTimeout) {
+        clearTimeout(monitorTimeout);
+      }
+      monitorTimeout = setTimeout(function() {
+        const newValue = getMonitorFieldValues();
+        if (newValue == initMonitorValue) {
+          return;
+        }
+        initMonitorValue = newValue;
+        pageHelperUtil.queryOptionDatasources(props.pageContext, optionconfigInfo, void 0).then((error) => {
+          console.log("查询失败!", error);
+        });
+      }, 200);
+    }
+    function optionChange(value) {
+      let selItems = null;
+      if (listOptions.value && value != void 0 && value != null) {
+        selItems = listOptions.value.filter((item) => {
+          return Array.isArray(value) ? value.includes(item.value) : value === item.value;
+        });
+      }
+      pageHelperUtil.autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
+    }
+    function updateOptions(newOptions) {
+      listOptions.value = newOptions ? newOptions : [];
+    }
+    __expose({
+      updateOptions
+    });
+    return (_ctx, _cache) => {
+      const _component_el_checkbox = Vue.resolveComponent("el-checkbox");
+      const _component_el_checkbox_group = Vue.resolveComponent("el-checkbox-group");
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        "label-width": Vue.unref(designProperty).labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(Vue.unref(designProperty).title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_checkbox_group, {
+            disabled: Vue.unref(designProperty).state === "disabled",
+            size: Vue.unref(designProperty).size,
+            onChange: Vue.unref(designProperty).changeMethod,
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event)
+          }, {
+            default: Vue.withCtx(() => [
+              (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(listOptions.value, (item) => {
+                return Vue.openBlock(), Vue.createBlock(_component_el_checkbox, {
+                  key: item.value,
+                  value: item.value,
+                  label: item.label
+                }, null, 8, ["value", "label"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["disabled", "size", "onChange", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,82 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "datepicker-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    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);
+      }
+    });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    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, {
+        required: Vue.unref(designProperty).required,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        "label-width": Vue.unref(designProperty).labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(Vue.unref(designProperty).title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.unref(designProperty).dateType == "time" || Vue.unref(designProperty).dateType == "timerange" ? (Vue.openBlock(), Vue.createBlock(_component_el_time_picker, {
+            key: 0,
+            "is-range": Vue.unref(designProperty).dateType == "timerange",
+            "range-separator": "-",
+            clearable: Vue.unref(designProperty).clearable,
+            disabled: Vue.unref(designProperty).state === "disabled",
+            readonly: Vue.unref(designProperty).state === "readonly",
+            size: Vue.unref(designProperty).size,
+            placeholder: Vue.unref(designProperty).placeholder,
+            "start-placeholder": Vue.unref(designProperty).placeholder,
+            "end-placeholder": Vue.unref(designProperty).endPlaceholder,
+            format: Vue.unref(designProperty).format,
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
+            shortcuts: Vue.unref(designProperty).shortcuts,
+            type: Vue.unref(designProperty).dateType
+          }, null, 8, ["is-range", "clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "modelValue", "shortcuts", "type"])) : (Vue.openBlock(), Vue.createBlock(_component_el_date_picker, {
+            key: 1,
+            clearable: Vue.unref(designProperty).clearable,
+            disabled: Vue.unref(designProperty).state === "disabled",
+            readonly: Vue.unref(designProperty).state === "readonly",
+            size: Vue.unref(designProperty).size,
+            placeholder: Vue.unref(designProperty).placeholder,
+            "start-placeholder": Vue.unref(designProperty).placeholder,
+            "end-placeholder": Vue.unref(designProperty).endPlaceholder,
+            format: Vue.unref(designProperty).format,
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dynamicModelMethod.value = $event),
+            shortcuts: Vue.unref(designProperty).shortcuts,
+            type: Vue.unref(designProperty).dateType
+          }, null, 8, ["clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "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,64 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js");
+require("../../../../../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js");
+require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/i18n/i18n.js");
+require("../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js");
+require("../../../../utils/global-refs.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "depttree-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    if (!entity.data) {
+      entity.data = {};
+    }
+    const dataModel = entity.data;
+    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 = runtimeInfo.props ? runtimeInfo.props : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const autoSetFields = designProperty.autoSetFields ? designProperty.autoSetFields : [];
+    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, {
+        required: Vue.unref(designProperty).required,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        "label-width": Vue.unref(designProperty).labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(Vue.unref(designProperty).title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_OrganizationInput, {
+            disabled: Vue.unref(designProperty).state == "disabled",
+            multiple: Vue.unref(designProperty).multiple,
+            treeType: Vue.unref(designProperty).treeType,
+            modelValue: Vue.unref(dataModel)[Vue.unref(fieldName)],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.unref(dataModel)[Vue.unref(fieldName)] = $event),
+            models: Vue.unref(dataModel),
+            fields: Vue.unref(autoSetFields),
+            size: Vue.unref(designProperty).size,
+            placeholder: "请选择",
+            separator: Vue.unref(designProperty).separator
+          }, null, 8, ["disabled", "multiple", "treeType", "modelValue", "models", "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,40 @@
+"use strict";
+const Vue = require("vue");
+const pageHelperUtil = require("../../../../utils/page-helper-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 = runtimeInfo.props ? runtimeInfo.props : {};
+    let contentVariable = designProperty.value;
+    const dynamicValue = Vue.computed(() => {
+      if (!contentVariable) {
+        return "";
+      }
+      const resultValue = pageHelperUtil.formatVariableValue(props.pageContext, contentVariable);
+      return resultValue == void 0 || resultValue == null ? "" : resultValue;
+    });
+    return (_ctx, _cache) => {
+      const _component_el_divider = Vue.resolveComponent("el-divider");
+      return Vue.openBlock(), Vue.createBlock(_component_el_divider, {
+        direction: Vue.unref(designProperty).direction,
+        "border-style": Vue.unref(designProperty).borderType,
+        "content-position": Vue.unref(designProperty).titlePosition
+      }, {
+        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;

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

@@ -0,0 +1,74 @@
+"use strict";
+const Vue = require("vue");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "fileupload-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    const propsBase = props.configure.props.base ? props.configure.props.base : {};
+    propsBase.prop;
+    const pathFields = getFieldsByVariable(propsBase.prop);
+    const nameFields = getFieldsByVariable(propsBase.propName);
+    const initNames = pageHelperUtil.getVariableValue(entity, nameFields);
+    const initPaths = pageHelperUtil.getVariableValue(entity, pathFields);
+    const fileInfo = ref({
+      name: initNames ? initNames : "",
+      serverPath: initPaths ? initPaths : ""
+    });
+    Vue.watch(fileInfo, () => {
+      pageHelperUtil.setVariableValue(entity, nameFields, fileInfo.name);
+      pageHelperUtil.setVariableValue(entity, pathFields, fileInfo.serverPath);
+    });
+    function getFieldsByVariable(variableName) {
+      if (!variableName) {
+        return [];
+      }
+      if (variableName.startsWith("${")) {
+        variableName = variableName.substring(2, variableName.length - 1);
+      }
+      return variableName.split(".");
+    }
+    return (_ctx, _cache) => {
+      const _component_FsUploadList = Vue.resolveComponent("FsUploadList");
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        key: 0,
+        required: Vue.unref(designProperty).required,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        "label-width": Vue.unref(designProperty).labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(Vue.unref(designProperty).title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_FsUploadList, {
+            disabled: Vue.unref(designProperty).state == "disabled",
+            fileSetObj: Vue.unref(designProperty).fileSetObj,
+            fileInfo: Vue.unref(fileInfo)
+          }, null, 8, ["disabled", "fileSetObj", "fileInfo"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"])) : (Vue.openBlock(), Vue.createBlock(_component_FsUploadList, {
+        key: 1,
+        disabled: Vue.unref(designProperty).state == "disabled",
+        fileSetObj: Vue.unref(designProperty).fileSetObj,
+        fileInfo: Vue.unref(fileInfo)
+      }, null, 8, ["disabled", "fileSetObj", "fileInfo"]));
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,63 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "input-number-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    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);
+      }
+    });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    return (_ctx, _cache) => {
+      const _component_el_input_number = Vue.resolveComponent("el-input-number");
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        required: Vue.unref(designProperty).required,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        "label-width": Vue.unref(designProperty).labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(Vue.unref(designProperty).title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_input_number, {
+            disabled: Vue.unref(designProperty).state === "disabled",
+            readonly: Vue.unref(designProperty).state === "readonly",
+            controls: Vue.unref(designProperty).showButton,
+            size: Vue.unref(designProperty).size,
+            placeholder: Vue.unref(designProperty).placeholder,
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
+            precision: Vue.unref(designProperty).precision,
+            step: Vue.unref(designProperty).step,
+            min: Vue.unref(designProperty).min,
+            max: Vue.unref(designProperty).max
+          }, null, 8, ["disabled", "readonly", "controls", "size", "placeholder", "modelValue", "precision", "step", "min", "max"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue.js

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

package/dist/lib/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue2.js

@@ -0,0 +1,127 @@
+"use strict";
+const Vue = require("vue");
+const superUi = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js");
+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 _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "inputtext-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    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);
+      }
+    });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    function getValue() {
+      return pageHelperUtil.getVariableValue(entity, dynamicFields);
+    }
+    function setValue(value) {
+      return pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+    }
+    __expose({
+      getValue,
+      setValue
+    });
+    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.createBlock(_component_el_form_item, {
+        required: Vue.unref(designProperty).required ? true : false,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        "label-width": Vue.unref(designProperty).labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(Vue.unref(designProperty).title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_input, {
+            disabled: Vue.unref(designProperty).state === "disabled",
+            readonly: Vue.unref(designProperty).state === "readonly",
+            size: Vue.unref(designProperty).size,
+            clearable: Vue.unref(designProperty).clearable,
+            placeholder: Vue.unref(designProperty).placeholder,
+            maxlength: Vue.unref(designProperty).maxLength,
+            "show-word-limit": Vue.unref(designProperty).showInputNum,
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
+            onInput: _cache[1] || (_cache[1] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "input")),
+            onChange: _cache[2] || (_cache[2] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[3] || (_cache[3] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[4] || (_cache[4] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+            onClick: _cache[5] || (_cache[5] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+          }, Vue.createSlots({ _: 2 }, [
+            Vue.unref(designProperty).iconPosition != "outer" && (Vue.unref(designProperty).preIconType && Vue.unref(designProperty).preIconValue || Vue.unref(designProperty).preText) ? {
+              name: "prefix",
+              fn: Vue.withCtx(() => [
+                Vue.unref(designProperty).preIconType && Vue.unref(designProperty).preIconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(superUi.SuperIcon), {
+                  key: 0,
+                  iconType: Vue.unref(designProperty).preIconType,
+                  iconValue: Vue.unref(designProperty).preIconValue
+                }, null, 8, ["iconType", "iconValue"])) : Vue.createCommentVNode("", true),
+                Vue.createTextVNode(" " + Vue.toDisplayString(Vue.unref(designProperty).preText), 1)
+              ]),
+              key: "0"
+            } : void 0,
+            Vue.unref(designProperty).iconPosition == "outer" && (Vue.unref(designProperty).preIconType && Vue.unref(designProperty).preIconValue || Vue.unref(designProperty).preText) ? {
+              name: "prepend",
+              fn: Vue.withCtx(() => [
+                Vue.unref(designProperty).preIconType && Vue.unref(designProperty).preIconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(superUi.SuperIcon), {
+                  key: 0,
+                  iconType: Vue.unref(designProperty).preIconType,
+                  iconValue: Vue.unref(designProperty).preIconValue
+                }, null, 8, ["iconType", "iconValue"])) : Vue.createCommentVNode("", true),
+                Vue.createTextVNode(" " + Vue.toDisplayString(Vue.unref(designProperty).preText), 1)
+              ]),
+              key: "1"
+            } : void 0,
+            Vue.unref(designProperty).iconPosition != "outer" && (Vue.unref(designProperty).sufIconType && Vue.unref(designProperty).sufIconValue || Vue.unref(designProperty).sufText) ? {
+              name: "suffix",
+              fn: Vue.withCtx(() => [
+                Vue.unref(designProperty).sufIconType && Vue.unref(designProperty).sufIconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(superUi.SuperIcon), {
+                  key: 0,
+                  iconType: Vue.unref(designProperty).sufIconType,
+                  iconValue: Vue.unref(designProperty).sufIconValue
+                }, null, 8, ["iconType", "iconValue"])) : Vue.createCommentVNode("", true),
+                Vue.createTextVNode(" " + Vue.toDisplayString(Vue.unref(designProperty).sufText), 1)
+              ]),
+              key: "2"
+            } : void 0,
+            Vue.unref(designProperty).iconPosition == "outer" && (Vue.unref(designProperty).sufIconType && Vue.unref(designProperty).sufIconValue || Vue.unref(designProperty).sufText) ? {
+              name: "append",
+              fn: Vue.withCtx(() => [
+                Vue.unref(designProperty).sufIconType && Vue.unref(designProperty).sufIconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(superUi.SuperIcon), {
+                  key: 0,
+                  iconType: Vue.unref(designProperty).sufIconType,
+                  iconValue: Vue.unref(designProperty).sufIconValue
+                }, null, 8, ["iconType", "iconValue"])) : Vue.createCommentVNode("", true),
+                Vue.createTextVNode(" " + Vue.toDisplayString(Vue.unref(designProperty).sufText), 1)
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1032, ["disabled", "readonly", "size", "clearable", "placeholder", "maxlength", "show-word-limit", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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