sci-pro/lib/src/tree/tree.vue.js

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const _={class:"sci-tree"},m={class:"sci-tree_title"},u={key:0,class:"item-title_icon"},k=["onClick"],p={key:0,class:"sci-tree-children",style:{display:"none"}},y=e.defineComponent({name:"sci-tree"}),f=e.defineComponent({...y,props:{treeList:{}},emits:["treeClick"],setup(h,{emit:i}){const n=i,c=e.ref([]),a=(r,s)=>{if(r.children){let o=c.value[s],t=o.querySelector(".sci-tree-children"),l=o.querySelector(".item-title_icon");t.style.display==="none"?(t.style.display="block",l.style.transform="rotate(135deg)"):(t.style.display="none",l.style.transform="rotate(45deg)")}n("treeClick",r)},d=r=>{n("treeClick",r)};return(r,s)=>{const o=e.resolveComponent("sci-tree");return e.openBlock(),e.createElementBlock("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.treeList,(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:"sci-tree-item",key:t.title,ref_for:!0,ref_key:"itemRefs",ref:c},[e.createElementVNode("div",m,[e.createElementVNode("div",null,[t.children?(e.openBlock(),e.createElementBlock("span",u)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{onClick:C=>a(t,l)},e.toDisplayString(t.title),9,k)]),t.children?(e.openBlock(),e.createElementBlock("div",p,[e.createVNode(o,{treeList:t.children,onTreeClick:d},null,8,["treeList"])])):e.createCommentVNode("",!0)]))),128))])}}});exports.default=f;