gepic
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.54 kB
JavaScript
;const e=require("vue"),s=require("../../../../../../utils/manager/pluginManager.cjs");require("@vueuse/core");require("../../../../../../hooks/store/index.cjs");const u=require("../../../../../../utils/common/data.cjs"),g={class:"epic-event-view"},f={key:0},k=e.defineComponent({__name:"eventView",setup(h){const i=e.inject("pageSchema"),c=e.inject("designer"),a=e.inject("revoke"),p=s.pluginManager.getComponent("EActionEditor"),l=s.pluginManager.getComponentConfings(),o=e.computed(()=>c.state.checkedNode),v=e.computed(()=>{var r,d;const n=[{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"}]}],t=((d=l[((r=c.state.checkedNode)==null?void 0:r.type)??""])==null?void 0:d.config.event)??[];return n.unshift({title:"组件事件",events:t}),n});function m(n,t){u.setValueByPath(o.value,t,n),a.push(i.schemas,"编辑组件属性")}return(n,t)=>(e.openBlock(),e.createElementBlock("div",g,[o.value?(e.openBlock(),e.createElementBlock("div",f,[(e.openBlock(),e.createBlock(e.unref(p),{key:o.value.id,"event-list":v.value,"model-value":e.unref(u.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=k;