form-designer-xinyi
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.33 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./tree.vue_vue_type_script_setup_true_lang-Byasafpk.cjs"),p=require("./revoke-Bbm2vFx2.cjs"),_={class:"epic-outline"},f=["onMouseenter"],g={class:"epic-node-type-text"},v=e.defineComponent({__name:"outline",setup(y){const t=e.inject("designer"),c=e.inject("pageSchema"),d=e.computed(()=>{var n;const o=(n=t.state.checkedNode)==null?void 0:n.id;return o?[o]:[]});function a(o){t.setCheckedNode(o.componentSchema)}return(o,n)=>{var r;return e.openBlock(),e.createElementBlock("div",_,[e.createVNode(e.unref(u._sfc_main),{options:e.unref(c).schemas,draggable:"","selected-keys":d.value,"hover-key":(r=e.unref(t).state.hoverNode)==null?void 0:r.id,onNodeClick:a},{"tree-node":e.withCtx(({schema:s})=>{var i;return[e.createElementVNode("div",{class:"epic-text-padding",onMouseenter:e.withModifiers(l=>e.unref(t).setHoverNode(s),["stop"]),onMouseleave:n[0]||(n[0]=e.withModifiers(l=>e.unref(t).setHoverNode(null),["stop"]))},[e.createTextVNode(e.toDisplayString(s.label??((i=e.unref(p.pluginManager).getComponentConfingByType(s.type))==null?void 0:i.defaultSchema.label))+" ",1),e.createElementVNode("span",g,e.toDisplayString(s.type),1)],40,f)]}),_:1},8,["options","selected-keys","hover-key"])])}}});exports.default=v;