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