super-page-designer 1.2.6 → 2.0.4

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

@@ -1,157 +0,0 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const agilebuilderUi = require("agilebuilder-ui");
-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: "tabs-design",
-  props: {
-    pageDesign: {},
-    configure: {},
-    indexObj: {},
-    selectWidget: {}
-  },
-  emits: ["onSelectWidget", "onCustomAttrWidget"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    if (!props.configure.items) {
-      props.configure.items = [
-        {
-          label: "Tab1",
-          index: 1,
-          items: []
-        },
-        {
-          label: "Tab2",
-          index: 2,
-          items: []
-        }
-      ];
-    }
-    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++) {
-            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++) {
-            const index = pItem.items.indexOf(sourceItem);
-            if (index > -1) {
-              pItem.items.splice(index, 1);
-              return;
-            }
-          }
-        }
-      }
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTabs), {
-        modelValue: activeName.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event),
-        type: _ctx.configure.props.cardType,
-        "tab-position": _ctx.configure.props.tabPosition,
-        class: vue.normalizeClass(["amb-design-item-default", designClass.value]),
-        style: vue.normalizeStyle(designStyle.value)
-      }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.configure.items, (item, index) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTabPane), {
-              label: item.label,
-              name: item.index
-            }, {
-              label: vue.withCtx(() => [
-                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.createElementVNode("span", {
-                  style: vue.normalizeStyle(designHeaderStyle.value)
-                }, vue.toDisplayString(item.label), 5)
-              ]),
-              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",
-                  fallbackClass: 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,
-                        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
-                }, 1032, ["modelValue", "onUpdate:modelValue"])
-              ]),
-              _: 2
-            }, 1032, ["label", "name"]);
-          }), 256))
-        ]),
-        _: 1
-      }, 8, ["modelValue", "type", "tab-position", "style", "class"]);
-    };
-  }
-});
-module.exports = _sfc_main;

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

@@ -1,164 +0,0 @@
-"use strict";
-const vue = require("vue");
-const commonAttrSize_vue_vue_type_script_setup_true_lang = require("../../common/common-attr-size.vue.js");
-const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "tools-attr-base",
-  props: {
-    configure: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const openCollapseItems = vue.ref(["1", "attrSize"]);
-    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_button = vue.resolveComponent("el-radio-button");
-      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
-      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.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(_component_el_radio_group, {
-                          modelValue: __props.configure.props.position,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.position = $event)
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(_component_el_radio_button, { value: "default" }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode("默认")
-                              ]),
-                              _: 1
-                            }),
-                            vue.createVNode(_component_el_radio_button, { value: "top" }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode("顶部")
-                              ]),
-                              _: 1
-                            }),
-                            vue.createVNode(_component_el_radio_button, { value: "bottom" }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode("底部")
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    vue.createVNode(_component_el_form_item, {
-                      label: "居中方式",
-                      style: { "margin-top": "20px" }
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_el_radio_group, {
-                          modelValue: __props.configure.props.align,
-                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.align = $event)
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(_component_el_radio_button, { value: "left" }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode("居左")
-                              ]),
-                              _: 1
-                            }),
-                            vue.createVNode(_component_el_radio_button, { value: "center" }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode("居中")
-                              ]),
-                              _: 1
-                            }),
-                            vue.createVNode(_component_el_radio_button, { value: "flex-end" }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode("居右")
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
-                      ]),
-                      _: 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/container/tools/tools-attr-base.vue2.js

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

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

