epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.82 kB
JavaScript
;const e=require("vue");;/* empty css */const _=require("../../../../base-ui/src/icon/icon.vue2.cjs");require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");const f=require("../../../../../utils/src/manager/pluginManager.cjs"),g=require("../../../../base-ui/src/tree/tree.vue2.cjs"),m={class:"epic-outline"},v=["onMouseenter"],y={class:"max-w-full truncate"},h={class:"epic-node-type-text w-0 flex-1 truncate"},N=e.defineComponent({__name:"outline",setup(k){const l=e.inject("pageSchema"),n=e.inject("designer"),u=e.computed(()=>{var r;const o=(r=n.state.selectedNode)==null?void 0:r.id;return o?[o]:[]});function a(o){n.setSelectedNode(o.componentSchema)}return(o,r)=>{var s;return e.openBlock(),e.createElementBlock("div",m,[e.createVNode(e.unref(g),{options:e.unref(l).schemas,draggable:"","selected-keys":u.value,"hover-key":((s=e.unref(n).state.hoverNode)==null?void 0:s.id)??"",onNodeClick:a},{"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(_),{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=N;