super-page-designer 2.1.90 → 2.1.98

package/dist/es/components/design/views/assemblys/container/flex/flex-attr-base.vue.js

@@ -1,204 +1,13 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList } from "vue";
-import _sfc_main$2 from "../../common/common-attr-size.vue.js";
-import _sfc_main$1 from "../../common/common-function-code.vue.js";
-const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "flex-attr-base",
-  props: {
-    configure: {
-      type: Object,
-      default: {}
-    }
-  },
-  setup(__props) {
-    const gutters = ref([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]);
-    const openCollapseItems = ref(["1", "attrSize"]);
-    return (_ctx, _cache) => {
-      const _component_el_text = resolveComponent("el-text");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_collapse_item = resolveComponent("el-collapse-item");
-      const _component_el_collapse = resolveComponent("el-collapse");
-      const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, {
-        "label-width": "80px",
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_el_collapse, {
-            modelValue: openCollapseItems.value,
-            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => openCollapseItems.value = $event),
-            style: { "margin-top": "6px" }
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_el_collapse_item, {
-                title: "基本",
-                name: "1",
-                class: "amb-design-attr-group-header"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, [
-                    createVNode(_component_el_form_item, {
-                      label: "组件类型",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_text, null, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(__props.configure.label) + "(" + toDisplayString(__props.configure.name) + ")", 1)
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "唯一编码",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        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
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "自定义编码",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_input, {
-                          modelValue: __props.configure.code,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.code = $event),
-                          placeholder: "请输入"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "绑定权限",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "水平对齐",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_select, {
-                          modelValue: __props.configure.props.flexJustify,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.flexJustify = $event),
-                          placeholder: "默认",
-                          clearable: ""
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_el_option, {
-                              label: "左",
-                              value: "start"
-                            }),
-                            createVNode(_component_el_option, {
-                              label: "中",
-                              value: "center"
-                            }),
-                            createVNode(_component_el_option, {
-                              label: "右",
-                              value: "end"
-                            }),
-                            createVNode(_component_el_option, {
-                              label: "中间间距相等",
-                              value: "space-between"
-                            }),
-                            createVNode(_component_el_option, {
-                              label: "两侧间距相等",
-                              value: "space-around"
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "垂直对齐",
-                      class: "amb-design-attr-item"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_select, {
-                          modelValue: __props.configure.props.alignItems,
-                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.alignItems = $event),
-                          placeholder: "默认",
-                          clearable: ""
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_el_option, {
-                              label: "顶部",
-                              value: "top"
-                            }),
-                            createVNode(_component_el_option, {
-                              label: "居中",
-                              value: "middle"
-                            }),
-                            createVNode(_component_el_option, {
-                              label: "底部",
-                              value: "bottom"
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
-                      label: "分栏间隔",
-                      style: { "margin-bottom": "-10px" }
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_select, {
-                          modelValue: __props.configure.props.flexGutter,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.flexGutter = $event),
-                          placeholder: "默认",
-                          clearable: ""
-                        }, {
-                          default: withCtx(() => [
-                            (openBlock(true), createElementBlock(Fragment, null, renderList(gutters.value, (item) => {
-                              return openBlock(), createBlock(_component_el_option, {
-                                label: item,
-                                value: item
-                              }, null, 8, ["label", "value"]);
-                            }), 256))
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _: 1
-              }),
-              createVNode(_sfc_main$2, {
-                size: __props.configure.props.size,
-                showCalcHeight: true
-              }, null, 8, ["size"])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
+import { defineComponent as e, ref as l, resolveComponent as a, openBlock as t, createBlock as o, withCtx as u, createVNode as d, createElementVNode as r, createTextVNode as n, toDisplayString as i, createElementBlock as m, Fragment as s, renderList as c } from "vue";
+import p from "../../common/common-attr-size.vue.js";
+import f from "../../common/common-function-code.vue.js";
+const b = { style: { padding: "8px 0px 0px 0px" } }, g = e({ __name: "flex-attr-base", props: { configure: { type: Object, default: {} } }, setup(e2) {
+  const g2 = l([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24]), V = l(["1", "attrSize"]);
+  return (l2, v) => {
+    const _ = a("el-text"), x = a("el-form-item"), h = a("el-input"), y = a("el-option"), z = a("el-select"), U = a("el-collapse-item"), j = a("el-collapse"), w = a("el-form");
+    return t(), o(w, { "label-width": "80px", size: "small" }, { default: u(() => [d(j, { modelValue: V.value, "onUpdate:modelValue": v[5] || (v[5] = (e3) => V.value = e3), style: { "margin-top": "6px" } }, { default: u(() => [d(U, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: u(() => [r("div", b, [d(x, { label: "组件类型", class: "amb-design-attr-item" }, { default: u(() => [d(_, null, { default: u(() => [n(i(e2.configure.label) + "(" + i(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), d(x, { label: "唯一编码", class: "amb-design-attr-item" }, { default: u(() => [d(h, { modelValue: e2.configure.uuid, "onUpdate:modelValue": v[0] || (v[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), d(x, { label: "自定义编码", class: "amb-design-attr-item" }, { default: u(() => [d(h, { modelValue: e2.configure.code, "onUpdate:modelValue": v[1] || (v[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), d(x, { label: "绑定权限", class: "amb-design-attr-item" }, { default: u(() => [d(f, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }), d(x, { label: "水平对齐", class: "amb-design-attr-item" }, { default: u(() => [d(z, { modelValue: e2.configure.props.flexJustify, "onUpdate:modelValue": v[2] || (v[2] = (l3) => e2.configure.props.flexJustify = l3), placeholder: "默认", clearable: "" }, { default: u(() => [d(y, { label: "左", value: "start" }), d(y, { label: "中", value: "center" }), d(y, { label: "右", value: "end" }), d(y, { label: "中间间距相等", value: "space-between" }), d(y, { label: "两侧间距相等", value: "space-around" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(x, { label: "垂直对齐", class: "amb-design-attr-item" }, { default: u(() => [d(z, { modelValue: e2.configure.props.alignItems, "onUpdate:modelValue": v[3] || (v[3] = (l3) => e2.configure.props.alignItems = l3), placeholder: "默认", clearable: "" }, { default: u(() => [d(y, { label: "顶部", value: "top" }), d(y, { label: "居中", value: "middle" }), d(y, { label: "底部", value: "bottom" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(x, { label: "分栏间隔", style: { "margin-bottom": "-10px" } }, { default: u(() => [d(z, { modelValue: e2.configure.props.flexGutter, "onUpdate:modelValue": v[4] || (v[4] = (l3) => e2.configure.props.flexGutter = l3), placeholder: "默认", clearable: "" }, { default: u(() => [(t(true), m(s, null, c(g2.value, (e3) => (t(), o(y, { label: e3, value: e3 }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), d(p, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
 export {
-  _sfc_main as default
+  g as default
 };

package/dist/es/components/design/views/assemblys/container/flex/flex-attr-base.vue2.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./flex-attr-base.vue.js";
+import e from "./flex-attr-base.vue.js";
 export {
-  _sfc_main as default
+  e as default
 };

package/dist/es/components/design/views/assemblys/container/flex/flex-attr-style.vue.js

@@ -1,50 +1,19 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
-import _sfc_main$1 from "../../common/common-style-font.vue.js";
-import _sfc_main$4 from "../../common/common-style-padding.vue.js";
-import _sfc_main$2 from "../../common/common-style-background.vue.js";
-import _sfc_main$8 from "../../common/common-style-custom.vue.js";
-import _sfc_main$3 from "../../common/common-style-margin.vue.js";
-import _sfc_main$5 from "../../common/common-style-border.vue.js";
-import _sfc_main$6 from "../../common/common-style-shadow.vue.js";
-import _sfc_main$7 from "../../common/common-style-position.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "flex-attr-style",
-  props: {
-    configure: Object
-  },
-  setup(__props) {
-    const openCollapseItems = ref(["styleFont"]);
-    return (_ctx, _cache) => {
-      const _component_el_collapse = resolveComponent("el-collapse");
-      const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createBlock(_component_el_form, {
-        "label-width": "80px",
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_el_collapse, {
-            modelValue: openCollapseItems.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openCollapseItems.value = $event),
-            style: { "margin-top": "6px" }
-          }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$5, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$6, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$7, { configure: __props.configure }, null, 8, ["configure"]),
-              createVNode(_sfc_main$8, { configure: __props.configure }, null, 8, ["configure"])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
+import { defineComponent as o, ref as e, resolveComponent as n, openBlock as m, createBlock as r, withCtx as u, createVNode as c } from "vue";
+import l from "../../common/common-style-font.vue.js";
+import i from "../../common/common-style-padding.vue.js";
+import f from "../../common/common-style-background.vue.js";
+import t from "../../common/common-style-custom.vue.js";
+import s from "../../common/common-style-margin.vue.js";
+import g from "../../common/common-style-border.vue.js";
+import a from "../../common/common-style-shadow.vue.js";
+import p from "../../common/common-style-position.vue.js";
+const d = o({ __name: "flex-attr-style", props: { configure: Object }, setup(o2) {
+  const d2 = e(["styleFont"]);
+  return (e2, v) => {
+    const y = n("el-collapse"), j = n("el-form");
+    return m(), r(j, { "label-width": "80px", size: "small" }, { default: u(() => [c(y, { modelValue: d2.value, "onUpdate:modelValue": v[0] || (v[0] = (o3) => d2.value = o3), style: { "margin-top": "6px" } }, { default: u(() => [c(l, { configure: o2.configure }, null, 8, ["configure"]), c(f, { configure: o2.configure }, null, 8, ["configure"]), c(s, { configure: o2.configure }, null, 8, ["configure"]), c(i, { configure: o2.configure }, null, 8, ["configure"]), c(g, { configure: o2.configure }, null, 8, ["configure"]), c(a, { configure: o2.configure }, null, 8, ["configure"]), c(p, { configure: o2.configure }, null, 8, ["configure"]), c(t, { configure: o2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
 export {
-  _sfc_main as default
+  d as default
 };

package/dist/es/components/design/views/assemblys/container/flex/flex-attr-style.vue2.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./flex-attr-style.vue.js";
+import t from "./flex-attr-style.vue.js";
 export {
-  _sfc_main as default
+  t as default
 };

package/dist/es/components/design/views/assemblys/container/flex/flex-attr.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./flex-attr.vue2.js";
+import t from "./flex-attr.vue2.js";
 export {
-  _sfc_main as default
+  t as default
 };

package/dist/es/components/design/views/assemblys/container/flex/flex-attr.vue2.js

@@ -1,87 +1,25 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, isRef, createTextVNode, createBlock, createCommentVNode, withDirectives, createVNode, vShow } from "vue";
-import _sfc_main$1 from "./flex-attr-base.vue.js";
-import _sfc_main$2 from "./flex-attr-style.vue.js";
-import _sfc_main$3 from "../../common-attr-events.vue.js";
-import _sfc_main$4 from "./flex-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__ */ defineComponent({
-  __name: "flex-attr",
-  props: {
-    configure: {
-      type: Object,
-      default: {}
-    }
-  },
-  emits: [],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    let selAsselbyType = ref("base");
-    if (props.configure.events == void 0) {
-      props.configure.events = [];
-    }
-    const selEventCount = ref(0);
-    caculateSelEventCount();
-    function caculateSelEventCount() {
-      const allEvents = props.configure.events;
-      for (let index = 0; index < allEvents.length; index++) {
-        if (allEvents[index].selLogicCode) {
-          selEventCount.value++;
-        }
-      }
-    }
-    watch(props.configure.events, (newValue) => {
-      caculateSelEventCount();
-    });
-    return (_ctx, _cache) => {
-      const _component_el_badge = resolveComponent("el-badge");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("label", {
-              class: normalizeClass({ "selected": unref(selAsselbyType) == "base" }),
-              onClick: _cache[0] || (_cache[0] = ($event) => isRef(selAsselbyType) ? selAsselbyType.value = "base" : selAsselbyType = "base")
-            }, "属性", 2),
-            createElementVNode("label", {
-              class: normalizeClass({ "selected": unref(selAsselbyType) == "style" }),
-              onClick: _cache[1] || (_cache[1] = ($event) => isRef(selAsselbyType) ? selAsselbyType.value = "style" : selAsselbyType = "style")
-            }, "样式", 2),
-            createElementVNode("label", {
-              class: normalizeClass({ "selected": unref(selAsselbyType) == "event" }),
-              onClick: _cache[2] || (_cache[2] = ($event) => isRef(selAsselbyType) ? selAsselbyType.value = "event" : selAsselbyType = "event")
-            }, [
-              createTextVNode(" 事件 "),
-              selEventCount.value > 0 ? (openBlock(), createBlock(_component_el_badge, {
-                key: 0,
-                value: selEventCount.value
-              }, null, 8, ["value"])) : createCommentVNode("", true)
-            ], 2),
-            createElementVNode("label", {
-              class: normalizeClass({ "selected": unref(selAsselbyType) == "advanced" }),
-              onClick: _cache[3] || (_cache[3] = ($event) => isRef(selAsselbyType) ? selAsselbyType.value = "advanced" : selAsselbyType = "advanced")
-            }, "高级", 2)
-          ])
-        ]),
-        createElementVNode("div", _hoisted_4, [
-          withDirectives(createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vShow, unref(selAsselbyType) == "base"]
-          ]),
-          withDirectives(createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vShow, unref(selAsselbyType) == "style"]
-          ]),
-          withDirectives(createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vShow, unref(selAsselbyType) == "event"]
-          ]),
-          withDirectives(createVNode(_sfc_main$4, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vShow, unref(selAsselbyType) == "advanced"]
-          ])
-        ])
-      ]);
-    };
+import { defineComponent as e, ref as t, watch as l, resolveComponent as n, openBlock as a, createElementBlock as s, createElementVNode as c, normalizeClass as o, unref as r, isRef as u, createTextVNode as i, createBlock as v, createCommentVNode as f, withDirectives as d, createVNode as g, vShow as m } from "vue";
+import b from "./flex-attr-base.vue.js";
+import p from "./flex-attr-style.vue.js";
+import y from "../../common-attr-events.vue.js";
+import j from "./flex-attr-advanced.vue.js";
+const k = { class: "amb-design-attr-content" }, x = { class: "amb-design-attr-header" }, C = { class: "amb-design-attr-header-type" }, h = { class: "amb-design-attr-list" }, _ = e({ __name: "flex-attr", props: { configure: { type: Object, default: {} } }, emits: [], setup(e2, { emit: _2 }) {
+  const L = e2;
+  let O = t("base");
+  null == L.configure.events && (L.configure.events = []);
+  const q = t(0);
+  function w() {
+    const e3 = L.configure.events;
+    for (let t2 = 0; t2 < e3.length; t2++)
+      e3[t2].selLogicCode && q.value++;
   }
-});
+  return w(), l(L.configure.events, (e3) => {
+    w();
+  }), (t2, l2) => {
+    const _3 = n("el-badge");
+    return a(), s("div", k, [c("div", x, [c("div", C, [c("label", { class: o({ selected: "base" == r(O) }), onClick: l2[0] || (l2[0] = (e3) => u(O) ? O.value = "base" : O = "base") }, "属性", 2), c("label", { class: o({ selected: "style" == r(O) }), onClick: l2[1] || (l2[1] = (e3) => u(O) ? O.value = "style" : O = "style") }, "样式", 2), c("label", { class: o({ selected: "event" == r(O) }), onClick: l2[2] || (l2[2] = (e3) => u(O) ? O.value = "event" : O = "event") }, [i(" 事件 "), q.value > 0 ? (a(), v(_3, { key: 0, value: q.value }, null, 8, ["value"])) : f("", true)], 2), c("label", { class: o({ selected: "advanced" == r(O) }), onClick: l2[3] || (l2[3] = (e3) => u(O) ? O.value = "advanced" : O = "advanced") }, "高级", 2)])]), c("div", h, [d(g(b, { configure: e2.configure }, null, 8, ["configure"]), [[m, "base" == r(O)]]), d(g(p, { configure: e2.configure }, null, 8, ["configure"]), [[m, "style" == r(O)]]), d(g(y, { configure: e2.configure }, null, 8, ["configure"]), [[m, "event" == r(O)]]), d(g(j, { configure: e2.configure }, null, 8, ["configure"]), [[m, "advanced" == r(O)]])])]);
+  };
+} });
 export {
-  _sfc_main as default
+  _ as default
 };

package/dist/es/components/design/views/assemblys/container/flex/flex-design.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./flex-design.vue2.js";
+import e from "./flex-design.vue2.js";
 export {
-  _sfc_main as default
+  e as default
 };

package/dist/es/components/design/views/assemblys/container/flex/flex-design.vue2.js

@@ -1,157 +1,65 @@
-import { defineComponent, ref, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, normalizeClass, withCtx, createElementBlock, Fragment, renderList, reactive } from "vue";
-import { useDraggable } from "vue-draggable-plus";
-import _sfc_main$1 from "../../object-design.vue.js";
-import { deepCopy, getUuidv4 } from "../../../../utils/common-util.js";
-import { caculateComponentStyle } from "../../../../utils/container-design-util.js";
+import { defineComponent as e, ref as t, watch as i, computed as n, resolveComponent as o, openBlock as l, createBlock as s, normalizeStyle as u, normalizeClass as r, withCtx as g, createElementBlock as f, Fragment as c, renderList as m, reactive as a } from "vue";
+import { useDraggable as p } from "vue-draggable-plus";
+import d from "../../object-design.vue.js";
+import { deepCopy as x, getUuidv4 as b } from "../../../../utils/common-util.js";
+import { caculateComponentStyle as v } from "../../../../utils/container-design-util.js";
 import "element-plus";
-import { deleteDesignItem } from "../../../../utils/page-design-util.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "flex-design",
-  props: {
-    pageDesign: {},
-    configure: {},
-    indexObj: {},
-    selectWidget: {}
-  },
-  emits: ["onSelectWidget", "onCustomAttrWidget"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    if (props.configure.props == void 0) {
-      props.configure.props = {};
-    }
-    if (props.configure.style == void 0) {
-      props.configure.style = {};
-    }
-    props.configure.props.isFlex = true;
-    if (!props.configure.items) {
-      props.configure.items = [];
-    }
-    if (!props.configure.runtime) {
-      props.configure.runtime = {};
-    }
-    const designStyle = ref({});
-    const designClass = ref("");
-    const designProperty = ref({});
-    function getRestsParameter() {
-      let defineProps = props.configure.props ? props.configure.props : {};
-      const tempProps = {};
-      if (defineProps.flexJustify) {
-        tempProps.flexJustify = defineProps.flexJustify;
-      }
-      if (defineProps.alignItems) {
-        tempProps.alignItems = defineProps.alignItems;
-      }
-      if (defineProps.flexGutter) {
-        tempProps.flexGutter = defineProps.flexGutter;
-      }
-      designProperty.value = tempProps;
-    }
-    caculateThisStyle();
-    watch(props.configure.style, () => {
-      caculateThisStyle();
-    });
-    function caculateThisStyle() {
-      caculateComponentStyle(props.configure, designStyle, designClass, null);
-      updateFlexStyle();
-      props.configure.runtime.style = designStyle.value;
-      props.configure.runtime.class = designClass.value;
-    }
-    function updateFlexStyle() {
-      if (!designProperty.value || !designStyle.value) {
-        return;
-      }
-      const alignItems = designProperty.value.alignItems;
-      if (alignItems) {
-        let alignContent = "center";
-        if (alignItems === "top") {
-          alignContent = "flex-start";
-        } else if (alignItems === "bottom") {
-          alignContent = "flex-end";
-        }
-        designStyle.value["align-content"] = alignContent;
-      }
-    }
-    watch(
-      props.configure.props,
-      () => {
-        getRestsParameter();
-        updateFlexStyle();
-        props.configure.runtime.props = designProperty.value;
-      },
-      { immediate: true }
-    );
-    const tempData = computed(() => [...props.configure.items]);
-    watch(tempData, (newVal, oldVal) => {
-      if (newVal.length > oldVal.length) {
-        onSelectWidget(props.indexObj.index, newVal[newVal.length - 1]);
-      }
-    }, { important: true, deep: true });
-    const ambDragParent = ref(null);
-    useDraggable(ambDragParent, props.configure.items, {
-      filter: ".el-scrollbar__bar",
-      // 拖动表格滚动条时，不拖拽表格需要的配置
-      preventOnFilter: false,
-      // 拖动表格滚动条时，不拖拽表格需要的配置
-      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) {
-        alert("无可复制对象!");
-        return;
-      }
-      const copyObj = reactive(deepCopy(sourceItem));
-      copyObj.uuid = getUuidv4();
-      items.splice(index, 0, copyObj);
-    }
-    function deleteItem(sourceItem) {
-      let items = props.configure.items;
-      deleteDesignItem(items, sourceItem, sourceItem.items && sourceItem.items.length > 0, true);
+import { deleteDesignItem as y } from "../../../../utils/page-design-util.js";
+const j = e({ __name: "flex-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: j2 }) {
+  const O = e2;
+  null == O.configure.props && (O.configure.props = {}), null == O.configure.style && (O.configure.style = {}), O.configure.props.isFlex = true, O.configure.items || (O.configure.items = []), O.configure.runtime || (O.configure.runtime = {});
+  const W = t({}), h = t(""), D = t({});
+  function _() {
+    v(O.configure, W, h, null), C(), O.configure.runtime.style = W.value, O.configure.runtime.class = h.value;
+  }
+  function C() {
+    if (!D.value || !W.value)
+      return;
+    const e3 = D.value.alignItems;
+    if (e3) {
+      let t2 = "center";
+      "top" === e3 ? t2 = "flex-start" : "bottom" === e3 && (t2 = "flex-end"), W.value["align-content"] = t2;
     }
-    return (_ctx, _cache) => {
-      const _component_el_row = resolveComponent("el-row");
-      return openBlock(), createBlock(_component_el_row, {
-        title: "flex",
-        ref_key: "ambDragParent",
-        ref: ambDragParent,
-        style: normalizeStyle([{ "min-height": "40px", "padding-bottom": "20px" }, designStyle.value]),
-        justify: designProperty.value.flexJustify,
-        align: designProperty.value.alignItems,
-        class: normalizeClass([designClass.value, "amb-design-item-default"])
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.configure.items, (element, itemIndex) => {
-            return openBlock(), createBlock(_sfc_main$1, {
-              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))
-        ]),
-        _: 1
-      }, 8, ["justify", "align", "style", "class"]);
-    };
   }
-});
+  _(), i(O.configure.style, () => {
+    _();
+  }), i(O.configure.props, () => {
+    !function() {
+      let e3 = O.configure.props ? O.configure.props : {};
+      const t2 = {};
+      e3.flexJustify && (t2.flexJustify = e3.flexJustify), e3.alignItems && (t2.alignItems = e3.alignItems), e3.flexGutter && (t2.flexGutter = e3.flexGutter), D.value = t2;
+    }(), C(), O.configure.runtime.props = D.value;
+  }, { immediate: true });
+  const I = n(() => [...O.configure.items]);
+  i(I, (e3, t2) => {
+    e3.length > t2.length && A(O.indexObj.index, e3[e3.length - 1]);
+  }, { important: true, deep: true });
+  const J = t(null);
+  p(J, O.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true });
+  const k = j2;
+  function A(e3, t2) {
+    k("onSelectWidget", e3, t2);
+  }
+  function F(e3, t2) {
+    k("onCustomAttrWidget", e3, t2);
+  }
+  function G(e3) {
+    let t2 = O.configure.items;
+    const i2 = t2.indexOf(e3);
+    if (-1 == i2)
+      return void alert("无可复制对象!");
+    const n2 = a(x(e3));
+    n2.uuid = b(), t2.splice(i2, 0, n2);
+  }
+  function S(e3) {
+    let t2 = O.configure.items;
+    y(t2, e3, e3.items && e3.items.length > 0, true);
+  }
+  return (e3, t2) => {
+    const i2 = o("el-row");
+    return l(), s(i2, { title: "flex", ref_key: "ambDragParent", ref: J, style: u([{ "min-height": "40px", "padding-bottom": "20px" }, W.value]), justify: D.value.flexJustify, align: D.value.alignItems, class: r([h.value, "amb-design-item-default"]) }, { default: g(() => [(l(true), f(c, null, m(e3.configure.items, (t3, i3) => (l(), s(d, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: A, onOnCustomAttrWidget: F, onOnCopy: G, onOnDelete: S }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))]), _: 1 }, 8, ["justify", "align", "style", "class"]);
+  };
+} });
 export {
-  _sfc_main as default
+  j as default
 };