snowy-designer/dist/ui-kit/panel-ui/src/rightSidebars/event/index.vue2.js

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

import { defineComponent as C, inject as c, computed as m, createElementBlock as l, openBlock as i, createCommentVNode as B, createBlock as k, unref as a } 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 { getValueByPath as h, setValueByPath as N } from "../../../../../utils/src/common/data.js";
import "../../../../../hooks/src/store/index.js";
import "lodash";
import { pluginManager as u } from "../../../../../utils/src/manager/pluginManager.js";
import "monaco-editor";
import "../../../../../utils/src/request/index.js";
const V = { class: "epic-event-view" }, U = { key: 0 }, G = /* @__PURE__ */ C({
  __name: "index",
  setup(L) {
    const r = c("designer"), v = c("revoke"), f = u.getComponent("EActionEditor"), y = u.getComponentConfings(), o = m(() => r.state.selectedNode), _ = [
      {
        description: "挂载完成（全部组件）",
        type: "epicReady"
      },
      {
        description: "挂载完成（本组件）",
        type: "vnodeMounted"
      },
      {
        description: "更新完成",
        type: "vnodeUpdated"
      },
      {
        description: "卸载完成",
        type: "vnodeUnmounted"
      },
      {
        description: "挂载前",
        type: "vnodeBeforeMount"
      },
      {
        description: "更新前",
        type: "vnodeBeforeUpdate"
      },
      {
        description: "卸载前",
        type: "vnodeBeforeUnmount"
      },
      {
        description: "错误捕获",
        type: "vnodeErrorCaptured"
      }
    ], g = m(() => {
      var p, d, s;
      const t = [
        {
          events: _,
          title: "生命周期"
        }
      ], e = (p = r.state.selectedNode) == null ? void 0 : p.type, n = ((s = (d = y[e ?? ""]) == null ? void 0 : d.config) == null ? void 0 : s.event) ?? [];
      return t.unshift({
        events: n,
        title: "组件事件"
      }), t;
    });
    function E(t, e) {
      N(o.value, e, t), v.push("编辑组件属性");
    }
    return (t, e) => (i(), l("div", V, [
      o.value ? (i(), l("div", U, [
        (i(), k(a(f), {
          key: o.value.id,
          "event-list": g.value,
          "model-value": a(h)(o.value, "on"),
          "onUpdate:modelValue": e[0] || (e[0] = (n) => E(n, "on"))
        }, null, 8, ["event-list", "model-value"]))
      ])) : B("", !0)
    ]));
  }
});
export {
  G as default
};