super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/form/rich-text/richtext-attr-base.vue.js

@@ -0,0 +1,305 @@
+"use strict";
+const vue = require("vue");
+const assemblysConfig = require("../../../../utils/assemblys-config.js");
+const commonAttrSize_vue_vue_type_script_setup_true_lang = require("../../common/common-attr-size.vue.js");
+const commonVariableBind = require("../../common/common-variable-bind.vue.js");
+const commonFunctionCode_vue_vue_type_script_setup_true_lang = require("../../common/common-function-code.vue.js");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "richtext-attr-base",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    default: () => ({ props: {} })
+  },
+  setup(__props) {
+    const props = __props;
+    const openCollapseItems = vue.ref(["base"]);
+    function afterBindVariable(modelValue) {
+      props.configure.props.base.prop = modelValue;
+    }
+    function afterBindDefaultValue(modelValue) {
+      props.configure.props.base.defaultValue = modelValue;
+    }
+    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");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_radio = vue.resolveComponent("el-radio");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_collapse_item, {
+                title: "基本",
+                name: "base",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_1, [
+                    vue.createVNode(_component_el_form_item, {
+                      label: "组件类型",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_select, {
+                          modelValue: __props.configure.name,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.name = $event),
+                          placeholder: "请选择"
+                        }, {
+                          default: vue.withCtx(() => [
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(assemblysConfig.getFormComponentOptions)(), (item) => {
+                              return vue.openBlock(), vue.createBlock(_component_el_option, {
+                                key: item.name,
+                                label: item.label,
+                                value: item.name
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "唯一编码",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.uuid,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.uuid = $event),
+                          readonly: "",
+                          title: __props.configure.uuid
+                        }, null, 8, ["modelValue", "title"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "绑定变量",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(commonVariableBind, {
+                          modelValue: __props.configure.props.base.prop,
+                          paramTypes: ["data", "page"],
+                          "onUpdate:modelValue": afterBindVariable
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "默认值",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(commonVariableBind, {
+                          modelValue: __props.configure.props.base.defaultValue,
+                          "onUpdate:modelValue": afterBindDefaultValue
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "绑定权限",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(commonFunctionCode_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "标题显示",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.tittleShow,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.base.tittleShow = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: true }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("显示")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: false }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("隐藏")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "标题",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.title,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.base.title = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.withDirectives(vue.createVNode(_component_el_form_item, {
+                      label: "标题宽度",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input_number, {
+                          modelValue: __props.configure.props.base.titleWidth,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.base.titleWidth = $event),
+                          style: { "width": "100%" },
+                          min: 0,
+                          max: 200,
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }, 512), [
+                      [vue.vShow, __props.configure.props.base.tittleShow]
+                    ]),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "输入提示",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.props.base.placeholder,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.base.placeholder = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "状态",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.state,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.state = $event),
+                          class: "ml-4"
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_radio, { value: "default" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("普通")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_radio, { value: "readonly" }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("只读")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_collapse_item, {
+                title: "校验",
+                name: "verification",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createVNode(_component_el_form_item, {
+                      class: "amb-design-attr-item",
+                      "label-width": "0"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_checkbox, {
+                          modelValue: __props.configure.props.verification.required,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.verification.required = $event),
+                          label: "必填"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      class: "amb-design-attr-item",
+                      "label-width": "0"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_col, { span: 8 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_checkbox, {
+                              label: "自定义",
+                              value: "custom"
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_col, { span: 14 }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_button, null, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("自定义逻辑")
+                              ]),
+                              _: 1
+                            }),
+                            vue.createVNode(_component_el_button, {
+                              icon: _ctx.Search,
+                              circle: ""
+                            }, null, 8, ["icon"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(commonAttrSize_vue_vue_type_script_setup_true_lang, {
+                size: __props.configure.props.size
+              }, null, 8, ["size"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/rich-text/richtext-attr-base.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const richtextAttrBase_vue_vue_type_script_setup_true_lang = require("./richtext-attr-base.vue.js");
+module.exports = richtextAttrBase_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/form/rich-text/richtext-attr-event.vue.js

@@ -0,0 +1,29 @@
+"use strict";
+const vue = require("vue");
+const attrEvent = require("../common/attr-event.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "richtext-attr-event",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const events = props.configure.events;
+    return (_ctx, _cache) => {
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(attrEvent, {
+            configure: __props.configure,
+            events: vue.unref(events)
+          }, null, 8, ["configure", "events"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/rich-text/richtext-attr-event.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const richtextAttrEvent_vue_vue_type_script_setup_true_lang = require("./richtext-attr-event.vue.js");
+module.exports = richtextAttrEvent_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/form/rich-text/richtext-attr-style.vue.js

@@ -0,0 +1,34 @@
+"use strict";
+const vue = require("vue");
+const attrStyle_vue_vue_type_script_setup_true_lang = require("../common/attr-style.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "richtext-attr-style",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: _ctx.openCollapseItems,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.openCollapseItems = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(attrStyle_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/rich-text/richtext-attr-style.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const richtextAttrStyle_vue_vue_type_script_setup_true_lang = require("./richtext-attr-style.vue.js");
+module.exports = richtextAttrStyle_vue_vue_type_script_setup_true_lang;

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

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

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

@@ -0,0 +1,45 @@
+"use strict";
+const vue = require("vue");
+const richtextAttrBase_vue_vue_type_script_setup_true_lang = require("./richtext-attr-base.vue.js");
+const richtextAttrStyle_vue_vue_type_script_setup_true_lang = require("./richtext-attr-style.vue.js");
+const attrHeader = require("../common/attr-header.vue.js");
+const richtextAttrEvent_vue_vue_type_script_setup_true_lang = require("./richtext-attr-event.vue.js");
+const richtextAttrAdvanced_vue_vue_type_script_setup_true_lang = require("./richtext-attr-advanced.vue.js");
+const _hoisted_1 = { class: "amb-design-attr-content" };
+const _hoisted_2 = { class: "amb-design-attr-list" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "richtext-attr",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({ title: "Text", props: { type: "input-text" } })
+      // 设置默认值
+    }
+  },
+  setup(__props) {
+    let currentConfigType = vue.ref("base");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(attrHeader, {
+          modelValue: vue.unref(currentConfigType),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(currentConfigType) ? currentConfigType.value = $event : currentConfigType = $event)
+        }, null, 8, ["modelValue"]),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.withDirectives(vue.createVNode(richtextAttrBase_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "base"]
+          ]),
+          vue.withDirectives(vue.createVNode(richtextAttrStyle_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "style"]
+          ]),
+          vue.withDirectives(vue.createVNode(richtextAttrEvent_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "event"]
+          ]),
+          vue.withDirectives(vue.createVNode(richtextAttrAdvanced_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(currentConfigType) === "advanced"]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,175 @@
+"use strict";
+const vue = require("vue");
+const formDesignUtil = require("../../../../utils/form-design-util.js");
+const Quill = require("quill");
+require("quill/dist/quill.snow.css");
+const _hoisted_1 = { style: { "height": "100%" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "richtext-design",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    if (!props.configure.runtime) {
+      props.configure.runtime = {};
+    }
+    vue.ref(null);
+    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: "",
+      readOnly: false
+    });
+    const designStyle = vue.ref({});
+    const designClass = vue.ref("");
+    const designHeaderStyle = vue.ref({});
+    const designProperty = vue.ref({});
+    const quillStyle = vue.ref({});
+    vue.watch(props.configure.style, () => {
+      formDesignUtil.caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
+      props.configure.runtime.style = designStyle.value;
+      props.configure.runtime.class = designClass.value;
+      props.configure.runtime.headerStyle = designHeaderStyle.value;
+    }, { immediate: true });
+    vue.watch(props.configure.props, () => {
+      formDesignUtil.caculateComponentProps(props.configure, designProperty);
+      let defineProps = props.configure.props ? props.configure.props : {};
+      const propsBase = defineProps.base ? defineProps.base : {};
+      let contentValue = "";
+      if (propsBase.prop) {
+        contentValue = propsBase.prop;
+      } else if (propsBase.defaultValue) {
+        contentValue = propsBase.defaultValue;
+      } else {
+        contentValue = "${page." + props.configure.uuid + "}";
+      }
+      designProperty.value.value = contentValue;
+      caculateEditorHeight();
+      if (quill && quill.value) {
+        quill.value.enable(designProperty.value.state != "readonly");
+        quill.value.root.dataset.placeholder = designProperty.value.placeholder ? designProperty.value.placeholder : "";
+      }
+      props.configure.runtime.props = designProperty.value;
+    }, { immediate: true });
+    function caculateEditorHeight() {
+      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]);
+      backsite.uploadFile(formdata).then((res) => {
+        if (res.data.url) {
+          const quill2 = toRaw(myQuillEditor.value).getQuill();
+          const length = quill2.getSelection().index;
+          quill2.insertEmbed(length, "image", res.data.url);
+          quill2.setSelection(length + 1);
+        }
+      });
+    };
+    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() {
+          console.log("quill.value.root", quill.value.root.innerHTML);
+        }, 1e3);
+      });
+      caculateEditorHeight();
+    });
+    return (_ctx, _cache) => {
+      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([designClass.value, "remove-formLabel-formContent-blankStyle"]),
+        "label-width": designProperty.value.labelWidth,
+        style: vue.normalizeStyle(designStyle.value)
+      }, {
+        label: vue.withCtx(() => [
+          designProperty.value.tittleShow ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            style: vue.normalizeStyle({ ...designHeaderStyle.value, "padding-right": "12px" })
+          }, 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: vue.normalizeStyle({ ...quillStyle.value, "width": "100%" })
+            }, null, 4),
+            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"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/select/select-attr-advanced.vue.js

@@ -0,0 +1,39 @@
+"use strict";
+const vue = require("vue");
+const commonAdvancedBasic_vue_vue_type_script_setup_true_lang = require("../../common/common-advanced-basic.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "select-attr-advanced",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    },
+    default: () => ({ props: {} })
+  },
+  setup(__props) {
+    const openCollapseItems = vue.ref(["base"]);
+    return (_ctx, _cache) => {
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "80px",
+        size: "small"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(commonAdvancedBasic_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/select/select-attr-advanced.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const selectAttrAdvanced_vue_vue_type_script_setup_true_lang = require("./select-attr-advanced.vue.js");
+module.exports = selectAttrAdvanced_vue_vue_type_script_setup_true_lang;