super-page-designer 0.0.2-tmp9 → 1.0.2

package/dist/lib/components/design/views/assemblys/container/card/card-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: "card-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/container/card/card-attr-advanced.vue2.js

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

package/dist/lib/components/design/views/assemblys/container/card/card-attr-base.vue.js

@@ -0,0 +1,219 @@
+"use strict";
+const vue = require("vue");
+const commonAttrSize_vue_vue_type_script_setup_true_lang = require("../../common/common-attr-size.vue.js");
+const commonFunctionCode_vue_vue_type_script_setup_true_lang = require("../../common/common-function-code.vue.js");
+const commonIconBind_vue_vue_type_script_setup_true_lang = require("../../common/common-icon-bind.vue.js");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "card-attr-base",
+  props: {
+    configure: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const openCollapseItems = ["1", "attrSize"];
+    function afterBindIcon(iconType, iconValue) {
+      props.configure.props.iconType = iconType;
+      props.configure.props.iconValue = iconValue;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_text = vue.resolveComponent("el-text");
+      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_switch = vue.resolveComponent("el-switch");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      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,
+            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => openCollapseItems = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_collapse_item, {
+                title: "基本",
+                name: "1",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_1, [
+                    vue.createVNode(_component_el_form_item, { label: "组件类型" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_text, null, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(vue.toDisplayString(__props.configure.label) + "(" + vue.toDisplayString(__props.configure.name) + ")", 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "唯一编码",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.uuid,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.uuid = $event),
+                          readonly: "",
+                          title: __props.configure.uuid
+                        }, null, 8, ["modelValue", "title"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "自定义编码",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: __props.configure.code,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.code = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "绑定权限",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      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: "标题显示",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      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.withDirectives(vue.createVNode(_component_el_form_item, {
+                      label: "标题",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      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
+                    }, 512), [
+                      [vue.vShow, __props.configure.props.base.tittleShow]
+                    ]),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "标题图标",
+                      style: { "margin-top": "-10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(commonIconBind_vue_vue_type_script_setup_true_lang, {
+                          iconType: __props.configure.props.iconType,
+                          iconValue: __props.configure.props.iconValue,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = (iconType, iconValue) => afterBindIcon(iconType, iconValue))
+                        }, null, 8, ["iconType", "iconValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "Flex布局",
+                      style: { "margin-top": "-10px", "margin-bottom": "-10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: __props.configure.props.isFlex,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.isFlex = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    __props.configure.props.isFlex ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: "水平对齐",
+                      style: { "margin-bottom": "-10px", "margin-top": "18px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_select, {
+                          modelValue: __props.configure.props.flexJustify,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.flexJustify = $event),
+                          placeholder: "默认",
+                          clearable: ""
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_option, {
+                              label: "start",
+                              value: "start"
+                            }),
+                            vue.createVNode(_component_el_option, {
+                              label: "center",
+                              value: "center"
+                            }),
+                            vue.createVNode(_component_el_option, {
+                              label: "space-between",
+                              value: "space-between"
+                            }),
+                            vue.createVNode(_component_el_option, {
+                              label: "space-around",
+                              value: "space-around"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : vue.createCommentVNode("", true)
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(commonAttrSize_vue_vue_type_script_setup_true_lang, {
+                size: __props.configure.props.size
+              }, null, 8, ["size"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/container/card/card-attr-base.vue2.js

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

package/dist/lib/components/design/views/assemblys/container/card/card-attr-style.vue.js

@@ -0,0 +1,46 @@
+"use strict";
+const vue = require("vue");
+const commonStylePadding_vue_vue_type_script_setup_true_lang = require("../../common/common-style-padding.vue.js");
+const commonStyleBackground_vue_vue_type_script_setup_true_lang = require("../../common/common-style-background.vue.js");
+const commonStyleCustom_vue_vue_type_script_setup_true_lang = require("../../common/common-style-custom.vue.js");
+const commonStyleMargin_vue_vue_type_script_setup_true_lang = require("../../common/common-style-margin.vue.js");
+const commonStyleBorder_vue_vue_type_script_setup_true_lang = require("../../common/common-style-border.vue.js");
+const commonStyleShadow_vue_vue_type_script_setup_true_lang = require("../../common/common-style-shadow.vue.js");
+const commonStylePosition_vue_vue_type_script_setup_true_lang = require("../../common/common-style-position.vue.js");
+const commonStyleFontHead_vue_vue_type_script_setup_true_lang = require("../../common/common-style-font-head.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "card-attr-style",
+  props: {
+    configure: Object
+  },
+  setup(__props) {
+    const openCollapseItems = ["styleFontHead"];
+    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" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: openCollapseItems,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems = $event),
+            style: { "margin-top": "6px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(commonStyleFontHead_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStyleBackground_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStyleMargin_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStylePadding_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStyleBorder_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStyleShadow_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStylePosition_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]),
+              vue.createVNode(commonStyleCustom_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/container/card/card-attr-style.vue2.js

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

package/dist/lib/components/design/views/assemblys/container/card/card-attr.vue.js

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

package/dist/lib/components/design/views/assemblys/container/card/card-attr.vue2.js

@@ -0,0 +1,92 @@
+"use strict";
+const vue = require("vue");
+const cardAttrBase_vue_vue_type_script_setup_true_lang = require("./card-attr-base.vue.js");
+const cardAttrStyle_vue_vue_type_script_setup_true_lang = require("./card-attr-style.vue.js");
+const commonAttrEvents_vue_vue_type_script_setup_true_lang = require("../../common-attr-events.vue.js");
+const cardAttrAdvanced_vue_vue_type_script_setup_true_lang = require("./card-attr-advanced.vue.js");
+const _hoisted_1 = { class: "amb-design-attr-content" };
+const _hoisted_2 = { class: "amb-design-attr-header" };
+const _hoisted_3 = { class: "amb-design-attr-header-type" };
+const _hoisted_4 = { class: "amb-design-attr-list" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "card-attr",
+  props: {
+    configure: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: [],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    if (props.configure.props == void 0) {
+      props.configure.props = {};
+    }
+    if (props.configure.props.title == void 0) {
+      props.configure.props.title = "标题";
+    }
+    let selAsselbyType = vue.ref("base");
+    if (props.configure.events == void 0) {
+      props.configure.events = [];
+    }
+    const selEventCount = vue.ref(0);
+    caculateSelEventCount();
+    function caculateSelEventCount() {
+      const allEvents = props.configure.events;
+      for (let index = 0; index < allEvents.length; index++) {
+        if (allEvents[index].selLogicCode) {
+          selEventCount.value++;
+        }
+      }
+    }
+    vue.watch(props.configure.events, (newValue) => {
+      caculateSelEventCount();
+    });
+    return (_ctx, _cache) => {
+      const _component_el_badge = vue.resolveComponent("el-badge");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass({ "selected": vue.unref(selAsselbyType) == "base" }),
+              onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(selAsselbyType) ? selAsselbyType.value = "base" : selAsselbyType = "base")
+            }, "属性", 2),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass({ "selected": vue.unref(selAsselbyType) == "style" }),
+              onClick: _cache[1] || (_cache[1] = ($event) => vue.isRef(selAsselbyType) ? selAsselbyType.value = "style" : selAsselbyType = "style")
+            }, "样式", 2),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass({ "selected": vue.unref(selAsselbyType) == "event" }),
+              onClick: _cache[2] || (_cache[2] = ($event) => vue.isRef(selAsselbyType) ? selAsselbyType.value = "event" : selAsselbyType = "event")
+            }, [
+              vue.createTextVNode(" 事件 "),
+              selEventCount.value > 0 ? (vue.openBlock(), vue.createBlock(_component_el_badge, {
+                key: 0,
+                value: selEventCount.value
+              }, null, 8, ["value"])) : vue.createCommentVNode("", true)
+            ], 2),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass({ "selected": vue.unref(selAsselbyType) == "advanced" }),
+              onClick: _cache[3] || (_cache[3] = ($event) => vue.isRef(selAsselbyType) ? selAsselbyType.value = "advanced" : selAsselbyType = "advanced")
+            }, "高级", 2)
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.withDirectives(vue.createVNode(cardAttrBase_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(selAsselbyType) == "base"]
+          ]),
+          vue.withDirectives(vue.createVNode(cardAttrStyle_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(selAsselbyType) == "style"]
+          ]),
+          vue.withDirectives(vue.createVNode(commonAttrEvents_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(selAsselbyType) == "event"]
+          ]),
+          vue.withDirectives(vue.createVNode(cardAttrAdvanced_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(selAsselbyType) == "advanced"]
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/container/card/card-design.vue.js

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

package/dist/lib/components/design/views/assemblys/container/card/card-design.vue2.js

@@ -0,0 +1,141 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const vueDraggablePlus = require("vue-draggable-plus");
+const objectDesign_vue_vue_type_script_setup_true_lang = require("../../object-design.vue.js");
+const commonUtil = require("../../../../utils/common-util.js");
+const containerDesignUtil = require("../../../../utils/container-design-util.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "card-design",
+  props: {
+    pageDesign: {},
+    configure: {},
+    indexObj: {},
+    selectWidget: {}
+  },
+  emits: ["onSelectWidget", "onCustomAttrWidget"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    if (!props.configure.items) {
+      props.configure.items = [];
+    }
+    const designStyle = vue.ref({});
+    const designClass = vue.ref("");
+    const designHeaderStyle = vue.ref({});
+    caculateThisStyle();
+    vue.watch(props.configure.style, () => {
+      caculateThisStyle();
+    });
+    function caculateThisStyle() {
+      containerDesignUtil.caculateComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
+      if (!props.configure.runtime) {
+        props.configure.runtime = {};
+      }
+      props.configure.runtime.style = designStyle.value;
+      props.configure.runtime.class = designClass.value;
+      props.configure.runtime.headerStyle = designHeaderStyle.value;
+    }
+    const contentClass = vue.ref("");
+    if (props.configure.props == void 0) {
+      props.configure.props = {};
+    }
+    caculateContentClass();
+    vue.watch(props.configure.props, () => {
+      caculateContentClass();
+    });
+    function caculateContentClass() {
+      const thisProps = props.configure.props;
+      if (thisProps.isFlex) {
+        contentClass.value = "el-row";
+        if (thisProps.flexJustify) {
+          contentClass.value += " is-justify-" + thisProps.flexJustify;
+        }
+      } else {
+        contentClass.value = "";
+      }
+      props.configure.runtime.contentClass = contentClass.value;
+    }
+    const ambDragParent = vue.ref(null);
+    vueDraggablePlus.useDraggable(ambDragParent, props.configure.items, {
+      group: {
+        name: "amb-assembly-item"
+      },
+      animation: 300,
+      ghostClass: "amb-item-ghost",
+      forceFallback: true
+    });
+    const $emits = __emit;
+    function onSelectWidget(selIndex, selConfigure) {
+      $emits("onSelectWidget", selIndex, selConfigure);
+    }
+    function onCustomAttrWidget(itemConfigure, itemAttrComponent) {
+      $emits("onCustomAttrWidget", itemConfigure, itemAttrComponent);
+    }
+    function copyItem(sourceItem) {
+      let items = props.configure.items;
+      const index = items.indexOf(sourceItem);
+      if (index > -1) {
+        const copyObj = vue.reactive(commonUtil.deepCopy(sourceItem));
+        copyObj.uuid = commonUtil.getUuidv4();
+        items.splice(index, 0, copyObj);
+      }
+    }
+    function deleteItem(sourceItem) {
+      let items = props.configure.items;
+      const index = items.indexOf(sourceItem);
+      if (index > -1) {
+        items.splice(index, 1);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_SuperIcon = vue.resolveComponent("SuperIcon");
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCard), {
+        class: vue.normalizeClass(["amb-design-item-default", designClass.value]),
+        style: vue.normalizeStyle(designStyle.value)
+      }, vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            ref_key: "ambDragParent",
+            ref: ambDragParent,
+            class: vue.normalizeClass(["amb-design-item-default", contentClass.value]),
+            style: { "padding-bottom": "40px" }
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.configure.items, (element, itemIndex) => {
+              return vue.openBlock(), vue.createBlock(objectDesign_vue_vue_type_script_setup_true_lang, {
+                key: element,
+                pageDesign: _ctx.pageDesign,
+                configure: element,
+                selectWidget: _ctx.selectWidget,
+                indexObj: _ctx.indexObj,
+                onOnSelectWidget: onSelectWidget,
+                onOnCustomAttrWidget: onCustomAttrWidget,
+                onOnCopy: copyItem,
+                onOnDelete: deleteItem
+              }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]);
+            }), 128))
+          ], 2)
+        ]),
+        _: 2
+      }, [
+        _ctx.configure.props.base.tittleShow ? {
+          name: "header",
+          fn: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              style: vue.normalizeStyle(designHeaderStyle.value)
+            }, [
+              _ctx.configure.props.iconType && _ctx.configure.props.iconValue ? (vue.openBlock(), vue.createBlock(_component_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)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["style", "class"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/container/collapse/collapse-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: "collapse-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/container/collapse/collapse-attr-advanced.vue2.js

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