gepic
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.74 kB
JavaScript
;const e=require("vue"),_=require("../../../../tree/src/tree.vue.cjs"),f=require("../../../../../../utils/manager/pluginManager.cjs");require("@vueuse/core");require("../../../../../../hooks/store/index.cjs");const g=require("../../../../icon/src/icon.vue.cjs"),m={class:"epic-outline"},v=["onMouseenter"],y={class:"max-w-full truncate"},h={class:"epic-node-type-text flex-1 w-0 truncate"},k=e.defineComponent({__name:"outline",setup(N){const n=e.inject("designer"),l=e.inject("pageSchema"),a=e.computed(()=>{var r;const o=(r=n.state.checkedNode)==null?void 0:r.id;return o?[o]:[]});function u(o){n.setCheckedNode(o.componentSchema)}return(o,r)=>{var s;return e.openBlock(),e.createElementBlock("div",m,[e.createVNode(e.unref(_),{options:e.unref(l).schemas,draggable:"","selected-keys":a.value,"hover-key":(s=e.unref(n).state.hoverNode)==null?void 0:s.id,onNodeClick:u},{"tree-node":e.withCtx(({schema:t})=>{var i,c,d;return[e.createElementVNode("div",{class:e.normalizeClass(["epic-text-padding flex",{hidden:(i=t.componentProps)==null?void 0:i.hidden}]),onMouseenter:e.withModifiers(p=>e.unref(n).setHoverNode(t),["stop"]),onMouseleave:r[0]||(r[0]=e.withModifiers(p=>e.unref(n).setHoverNode(null),["stop"]))},[e.createElementVNode("span",y,[(c=t.componentProps)!=null&&c.hidden?(e.openBlock(),e.createBlock(e.unref(g),{key:0,name:"icon--epic--visibility-off-outline-rounded",class:"translate-y-2px"})):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.label??((d=e.unref(f.pluginManager).getComponentConfingByType(t.type))==null?void 0:d.defaultSchema.label)),1)]),e.createElementVNode("span",h,e.toDisplayString(t.id),1)],42,v)]}),_:1},8,["options","selected-keys","hover-key"])])}}});module.exports=k;