ai-form-designer/dist/eventView-B9HhboCj.js

vue3+adv的设计器,可视化开发页面表单

import { defineComponent as y, inject as d, computed as a, createElementBlock as i, openBlock as s, createCommentVNode as b, createBlock as k, unref as u } from "vue";
import { p, q as _, s as B } from "./index-DwcJO-0a.js";
const C = { class: "epic-event-view" }, U = { key: 0 }, N = /* @__PURE__ */ y({
  __name: "eventView",
  setup(E) {
    const l = d("pageSchema"), r = d("designer"), v = d("revoke"), m = p.getComponent("EActionEditor"), f = p.getComponentConfings(), n = a(() => r.state.checkedNode), g = a(() => {
      var o, c;
      const t = [{
        title: "生命周期",
        events: [
          {
            type: "vnodeBeforeMount",
            describe: "beforeMount"
          },
          {
            type: "vnodeMounted",
            describe: "mounted"
          },
          {
            type: "vnodeBeforeUpdate",
            describe: "beforeUpdate"
          },
          {
            type: "vnodeUpdated",
            describe: "updated"
          },
          {
            type: "vnodeBeforeUnmount",
            describe: "beforeUnmount"
          },
          {
            type: "vnodeUnmounted",
            describe: "unmounted"
          },
          {
            type: "vnodeErrorCaptured",
            describe: "errorCaptured"
          }
        ]
      }], e = ((c = f[((o = r.state.checkedNode) == null ? void 0 : o.type) ?? ""]) == null ? void 0 : c.config.event) ?? [];
      return t.unshift({
        title: "组件事件",
        events: e
      }), t;
    });
    function h(t, e) {
      B(n.value, e, t), v.push(l.schemas, "编辑组件属性");
    }
    return (t, e) => (s(), i("div", C, [
      n.value ? (s(), i("div", U, [
        (s(), k(u(m), {
          key: n.value.id,
          "event-list": g.value,
          "model-value": u(_)(n.value, "on"),
          "onUpdate:modelValue": e[0] || (e[0] = (o) => h(o, "on"))
        }, null, 8, ["event-list", "model-value"]))
      ])) : b("", !0)
    ]));
  }
});
export {
  N as default
};