@@ -1,45 +0,0 @@
-"use strict";
-const vue = require("vue");
-const commonStyleBackground_vue_vue_type_script_setup_true_lang = require("../../common/common-style-background.vue.js");
-const commonStyleMargin_vue_vue_type_script_setup_true_lang = require("../../common/common-style-margin.vue.js");
-const commonStylePadding_vue_vue_type_script_setup_true_lang = require("../../common/common-style-padding.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 commonStyleCustom_vue_vue_type_script_setup_true_lang = require("../../common/common-style-custom.vue.js");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "tools-attr-style",
-  props: {
-    configure: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const openCollapseItems = vue.ref(["styleBackground"]);
-    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.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
-            style: { "margin-top": "6px" }
-          }, {
-            default: vue.withCtx(() => [
-              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(commonStyleCustom_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/tools/tools-attr-style.vue2.js

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

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

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

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

@@ -1,113 +0,0 @@
-"use strict";
-const vue = require("vue");
-const toolsAttrBase_vue_vue_type_script_setup_true_lang = require("./tools-attr-base.vue.js");
-const toolsAttrStyle_vue_vue_type_script_setup_true_lang = require("./tools-attr-style.vue.js");
-const commonAttrEvents_vue_vue_type_script_setup_true_lang = require("../../common-attr-events.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: "tools-attr",
-  props: {
-    configure: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    if (props.configure.props == void 0) {
-      props.configure.props = {};
-    }
-    if (props.configure.props.title == void 0) {
-      props.configure.props.title = "标题";
-    }
-    const typeBaseClass = vue.ref("selected");
-    const typeStyleClass = vue.ref("");
-    const typeEventClass = vue.ref("");
-    const typeAdviceClass = vue.ref("");
-    function changeType(typeName) {
-      if (typeName == "base") {
-        typeBaseClass.value = "selected";
-        typeStyleClass.value = "";
-        typeEventClass.value = "";
-        typeAdviceClass.value = "";
-      } else if (typeName == "style") {
-        typeBaseClass.value = "";
-        typeStyleClass.value = "selected";
-        typeEventClass.value = "";
-        typeAdviceClass.value = "";
-      } else if (typeName == "event") {
-        typeBaseClass.value = "";
-        typeStyleClass.value = "";
-        typeEventClass.value = "selected";
-        typeAdviceClass.value = "";
-      } else {
-        typeBaseClass.value = "";
-        typeStyleClass.value = "";
-        typeEventClass.value = "";
-        typeAdviceClass.value = "selected";
-      }
-    }
-    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(typeBaseClass.value),
-              onClick: _cache[0] || (_cache[0] = ($event) => changeType("base"))
-            }, "属性", 2),
-            vue.createElementVNode("label", {
-              class: vue.normalizeClass(typeStyleClass.value),
-              onClick: _cache[1] || (_cache[1] = ($event) => changeType("style"))
-            }, "样式", 2),
-            vue.createElementVNode("label", {
-              class: vue.normalizeClass(typeEventClass.value),
-              onClick: _cache[2] || (_cache[2] = ($event) => changeType("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(typeAdviceClass.value),
-              onClick: _cache[3] || (_cache[3] = ($event) => changeType("advice"))
-            }, "高级", 2)
-          ])
-        ]),
-        vue.createElementVNode("div", _hoisted_4, [
-          vue.withDirectives(vue.createVNode(toolsAttrBase_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vue.vShow, typeBaseClass.value]
-          ]),
-          vue.withDirectives(vue.createVNode(toolsAttrStyle_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vue.vShow, typeStyleClass.value]
-          ]),
-          vue.withDirectives(vue.createVNode(commonAttrEvents_vue_vue_type_script_setup_true_lang, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vue.vShow, typeEventClass.value]
-          ])
-        ])
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

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

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

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

