t-fighting-design/lib/tree/src/index2.js

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./index3.js"),l=require("../../_utils/index7.js"),u={class:"f-tree"},_=["onClick"],p=e.defineComponent({name:"FTree"}),f=e.defineComponent({...p,props:i.Props,setup(c){const s=c,a=e.computed(()=>l.treeToFlat(l.treeAddLevel(s.data))),d=(n,o)=>{console.log(n,o)};return(n,o)=>(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),(t,r)=>(e.openBlock(),e.createElementBlock("div",{key:r,class:"f-tree__data",onClick:k=>d(t,r)},[e.createElementVNode("div",{class:"f-tree__label",style:e.normalizeStyle({paddingLeft:25*(t.level-1)+"px"})},e.toDisplayString(t.label),5)],8,_))),128))]))}});exports.default=f;