super-page-designer 2.1.94 → 2.1.98

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

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

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

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

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

@@ -1,155 +1,58 @@
-import { defineComponent, ref, watch, computed, resolveComponent, openBlock, createBlock, unref, normalizeClass, normalizeStyle, createSlots, withCtx, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString, reactive } from "vue";
-import { ElCard } from "element-plus";
-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 { deleteDesignItem } from "../../../../utils/page-design-util.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "card-design",
-  props: {
-    pageDesign: {},
-    configure: {},
-    indexObj: {},
-    selectWidget: {}
-  },
-  emits: ["onSelectWidget", "onCustomAttrWidget"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    if (!props.configure.items) {
-      props.configure.items = [];
-    }
-    const designStyle = ref({});
-    const designClass = ref("");
-    const designHeaderStyle = ref({});
-    caculateThisStyle();
-    watch(props.configure.style, () => {
-      caculateThisStyle();
-    });
-    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 });
-    function caculateThisStyle() {
-      caculateComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
-      if (!props.configure.runtime) {
-        props.configure.runtime = {};
-      }
-      props.configure.runtime.style = designStyle.value;
-      props.configure.runtime.class = designClass.value;
-      props.configure.runtime.headerStyle = designHeaderStyle.value;
-    }
-    const conentStyle = ref({});
-    if (props.configure.props == void 0) {
-      props.configure.props = {};
-    }
-    watch(
-      props.configure.props,
-      () => {
-        caculateContentClass();
-      },
-      { immediate: true }
-    );
-    function caculateContentClass() {
-      const thisProps = props.configure.props;
-      const tempStyle = {};
-      if (thisProps.isFlex) {
-        tempStyle.display = "flex";
-        tempStyle["flex-wrap"] = "wrap";
-        tempStyle["align-content"] = "flex-start";
-        if (thisProps.flexJustify) {
-          tempStyle["justify-content"] = thisProps.flexJustify;
-        }
-      }
-      conentStyle.value = tempStyle;
-      props.configure.runtime.contentStyle = tempStyle;
-    }
-    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) {
-        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 { defineComponent as e, ref as t, watch as n, computed as i, resolveComponent as o, openBlock as r, createBlock as s, unref as u, normalizeClass as l, normalizeStyle as c, createSlots as g, withCtx as a, createElementVNode as f, createElementBlock as m, Fragment as p, renderList as d, createCommentVNode as y, createTextVNode as b, toDisplayString as x, reactive as v } from "vue";
+import { ElCard as j } from "element-plus";
+import { useDraggable as O } from "vue-draggable-plus";
+import h from "../../object-design.vue.js";
+import { deepCopy as W, getUuidv4 as S } from "../../../../utils/common-util.js";
+import { caculateComponentStyle as D } from "../../../../utils/container-design-util.js";
+import { deleteDesignItem as _ } from "../../../../utils/page-design-util.js";
+const k = e({ __name: "card-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: k2 }) {
+  const C = e2;
+  C.configure.items || (C.configure.items = []);
+  const T = t({}), V = t(""), w = t({});
+  F(), n(C.configure.style, () => {
+    F();
+  });
+  const A = i(() => [...C.configure.items]);
+  function F() {
+    D(C.configure, T, V, w), C.configure.runtime || (C.configure.runtime = {}), C.configure.runtime.style = T.value, C.configure.runtime.class = V.value, C.configure.runtime.headerStyle = w.value;
+  }
+  n(A, (e3, t2) => {
+    e3.length > t2.length && q(C.indexObj.index, e3[e3.length - 1]);
+  }, { important: true, deep: true });
+  const J = t({});
+  null == C.configure.props && (C.configure.props = {}), n(C.configure.props, () => {
+    !function() {
+      const e3 = C.configure.props, t2 = {};
+      e3.isFlex && (t2.display = "flex", t2["flex-wrap"] = "wrap", t2["align-content"] = "flex-start", e3.flexJustify && (t2["justify-content"] = e3.flexJustify));
+      J.value = t2, C.configure.runtime.contentStyle = t2;
+    }();
+  }, { immediate: true });
+  const I = t(null);
+  O(I, C.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true });
+  const P = k2;
+  function q(e3, t2) {
+    P("onSelectWidget", e3, t2);
+  }
+  function z(e3, t2) {
+    P("onCustomAttrWidget", e3, t2);
+  }
+  function B(e3) {
+    let t2 = C.configure.items;
+    const n2 = t2.indexOf(e3);
+    if (n2 > -1) {
+      const i2 = v(W(e3));
+      i2.uuid = S(), t2.splice(n2, 0, i2);
     }
-    return (_ctx, _cache) => {
-      const _component_SuperIcon = resolveComponent("SuperIcon");
-      return openBlock(), createBlock(unref(ElCard), {
-        class: normalizeClass(["amb-design-item-default", designClass.value]),
-        style: normalizeStyle(designStyle.value)
-      }, createSlots({
-        default: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "ambDragParent",
-            ref: ambDragParent,
-            class: "amb-design-item-default",
-            style: normalizeStyle([{ "padding-bottom": "40px" }, conentStyle.value])
-          }, [
-            (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))
-          ], 4)
-        ]),
-        _: 2
-      }, [
-        _ctx.configure.props.base.tittleShow ? {
-          name: "header",
-          fn: withCtx(() => [
-            createElementVNode("div", {
-              style: normalizeStyle(designHeaderStyle.value)
-            }, [
-              _ctx.configure.props.iconType && _ctx.configure.props.iconValue ? (openBlock(), createBlock(_component_SuperIcon, {
-                key: 0,
-                iconType: _ctx.configure.props.iconType,
-                iconValue: _ctx.configure.props.iconValue,
-                style: { "margin-right": "2px" }
-              }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
-              createTextVNode(" " + toDisplayString(_ctx.configure.props.base.title), 1)
-            ], 4)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["style", "class"]);
-    };
   }
-});
+  function E(e3) {
+    let t2 = C.configure.items;
+    _(t2, e3, e3.items && e3.items.length > 0, true);
+  }
+  return (e3, t2) => {
+    const n2 = o("SuperIcon");
+    return r(), s(u(j), { class: l(["amb-design-item-default", V.value]), style: c(T.value) }, g({ default: a(() => [f("div", { ref_key: "ambDragParent", ref: I, class: "amb-design-item-default", style: c([{ "padding-bottom": "40px" }, J.value]) }, [(r(true), m(p, null, d(e3.configure.items, (t3, n3) => (r(), s(h, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: q, onOnCustomAttrWidget: z, onOnCopy: B, onOnDelete: E }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: a(() => [f("div", { style: c(w.value) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (r(), s(n2, { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), b(" " + x(e3.configure.props.base.title), 1)], 4)]), key: "0" } : void 0]), 1032, ["style", "class"]);
+  };
+} });
 export {
-  _sfc_main as default
+  k as default
 };

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

@@ -1,40 +1,12 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
-import _sfc_main$1 from "../../common/common-advanced-basic.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "collapse-attr-advanced",
-  props: {
-    configure: {
-      type: Object,
-      required: true
-    },
-    default: () => ({ props: {} })
-  },
-  setup(__props) {
-    const openCollapseItems = ref(["base"]);
-    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"])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
+import { defineComponent as e, ref as o, resolveComponent as l, openBlock as a, createBlock as t, withCtx as r, createVNode as u } from "vue";
+import n from "../../common/common-advanced-basic.vue.js";
+const c = e({ __name: "collapse-attr-advanced", props: { configure: { type: Object, required: true }, default: () => ({ props: {} }) }, setup(e2) {
+  const c2 = o(["base"]);
+  return (o2, m) => {
+    const p = l("el-collapse"), s = l("el-form");
+    return a(), t(s, { "label-width": "80px", size: "small" }, { default: r(() => [u(p, { modelValue: c2.value, "onUpdate:modelValue": m[0] || (m[0] = (e3) => c2.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(n, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+  };
+} });
 export {
-  _sfc_main as default
+  c as default
 };

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

@@ -1,4 +1,4 @@
-import _sfc_main from "./collapse-attr-advanced.vue.js";
+import a from "./collapse-attr-advanced.vue.js";
 export {
-  _sfc_main as default
+  a as default
 };