super-page-runtime 2.0.4 → 2.0.9

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

@@ -0,0 +1,127 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const superUi = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js");
+const _hoisted_1 = { style: { "display": "flex", "width": "100%", "justify-content": "space-between" } };
+const _hoisted_2 = { style: { "overflow": "hidden", "white-space": "nowrap" } };
+const _hoisted_3 = {
+  key: 1,
+  style: { "display": "flex", "justify-content": "space-between" }
+};
+const _hoisted_4 = ["title"];
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "label-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 appendClass = runtimeInfo.appendClass;
+    const appendStyle = runtimeInfo.appendStyle;
+    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const listOptions = designProperty.options ? designProperty.options : [];
+    const dataOrigin = props.configure.props && props.configure.props.dataOrigin ? props.configure.props.dataOrigin : {};
+    const valueType = dataOrigin.optionValueSetType;
+    if (valueType == "dynamicData" || valueType == "dynamicData" || valueType == "service") {
+      pageHelperUtil.queryOptions(props.configure, props.pageContext, "").then((results) => {
+        listOptions.value = results;
+      }).catch((error) => {
+        console.log("lable组件查询数据源失败!", error);
+      });
+    }
+    let contentVariable = designProperty.formatting;
+    if (!contentVariable) {
+      const propsBase = props.configure.props.base ? props.configure.props.base : {};
+      contentVariable = propsBase.prop;
+    }
+    if (!contentVariable) {
+      contentVariable = "${page." + props.configure.uuid + "}";
+    }
+    const formatType = designProperty.formatType;
+    const dynamicValue = Vue.computed(() => {
+      let resultValue = pageHelperUtil.formatVariableValue(props.pageContext, contentVariable);
+      console.log("formatType", formatType);
+      if (formatType) {
+        if (designProperty.hasOptions) {
+          let selItems = null;
+          if (listOptions.value) {
+            selItems = listOptions.value.filter((item) => item.value == resultValue);
+          }
+          if (selItems && selItems.length > 0) {
+            resultValue = selItems[0].label;
+          }
+        } else {
+          resultValue = pageHelperUtil.formatValueByType(resultValue, formatType, designProperty);
+        }
+      }
+      return resultValue == void 0 || resultValue == null ? "" : resultValue;
+    });
+    return (_ctx, _cache) => {
+      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 ? 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.createElementVNode("div", _hoisted_1, [
+            Vue.createElementVNode("span", _hoisted_2, [
+              Vue.unref(designProperty).preIconValue || Vue.unref(designProperty).preText ? (Vue.openBlock(), Vue.createElementBlock("span", {
+                key: 0,
+                class: Vue.normalizeClass({ "el-input__suffix": Vue.unref(designProperty).iconPosition != "outer", "el-input-group__append": Vue.unref(designProperty).iconPosition == "outer" }),
+                style: Vue.normalizeStyle(Vue.unref(appendStyle))
+              }, [
+                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)
+              ], 6)) : Vue.createCommentVNode("", true),
+              Vue.createTextVNode("  " + Vue.toDisplayString(dynamicValue.value), 1)
+            ]),
+            Vue.unref(designProperty).sufIconValue || Vue.unref(designProperty).sufText ? (Vue.openBlock(), Vue.createElementBlock("span", {
+              key: 0,
+              class: Vue.normalizeClass({ "el-input__suffix": Vue.unref(designProperty).iconPosition != "outer", "el-input-group__append": Vue.unref(designProperty).iconPosition == "outer" })
+            }, [
+              Vue.unref(designProperty).sufIconType && Vue.unref(designProperty).sufIconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(superUi.SuperIcon), {
+                key: 0,
+                style: {},
+                iconType: Vue.unref(designProperty).sufIconType,
+                iconValue: Vue.unref(designProperty).sufIconValue
+              }, null, 8, ["iconType", "iconValue"])) : Vue.createCommentVNode("", true),
+              Vue.createElementVNode("span", null, " " + Vue.toDisplayString(Vue.unref(designProperty).sufText), 1)
+            ], 2)) : Vue.createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"])) : (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_3, [
+        Vue.createElementVNode("span", {
+          style: { "overflow": "hidden", "white-space": "nowrap" },
+          title: dynamicValue.value
+        }, Vue.toDisplayString(Vue.unref(designProperty).prefixIcon) + " " + Vue.toDisplayString(dynamicValue.value), 9, _hoisted_4),
+        Vue.unref(designProperty).suffixTxt ? (Vue.openBlock(), Vue.createElementBlock("span", {
+          key: 0,
+          class: Vue.normalizeClass(Vue.unref(appendClass)),
+          style: Vue.normalizeStyle(Vue.unref(appendStyle))
+        }, Vue.toDisplayString(Vue.unref(designProperty).suffixTxt), 7)) : Vue.createCommentVNode("", true)
+      ]));
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,77 @@
+"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: "link-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 = runtimeInfo.props ? runtimeInfo.props : {};
+    let contentVariable = designProperty.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;
+    });
+    let tooltipVariable = designProperty.tooltip;
+    const tooltipValue = Vue.computed(() => {
+      const resultValue = pageHelperUtil.formatVariableValue(props.pageContext, tooltipVariable);
+      return resultValue == void 0 || resultValue == null ? "" : resultValue;
+    });
+    return (_ctx, _cache) => {
+      const _component_el_link = Vue.resolveComponent("el-link");
+      const _component_el_tooltip = Vue.resolveComponent("el-tooltip");
+      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_tooltip, {
+            disabled: !tooltipValue.value,
+            content: tooltipValue.value
+          }, {
+            default: Vue.withCtx(() => [
+              Vue.createVNode(_component_el_link, {
+                disabled: Vue.unref(designProperty).state === "disabled",
+                type: Vue.unref(designProperty).type,
+                underline: Vue.unref(designProperty).underline,
+                onClick: _cache[0] || (_cache[0] = ($event) => Vue.unref(pageHelperUtil.openLink)(_ctx.configure, _ctx.pageContext))
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(dynamicValue.value), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "type", "underline"])
+            ]),
+            _: 1
+          }, 8, ["disabled", "content"])
+        ]),
+        _: 1
+      }, 8, ["class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+const Vue = require("vue");
+const _hoisted_1 = /* @__PURE__ */ Vue.createElementVNode("div", { style: { "width": "100%", "height": "100%" } }, " ", -1);
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "placeholder-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    return (_ctx, _cache) => {
+      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)),
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        default: Vue.withCtx(() => [
+          _hoisted_1
+        ]),
+        _: 1
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,157 @@
+"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: "radio-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 == "dataTable" || 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 > 0) {
+      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 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_radio = Vue.resolveComponent("el-radio");
+      const _component_el_radio_group = Vue.resolveComponent("el-radio-group");
+      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_radio_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_radio, {
+                  key: item.value,
+                  value: item.value,
+                  label: item.label
+                }, null, 8, ["value", "label"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["disabled", "size", "onChange", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,164 @@
+"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                                                                                       */
+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 = runtimeInfo.props ? runtimeInfo.props : {};
+    let contentVariable = designProperty.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.placeholder,
+      readOnly: designProperty.state == "readonly"
+    });
+    function updateEditorHeight() {
+      if (quill$1 && 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 imgHandler = (state) => {
+      if (fileBtn.value && state) {
+        fileBtn.value.click();
+      }
+    };
+    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(() => {
+      quill$1.value = new quill.default(quillEditorRef.value, option.value);
+      quill$1.value.getModule("toolbar").addHandler("image", imgHandler);
+      quill$1.value.on("text-change", function(delta, oldDelta, source) {
+        if (window.updateQuillTimeout) {
+          clearTimeout(window.updateQuillTimeout);
+        }
+        window.updateQuillTimeout = setTimeout(function() {
+          pageHelperUtil.setVariableValue(entity, dynamicFields, quill$1.value.root.innerHTML);
+          console.log("new entity", entity);
+        }, 1e3);
+      });
+      updateEditorHeight();
+    });
+    return (_ctx, _cache) => {
+      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.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;