epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 2.78 kB
JavaScript
;const e=require("vue");;/* empty css */const _=require("../icon/icon.vue.cjs");;/* empty css */;/* empty css */const p=require("../../../../manager/src/pluginManager.cjs");require("../../../../git/epic/epic-designer/node_modules/.pnpm/jsep@1.4.0/node_modules/jsep/dist/jsep.cjs");require("@vueuse/core");require("../../../../hooks/src/store/index.cjs");const v=require("../../../../hooks/src/designer/useDesignerContext.cjs");;/* empty css */const y=require("./treeNodes.vue.cjs"),C=require("./useTreeContext.cjs"),k=e.defineComponent({name:"ETreeNodeItem",__name:"treeNodeItem",props:{schema:{}},setup(m){const n=m,t=C.useTreeContext(),{pageSchema:r}=v.useDesignerContext(),l=e.computed(()=>t.expandedKeys.value.includes(n.schema.id??"")),h=e.defineComponent({setup(){return()=>{var s,a;return e.h("span",{class:{checked:t.selectedKeys.value.includes(n.schema.id),hover:t.treeProps.hoverKey===n.schema.id,text:!0},onClick:()=>t.handleSelect(n.schema.id,n.schema)},((a=(s=t.slots)["tree-node"])==null?void 0:a.call(s,n))??e.h("span",{class:"epic-text-padding flex"},{default:()=>{var c;return[e.h("span",{class:"max-w-full truncate"},n.schema.label??((c=p.pluginManager.component.getConfigByType(n.schema.type))==null?void 0:c.defaultSchema.label)),e.h("span",{class:"epic-node-type-text flex-1 w-0 truncate"},n.schema.id)]}}))}}});function x(){const s=n.schema.id;if(!s)return!1;t.expandedKeys.value.includes(s)?t.expandedKeys.value=t.expandedKeys.value.filter(a=>a!==s):t.expandedKeys.value.push(s)}function f(){var a;const s=n.schema.id;if(!s||!((a=n.schema.children)!=null&&a.length))return!1;t.expandedKeys.value.push(s)}return f(),(s,a)=>{var c,i,d,o,u;return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["epic-tree-node",{expanded:(c=n.schema.children)==null?void 0:c.length,"is-locked":e.unref(p.pluginManager).component.getLocked(n.schema.type),"level-1":n.schema.id===((i=e.unref(r).schemas[0])==null?void 0:i.id)}])},[e.createElementVNode("a",null,[(d=n.schema.children)!=null&&d.length&&n.schema.id!==((o=e.unref(r).schemas[0])==null?void 0:o.id)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["icon-expanded",{expanded:l.value}]),onClick:x},[e.createVNode(e.unref(_),{name:"icon--epic--caret-right-outlined"})],2)):e.createCommentVNode("",!0),e.createVNode(e.unref(h))]),(u=n.schema.children)!=null&&u.length?(e.openBlock(),e.createBlock(y,{key:0,schemas:n.schema.children,"onUpdate:schemas":a[0]||(a[0]=g=>n.schema.children=g),class:e.normalizeClass(["epic-tree-sublist",{expanded:l.value}]),"parent-schema":n.schema},null,8,["schemas","class","parent-schema"])):e.createCommentVNode("",!0)],2)}}});module.exports=k;