super-page-designer 2.1.94 → 2.1.98

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

@@ -1,114 +1,28 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createTextVNode, createBlock, createCommentVNode, withDirectives, createVNode, vShow } from "vue";
-import _sfc_main$1 from "./tools-attr-base.vue.js";
-import _sfc_main$2 from "./tools-attr-style.vue.js";
-import _sfc_main$3 from "../../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__ */ 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 = ref("selected");
-    const typeStyleClass = ref("");
-    const typeEventClass = ref("");
-    const typeAdviceClass = 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 = 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(typeBaseClass.value),
-              onClick: _cache[0] || (_cache[0] = ($event) => changeType("base"))
-            }, "属性", 2),
-            createElementVNode("label", {
-              class: normalizeClass(typeStyleClass.value),
-              onClick: _cache[1] || (_cache[1] = ($event) => changeType("style"))
-            }, "样式", 2),
-            createElementVNode("label", {
-              class: normalizeClass(typeEventClass.value),
-              onClick: _cache[2] || (_cache[2] = ($event) => changeType("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(typeAdviceClass.value),
-              onClick: _cache[3] || (_cache[3] = ($event) => changeType("advice"))
-            }, "高级", 2)
-          ])
-        ]),
-        createElementVNode("div", _hoisted_4, [
-          withDirectives(createVNode(_sfc_main$1, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vShow, typeBaseClass.value]
-          ]),
-          withDirectives(createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vShow, typeStyleClass.value]
-          ]),
-          withDirectives(createVNode(_sfc_main$3, { configure: __props.configure }, null, 8, ["configure"]), [
-            [vShow, typeEventClass.value]
-          ])
-        ])
-      ]);
-    };
+import { defineComponent as e, ref as l, watch as u, resolveComponent as t, openBlock as a, createElementBlock as n, createElementVNode as s, normalizeClass as o, createTextVNode as r, createBlock as c, createCommentVNode as v, withDirectives as i, createVNode as f, vShow as g } from "vue";
+import d from "./tools-attr-base.vue.js";
+import p from "./tools-attr-style.vue.js";
+import m from "../../common-attr-events.vue.js";
+const b = { class: "amb-design-attr-content" }, y = { class: "amb-design-attr-header" }, k = { class: "amb-design-attr-header-type" }, C = { class: "amb-design-attr-list" }, j = e({ __name: "tools-attr", props: { configure: { type: Object, required: true } }, setup(e2) {
+  const j2 = e2;
+  null == j2.configure.props && (j2.configure.props = {}), null == j2.configure.props.title && (j2.configure.props.title = "标题");
+  const h = l("selected"), _ = l(""), q = l(""), x = l("");
+  function L(e3) {
+    "base" == e3 ? (h.value = "selected", _.value = "", q.value = "", x.value = "") : "style" == e3 ? (h.value = "", _.value = "selected", q.value = "", x.value = "") : "event" == e3 ? (h.value = "", _.value = "", q.value = "selected", x.value = "") : (h.value = "", _.value = "", q.value = "", x.value = "selected");
   }
-});
+  null == j2.configure.events && (j2.configure.events = []);
+  const O = l(0);
+  function w() {
+    const e3 = j2.configure.events;
+    for (let l2 = 0; l2 < e3.length; l2++)
+      e3[l2].selLogicCode && O.value++;
+  }
+  return w(), u(j2.configure.events, (e3) => {
+    w();
+  }), (l2, u2) => {
+    const j3 = t("el-badge");
+    return a(), n("div", b, [s("div", y, [s("div", k, [s("label", { class: o(h.value), onClick: u2[0] || (u2[0] = (e3) => L("base")) }, "属性", 2), s("label", { class: o(_.value), onClick: u2[1] || (u2[1] = (e3) => L("style")) }, "样式", 2), s("label", { class: o(q.value), onClick: u2[2] || (u2[2] = (e3) => L("event")) }, [r(" 事件 "), O.value > 0 ? (a(), c(j3, { key: 0, value: O.value }, null, 8, ["value"])) : v("", true)], 2), s("label", { class: o(x.value), onClick: u2[3] || (u2[3] = (e3) => L("advice")) }, "高级", 2)])]), s("div", C, [i(f(d, { configure: e2.configure }, null, 8, ["configure"]), [[g, h.value]]), i(f(p, { configure: e2.configure }, null, 8, ["configure"]), [[g, _.value]]), i(f(m, { configure: e2.configure }, null, 8, ["configure"]), [[g, q.value]])])]);
+  };
+} });
 export {
-  _sfc_main as default
+  j as default
 };

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

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

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

