super-page-runtime 0.0.1-tmp2

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

@@ -0,0 +1,133 @@
+"use strict";
+const vue = require("vue");
+const pageInitUtil = require("../../../../../src/utils/page-init-util.js");
+const pageHelperUtil = require("../../../../../src/utils/page-helper-util.js");
+const agilebuilderUi = require("agilebuilder-ui");
+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(agilebuilderUi.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(agilebuilderUi.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/lib/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/lib/runtime/views/assemblys/form/link/link-runtime.vue2.js

@@ -0,0 +1,77 @@
+"use strict";
+const vue = require("vue");
+const pageInitUtil = require("../../../../../src/utils/page-init-util.js");
+const pageHelperUtil = require("../../../../../src/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/lib/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/lib/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/lib/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/lib/runtime/views/assemblys/form/radio/radio-runtime.vue2.js

@@ -0,0 +1,157 @@
+"use strict";
+const vue = require("vue");
+const pageHelperUtil = require("../../../../../src/utils/page-helper-util.js");
+const pageInitUtil = require("../../../../../src/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/lib/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/lib/runtime/views/assemblys/form/rich-text/richtext-runtime.vue2.js

@@ -0,0 +1,174 @@
+"use strict";
+const vue = require("vue");
+const pageInitUtil = require("../../../../../src/utils/page-init-util.js");
+const pageHelperUtil = require("../../../../../src/utils/page-helper-util.js");
+const Quill = require("quill");
+require("quill/dist/quill.snow.css");
+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 = 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 && quill.value) {
+        if (quill.value.container) {
+          const parentNode = quill.value.container.parentNode;
+          const parentRect = parentNode.getBoundingClientRect();
+          const thisRect = quill.value.container.getBoundingClientRect();
+          let newHeight = parentRect.height - (thisRect.top - parentRect.top);
+          if (newHeight < 100) {
+            newHeight = 100;
+          }
+          quill.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.value = new Quill(quillEditorRef.value, option.value);
+      quill.value.getModule("toolbar").addHandler("image", imgHandler);
+      quill.value.on("text-change", function(delta, oldDelta, source) {
+        if (window.updateQuillTimeout) {
+          clearTimeout(window.updateQuillTimeout);
+        }
+        window.updateQuillTimeout = setTimeout(function() {
+          pageHelperUtil.setVariableValue(entity, dynamicFields, quill.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/lib/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;