super-page-designer 0.0.2-tmp9 → 1.0.2

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

@@ -0,0 +1,331 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-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 _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _hoisted_2 = {
+  style: { "padding": "8px 0px 0px 0px" },
+  ref: "panels"
+};
+const _hoisted_3 = { style: { "text-align": "center", "margin": "0px -8px", "padding-top": "4px", "padding-left": "2px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "collapse-attr-base",
+  props: {
+    configure: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: [],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    vue.ref([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]);
+    const openCollapseItems = vue.ref(["1", "2", "attrSize"]);
+    function moveTop(rowItem) {
+      let sortIndex = -1;
+      const itemLen = props.configure.items.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (props.configure.items[index].index == rowItem.index) {
+          sortIndex = index;
+          break;
+        }
+      }
+      if (sortIndex < 1) {
+        return;
+      }
+      const items = props.configure.items;
+      [items[sortIndex - 1], items[sortIndex]] = [items[sortIndex], items[sortIndex - 1]];
+    }
+    function moveToBottom(rowItem) {
+      let sortIndex = -1;
+      const itemLen = props.configure.items.length;
+      for (let index = 0; index < itemLen; index++) {
+        if (props.configure.items[index].index == rowItem.index) {
+          sortIndex = index;
+          break;
+        }
+      }
+      if (sortIndex == -1 || props.configure.items.length == sortIndex + 1) {
+        return;
+      }
+      const items = props.configure.items;
+      [items[sortIndex], items[sortIndex + 1]] = [items[sortIndex + 1], items[sortIndex]];
+    }
+    function addPanel(rowItem) {
+      let maxIndex = -1;
+      let currentIndex = -1;
+      props.configure.items.find((item, index) => {
+        if (item.index == rowItem.index) {
+          currentIndex = index;
+        }
+        if (item.index > maxIndex) {
+          maxIndex = item.index;
+        }
+      });
+      if (currentIndex > -1) {
+        props.configure.items.splice(currentIndex + 1, 0, {
+          label: "Panel",
+          index: maxIndex + 1,
+          items: []
+        });
+      }
+    }
+    function deletePanel(rowItem) {
+      if (props.configure.items.length == 1) {
+        alert("必须保留一个Panel!");
+        return;
+      }
+      if (!confirm("确定要删除吗?")) {
+        return;
+      }
+      let delIdnex = -1;
+      for (let index in props.configure.items) {
+        if (props.configure.items[index].index == rowItem.index) {
+          delIdnex = index;
+          break;
+        }
+      }
+      if (delIdnex > -1) {
+        props.configure.items.splice(delIdnex, 1);
+      }
+    }
+    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_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_CommonIconBind = vue.resolveComponent("CommonIconBind");
+      const _component_el_table = vue.resolveComponent("el-table");
+      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 = 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[4] || (_cache[4] = ($event) => openCollapseItems.value = $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", "margin-bottom": "-10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(commonFunctionCode_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_collapse_item, {
+                title: "面板列表",
+                name: "2",
+                class: "amb-design-attr-group-header"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createVNode(_component_el_table, {
+                      data: __props.configure.items,
+                      style: { "width": "100%" },
+                      class: "panelTable"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_table_column, {
+                          label: "",
+                          width: "32"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("div", _hoisted_3, [
+                              vue.createVNode(_component_el_icon, {
+                                size: "14",
+                                style: { "cursor": "pointer" },
+                                onClick: ($event) => moveTop(scope.row)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(vue.unref(iconsVue.Top))
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"]),
+                              vue.createVNode(_component_el_icon, {
+                                size: "14",
+                                style: { "margin-left": "2px", "cursor": "pointer" },
+                                onClick: ($event) => moveToBottom(scope.row)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createVNode(vue.unref(iconsVue.Bottom))
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"])
+                            ])
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          prop: "label",
+                          label: "标题",
+                          width: "110"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createVNode(_component_el_input, {
+                              modelValue: scope.row.label,
+                              "onUpdate:modelValue": ($event) => scope.row.label = $event,
+                              size: "small"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "图标",
+                          width: "70"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createVNode(_component_CommonIconBind, {
+                              iconType: scope.row.iconType,
+                              iconValue: scope.row.iconValue,
+                              "onUpdate:modelValue": (iconType, iconValue) => _ctx.afterBindIcon(scope.row, iconType, iconValue)
+                            }, null, 8, ["iconType", "iconValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "操作",
+                          width: "90"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createVNode(_component_el_icon, {
+                              size: "14",
+                              style: { "color": "#5893EF", "cursor": "pointer", "font-weight": "bold", "margin-right": "8px" },
+                              onClick: ($event) => addPanel(scope.row)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(iconsVue.Plus))
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"]),
+                            vue.createVNode(_component_el_icon, {
+                              size: "14",
+                              style: { "color": "#5893EF", "cursor": "pointer" },
+                              onClick: ($event) => deletePanel(scope.row)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(iconsVue.Delete))
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["data"]),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "手风琴",
+                      style: { "margin-top": "10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: __props.configure.props.accordion,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.accordion = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_form_item, {
+                      label: "默认打开",
+                      style: { "margin-top": "-10px", "margin-bottom": "-10px" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_select, {
+                          modelValue: __props.configure.props.defaultOpens,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.defaultOpens = $event),
+                          placeholder: "默认",
+                          multiple: "true",
+                          "collapse-tags": "true",
+                          clearable: ""
+                        }, {
+                          default: vue.withCtx(() => [
+                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.configure.items, (item) => {
+                              return vue.openBlock(), vue.createBlock(_component_el_option, {
+                                label: item.label,
+                                value: item.index
+                              }, null, 8, ["label", "value"]);
+                            }), 256))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ], 512)
+                ]),
+                _: 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/container/collapse/collapse-attr-base.vue2.js

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

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

@@ -0,0 +1,42 @@
+"use strict";
+const vue = require("vue");
+const commonStyleFontHead_vue_vue_type_script_setup_true_lang = require("../../common/common-style-font-head.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 commonStylePosition_vue_vue_type_script_setup_true_lang = require("../../common/common-style-position.vue.js");
+const commonStyleShadow_vue_vue_type_script_setup_true_lang = require("../../common/common-style-shadow.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "collapse-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(commonStyleMargin_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/collapse/collapse-attr-style.vue2.js

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

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

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

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

@@ -0,0 +1,86 @@
+"use strict";
+const vue = require("vue");
+const collapseAttrBase_vue_vue_type_script_setup_true_lang = require("./collapse-attr-base.vue.js");
+const collapseAttrStyle_vue_vue_type_script_setup_true_lang = require("./collapse-attr-style.vue.js");
+const commonAttrEvents_vue_vue_type_script_setup_true_lang = require("../../common-attr-events.vue.js");
+const collapseAttrAdvanced_vue_vue_type_script_setup_true_lang = require("./collapse-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: "collapse-attr",
+  props: {
+    configure: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: [],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    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(collapseAttrBase_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
+            [vue.vShow, vue.unref(selAsselbyType) == "base"]
+          ]),
+          vue.withDirectives(vue.createVNode(collapseAttrStyle_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(collapseAttrAdvanced_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/collapse/collapse-design.vue.js

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

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

@@ -0,0 +1,159 @@
+"use strict";
+const vue = require("vue");
+const vueDraggablePlus = require("vue-draggable-plus");
+const objectDesign_vue_vue_type_script_setup_true_lang = require("../../object-design.vue.js");
+const agilebuilderUi = require("agilebuilder-ui");
+const commonUtil = require("../../../../utils/common-util.js");
+const containerDesignUtil = require("../../../../utils/container-design-util.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "collapse-design",
+  props: {
+    pageDesign: {},
+    configure: {},
+    indexObj: {},
+    selectWidget: {}
+  },
+  emits: ["onSelectWidget", "onCustomAttrWidget"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    if (!props.configure.items) {
+      props.configure.items = [
+        {
+          label: "Panel",
+          index: 1,
+          items: []
+        },
+        {
+          label: "Panel",
+          items: [],
+          index: 2
+        }
+      ];
+    }
+    const activeName = vue.ref(1);
+    if (!props.configure.runtime) {
+      props.configure.runtime = {};
+    }
+    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);
+      props.configure.runtime.style = designStyle.value;
+      props.configure.runtime.class = designClass.value;
+      props.configure.runtime.headerStyle = designHeaderStyle.value;
+    }
+    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;
+      for (let tIndex = 0; tIndex < items.length; tIndex++) {
+        let pItem = items[tIndex];
+        if (pItem.items) {
+          for (let cIndex = 0; cIndex < pItem.items.length; cIndex++) {
+            pItem.items[cIndex];
+            const index = pItem.items.indexOf(sourceItem);
+            if (index > -1) {
+              const copyObj = vue.reactive(commonUtil.deepCopy(sourceItem));
+              copyObj.uuid = commonUtil.getUuidv4();
+              pItem.items.splice(index, 0, copyObj);
+              return;
+            }
+          }
+        }
+      }
+    }
+    function deleteItem(sourceItem) {
+      let items = props.configure.items;
+      for (let tIndex = 0; tIndex < items.length; tIndex++) {
+        let pItem = items[tIndex];
+        if (pItem.items) {
+          for (let cIndex = 0; cIndex < pItem.items.length; cIndex++) {
+            pItem.items[cIndex];
+            const index = pItem.items.indexOf(sourceItem);
+            if (index > -1) {
+              pItem.items.splice(index, 1);
+              return;
+            }
+          }
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse, {
+        modelValue: activeName.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event),
+        style: vue.normalizeStyle(designStyle.value),
+        class: vue.normalizeClass([designClass.value, "amb-design-item-default"])
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.configure.items, (item, index) => {
+            return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+              name: item.index
+            }, {
+              title: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  style: vue.normalizeStyle([designHeaderStyle.value, { "width": "100%" }])
+                }, [
+                  item.iconType && item.iconValue ? (vue.openBlock(), vue.createBlock(vue.unref(agilebuilderUi.SuperIcon), {
+                    key: 0,
+                    iconType: item.iconType,
+                    iconValue: item.iconValue,
+                    style: { "margin-right": "2px" }
+                  }, null, 8, ["iconType", "iconValue"])) : vue.createCommentVNode("", true),
+                  vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)
+                ], 4)
+              ]),
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(vueDraggablePlus.VueDraggable), {
+                  tag: "div",
+                  class: "amb-design-item-default",
+                  style: { "padding-bottom": "40px" },
+                  group: "amb-assembly-item",
+                  "force-fallback": true,
+                  modelValue: item.items,
+                  "onUpdate:modelValue": ($event) => item.items = $event,
+                  sort: true,
+                  animation: 300,
+                  "ghost-class": "amb-item-ghost",
+                  "fallback-class": true
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.items, (element, itemIndex) => {
+                      return vue.openBlock(), vue.createBlock(objectDesign_vue_vue_type_script_setup_true_lang, {
+                        key: element.uuid,
+                        configure: element,
+                        pageDesign: _ctx.pageDesign,
+                        selectWidget: _ctx.selectWidget,
+                        indexObj: _ctx.indexObj,
+                        onOnSelectWidget: onSelectWidget,
+                        onOnCustomAttrWidget: onCustomAttrWidget,
+                        onOnCopy: copyItem,
+                        onOnDelete: deleteItem
+                      }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj"]);
+                    }), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue"])
+              ]),
+              _: 2
+            }, 1032, ["name"]);
+          }), 256))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "style", "class"]);
+    };
+  }
+});
+module.exports = _sfc_main;