@@ -1,192 +1,86 @@
-import { defineComponent, ref, watch, computed, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, Fragment, renderList, createBlock, 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 n, computed as i, onMounted as o, onUnmounted as s, openBlock as u, createElementBlock as l, createElementVNode as r, normalizeClass as g, normalizeStyle as c, Fragment as m, renderList as p, createBlock as f, reactive as a } from "vue";
+import { useDraggable as d } from "vue-draggable-plus";
+import b from "../../object-design.vue.js";
+import { deepCopy as v, getUuidv4 as y } from "../../../../utils/common-util.js";
+import { caculateComponentStyle as x } from "../../../../utils/container-design-util.js";
 import "element-plus";
-import { deleteDesignItem } from "../../../../utils/page-design-util.js";
-import { getInputTypeComponentNames } from "../../../../utils/assemblys-config.js";
-const _hoisted_1 = {
-  class: "amb-widget-tools-parent amb-design-item-default",
-  style: { "width": "99.5%" }
-};
-const _sfc_main = /* @__PURE__ */ 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 = ref({});
-    const designClass = ref("");
-    watch(props.configure.style, () => {
-      caculateToolsStyle();
-    });
-    watch(props.configure.props, () => {
-      caculateToolsStyle();
-    });
-    const inputTypeComponentNames = getInputTypeComponentNames();
-    const tempData = computed(() => [...props.configure.items]);
-    watch(
-      tempData,
-      (newVal, oldVal) => {
-        if (newVal.length > oldVal.length) {
-          onSelectWidget(props.indexObj.index, newVal[newVal.length - 1]);
-        }
-        if (props.pageDesign.pageType === "list") {
-          props.pageDesign.toolsInputComponents = [];
-          pushToolsInputComponents(newVal);
-        }
-      },
-      { important: true, deep: true }
-    );
-    function pushToolsInputComponents(items) {
-      items.forEach((toolsItem) => {
-        var _a, _b, _c, _d;
-        if (toolsItem.items && toolsItem.items.length > 0) {
-          pushToolsInputComponents(toolsItem.items);
-        }
-        if (inputTypeComponentNames.includes(toolsItem.name)) {
-          const tmp = {
-            uuid: toolsItem.uuid,
-            defaultValue: (_b = (_a = toolsItem.runtime) == null ? void 0 : _a.props) == null ? void 0 : _b.defaultValue,
-            prop: (_d = (_c = toolsItem.runtime) == null ? void 0 : _c.props) == null ? void 0 : _d.prop
-          };
-          props.pageDesign.toolsInputComponents.push(tmp);
-        }
-      });
-    }
-    const thisRef = ref(null);
-    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 = {};
-          }
-        }
+import { deleteDesignItem as h } from "../../../../utils/page-design-util.js";
+import { getInputTypeComponentNames as j } from "../../../../utils/assemblys-config.js";
+const O = { class: "amb-widget-tools-parent amb-design-item-default", style: { width: "99.5%" } }, C = e({ __name: "tools-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: C2 }) {
+  const W = e2;
+  W.configure.items || (W.configure.items = []), null == W.configure.style && (W.configure.style = {}), null == W.configure.props && (W.configure.props = {}), W.configure.runtime || (W.configure.runtime = {});
+  const D = t({}), w = t("");
+  n(W.configure.style, () => {
+    B();
+  }), n(W.configure.props, () => {
+    B();
+  });
+  const A = j(), N = i(() => [...W.configure.items]);
+  function R(e3) {
+    e3.forEach((e4) => {
+      var _a, _b, _c, _d;
+      if (e4.items && e4.items.length > 0 && R(e4.items), A.includes(e4.name)) {
+        const t2 = { uuid: e4.uuid, defaultValue: (_b = (_a = e4.runtime) == null ? void 0 : _a.props) == null ? void 0 : _b.defaultValue, prop: (_d = (_c = e4.runtime) == null ? void 0 : _c.props) == null ? void 0 : _d.prop };
+        W.pageDesign.toolsInputComponents.push(t2);
       }
     });
-    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);
-      }
-    });
-    onUnmounted(() => {
-    });
-    function caculateToolsStyle() {
-      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);
+  }
+  n(N, (e3, t2) => {
+    e3.length > t2.length && S(W.indexObj.index, e3[e3.length - 1]), "list" === W.pageDesign.pageType && (W.pageDesign.toolsInputComponents = [], R(e3));
+  }, { important: true, deep: true });
+  const k = t(null);
+  function B() {
+    x(W.configure, D, w, null);
+    const e3 = W.configure.props;
+    if ("flex-end" == e3.align ? D.value["justify-content"] = "right" : "center" == e3.align && (D.value["justify-content"] = "center"), W.configure.runtime.style = D.value, W.configure.runtime.class = w.value, k.value) {
+      const e4 = W.configure.props.position;
+      if ("top1" == e4 || "bottom1" == e4) {
+        const t2 = { position: "fixed !important", "z-index": "1" }, n2 = document.getElementsByClassName("amb-design-board");
+        if (n2 && n2.length > 0) {
+          const i3 = n2[0].getBoundingClientRect();
+          "top" == e4 && (t2.top = i3.top + "px"), "bottom" == e4 && (t2.bottom = "10px");
         }
+        const i2 = k.value.parentNode.getBoundingClientRect();
+        t2.width = i2.width - 25 + "px", Object.assign(D.value, t2);
       }
     }
-    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);
+  }
+  d(k, W.configure.items, { group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd: function(e3) {
+    if (W.configure && W.configure.items) {
+      const t2 = e3.newIndex, n2 = W.configure.items[t2];
+      n2.style || (n2.style = {});
     }
-    function deleteItem(sourceItem) {
-      let items = props.configure.items;
-      deleteDesignItem(items, sourceItem, sourceItem.items && sourceItem.items.length > 0, true);
+  } }), o(() => {
+    if (B(), k.value.parentNode) {
+      new ResizeObserver((e3) => {
+        for (let t2 of e3)
+          ;
+        B();
+      }).observe(k.value.parentNode);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: normalizeClass(["amb-widget-tools", designClass.value]),
-          style: normalizeStyle([designStyle.value, { "display": "flex" }]),
-          ref_key: "thisRef",
-          ref: thisRef
-        }, [
-          (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))
-        ], 6)
-      ]);
-    };
+  }), s(() => {
+  });
+  const I = C2;
+  function S(e3, t2) {
+    I("onSelectWidget", e3, t2);
+  }
+  function _(e3, t2) {
+    I("onCustomAttrWidget", e3, t2);
+  }
+  function z(e3) {
+    let t2 = W.configure.items;
+    const n2 = t2.indexOf(e3);
+    if (-1 == n2)
+      return void alert("无可复制对象!");
+    const i2 = a(v(e3));
+    i2.uuid = y(), t2.splice(n2, 0, i2);
+  }
+  function E(e3) {
+    let t2 = W.configure.items;
+    h(t2, e3, e3.items && e3.items.length > 0, true);
   }
-});
+  return (e3, t2) => (u(), l("div", O, [r("div", { class: g(["amb-widget-tools", w.value]), style: c([D.value, { display: "flex" }]), ref_key: "thisRef", ref: k }, [(u(true), l(m, null, p(e3.configure.items, (t3, n2) => (u(), f(b, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: S, onOnCustomAttrWidget: _, onOnCopy: z, onOnDelete: E }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))], 6)]));
+} });
 export {
-  _sfc_main as default
+  C as default
 };