fec-dev-designer 1.0.0

package/es/src/packages/event/index.vue2.js

@@ -0,0 +1,295 @@
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dialog.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-overlay.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tabs.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tab-pane.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-aside.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-container.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-footer.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-header.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-main.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button-group.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-popper.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dropdown.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dropdown-menu.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dropdown-item.css.js";
+import { mergeModels as K, useModel as Q, ref as p, watch as W, resolveComponent as $, openBlock as d, createBlock as w, withCtx as o, createElementVNode as a, createVNode as l, createTextVNode as g, createElementBlock as _, Fragment as V, renderList as D, toDisplayString as b, normalizeClass as X, normalizeStyle as Y } from "vue";
+import Z from "../eventFlow/index.vue.js";
+import ee from "../eventFlow/defaultProcessData.js";
+import { cloneDeep as B } from "../utils/common.js";
+import "../../../node_modules/element-plus/theme-chalk/el-badge.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-message.css.js";
+import "./index.vue.js";
+import te from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElMessage as oe } from "../../../node_modules/element-plus/es/components/message/index.js";
+import { ElIcon as le } from "../../../node_modules/element-plus/es/components/icon/index.js";
+import { ElDropdownItem as ne, ElDropdownMenu as ae, ElDropdown as se } from "../../../node_modules/element-plus/es/components/dropdown/index.js";
+import { ElHeader as re, ElMain as ie, ElContainer as de, ElAside as me } from "../../../node_modules/element-plus/es/components/container/index.js";
+import { ElTabPane as ce, ElTabs as ue } from "../../../node_modules/element-plus/es/components/tabs/index.js";
+import { ElButton as pe } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElDialog as ve } from "../../../node_modules/element-plus/es/components/dialog/index.js";
+const fe = { class: "el-dropdown-link" }, _e = ["onClick"], we = { class: "event-title" }, ge = { class: "event-method" }, be = { class: "event-label" }, ye = { class: "tab-content" }, Ee = {
+  key: 1,
+  class: "empty-selection"
+}, ke = { class: "dialog-footer" }, Ce = {
+  __name: "index",
+  props: /* @__PURE__ */ K({
+    eventConfig: Object,
+    title: {
+      type: String,
+      default: "事件配置"
+    },
+    onConfirm: Function
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(y) {
+    const v = Q(y, "modelValue"), E = y, c = () => JSON.parse(JSON.stringify(ee)), I = p([
+      { name: "Click", description: "点击时触发", eventFlow: c() },
+      {
+        name: "Change",
+        description: "当绑定值变化时触发",
+        eventFlow: c()
+      },
+      {
+        name: "Input",
+        description: "当绑定值变化时触发",
+        eventFlow: c()
+      },
+      { name: "Blur", description: "失去焦点时触发", eventFlow: c() },
+      {
+        name: "Focus",
+        description: "获得焦点时触发",
+        eventFlow: c()
+      },
+      {
+        name: "Clear",
+        description: "在点击清空按钮时触发",
+        eventFlow: c()
+      }
+    ]), s = p([]), r = p(-1);
+    W(v, (t) => {
+      t && (s.value = B(E.eventConfig) || [], s.value.length > 0 && (r.value = 0));
+    });
+    const f = p("eventFlow"), k = p({}), C = p({}), O = (t, e) => {
+      t && (k.value[e] = t);
+    }, T = async () => {
+      var e;
+      C.value = {};
+      const t = [];
+      for (const [m, u] of Object.entries(k.value))
+        try {
+          u != null && u.validate && await u.validate();
+        } catch (F) {
+          C.value[m] = !0, t.push({
+            event: (e = s.value[m]) == null ? void 0 : e.name,
+            errors: F
+          });
+        }
+      if (t.length > 0)
+        throw t;
+    }, j = (t) => s.value.some((e) => e.name === t), A = (t) => {
+      s.value.some((m) => m.name === t.name) || (s.value.push({
+        name: t.name,
+        description: t.description,
+        eventFlow: c()
+      }), r.value = s.value.length - 1, f.value = "eventFlow");
+    }, R = (t) => {
+      s.value.splice(t, 1), delete k.value[t], r.value === t ? (r.value = -1, f.value = "eventFlow") : r.value > t && r.value--;
+    }, z = async () => {
+      try {
+        f.value === "eventFlow" && await T(), E.onConfirm && E.onConfirm(B(s.value)), v.value = !1;
+      } catch (t) {
+        console.error("事件流校验失败:", t);
+        const e = t.map((m) => m.event).join("、");
+        oe.error(`请完善 ${e} 的事件配置`);
+      }
+    };
+    return (t, e) => {
+      const m = $("arrow-down"), u = le, F = ne, J = ae, P = se, U = re, q = $("Delete"), x = ie, M = de, H = me, N = ce, L = ue, S = pe, G = ve;
+      return d(), w(G, {
+        modelValue: v.value,
+        "onUpdate:modelValue": e[2] || (e[2] = (n) => v.value = n),
+        width: "70%",
+        title: y.title,
+        draggable: "",
+        overflow: "",
+        "append-to-body": "",
+        class: "fec-dev-designer-dialog"
+      }, {
+        footer: o(() => [
+          a("div", ke, [
+            l(S, {
+              onClick: e[1] || (e[1] = (n) => v.value = !1)
+            }, {
+              default: o(() => [...e[6] || (e[6] = [
+                g("取消", -1)
+              ])]),
+              _: 1
+            }),
+            l(S, {
+              type: "primary",
+              onClick: z
+            }, {
+              default: o(() => [...e[7] || (e[7] = [
+                g(" 确定 ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: o(() => [
+          l(M, { style: { border: "1px solid #ebeef5", "border-radius": "4px" } }, {
+            default: o(() => [
+              l(H, { width: "300px" }, {
+                default: o(() => [
+                  l(M, { style: { height: "600px" } }, {
+                    default: o(() => [
+                      l(U, {
+                        height: "40px",
+                        style: { "background-color": "#f2f2f2" }
+                      }, {
+                        default: o(() => [
+                          l(P, {
+                            trigger: "click",
+                            placement: "bottom-start",
+                            style: { height: "100%" }
+                          }, {
+                            dropdown: o(() => [
+                              l(J, null, {
+                                default: o(() => [
+                                  (d(!0), _(V, null, D(I.value, (n) => (d(), w(F, {
+                                    key: n.name,
+                                    disabled: j(n.name),
+                                    onClick: (i) => A(n)
+                                  }, {
+                                    default: o(() => [
+                                      a("div", null, [
+                                        a("span", null, b(n.name), 1),
+                                        a("span", null, b(n.description), 1)
+                                      ])
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["disabled", "onClick"]))), 128))
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            default: o(() => [
+                              a("span", fe, [
+                                e[3] || (e[3] = g(" 新增事件 ", -1)),
+                                l(u, { class: "el-icon--right" }, {
+                                  default: o(() => [
+                                    l(m)
+                                  ]),
+                                  _: 1
+                                })
+                              ])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      l(x, { style: { padding: "10px" } }, {
+                        default: o(() => [
+                          (d(!0), _(V, null, D(s.value, (n, i) => (d(), _("div", {
+                            key: i,
+                            class: X([
+                              "event-menu-item",
+                              {
+                                "is-active": r.value === i,
+                                "is-error": C.value[i]
+                              }
+                            ]),
+                            onClick: (h) => r.value = i
+                          }, [
+                            a("div", we, [
+                              a("div", ge, [
+                                a("span", null, [
+                                  e[4] || (e[4] = g("function ", -1)),
+                                  a("span", null, b(n.name), 1)
+                                ]),
+                                a("span", be, b(n.description), 1)
+                              ]),
+                              l(u, {
+                                class: "delete-icon",
+                                onClick: (h) => R(i)
+                              }, {
+                                default: o(() => [
+                                  l(q)
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])
+                            ])
+                          ], 10, _e))), 128))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              l(x, { style: { "border-left": "1px solid #ebeef5", padding: "0" } }, {
+                default: o(() => [
+                  r.value !== -1 ? (d(), w(L, {
+                    key: 0,
+                    modelValue: f.value,
+                    "onUpdate:modelValue": e[0] || (e[0] = (n) => f.value = n),
+                    class: "event-tabs"
+                  }, {
+                    default: o(() => [
+                      l(N, {
+                        label: "事件流",
+                        name: "eventFlow"
+                      }, {
+                        default: o(() => [
+                          a("div", ye, [
+                            (d(!0), _(V, null, D(s.value, (n, i) => (d(), w(Z, {
+                              key: i,
+                              ref_for: !0,
+                              ref: (h) => O(h, i),
+                              process: n.eventFlow,
+                              style: Y({
+                                display: r.value === i ? "block" : "none"
+                              })
+                            }, null, 8, ["process", "style"]))), 128))
+                          ])
+                        ]),
+                        _: 1
+                      }),
+                      l(N, {
+                        label: "自定义",
+                        name: "custom"
+                      }, {
+                        default: o(() => [...e[5] || (e[5] = [
+                          a("div", { class: "tab-content" }, [
+                            a("div", { class: "custom-code-area" }, " 自定义 ")
+                          ], -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])) : (d(), _("div", Ee, "请从左侧选择一个事件"))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"]);
+    };
+  }
+}, ot = /* @__PURE__ */ te(Ce, [["__scopeId", "data-v-5b3caf1f"]]);
+export {
+  ot as default
+};

package/es/src/packages/event/pageEvent.vue.js

@@ -0,0 +1,213 @@
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dialog.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-overlay.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tabs.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tab-pane.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-aside.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-container.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-footer.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-header.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-main.css.js";
+import { useModel as U, computed as j, ref as c, watch as z, openBlock as m, createBlock as g, withCtx as t, createElementVNode as l, createVNode as n, createTextVNode as b, createElementBlock as E, Fragment as x, renderList as h, normalizeClass as A, toDisplayString as N, normalizeStyle as I, createCommentVNode as J } from "vue";
+import R from "../eventFlow/index.vue.js";
+import q from "../eventFlow/defaultProcessData.js";
+import { getEditConfigData as H, cloneDeep as D } from "../utils/common.js";
+import "../../../node_modules/element-plus/theme-chalk/el-badge.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-message.css.js";
+import "./pageEvent.vue2.js";
+import L from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElMessage as G } from "../../../node_modules/element-plus/es/components/message/index.js";
+import { ElHeader as K, ElMain as Q, ElContainer as W, ElAside as X } from "../../../node_modules/element-plus/es/components/container/index.js";
+import { ElTabPane as Y, ElTabs as Z } from "../../../node_modules/element-plus/es/components/tabs/index.js";
+import { ElButton as ee } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElDialog as te } from "../../../node_modules/element-plus/es/components/dialog/index.js";
+const oe = ["onClick"], le = { class: "event-title" }, ne = { class: "event-method" }, ae = { class: "event-label" }, re = { class: "tab-content" }, se = { class: "dialog-footer" }, ie = {
+  __name: "pageEvent",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(B) {
+    const u = U(B, "modelValue"), y = j(() => H()), w = () => JSON.parse(JSON.stringify(q)), s = c([
+      {
+        name: "onCreated",
+        description: "页面加载时触发",
+        eventFlow: w()
+      },
+      {
+        name: "onUnmounted",
+        description: "页面卸载后触发",
+        eventFlow: w()
+      }
+    ]), p = c(0), f = c("eventFlow"), C = c({}), _ = c({});
+    z(u, (o) => {
+      o && (s.value = D(
+        y.value.pageEventConfig || s.value
+      ), s.value.length > 0 && (p.value = 0));
+    });
+    const M = (o, e) => {
+      o && (C.value[e] = o);
+    }, S = async () => {
+      var e;
+      _.value = {};
+      const o = [];
+      for (const [d, i] of Object.entries(C.value))
+        try {
+          i != null && i.validate && await i.validate();
+        } catch (v) {
+          _.value[d] = !0, o.push({
+            event: (e = s.value[d]) == null ? void 0 : e.name,
+            errors: v
+          });
+        }
+      if (o.length > 0)
+        throw o;
+    }, T = async () => {
+      try {
+        f.value === "eventFlow" && await S(), y.value.pageEventConfig = D(s.value), u.value = !1;
+      } catch (o) {
+        console.error("事件流校验失败:", o);
+        const e = o.map((d) => d.event).join("、");
+        G.error(`请完善 ${e} 的事件配置`);
+      }
+    };
+    return (o, e) => {
+      const d = K, i = Q, v = W, $ = X, V = Y, O = Z, k = ee, P = te;
+      return m(), g(P, {
+        modelValue: u.value,
+        "onUpdate:modelValue": e[2] || (e[2] = (a) => u.value = a),
+        width: "70%",
+        title: "页面事件配置",
+        draggable: "",
+        overflow: "",
+        "append-to-body": "",
+        class: "fec-dev-designer-dialog"
+      }, {
+        footer: t(() => [
+          l("div", se, [
+            n(k, {
+              onClick: e[1] || (e[1] = (a) => u.value = !1)
+            }, {
+              default: t(() => [...e[6] || (e[6] = [
+                b("取消", -1)
+              ])]),
+              _: 1
+            }),
+            n(k, {
+              type: "primary",
+              onClick: T
+            }, {
+              default: t(() => [...e[7] || (e[7] = [
+                b(" 确定 ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: t(() => [
+          n(v, { style: { border: "1px solid #ebeef5", "border-radius": "4px" } }, {
+            default: t(() => [
+              n($, { width: "300px" }, {
+                default: t(() => [
+                  n(v, { style: { height: "600px" } }, {
+                    default: t(() => [
+                      n(d, {
+                        height: "40px",
+                        style: { "background-color": "#f2f2f2" }
+                      }, {
+                        default: t(() => [...e[3] || (e[3] = [
+                          l("span", { class: "header-title" }, "页面生命周期", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      n(i, { style: { padding: "10px" } }, {
+                        default: t(() => [
+                          (m(!0), E(x, null, h(s.value, (a, r) => (m(), E("div", {
+                            key: r,
+                            class: A([
+                              "event-menu-item",
+                              {
+                                "is-active": p.value === r,
+                                "is-error": _.value[r]
+                              }
+                            ]),
+                            onClick: (F) => p.value = r
+                          }, [
+                            l("div", le, [
+                              l("div", ne, [
+                                l("span", null, [
+                                  e[4] || (e[4] = b("function ", -1)),
+                                  l("span", null, N(a.name), 1)
+                                ]),
+                                l("span", ae, N(a.description), 1)
+                              ])
+                            ])
+                          ], 10, oe))), 128))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              n(i, { style: { "border-left": "1px solid #ebeef5", padding: "0" } }, {
+                default: t(() => [
+                  p.value !== -1 ? (m(), g(O, {
+                    key: 0,
+                    modelValue: f.value,
+                    "onUpdate:modelValue": e[0] || (e[0] = (a) => f.value = a),
+                    class: "event-tabs"
+                  }, {
+                    default: t(() => [
+                      n(V, {
+                        label: "事件流",
+                        name: "eventFlow"
+                      }, {
+                        default: t(() => [
+                          l("div", re, [
+                            (m(!0), E(x, null, h(s.value, (a, r) => (m(), g(R, {
+                              key: r,
+                              ref_for: !0,
+                              ref: (F) => M(F, r),
+                              process: a.eventFlow,
+                              style: I({
+                                display: p.value === r ? "block" : "none"
+                              })
+                            }, null, 8, ["process", "style"]))), 128))
+                          ])
+                        ]),
+                        _: 1
+                      }),
+                      n(V, {
+                        label: "自定义",
+                        name: "custom"
+                      }, {
+                        default: t(() => [...e[5] || (e[5] = [
+                          l("div", { class: "tab-content" }, [
+                            l("div", { class: "custom-code-area" }, " 自定义 ")
+                          ], -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])) : J("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}, Te = /* @__PURE__ */ L(ie, [["__scopeId", "data-v-eb92bfe7"]]);
+export {
+  Te as default
+};

package/es/src/packages/event/pageEvent.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/es/src/packages/event/useEventDialog.js

@@ -0,0 +1,15 @@
+import o from "./index.vue2.js";
+import { ref as t } from "vue";
+function l() {
+  const e = t(!1);
+  return {
+    eventDialogVisible: e,
+    openEventDialog: () => {
+      e.value = !0;
+    },
+    EventDialog: o
+  };
+}
+export {
+  l as useEventDialog
+};

package/es/src/packages/eventFlow/defaultProcessData.js

@@ -0,0 +1,19 @@
+const e = {
+  id: "root",
+  pid: void 0,
+  type: "start",
+  name: "开始",
+  executionListeners: [],
+  formProperties: [],
+  next: {
+    id: "end",
+    pid: "root",
+    type: "end",
+    name: "事件结束",
+    executionListeners: [],
+    next: void 0
+  }
+};
+export {
+  e as default
+};

package/es/src/packages/eventFlow/dialog/action/Advanced.vue.js

@@ -0,0 +1,50 @@
+import "../../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../../node_modules/element-plus/theme-chalk/el-form-item.css.js";
+import { openBlock as l, createElementBlock as d, Fragment as f, createVNode as n, withCtx as r } from "vue";
+import a from "../../../../components/ConditionConfigButton.vue2.js";
+import { ElFormItem as p } from "../../../../../node_modules/element-plus/es/components/form/index.js";
+const b = {
+  __name: "Advanced",
+  props: {
+    formData: Object
+  },
+  setup(t) {
+    const i = t;
+    function c(o) {
+      i.formData.skipCondition = o;
+    }
+    function m(o) {
+      i.formData.blockCondition = o;
+    }
+    return (o, u) => {
+      const e = p;
+      return l(), d(f, null, [
+        n(e, { label: "跳过条件" }, {
+          default: r(() => [
+            n(a, {
+              width: "225px",
+              condition: t.formData.skipCondition,
+              description: "当条件达成时，会跳过当前动作并继续执行后续动作。",
+              onConfirm: c
+            }, null, 8, ["condition"])
+          ]),
+          _: 1
+        }),
+        n(e, { label: "阻断条件" }, {
+          default: r(() => [
+            n(a, {
+              width: "225px",
+              condition: t.formData.blockCondition,
+              description: "当条件达成时，会阻止后续动作的执行。",
+              onConfirm: m
+            }, null, 8, ["condition"])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+};
+export {
+  b as default
+};