super-page-runtime 2.0.40 → 2.0.43

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

@@ -0,0 +1,236 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+require("../../../../../../node_modules/.pnpm/quill@2.0.2/node_modules/quill/quill.js");
+;/* empty css                                                                                       */
+const eventUtil = require("../../../../utils/events/event-util.js");
+const request = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.28_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js");
+require("../../../../../../node_modules/.pnpm/quill@2.0.2/node_modules/quill/core.js");
+const quill = require("../../../../../../node_modules/.pnpm/quill@2.0.2/node_modules/quill/core/quill.js");
+const _hoisted_1 = { style: { "width": "100%", "height": "100%" } };
+const _hoisted_2 = {
+  key: 1,
+  style: { "width": "100%", "height": "100%" },
+  class: "amb-widget-richtext-single"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "richtext-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    const 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 designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let contentVariable = designProperty.value.value;
+    const initValue = pageHelperUtil.formatVariableValue(props.pageContext, contentVariable);
+    const quillEditorRef = Vue.ref(null);
+    const quill$1 = Vue.ref(null);
+    const fileBtn = Vue.ref(null);
+    const fontSize = [
+      "12px",
+      "13px",
+      "14px",
+      "15px",
+      "16px",
+      "18px",
+      "20px",
+      "24px",
+      "28px",
+      "32px",
+      "36px"
+    ];
+    const option = Vue.ref({
+      modules: {
+        toolbar: [
+          ["bold", "italic", "underline", "strike"],
+          // 加粗 斜体 下划线 删除线
+          ["blockquote", "code-block"],
+          // 引用
+          [{ list: "ordered" }, { list: "bullet" }],
+          // 有序、无序列表
+          [{ script: "sub" }, { script: "super" }],
+          // 上标/下标
+          [{ indent: "-1" }, { indent: "+1" }],
+          // 缩进
+          [{ direction: "rtl" }],
+          // 文本方向
+          [{ size: fontSize }],
+          // 字体大小
+          [{ header: [1, 2, 3, 4, 5, 6, false] }],
+          // 标题
+          [{ color: [] }, { background: [] }],
+          // 字体颜色、字体背景颜色
+          [{ font: [] }],
+          // 字体种类
+          [{ align: [] }],
+          // 对齐方式
+          ["clean"],
+          // 清除文本格式
+          ["link", "image"]
+          // 链接、图片、视频
+        ]
+      },
+      theme: "snow",
+      placeholder: designProperty.value.placeholder,
+      readOnly: designProperty.value.state == "readonly"
+    });
+    function updateEditorHeight() {
+      if (quill$1.value && quill$1.value) {
+        if (quill$1.value.container) {
+          const parentNode = quill$1.value.container.parentNode;
+          const parentRect = parentNode.getBoundingClientRect();
+          const thisRect = quill$1.value.container.getBoundingClientRect();
+          let newHeight = parentRect.height - (thisRect.top - parentRect.top);
+          if (newHeight < 100) {
+            newHeight = 100;
+          }
+          quill$1.value.container.style.height = newHeight + "px";
+        }
+      }
+    }
+    const handleUpload = (e) => {
+      const files = Array.prototype.slice.call(e.target.files);
+      if (!files) {
+        return;
+      }
+      const formdata = new FormData();
+      formdata.append("file", files[0]);
+      alert("TODO:上传图片");
+    };
+    Vue.onMounted(() => {
+      var _a;
+      quill$1.value = new quill.default(quillEditorRef.value, option.value);
+      (_a = quillEditorRef.value) == null ? void 0 : _a.addEventListener("focusout", handleFocusOut);
+      quill$1.value.on("text-change", async function(delta, oldDelta, source) {
+        if (delta.ops && delta.ops.length > 0) {
+          for (let i = 0; i < delta.ops.length; i++) {
+            const ops = delta.ops[i];
+            if (ops.insert && ops.insert.image) {
+              const dataurl = ops.insert.image;
+              if (!dataurl.startsWith("data:image")) {
+                return;
+              }
+              const file = dataURLtoFile(dataurl, "image.png");
+              await uploadImage(file).then((res) => {
+                if (!quill$1.value) {
+                  return;
+                }
+                const images = quill$1.value.root.getElementsByTagName("img");
+                if (images && images.length > 0) {
+                  for (let i2 = 0; i2 < images.length; i2++) {
+                    const img = images[i2];
+                    if (img.src === dataurl) {
+                      img.src = res.url;
+                    }
+                  }
+                }
+              }).catch((err) => {
+                console.error(err, "上传图片失败");
+              });
+            }
+          }
+        }
+        pageHelperUtil.setVariableValue(entity, dynamicFields, quill$1.value.root.innerHTML);
+      });
+      updateEditorHeight();
+    });
+    Vue.onBeforeUnmount(() => {
+      if (quillEditorRef.value) {
+        quillEditorRef.value.removeEventListener("focusout", handleFocusOut);
+      }
+    });
+    function handleFocusOut(event) {
+      var _a;
+      if (event.relatedTarget === null || !((_a = quillEditorRef.value) == null ? void 0 : _a.contains(event.relatedTarget))) {
+        eventUtil.handleEvent(quill$1.value.root.innerHTML, props.pageContext, props.configure, "change", {
+          entity
+        });
+      }
+    }
+    function uploadImage(blob) {
+      const params = new FormData();
+      params.append("file", blob);
+      const config = {
+        headers: {
+          "Content-Type": "multipart/form-data"
+        }
+      };
+      let baseUrl = props.pageContext.backendUrl;
+      if (!baseUrl) {
+        baseUrl = window["$vueApp"].config.globalProperties.baseURL;
+      }
+      return request.post(
+        baseUrl + "/common/fs-upload/rich-editor-image",
+        params,
+        config
+      );
+    }
+    function dataURLtoFile(dataurl, filename) {
+      let arr = dataurl.split(",");
+      let mime = arr[0].match(/:(.*?);/)[1];
+      let bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      return new File([u8arr], filename, { type: mime });
+    }
+    return (_ctx, _cache) => {
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        key: 0,
+        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,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(designProperty.value.title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createElementVNode("div", _hoisted_1, [
+            Vue.createElementVNode("div", {
+              ref_key: "quillEditorRef",
+              ref: quillEditorRef,
+              style: { "width": "100%" }
+            }, Vue.toDisplayString(Vue.unref(initValue)), 513),
+            Vue.createElementVNode("input", {
+              type: "file",
+              hidden: "",
+              accept: ".jpg,.png",
+              ref_key: "fileBtn",
+              ref: fileBtn,
+              onChange: handleUpload
+            }, null, 544)
+          ])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"])) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+        Vue.createElementVNode("div", {
+          ref_key: "quillEditorRef",
+          ref: quillEditorRef,
+          style: { "width": "100%" }
+        }, Vue.toDisplayString(Vue.unref(initValue)), 513),
+        Vue.createElementVNode("input", {
+          type: "file",
+          hidden: "",
+          accept: ".jpg,.png",
+          ref_key: "fileBtn",
+          ref: fileBtn,
+          onChange: handleUpload
+        }, null, 544)
+      ]));
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,204 @@
+"use strict";
+const Vue = require("vue");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const _hoisted_1 = { style: { "float": "left" } };
+const _hoisted_2 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "select-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 = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const listOptions = Vue.ref(designProperty.value.options ? designProperty.value.options : []);
+    const cacheOptions = pageHelperUtil.getOptionDatasFromPage(props.pageContext, props.configure);
+    if (cacheOptions.length > 0) {
+      listOptions.value = cacheOptions;
+    }
+    const queryLoadingFlag = Vue.ref(false);
+    const dataOrigin = props.configure.props && props.configure.props.dataOrigin ? props.configure.props.dataOrigin : {};
+    const valueType = dataOrigin.optionValueSetType;
+    let autoSets = [];
+    const optionconfigInfo = designProperty.value.optionconfigInfo ? designProperty.value.optionconfigInfo : {};
+    if (valueType == "dynamicData" || valueType == "dataTable" || valueType == "service") {
+      if (dataOrigin.filterType == "remote") {
+        designProperty.value.filterable = true;
+        designProperty.value.remote = true;
+        designProperty.value.remoteShowSuffix = true;
+        let hisQuery = void 0;
+        designProperty.value.remoteMethod = function(query) {
+          if (hisQuery === query) {
+            return;
+          }
+          hisQuery = query;
+          queryLoadingFlag.value = true;
+          console.log("query", query);
+          pageHelperUtil.queryOptionDatasources(props.pageContext, optionconfigInfo, query).then((results) => {
+            queryLoadingFlag.value = false;
+          }).then((error) => {
+            console.log("查询失败!", error);
+            queryLoadingFlag.value = false;
+          });
+        };
+      }
+      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
+      });
+    }
+    designProperty.value.changeMethod = optionChange;
+    const monitorFields = designProperty.value.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;
+    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);
+          queryLoadingFlag.value = false;
+        });
+      }, 200);
+    }
+    function optionChange(value) {
+      if (autoSets.length > 0) {
+        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);
+      }
+      eventUtil.handleEvent(value, props.pageContext, props.configure, "change");
+    }
+    function updateOptions(newOptions) {
+      listOptions.value = newOptions ? newOptions : [];
+      console.log("updateOptions", newOptions);
+    }
+    __expose({
+      updateOptions
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = Vue.resolveComponent("el-option");
+      const _component_el_select = Vue.resolveComponent("el-select");
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        required: designProperty.value.required ? true : false,
+        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,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(designProperty.value.title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_select, {
+            disabled: designProperty.value.state === "disabled",
+            size: designProperty.value.size,
+            clearable: designProperty.value.clearable,
+            multiple: designProperty.value.multiple,
+            "collapse-tags": designProperty.value.collapseTags,
+            "collapse-tags-tooltip": designProperty.value.collapseTagsTooltip,
+            filterable: designProperty.value.filterable,
+            "allow-create": designProperty.value.allowCreate,
+            placeholder: designProperty.value.placeholder,
+            "remote-show-suffix": designProperty.value.remoteShowSuffix,
+            remote: designProperty.value.remote,
+            "remote-method": designProperty.value.remoteMethod,
+            loading: queryLoadingFlag.value,
+            onChange: designProperty.value.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_option, {
+                  key: item.value,
+                  label: item.label,
+                  value: item.value,
+                  onClick: ($event) => Vue.unref(eventUtil.handleEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
+                }, {
+                  default: Vue.withCtx(() => [
+                    item._description_ ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
+                      Vue.createElementVNode("span", _hoisted_1, Vue.toDisplayString(item.label), 1),
+                      Vue.createElementVNode("span", _hoisted_2, Vue.toDisplayString(item._description_), 1)
+                    ], 64)) : Vue.createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1032, ["label", "value", "onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["disabled", "size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "remote-show-suffix", "remote", "remote-method", "loading", "onChange", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,41 @@
+"use strict";
+const Vue = require("vue");
+const superUi = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.28_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.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;
+    __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(superUi.SuperIcon), {
+            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(_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,65 @@
+"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 _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "switch-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 = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const switchStyle = runtimeInfo.switchStyle;
+    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, {
+        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,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(designProperty.value.title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_switch, {
+            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.handleEvent)($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,66 @@
+"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 _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "tag-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    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 designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let contentVariable = designProperty.value.formatting;
+    if (!contentVariable) {
+      const propsBase = props.configure.props.base ? props.configure.props.base : {};
+      contentVariable = propsBase.prop;
+    }
+    if (!contentVariable) {
+      contentVariable = "${page." + props.configure.uuid + "}";
+    }
+    const dynamicValue = Vue.computed(() => {
+      const resultValue = pageHelperUtil.formatVariableValue(props.pageContext, contentVariable);
+      return resultValue == void 0 || resultValue == null ? "" : resultValue;
+    });
+    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, {
+        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,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(designProperty.value.title), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_tag, {
+            size: designProperty.value.size,
+            closable: designProperty.value.closable,
+            type: designProperty.value.type,
+            onClose: _cache[0] || (_cache[0] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "remove")),
+            onClick: _cache[1] || (_cache[1] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createTextVNode(Vue.toDisplayString(dynamicValue.value), 1)
+            ]),
+            _: 1
+          }, 8, ["size", "closable", "type"])
+        ]),
+        _: 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;