mirror of
https://gitee.com/myxzgzs/boyuehasfj-vue3.git
synced 2025-08-08 15:12:41 +08:00
2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
|
import{C as e,r as l,a3 as a,j as t,c as s,o as d,f as n,e as u,w as o,I as i,J as r,h,k as c,aZ as v,B as p,_ as f}from"./index-C-c3zR6K.js";const b={style:{width:"100%"}},m={class:"title"},y={class:"search"},k={class:"prefix"},_=f(e({__name:"ThreePanel",props:{modelthree:{}},emits:["handleNodeClick","refresh"],setup(e,{emit:f}){const _=e,x={children:"children",label:"label",value:"id"},C=f,g=l("all"),w=l([{value:"all",label:"全部"},{value:"Mesh",label:"网格"},{value:"Group",label:"组"},{value:"Object3D",label:"对象"},{value:"Light",label:"光源"}]);function j(e){C("handleNodeClick",e)}a((()=>_.modelthree),(()=>{const e=[];e.push({value:"all",label:"全部"}),_.modelthree.forEach((l=>e.push({label:l.type,value:l.type}))),w.value=e.filter(((e,l,a)=>a.indexOf(e)===l))}));const N=l(),V=(e,l)=>l.type.includes(e)||"all"===e,z=()=>N.value.filter(g.value);return(e,l)=>{const a=t("el-button"),f=t("el-option"),_=t("el-select");return d(),s("div",b,[n("div",m,[l[3]||(l[3]=n("div",null,"模型树",-1)),u(a,{onClick:l[0]||(l[0]=l=>e.$emit("refresh")),size:"small"},{default:o((()=>l[2]||(l[2]=[n("div",{style:{width:"124px"}},"重新加载模型树",-1)]))),_:1})]),n("div",y,[l[4]||(l[4]=n("div",null,"筛选",-1)),u(_,{size:"small",style:{width:"150px"},modelValue:g.value,"onUpdate:modelValue":l[1]||(l[1]=e=>g.value=e),onChange:z},{default:o((()=>[(d(!0),s(i,null,r(w.value,(e=>(d(),h(f,{key:e.value,label:e.label,value:e.value},null,8,["label","value"])))),128))])),_:1},8,["modelValue"])]),u(c(v),{height:300,style:{height:"100%",background:"none"},data:e.modelthree,"node-key":"id",props:x,onNodeClick:j,"expand-on-click-node":!1,ref_key:"treeRef",ref:N,"filter-method":V},{default:o((({node:e})=>[n("span",k," ["+p(e.data.type)+"] ",1),n("span",null,p(e.label),1)])),_:1},8,["data"])])}}}),[["__scopeId","data-v-4be2eade"]]);export{_ as default};
|