super-page-designer 2.1.94 → 2.1.98

package/dist/es/components/design/views/design/page-event/page-event-container.vue.js

@@ -1,418 +1,87 @@
-import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, withCtx, unref, isRef, toDisplayString, withDirectives, withModifiers, createTextVNode, vShow } from "vue";
-import { Search } from "@element-plus/icons-vue";
-import { ElMessageBox } from "element-plus";
-import { getDesignConfByName } from "../../../utils/assemblys-config.js";
-import _sfc_main$1 from "../view/assemblys-container-explore.vue.js";
-import { deepCopy } from "../../../utils/common-util.js";
-import eventBus from "../../../utils/eventBus.js";
-import { usePageContextStore } from "../../../../../stores/page-store.js";
-const _hoisted_1 = { style: { "padding-top": "10px" } };
-const _hoisted_2 = ["title"];
-const _hoisted_3 = ["title"];
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = { key: 1 };
-const _hoisted_6 = ["title"];
-const _hoisted_7 = ["title"];
-const _hoisted_8 = ["title"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "page-event-container",
-  props: {
-    configure: {},
-    configureObj: {},
-    editEvent: {}
-  },
-  emits: ["add-event", "change-event"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const pageDesignUtil = usePageContextStore();
-    const pageDesign = ref(null);
-    const eventTableHeight = ref();
-    const properVisible = ref(false);
-    let eventCollapse = ref(["searchCollapse", "addCollapse", "unUseEventCollapse"]);
-    let currentComponent = ref(null);
-    let searchItemName = ref("");
-    const componentInfo = computed(() => {
-      let value = "";
-      const componentConfigure = currentComponent.value;
-      const componentType = componentConfigure && componentConfigure.name != "page" ? componentConfigure.name : "page";
-      if (componentType === "page") {
-        value = "页面";
-      } else {
-        value = componentConfigure && componentConfigure.label ? componentConfigure.label : "";
-        if (componentConfigure && componentConfigure.props && componentConfigure.props.base) {
-          const title = componentConfigure.props.base.title;
-          if (title) {
-            value = title + "(" + value + ")";
-          }
-        }
-      }
-      return value;
-    });
-    let eventTableData = computed(() => {
-      if (!pageDesign.value || !pageDesign.value.customEvents) {
-        return [];
-      }
-      return pageDesign.value.customEvents.filter((item) => {
-        return item.name == "customFunc";
-      });
-    });
-    const componentEvents = computed(() => {
-      let name = currentComponent.value ? currentComponent.value.name : null;
-      name = name ? name : "page";
-      const uuid = currentComponent.value ? currentComponent.value.uuid : null;
-      const existEvents = [];
-      const existNames = [];
-      if (pageDesign.value && pageDesign.value.customEvents) {
-        for (let e of pageDesign.value.customEvents) {
-          if (e.name == "customFunc") {
-            continue;
-          }
-          if (name === "page" || e.uuid === uuid) {
-            existEvents.push(e);
-            if (!existNames.includes(e.name)) {
-              existNames.push(e.name);
-            }
-          }
-        }
-      }
-      let hisEvents = null;
-      if (name == "page") {
-        hisEvents = pageDesign.value ? pageDesign.value.events : null;
-      } else {
-        hisEvents = currentComponent.value ? currentComponent.value.events : null;
-      }
-      if (hisEvents) {
-        for (let e of hisEvents) {
-          if (!e.componentUuid) {
-            e.componentUuid = currentComponent.value && currentComponent.value.uuid ? currentComponent.value.uuid : "page";
-          }
-          if (!e.componentLabel) {
-            if (name == "page") {
-              e.componentLabel = "页面";
-            } else {
-              e.componentLabel = currentComponent.value ? currentComponent.value.label : "";
-            }
-          }
-          let newTitle = "";
-          if (currentComponent.value) {
-            if (currentComponent.value.props && currentComponent.value.props.base) {
-              newTitle = currentComponent.value.props.base.title;
-            }
-          }
-          e.title = newTitle;
-          if (!existNames.includes(e.name)) {
-            existEvents.push(e);
-            existNames.push(e.name);
-          }
-        }
-        let componentConf = getDesignConfByName(name);
-        if (componentConf && componentConf.events) {
-          for (let e of componentConf.events) {
-            if (!existNames.includes(e.name)) {
-              const newEvent = deepCopy(e);
-              existEvents.push(newEvent);
-              hisEvents.push(newEvent);
-              existNames.push(e.name);
-            }
-          }
-        }
+import { defineComponent as e, ref as l, computed as t, onMounted as a, resolveComponent as n, openBlock as o, createElementBlock as i, normalizeStyle as u, createElementVNode as s, createVNode as r, withCtx as m, unref as p, isRef as d, toDisplayString as c, withDirectives as v, withModifiers as f, createTextVNode as g, vShow as h } from "vue";
+import { Search as b } from "@element-plus/icons-vue";
+import { ElMessageBox as w } from "element-plus";
+import { getDesignConfByName as x } from "../../../utils/assemblys-config.js";
+import y from "../view/assemblys-container-explore.vue.js";
+import { deepCopy as C } from "../../../utils/common-util.js";
+import _ from "../../../utils/eventBus.js";
+import { usePageContextStore as k } from "../../../../../stores/page-store.js";
+const E = { style: { "padding-top": "10px" } }, V = ["title"], j = ["title"], L = { key: 0 }, U = { key: 1 }, $ = ["title"], z = ["title"], S = ["title"], T = e({ __name: "page-event-container", props: { configure: {}, configureObj: {}, editEvent: {} }, emits: ["add-event", "change-event"], setup(e2, { expose: T2, emit: B }) {
+  const N = k(), W = l(null), F = l(), H = l(false);
+  let I = l(["searchCollapse", "addCollapse", "unUseEventCollapse"]), O = l(null), P = l("");
+  const R = t(() => {
+    let e3 = "";
+    const l2 = O.value;
+    if ("page" === (l2 && "page" != l2.name ? l2.name : "page"))
+      e3 = "页面";
+    else if (e3 = l2 && l2.label ? l2.label : "", l2 && l2.props && l2.props.base) {
+      const t2 = l2.props.base.title;
+      t2 && (e3 = t2 + "(" + e3 + ")");
+    }
+    return e3;
+  });
+  let D = t(() => W.value && W.value.customEvents ? W.value.customEvents.filter((e3) => "customFunc" == e3.name) : []);
+  const M = t(() => {
+    let e3 = O.value ? O.value.name : null;
+    e3 = e3 || "page";
+    const l2 = O.value ? O.value.uuid : null, t2 = [], a2 = [];
+    if (W.value && W.value.customEvents)
+      for (let n3 of W.value.customEvents)
+        "customFunc" != n3.name && ("page" !== e3 && n3.uuid !== l2 || (t2.push(n3), a2.includes(n3.name) || a2.push(n3.name)));
+    let n2 = null;
+    if (n2 = "page" == e3 ? W.value ? W.value.events : null : O.value ? O.value.events : null, n2) {
+      for (let l4 of n2) {
+        l4.componentUuid || (l4.componentUuid = O.value && O.value.uuid ? O.value.uuid : "page"), l4.componentLabel || (l4.componentLabel = "page" == e3 ? "页面" : O.value ? O.value.label : "");
+        let n3 = "";
+        O.value && O.value.props && O.value.props.base && (n3 = O.value.props.base.title), l4.title = n3, a2.includes(l4.name) || (t2.push(l4), a2.push(l4.name));
       }
-      if (searchItemName.value) {
-        const _newEvents = [];
-        for (let e of existEvents) {
-          if (e.name && e.name.includes(searchItemName.value) || e.label && e.label.includes(searchItemName.value)) {
-            _newEvents.push(e);
+      let l3 = x(e3);
+      if (l3 && l3.events) {
+        for (let e4 of l3.events)
+          if (!a2.includes(e4.name)) {
+            const l4 = C(e4);
+            t2.push(l4), n2.push(l4), a2.push(e4.name);
           }
-        }
-        return _newEvents;
-      } else {
-        return existEvents;
       }
-    });
-    const designItems = ref([]);
-    const winHeight = ref();
-    const containerHeightStyle = computed(() => {
-      return {
-        height: winHeight.value + "px"
-      };
-    });
-    function init(pageDesignObj) {
-      pageDesign.value = pageDesignObj;
-      designItems.value = pageDesignObj && pageDesignObj.items ? pageDesignObj.items : [];
-      selectComponent(null, null);
-    }
-    onMounted(() => {
-      init(pageDesignUtil.pageContext);
-      winHeight.value = window.innerHeight;
-      eventTableHeight.value = window.innerHeight - 220;
-    });
-    function clearEvent(eventObj) {
-      ElMessageBox.confirm("确定要清除吗?", "确认", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        console.log("begin clearevent");
-        eventBus.$emit("clearEvent", eventObj);
-      });
-    }
-    function handleSelectionChange(eventObj) {
-      eventBus.$emit("editEvent", eventObj);
     }
-    function handleSelectionChangeForEvent(eventObj) {
-      eventBus.$emit("editEvent", eventObj);
+    if (P.value) {
+      const e4 = [];
+      for (let l3 of t2)
+        (l3.name && l3.name.includes(P.value) || l3.label && l3.label.includes(P.value)) && e4.push(l3);
+      return e4;
     }
-    eventBus.$on("changePageDesign", () => {
-      init(pageDesignUtil.pageContext);
-    });
-    eventBus.$on("editComponentEvent", (obj) => {
-      currentComponent.value = obj.configureObj;
-      setTimeout(function() {
-        eventBus.$emit("editEvent", obj.event);
-      }, 100);
+    return t2;
+  }), q = l([]), A = l(), G = t(() => ({ height: A.value + "px" }));
+  function J(e3) {
+    W.value = e3, q.value = e3 && e3.items ? e3.items : [], Y(null, null);
+  }
+  function K(e3) {
+    w.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
+      _.$emit("clearEvent", e3);
     });
-    function selectComponent(componentIndex, componentConfigure) {
-      currentComponent.value = componentConfigure;
-      properVisible.value = false;
-    }
-    __expose({});
-    return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_popover = resolveComponent("el-popover");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_table = resolveComponent("el-table");
-      const _component_el_collapse_item = resolveComponent("el-collapse-item");
-      const _component_el_collapse = resolveComponent("el-collapse");
-      return openBlock(), createElementBlock("div", {
-        class: "amb-design-assembly-content",
-        ref: "ambPageEventList",
-        style: normalizeStyle(containerHeightStyle.value)
-      }, [
-        createElementVNode("div", null, [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(_component_el_popover, {
-              placement: "right",
-              width: 300,
-              visible: properVisible.value,
-              trigger: "manual"
-            }, {
-              reference: withCtx(() => [
-                createVNode(_component_el_input, {
-                  size: "small",
-                  modelValue: componentInfo.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => componentInfo.value = $event),
-                  placeholder: "请选择组件",
-                  readonly: "",
-                  clearable: "",
-                  onClick: _cache[2] || (_cache[2] = ($event) => properVisible.value = !properVisible.value)
-                }, {
-                  append: withCtx(() => [
-                    createVNode(_component_el_button, {
-                      type: "info",
-                      icon: unref(Search),
-                      circle: "",
-                      text: "",
-                      onClick: _cache[0] || (_cache[0] = ($event) => properVisible.value = !properVisible.value)
-                    }, null, 8, ["icon"])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ]),
-              default: withCtx(() => [
-                createVNode(_sfc_main$1, {
-                  onSelectComponent: selectComponent,
-                  treeMarginTop: "",
-                  headerSearchClass: "custom",
-                  designItems: designItems.value,
-                  selectWidget: _ctx.selectWidget
-                }, null, 8, ["designItems", "selectWidget"])
-              ]),
-              _: 1
-            }, 8, ["visible"])
-          ])
-        ]),
-        createElementVNode("div", null, [
-          createVNode(_component_el_collapse, {
-            modelValue: unref(eventCollapse),
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(eventCollapse) ? eventCollapse.value = $event : eventCollapse = $event),
-            style: { "margin-top": "10px" }
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_el_collapse_item, {
-                class: "amb-assembly-collapse-header",
-                name: "searchCollapse",
-                title: "事件列表"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", {
-                    style: normalizeStyle("max-height:" + eventTableHeight.value + "px")
-                  }, [
-                    createVNode(_component_el_input, {
-                      modelValue: unref(searchItemName),
-                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(searchItemName) ? searchItemName.value = $event : searchItemName = $event),
-                      placeholder: "名称/别名...",
-                      clearable: "",
-                      class: "input-with-select",
-                      style: { "margin-top": "10px", "margin-bottom": "10px" },
-                      "suffix-icon": unref(Search)
-                    }, null, 8, ["modelValue", "suffix-icon"]),
-                    createVNode(_component_el_table, {
-                      size: "small",
-                      data: componentEvents.value,
-                      style: { "width": "100%" },
-                      "max-height": eventTableHeight.value,
-                      "highlight-current-row": "",
-                      onRowClick: handleSelectionChangeForEvent
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_table_column, {
-                          label: "名称",
-                          width: "90"
-                        }, {
-                          default: withCtx((scope) => [
-                            createElementVNode("span", {
-                              title: scope.row.name
-                            }, toDisplayString(scope.row.name), 9, _hoisted_2)
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(_component_el_table_column, {
-                          label: "别名",
-                          width: "60"
-                        }, {
-                          default: withCtx((scope) => [
-                            createElementVNode("span", {
-                              title: scope.row.label
-                            }, toDisplayString(scope.row.label), 9, _hoisted_3)
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(_component_el_table_column, {
-                          label: "组件",
-                          width: "120",
-                          align: "left"
-                        }, {
-                          default: withCtx((scope) => [
-                            scope.row.title || scope.row.componentLabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(scope.row.title ? scope.row.title + "(" + scope.row.componentLabel + ")" : scope.row.componentLabel), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(currentComponent) ? unref(currentComponent).label : "页面"), 1))
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(_component_el_table_column, { label: "备注" }, {
-                          default: withCtx((scope) => [
-                            createElementVNode("span", {
-                              title: scope.row.remark
-                            }, toDisplayString(scope.row.remark), 9, _hoisted_6)
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(_component_el_table_column, {
-                          fixed: "right",
-                          label: "",
-                          width: "40",
-                          align: "center"
-                        }, {
-                          default: withCtx((scope) => [
-                            withDirectives(createVNode(_component_el_button, {
-                              disabled: scope.row.isEdit === false,
-                              link: "",
-                              type: "danger",
-                              size: "small",
-                              onClick: withModifiers(($event) => clearEvent(scope.row), ["stop"])
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode("清除")
-                              ]),
-                              _: 2
-                            }, 1032, ["disabled", "onClick"]), [
-                              [
-                                vShow,
-                                scope.row.isStandard && scope.row.eventName || !scope.row.isStandard && scope.row.jsContent
-                              ]
-                            ])
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["data", "max-height"])
-                  ], 4)
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_collapse_item, {
-                class: "amb-assembly-collapse-header",
-                name: "addCollapse",
-                title: "自定义方法"
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_table, {
-                    size: "small",
-                    data: unref(eventTableData),
-                    "highlight-current-row": "",
-                    style: { "width": "100%" },
-                    "max-height": eventTableHeight.value,
-                    onRowClick: handleSelectionChange
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_table_column, {
-                        prop: "label",
-                        label: "方法名",
-                        width: "90"
-                      }, {
-                        default: withCtx((scope) => [
-                          createElementVNode("span", {
-                            title: scope.row.eventName
-                          }, toDisplayString(scope.row.eventName), 9, _hoisted_7)
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_el_table_column, {
-                        prop: "label",
-                        label: "描述"
-                      }, {
-                        default: withCtx((scope) => [
-                          createElementVNode("span", {
-                            title: scope.row.remark
-                          }, toDisplayString(scope.row.remark), 9, _hoisted_8)
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_el_table_column, {
-                        fixed: "right",
-                        label: "",
-                        width: "50",
-                        align: "center"
-                      }, {
-                        default: withCtx((scope) => [
-                          createVNode(_component_el_button, {
-                            disabled: scope.row.disable,
-                            link: "",
-                            type: "primary",
-                            size: "small",
-                            onClick: withModifiers(($event) => clearEvent(scope.row), ["stop"])
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode("清除")
-                            ]),
-                            _: 2
-                          }, 1032, ["disabled", "onClick"])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["data", "max-height"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ])
-      ], 4);
-    };
   }
-});
+  function Q(e3) {
+    _.$emit("editEvent", e3);
+  }
+  function X(e3) {
+    _.$emit("editEvent", e3);
+  }
+  function Y(e3, l2) {
+    O.value = l2, H.value = false;
+  }
+  return a(() => {
+    J(N.pageContext), A.value = window.innerHeight, F.value = window.innerHeight - 220;
+  }), _.$on("changePageDesign", () => {
+    J(N.pageContext);
+  }), _.$on("editComponentEvent", (e3) => {
+    O.value = e3.configureObj, setTimeout(function() {
+      _.$emit("editEvent", e3.event);
+    }, 100);
+  }), T2({}), (e3, l2) => {
+    const t2 = n("el-button"), a2 = n("el-input"), w2 = n("el-popover"), x2 = n("el-table-column"), C2 = n("el-table"), _2 = n("el-collapse-item"), k2 = n("el-collapse");
+    return o(), i("div", { class: "amb-design-assembly-content", ref: "ambPageEventList", style: u(G.value) }, [s("div", null, [s("div", E, [r(w2, { placement: "right", width: 300, visible: H.value, trigger: "manual" }, { reference: m(() => [r(a2, { size: "small", modelValue: R.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => R.value = e4), placeholder: "请选择组件", readonly: "", clearable: "", onClick: l2[2] || (l2[2] = (e4) => H.value = !H.value) }, { append: m(() => [r(t2, { type: "info", icon: p(b), circle: "", text: "", onClick: l2[0] || (l2[0] = (e4) => H.value = !H.value) }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), default: m(() => [r(y, { onSelectComponent: Y, treeMarginTop: "", headerSearchClass: "custom", designItems: q.value, selectWidget: e3.selectWidget }, null, 8, ["designItems", "selectWidget"])]), _: 1 }, 8, ["visible"])])]), s("div", null, [r(k2, { modelValue: p(I), "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => d(I) ? I.value = e4 : I = e4), style: { "margin-top": "10px" } }, { default: m(() => [r(_2, { class: "amb-assembly-collapse-header", name: "searchCollapse", title: "事件列表" }, { default: m(() => [s("div", { style: u("max-height:" + F.value + "px") }, [r(a2, { modelValue: p(P), "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => d(P) ? P.value = e4 : P = e4), placeholder: "名称/别名...", clearable: "", class: "input-with-select", style: { "margin-top": "10px", "margin-bottom": "10px" }, "suffix-icon": p(b) }, null, 8, ["modelValue", "suffix-icon"]), r(C2, { size: "small", data: M.value, style: { width: "100%" }, "max-height": F.value, "highlight-current-row": "", onRowClick: X }, { default: m(() => [r(x2, { label: "名称", width: "90" }, { default: m((e4) => [s("span", { title: e4.row.name }, c(e4.row.name), 9, V)]), _: 1 }), r(x2, { label: "别名", width: "60" }, { default: m((e4) => [s("span", { title: e4.row.label }, c(e4.row.label), 9, j)]), _: 1 }), r(x2, { label: "组件", width: "120", align: "left" }, { default: m((e4) => [e4.row.title || e4.row.componentLabel ? (o(), i("span", L, c(e4.row.title ? e4.row.title + "(" + e4.row.componentLabel + ")" : e4.row.componentLabel), 1)) : (o(), i("span", U, c(p(O) ? p(O).label : "页面"), 1))]), _: 1 }), r(x2, { label: "备注" }, { default: m((e4) => [s("span", { title: e4.row.remark }, c(e4.row.remark), 9, $)]), _: 1 }), r(x2, { fixed: "right", label: "", width: "40", align: "center" }, { default: m((e4) => [v(r(t2, { disabled: false === e4.row.isEdit, link: "", type: "danger", size: "small", onClick: f((l3) => K(e4.row), ["stop"]) }, { default: m(() => [g("清除")]), _: 2 }, 1032, ["disabled", "onClick"]), [[h, e4.row.isStandard && e4.row.eventName || !e4.row.isStandard && e4.row.jsContent]])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])], 4)]), _: 1 }), r(_2, { class: "amb-assembly-collapse-header", name: "addCollapse", title: "自定义方法" }, { default: m(() => [r(C2, { size: "small", data: p(D), "highlight-current-row": "", style: { width: "100%" }, "max-height": F.value, onRowClick: Q }, { default: m(() => [r(x2, { prop: "label", label: "方法名", width: "90" }, { default: m((e4) => [s("span", { title: e4.row.eventName }, c(e4.row.eventName), 9, z)]), _: 1 }), r(x2, { prop: "label", label: "描述" }, { default: m((e4) => [s("span", { title: e4.row.remark }, c(e4.row.remark), 9, S)]), _: 1 }), r(x2, { fixed: "right", label: "", width: "50", align: "center" }, { default: m((e4) => [r(t2, { disabled: e4.row.disable, link: "", type: "primary", size: "small", onClick: f((l3) => K(e4.row), ["stop"]) }, { default: m(() => [g("清除")]), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])], 4);
+  };
+} });
 export {
-  _sfc_main as default
+  T as default
 };

package/dist/es/components/design/views/design/page-event/page-event-container.vue2.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./page-event-container.vue.js";
+import e from "./page-event-container.vue.js";
 export {
-  _sfc_main as default
+  e as default
 };