snowy-designer/dist/ui-kit/panel-ui/src/components/EActionEditor/index.vue2.js

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

import { defineComponent as B, ref as m, computed as p, toRaw as I, watch as N, createElementBlock as g, openBlock as s, Fragment as V, createVNode as v, unref as E, withCtx as h, renderList as R, createBlock as $ } from "vue";
/* empty css                                 */
import "radix-vue";
import "clsx";
import "tailwind-merge";
import "lucide-vue-next";
import "../../../../base-ui/src/shadch-ui/button/index.js";
import "@vueuse/core";
import "../../../../base-ui/src/shadch-ui/toast/index.js";
import "vuedraggable";
import "../../../../../hooks/src/store/index.js";
import "lodash";
import { pluginManager as C } from "../../../../../utils/src/manager/pluginManager.js";
import "monaco-editor";
import "../../../../../utils/src/request/index.js";
import b from "./src/EActionEditorItem.vue.js";
import j from "./src/EActionModal.vue.js";
const te = /* @__PURE__ */ B({
  __name: "index",
  props: {
    eventList: {
      default: () => [],
      type: Array
    },
    modelValue: {
      type: Object
    }
  },
  emits: ["update:modelValue"],
  setup(x, { emit: k }) {
    const d = x, A = k, L = C.getComponent("Collapse"), O = C.getComponent("CollapseItem"), i = m(null);
    let f = 0;
    const n = p({
      get() {
        return d.modelValue;
      },
      set(t) {
        A("update:modelValue", t);
      }
    }), o = m([]), c = p(() => d.eventList.filter(
      (t) => t.events.length
    )), y = p(() => d.eventList.flatMap((t) => t.events)), u = m({});
    y.value.forEach((t) => {
      u.value[t.type] = p({
        get() {
          var e;
          return ((e = n.value) == null ? void 0 : e[t.type]) ?? [];
        },
        set(e) {
          e && e.length ? n.value[t.type] = e.map((l) => I(l)) : delete n.value[t.type];
        }
      });
    }), N(
      () => c.value,
      (t) => {
        t.length && (o.value = t.filter((e) => {
          for (let l = 0; l < e.events.length; l++) {
            const r = e.events[l].type;
            if (u.value[r].length)
              return !0;
          }
          return !1;
        }).map((e) => e.title));
      },
      {
        // 配置选项
        immediate: !0
        // 立即执行一次回调函数
      }
    );
    let a = "";
    function _(t) {
      var e;
      (e = i.value) == null || e.handleOpen(), a = t;
    }
    function M(t, e, l) {
      var r;
      (r = i.value) == null || r.handleOpenEdit(l), f = t, a = e;
    }
    function U(t) {
      u.value[a][f] = t, n.value[a] = [
        ...u.value[a] ?? []
      ];
    }
    function w(t) {
      if (!n.value) {
        n.value = {
          [a]: [...u.value[a] ?? [], t]
        };
        return;
      }
      n.value[a] = [
        ...u.value[a] ?? [],
        t
      ];
    }
    return (t, e) => (s(), g(V, null, [
      v(E(L), {
        modelValue: o.value,
        "onUpdate:modelValue": e[1] || (e[1] = (l) => o.value = l),
        "active-key": o.value,
        "onUpdate:activeKey": e[2] || (e[2] = (l) => o.value = l),
        "expanded-names": o.value,
        "onUpdate:expandedNames": e[3] || (e[3] = (l) => o.value = l)
      }, {
        default: h(() => [
          (s(!0), g(V, null, R(c.value, (l) => (s(), $(E(O), {
            key: l.title,
            title: l.title,
            header: l.title,
            name: l.title
          }, {
            default: h(() => [
              v(b, {
                modelValue: n.value,
                "onUpdate:modelValue": e[0] || (e[0] = (r) => n.value = r),
                "item-events": l.events,
                "all-events": y.value,
                events: u.value,
                onAdd: _,
                onEdit: M
              }, null, 8, ["modelValue", "item-events", "all-events", "events"])
            ]),
            _: 2
          }, 1032, ["title", "header", "name"]))), 128))
        ]),
        _: 1
      }, 8, ["modelValue", "active-key", "expanded-names"]),
      v(j, {
        ref_key: "EActionModalRef",
        ref: i,
        onAdd: w,
        onEdit: U
      }, null, 512)
    ], 64));
  }
});
export {
  te as default
};