icegl-three-vue-tres/dist/static/preview-07487fce.js

import{Y as O,n as T,o as e,c as t,a as o,B as s,E as b,t as y,I as c,bR as k,bS as A,U as f,C as a,D as v,V as j,bT as M,j as $,r as S,bU as N,s as x,bV as B}from"./vendor-76c85ed2.js";const z={name:"basic",title:"原生功能展示",intro:"",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],child:[{name:"base",title:"基础",intro:"基础功能展示",pNode:"basic",preview:[{src:"plugins/basic/base/preview/theGroups.png",type:"img",name:"theGroups",title:"组合Group"},{src:"plugins/basic/base/preview/theConditional.png",type:"img",name:"theConditional",title:"显隐v-if"},{src:"plugins/basic/base/preview/theBasic.png",type:"img",name:"theBasic",title:"基本"},{src:"plugins/basic/base/preview/theEvents.png",type:"img",name:"theEvents",title:"事件"},{src:"plugins/basic/base/preview/shaderParticles.png",type:"img",name:"shaderParticles",title:"着色器实践"},{src:"plugins/basic/base/preview/penetrateEvent.png",type:"img",name:"penetrateEvent",title:"穿透事件"}]},{name:"materials",title:"材质",intro:"各种衍生材质展示",pNode:"basic",preview:[{src:"plugins/basic/materials/preview/glassMaterial.png",type:"img",name:"glassMaterial",title:"玻璃材质"},{src:"plugins/basic/materials/preview/wobbleMaterial.png",type:"img",name:"wobbleMaterial",title:"流体波动"}]},{name:"controls",title:"控制器",intro:"各种控制器",pNode:"basic",preview:[{src:"plugins/basic/controls/preview/cameraControls.png",type:"img",name:"cameraControls",title:"摄像头控制"},{src:"plugins/basic/controls/preview/orbitControls.png",type:"img",name:"orbitControls",title:"orbitControls"},{src:"plugins/basic/controls/preview/transformControls.png",type:"img",name:"transformControls",title:"变换控制器"},{src:"与OrbitControls类似，该控件用于从鸟瞰视角在地图上变换相机，但使用鼠标/触摸交互的特定预设，并在默认情况下禁用屏幕空间平移。",type:"text",name:"mapControls",title:"地图控制器"},{src:"第一人称视角，键盘控制视角。W、S、A、D：前后左右；空格：跳起；ESC：退出控制。",type:"text",name:"firstPersonControls",title:"第一人称键盘控制"},{src:"plugins/basic/controls/preview/scrollControls.png",type:"img",name:"scrollControls",title:"滚轮控制器"}]},{name:"htmls",title:"内嵌dom",intro:"内嵌网页元素",pNode:"basic",preview:[{src:"plugins/basic/htmls/preview/htmls.png",type:"img",name:"htmls",title:"简单dom"},{src:"plugins/basic/htmls/preview/website.png",type:"img",name:"website",title:"内嵌网页"}]},{name:"shine",title:"闪耀发光类",intro:"关于物体发光的简单例子",pNode:"basic",preview:[{src:"plugins/basic/shine/preview/spriteImage.png",type:"img",name:"spriteImage",title:"点精灵贴图"},{src:"plugins/basic/shine/preview/shader.png",type:"img",name:"shader",title:"着色器方式"}]}]},q=Object.freeze(Object.defineProperty({__proto__:null,default:z},Symbol.toStringTag,{value:"Module"})),L={name:"digitalCity",title:"数字城市",intro:"基于城市场景的可视化展示插件",version:"0.0.1",author:"地虎降天龙",state:"active",require:["cannon-es"],preview:[{src:"plugins/digitalCity/preview/buildings.png",type:"img",name:"buildings",title:"建筑物"},{src:"plugins/digitalCity/preview/radars.png",type:"img",name:"radars",title:"雷达"},{src:"plugins/digitalCity/preview/weather.png",type:"img",name:"weather",title:"天气"},{src:"plugins/digitalCity/preview/fireA.png",type:"img",name:"fireA",title:"火A效果"},{src:"plugins/digitalCity/preview/heatmap.png",type:"img",name:"heatmap",title:"热力图"},{src:"plugins/digitalCity/preview/heatmap2.png",type:"img",name:"heatmap2",title:"建筑物-热力图"}]},V=Object.freeze(Object.defineProperty({__proto__:null,default:L},Symbol.toStringTag,{value:"Module"})),J={name:"earthSample",title:"地球的简单例子",intro:"基于threeJS简单地球的例子",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/earthSample/preview/earthA.png",type:"img",name:"earthA",title:"样式A"},{src:"plugins/earthSample/preview/menuA.png",type:"img",name:"menuA",title:"菜单A"},{src:"plugins/earthSample/preview/lowpolyPlanet.png",type:"img",name:"lowpolyPlanet",title:"低像素多边形"}]},F=Object.freeze(Object.defineProperty({__proto__:null,default:J},Symbol.toStringTag,{value:"Module"})),D={name:"heatMap",title:"热流图实例",intro:"基于threeJS的热力图例子",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/heatMap/preview/simpleExample.png",type:"img",name:"simpleExample",title:"简单例子"},{src:"plugins/heatMap/preview/heatmapExample.png",type:"img",name:"heatmapExample",title:"heatmap.js例子"}]},I=Object.freeze(Object.defineProperty({__proto__:null,default:D},Symbol.toStringTag,{value:"Module"})),R={name:"industry4",title:"工业4.0",intro:"工业4.0数字化例子",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/industry4/preview/deviceLight.png",type:"img",name:"deviceLight",title:"设备发光"}]},U=Object.freeze(Object.defineProperty({__proto__:null,default:R},Symbol.toStringTag,{value:"Module"})),G={name:"medical",title:"医疗行业",intro:"医疗行业数字化例子",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/medical/preview/digitalBrain.png",type:"img",name:"digitalBrain",title:"数字大脑"}]},W=Object.freeze(Object.defineProperty({__proto__:null,default:G},Symbol.toStringTag,{value:"Module"})),X={name:"shadertoyToThreejs",title:"shadertoyToThree",intro:"shadertoy转threejs案例",version:"0.0.1",author:"Jsonco",state:"active",require:[],preview:[{src:"plugins/shadertoyToThreejs/preview/细胞.png",type:"img",name:"argestCircle",title:"细胞"},{src:"plugins/shadertoyToThreejs/preview/shadertoyMaterial.png",type:"img",name:"shadertoyMaterial",title:"shadertoyMaterial"}]},Y=Object.freeze(Object.defineProperty({__proto__:null,default:X},Symbol.toStringTag,{value:"Module"})),H={name:"vantaJS",title:"vantaJS",intro:"基于threeJS的炫酷背景墙",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/vantaJS/preview/loadingA.png",type:"img",name:"loadingA",title:"载入中A"}]},K=Object.freeze(Object.defineProperty({__proto__:null,default:H},Symbol.toStringTag,{value:"Module"})),Q={name:"water",title:"水相关",intro:"河流、水域、海洋等场景",version:"0.0.1",author:"地虎降天龙",website:"www.icegl.cn",state:"active",require:[],preview:[{src:"plugins/water/preview/tilingCaustics.png",type:"img",name:"tilingCaustics",title:"波纹A"}]},Z=Object.freeze(Object.defineProperty({__proto__:null,default:Q},Symbol.toStringTag,{value:"Module"})),ee=u=>{const n=/\/([^/]+)(?=\/[^/]*$)/,r=u.match(n);return r&&r[1]?r[1]:null},te=()=>{const u=Object.assign({"/src/plugins/basic/config.js":q,"/src/plugins/digitalCity/config.js":V,"/src/plugins/earthSample/config.js":F,"/src/plugins/heatMap/config.js":I,"/src/plugins/industry4/config.js":U,"/src/plugins/medical/config.js":W,"/src/plugins/shadertoyToThreejs/config.js":Y,"/src/plugins/vantaJS/config.js":K,"/src/plugins/water/config.js":Z}),n={};for(const r of Object.keys(u)){const _=ee(r);_&&(n[_]=u[r].default)}return n},ie={class:"flex flex-wrap flex-justify-start content-start mt-6 pl-6"},ne={key:0,controls:"",class:"w-full max-h-70"},re=["src"],se=["src"],le={key:2,class:"w-full h-48 text-3 text-left mb-2",style:{"background-color":"rgb(55 56 61)",overflow:"hidden","border-radius":"10px"}},ae={class:"p-2",style:{color:"white"}},oe=["onClick"],P=O({__name:"cardList",props:{onePlugin:{}},setup(u){const n=u;let r="/icegl-three-vue-tres/";const _=T(),w=(l,d)=>{let i="/plugins/".concat(l.name,"/").concat(d);l.pNode&&(i="/plugins/".concat(l.pNode,"/").concat(l.name,"/").concat(d));let h=_.resolve({path:i});window.open(h.href,"_blank")};return(l,d)=>(e(),t(a,null,[o(c(k),{titlePlacement:"left"},{default:s(()=>[b(y(n.onePlugin.title+" - "+n.onePlugin.name),1)]),_:1}),o(c(A),{class:"ml-13",tag:"i",size:"small"},{default:s(()=>[b(y(n.onePlugin.intro),1)]),_:1}),f("div",ie,[(e(!0),t(a,null,v(l.onePlugin.preview,(i,h)=>(e(),t("div",{class:"w-80 mr-10 mb-10 overflow-hidden",key:h},[o(c(M),{header:i.title,shadow:"hover"},{default:s(()=>[i.type==="video"?(e(),t("video",ne,[f("source",{src:c(r)+i.src,type:"video/mp4",autoplay:"true",loop:"true"},null,8,re)])):i.type==="img"?(e(),t("img",{key:1,class:"w-full max-h-70",src:c(r)+i.src},null,8,se)):i.type==="text"?(e(),t("div",le,[f("div",ae,y(i.src),1)])):j("",!0),f("div",{class:"cursor-pointer",onClick:g=>w(n.onePlugin,i.name)},"点击查看详情",8,oe)]),_:2},1032,["header"])]))),128))])],64))}});const ce={class:"flex h-full"},pe={class:"w-50",style:{"background-color":"#0f1222"}},ue={class:"flex-1 overflow-scroll",style:{height:"calc(100vh - 54px)"}},me=O({__name:"preview",setup(u){const n=$([]);let r=te();const _=w=>{var l;(l=n.value[w.value])==null||l.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})};return(w,l)=>{const d=S("f-menu-item"),i=S("f-sub-menu"),h=S("f-menu");return e(),t("div",ce,[f("div",pe,[o(h,{mode:"vertical",defaultExpandAll:!0,inverted:!0,onSelect:_},{default:s(()=>[o(i,{value:"1"},{icon:s(()=>[o(c(N))]),label:s(()=>[b("基础功能展示")]),default:s(()=>[(e(!0),t(a,null,v(c(r),(g,p)=>(e(),t(a,null,[p==="basic"?(e(!0),t(a,{key:0},v(g.child,(m,C)=>(e(),x(d,{value:m.name},{label:s(()=>[b(y(m.title),1)]),_:2},1032,["value"]))),256)):j("",!0)],64))),256))]),_:1}),o(i,{value:"2"},{icon:s(()=>[o(c(B))]),label:s(()=>[b("插件中心")]),default:s(()=>[(e(!0),t(a,null,v(c(r),(g,p)=>(e(),t(a,null,[p!=="basic"?(e(),x(d,{key:0,value:p},{label:s(()=>[b(y(g.title),1)]),_:2},1032,["value"])):j("",!0)],64))),256))]),_:1})]),_:1})]),f("div",ue,[(e(!0),t(a,null,v(c(r),(g,p)=>(e(),t(a,{key:p},[p!=="basic"?(e(),t("div",{key:0,style:{"background-color":"#f1f1f2"},ref_for:!0,ref:m=>n.value[p]=m},[o(P,{onePlugin:g},null,8,["onePlugin"])],512)):(e(!0),t(a,{key:1},v(g.child,(m,C)=>(e(),t("div",{style:{"background-color":"#f1f1f2"},key:C,ref_for:!0,ref:E=>n.value[m.name]=E},[o(P,{onePlugin:m},null,8,["onePlugin"])]))),128))],64))),128))])])}}});export{me as default};