fx-epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.69 kB
JavaScript
;const e=require("vue");;/* empty css */require("vuedraggable");const d=require("../../../../../utils/src/common/data.cjs");require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");const u=require("../../../../../utils/src/manager/pluginManager.cjs"),g={class:"epic-event-view"},f={key:0},B=e.defineComponent({__name:"event",setup(E){const r=e.inject("designer"),p=e.inject("revoke"),l=u.pluginManager.getComponent("EActionEditor"),a=u.pluginManager.getComponentConfings(),o=e.computed(()=>r.state.selectedNode),v=[{description:"挂载完成（全部组件）",type:"epicReady"},{description:"挂载完成（本组件）",type:"vnodeMounted"},{description:"更新完成",type:"vnodeUpdated"},{description:"卸载完成",type:"vnodeUnmounted"},{description:"挂载前",type:"vnodeBeforeMount"},{description:"更新前",type:"vnodeBeforeUpdate"},{description:"卸载前",type:"vnodeBeforeUnmount"},{description:"错误捕获",type:"vnodeErrorCaptured"}],m=e.computed(()=>{var s,c;const n=[{events:v,title:"生命周期"}],t=(s=r.state.selectedNode)==null?void 0:s.type,i=((c=a[t??""])==null?void 0:c.config.event)??[];return n.unshift({events:i,title:"组件事件"}),n});function y(n,t){d.setValueByPath(o.value,t,n),p.push("编辑组件属性")}return(n,t)=>(e.openBlock(),e.createElementBlock("div",g,[o.value?(e.openBlock(),e.createElementBlock("div",f,[(e.openBlock(),e.createBlock(e.unref(l),{key:o.value.id,"event-list":m.value,"model-value":e.unref(d.getValueByPath)(o.value,"on"),"onUpdate:modelValue":t[0]||(t[0]=i=>y(i,"on"))},null,8,["event-list","model-value"]))])):e.createCommentVNode("",!0)]))}});module.exports=B;