@@ -1,168 +0,0 @@
-"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 commonUtil = require("../../../../utils/common-util.js");
-const containerDesignUtil = require("../../../../utils/container-design-util.js");
-const _hoisted_1 = {
-  class: "amb-widget-tools-parent",
-  style: { "width": "99.5%" }
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "tools-design",
-  props: {
-    pageDesign: {},
-    configure: {},
-    indexObj: {},
-    selectWidget: {}
-  },
-  emits: ["onSelectWidget", "onCustomAttrWidget"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    if (!props.configure.items) {
-      props.configure.items = [];
-    }
-    if (props.configure.style == void 0) {
-      props.configure.style = {};
-    }
-    if (props.configure.props == void 0) {
-      props.configure.props = {};
-    }
-    if (!props.configure.runtime) {
-      props.configure.runtime = {};
-    }
-    const designStyle = vue.ref({});
-    const designClass = vue.ref("");
-    vue.watch(props.configure.style, () => {
-      caculateToolsStyle();
-    });
-    vue.watch(props.configure.props, () => {
-      caculateToolsStyle();
-    });
-    const thisRef = vue.ref(null);
-    vueDraggablePlus.useDraggable(thisRef, props.configure.items, {
-      group: "amb-assembly-item",
-      animation: 300,
-      ghostClass: "amb-item-ghost",
-      forceFallback: true,
-      onAdd: function(event) {
-        if (props.configure && props.configure.items) {
-          const newIndex = event.newIndex;
-          const item = props.configure.items[newIndex];
-          if (!item.style) {
-            item.style = {};
-          }
-          if (item.style.marginBottom == void 0) {
-            item.style.marginBottom = 0;
-          }
-        }
-      }
-    });
-    vue.onMounted(() => {
-      caculateToolsStyle();
-      if (thisRef.value.parentNode) {
-        const resizeObserver2 = new ResizeObserver((entries) => {
-          for (let entry of entries) {
-            console.log("Element:", entry.target, entry.contentRect);
-            console.log(`Element size: ${entry.contentRect.width}px x ${entry.contentRect.height}px`);
-            console.log(`Element padding: ${entry.contentRect.top}px ; ${entry.contentRect.left}px`);
-          }
-          caculateToolsStyle();
-        });
-        resizeObserver2.observe(thisRef.value.parentNode);
-      }
-    });
-    vue.onUnmounted(() => {
-    });
-    function caculateToolsStyle() {
-      containerDesignUtil.caculateComponentStyle(props.configure, designStyle, designClass, null);
-      const configureProps = props.configure.props;
-      if (configureProps.align == "flex-end") {
-        designStyle.value["justify-content"] = "right";
-      } else if (configureProps.align == "center") {
-        designStyle.value["justify-content"] = "center";
-      }
-      props.configure.runtime.style = designStyle.value;
-      props.configure.runtime.class = designClass.value;
-      if (thisRef.value) {
-        const thisProps = props.configure.props;
-        const position = thisProps.position;
-        if (position == "top1" || position == "bottom1") {
-          const tempStyle = {};
-          tempStyle["position"] = "fixed !important";
-          tempStyle["z-index"] = "1";
-          const contentObj = document.getElementsByClassName("amb-design-board");
-          if (contentObj && contentObj.length > 0) {
-            const contentRec = contentObj[0].getBoundingClientRect();
-            console.log("contentRec", contentRec);
-            if (position == "top") {
-              tempStyle["top"] = contentRec.top + "px";
-            }
-            if (position == "bottom") {
-              tempStyle["bottom"] = "10px";
-            }
-          }
-          const parentRec = thisRef.value.parentNode.getBoundingClientRect();
-          console.log("parentRec", parentRec);
-          tempStyle["width"] = parentRec.width - 25 + "px";
-          Object.assign(designStyle.value, tempStyle);
-        }
-      }
-    }
-    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) {
-        alert("无可复制对象!");
-        return;
-      }
-      const copyObj = vue.reactive(commonUtil.deepCopy(sourceItem));
-      copyObj.uuid = commonUtil.getUuidv4();
-      items.splice(index, 0, copyObj);
-    }
-    function deleteItem(sourceItem) {
-      let items = props.configure.items;
-      if (sourceItem.items && sourceItem.items.length > 0) {
-        if (!confirm("还有子元素，确定要删除吗?")) {
-          return;
-        }
-      }
-      const index = items.indexOf(sourceItem);
-      if (index > -1) {
-        items.splice(index, 1);
-      }
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(["amb-widget-tools", designClass.value]),
-          style: vue.normalizeStyle([designStyle.value, { "display": "flex" }]),
-          ref_key: "thisRef",
-          ref: thisRef
-        }, [
-          (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))
-        ], 6)
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;