officialblock 2.1.3 → 2.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{index-B63YF03C.mjs → index-BLL7s823.mjs} +1 -1
- package/dist/{index-DGbVewT4.js → index-Bf8pSKt6.js} +1 -1
- package/dist/{index-DSpGOD0e.mjs → index-Bq7PruNu.mjs} +61 -46
- package/dist/{index-CPFXI7lC.mjs → index-ByHLUvb4.mjs} +5762 -5759
- package/dist/{index-BykzKd3s.js → index-Byrk1Mlt.js} +1 -1
- package/dist/{index-BZZpFLbf.mjs → index-CYJDfNO2.mjs} +2 -2
- package/dist/{index-BEACmL51.js → index-CY_5stdH.js} +1 -1
- package/dist/index-CdyHd9C0.mjs +4 -0
- package/dist/{index-BFCRwkCQ.js → index-ChMoNeEO.js} +1 -1
- package/dist/{index-AlzeRld6.js → index-DGvRy0FG.js} +1 -1
- package/dist/{index-0C0pBmhT.js → index-DKFNhqPK.js} +31 -31
- package/dist/{index-DKDZzpmS.mjs → index-DLh3Q6AQ.mjs} +1 -1
- package/dist/{index-Dl0NsdjZ.mjs → index-D_wawBrn.mjs} +1 -1
- package/dist/index-Dag86dDG.js +1 -0
- package/dist/{index-BUq__F-C.mjs → index-DuMXP10V.mjs} +1 -1
- package/dist/{index-BWSB4K5c.js → index-J8LamgdJ.js} +1 -1
- package/dist/official-block.cjs.js +1 -1
- package/dist/official-block.es.js +1 -1
- package/dist/official-block.umd.js +31 -31
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/index-B-J4Tx8e.js +0 -1
- package/dist/index-DX4-RCdr.mjs +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("./index-0C0pBmhT.js"),N=["onClick"],I={__name:"VrTourTab",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y}=x,B=k,i=w,c=e.ref(0),l=e.ref(0),a=e.ref(0),f=e.ref(0),u=e.ref(null),m=e.ref(null),d=e.ref([]),b=e.computed(()=>c.value>40),h=e.computed(()=>a.value+f.value<l.value+40),s=e.computed({get(){return B.currentIdx??0},set(r){i("updateIdx",r)}});e.watch(y,()=>{v()});const v=()=>{if(B.list.length<=0)return;m.value&&(c.value=m.value.scrollLeft),u.value&&(a.value=u.value.getBoundingClientRect().left,f.value=u.value.getBoundingClientRect().width);let r=null;d.value.length>0&&(r=Array.isArray(d.value)?d.value[d.value.length-1]:d.value),r&&r.getBoundingClientRect&&(l.value=r.getBoundingClientRect().left)},n=r=>{m.value&&(r==="next"?m.value.scrollLeft+=200:m.value.scrollLeft-=200)},t=()=>{v()};return e.onMounted(()=>{e.nextTick(()=>{t()})}),(r,p)=>(e.openBlock(),e.createElementBlock("div",{class:"tab-tag",ref_key:"VrtourWrapper",ref:u},[e.createElementVNode("ul",{class:"tab-tag__list",ref_key:"VrtourList",ref:m,onScroll:t},[e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__prev",onClick:p[0]||(p[0]=o=>n("prev"))},null,512),[[e.vShow,b.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.list,(o,_)=>(e.openBlock(),e.createElementBlock("li",{key:_},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tab-tag__btn",{"is-active":s.value==_}]),ref_for:!0,ref_key:"VrtourBtn",ref:d,onClick:g=>s.value=_},e.toDisplayString(o.name),11,N)]))),128)),e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__next",onClick:p[1]||(p[1]=o=>n("next"))},null,512),[[e.vShow,h.value]])],544)],512))}},L=V._(I,[["__scopeId","data-v-efdafd78"]]),$=["onClick"],S={__name:"VrTourCat",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),y=k,B=w,i=e.ref(null),c=e.ref(null),l=e.ref(null),a=e.ref(0),f=e.ref(0),u=e.ref(0),m=e.ref(0),d=e.ref(0),b=e.computed(()=>a.value>40),h=e.computed(()=>u.value+m.value<f.value+40),s=e.computed({get(){return y.currentIdx??0},set(p){B("updateIdx",p),e.nextTick(r)}}),v=()=>{if(y.list.length<=0)return;c.value&&(a.value=c.value.scrollLeft),i.value&&(u.value=i.value.getBoundingClientRect().left,m.value=i.value.getBoundingClientRect().width);let p=null;l.value&&(p=Array.isArray(l.value)?l.value[l.value.length-1]:l.value),p&&p.getBoundingClientRect&&(f.value=p.getBoundingClientRect().left)},n=p=>{p=="next"?c.value.scrollLeft+=200:c.value.scrollLeft-=200},t=()=>{c.value&&(a.value=c.value.scrollLeft),v()},r=async()=>{if(await e.nextTick(),!l.value||!l.value[s.value])return;const p=l.value[s.value],o=p.clientWidth/2,_=x.$_vsWidth/2;d.value=p.getBoundingClientRect().right-o,c.value.scrollLeft-=_-d.value};return e.watch(()=>x.$_vsWidth,()=>{v()}),e.watch(()=>y.list,()=>{e.nextTick(v),c.value&&c.value.scrollLeft&&(c.value.scrollLeft=0)},{deep:!0}),e.onMounted(()=>{e.nextTick(t)}),(p,o)=>(e.openBlock(),e.createElementBlock("div",{class:"tab-tag",ref_key:"wrapper",ref:i},[e.createElementVNode("ul",{class:"tab-tag__list",ref_key:"list",ref:c,onScroll:t},[e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__prev",onClick:o[0]||(o[0]=_=>n("prev"))},null,512),[[e.vShow,b.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(_,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:"tab-tag__item"},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tab-tag__btn",{"is-active":s.value==g}]),ref_for:!0,ref_key:"btnRef",ref:l,onClick:C=>s.value=g},e.toDisplayString(_.name),11,$)]))),128)),e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__next",onClick:o[1]||(o[1]=_=>n("next"))},null,512),[[e.vShow,h.value]])],544)],512))}},E=V._(S,[["__scopeId","data-v-6dd36752"]]),T={class:"tab-tag__nav__prev"},R=["onClick"],D=["src","alt"],O={class:"tab-tag__btn__title"},P={class:"tab-tag__nav__next"},W={__name:"VrTourChoose",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y}=x,B=k,i=w,c=e.ref(null),l=e.ref(null),a=e.ref(null),f=e.ref(0),u=e.ref(0),m=e.ref(0),d=e.ref(0),b=e.ref(0),h=e.computed(()=>f.value>0),s=e.computed(()=>u.value-40>d.value),v=e.computed({get(){return B.currentIdx??0},set(o){i("updateIdx",o),e.nextTick(r)}}),n=()=>{var _,g,C;if(B.list.length<=0)return;f.value=(_=l.value)==null?void 0:_.scrollLeft,m.value=(g=c.value)==null?void 0:g.getBoundingClientRect().left,d.value=(C=c.value)==null?void 0:C.getBoundingClientRect().right;let o=null;a.value&&(o=Array.isArray(a.value)?a.value[a.value.length-1]:a.value),u.value=o==null?void 0:o.getBoundingClientRect().right},t=o=>{o==="next"?l.value.scrollLeft+=200:l.value.scrollLeft-=200},r=()=>{const o=a.value[v.value];if(!o)return;const _=o.clientWidth/2,g=y.value/2;b.value=o.getBoundingClientRect().right-_,l.value.scrollLeft-=g-b.value},p=()=>{n()};return e.watch(()=>y.value,()=>{n()}),e.watch(()=>B.list,()=>{e.nextTick(n),l.value&&l.value.scrollLeft&&(l.value.scrollLeft=0)}),e.onMounted(()=>{e.nextTick(p)}),(o,_)=>(e.openBlock(),e.createElementBlock("div",{class:"vr-tour-choose tab-tag",ref_key:"wrapper",ref:c},[e.createElementVNode("ul",{class:"tab-tag__list",ref_key:"list",ref:l,onScroll:p},[e.withDirectives(e.createElementVNode("div",T,[e.createElementVNode("button",{type:"button",class:"nav__btn",onClick:_[0]||(_[0]=g=>t("prev"))})],512),[[e.vShow,h.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(g,C)=>(e.openBlock(),e.createElementBlock("li",{key:C,class:"tab-tag__item"},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tab-tag__btn",{"is-active":v.value===C}]),ref_for:!0,ref_key:"btn",ref:a,onClick:ue=>v.value=C},[e.createElementVNode("img",{src:g.url,alt:g.name},null,8,D),e.createElementVNode("div",O,e.toDisplayString(g.name),1)],10,R)]))),128)),e.withDirectives(e.createElementVNode("div",P,[e.createElementVNode("button",{type:"button",class:"nav__btn",onClick:_[1]||(_[1]=g=>t("next"))})],512),[[e.vShow,s.value]])],544)],512))}},A=V._(W,[["__scopeId","data-v-6916e854"]]),q={class:"vr-tour-scene"},z=["src"],F={key:1,class:"vr-tour-scene__img"},H=["src","alt"],M={__name:"VrTourScene",props:{scene:{type:Object,default:()=>({})}},setup(k){const w=k,x=e.computed(()=>{var i;return(i=w.scene)==null?void 0:i.embed}),y=e.computed(()=>{var i;return(i=w.scene)==null?void 0:i.url}),B=e.computed(()=>{var i;return(i=w.scene)==null?void 0:i.name});return(i,c)=>(e.openBlock(),e.createElementBlock("div",q,[x.value?(e.openBlock(),e.createElementBlock("iframe",{key:0,src:x.value,frameborder:"0"},null,8,z)):(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("img",{src:y.value,alt:B.value},null,8,H)]))]))}},U=V._(M,[["__scopeId","data-v-c07507d5"]]),Y={class:"vr-tour-select"},G={class:"select-btn__focus-name line-clamp-1"},J={class:"select-list"},K=["onClick"],Q={__name:"VrTourSelect",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y}=x,B={mounted(s,v){s.clickOutsideEvent=n=>{s===n.target||s.contains(n.target)||v.value(n)},document.body.addEventListener("click",s.clickOutsideEvent)},unmounted(s){document.body.removeEventListener("click",s.clickOutsideEvent)}},i=k,c=w,l=e.ref(!1),a=e.ref(-8),f=e.ref(null),u=e.computed({get(){return i.currentIdx??0},set(s){c("updateIdx",s)}}),m=e.computed(()=>{var s;return((s=i.list[u.value])==null?void 0:s.name)||""});e.watch(l,()=>{b()}),e.onMounted(()=>{window.addEventListener("resize",()=>{y.value=window.innerWidth,l.value&&b()})});const d=()=>{l.value=!1},b=()=>{const s=f.value;if(!s)return;const v=V.$(s).x+s.clientWidth;v>y.value&&(a.value=a.value-v+y.value-4)},h=s=>{u.value=s,d()};return(s,v)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["select-btn",{"is-open":l.value}]),onClick:v[0]||(v[0]=n=>l.value=!l.value)},[e.createElementVNode("div",G,e.toDisplayString(m.value),1),v[1]||(v[1]=e.createElementVNode("div",{class:"select-btn__arrow"},null,-1))],2),e.createElementVNode("div",{class:e.normalizeClass(["select-block",{"is-open":l.value}]),style:e.normalizeStyle({"--left":`${a.value}px`}),ref_key:"blockRef",ref:f},[e.createElementVNode("ul",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.list,(n,t)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["select-item line-clamp-1",{"is-active":u.value===t}]),key:t,onClick:r=>h(t)},e.toDisplayString(n.name),11,K))),128))])],6)])),[[B,d]])}},j=V._(Q,[["__scopeId","data-v-536804a2"]]),X={class:"vr-tour__wrapper"},Z={key:0,class:"vr-tour__tabs"},ee={class:"container-content-middle"},te={key:1,class:"vr-tour__selects"},le={class:"container-content"},ne={class:"vr-tour__selects__list"},se={class:"vr-tour__scene"},re={key:2,class:"vr-tour__cats"},oe={class:"pt-2"},ce={key:3,class:"vr-tour__chooses"},ae={__name:"index",props:{modelValue:{type:Object,default:()=>({})}},emits:["update:modelValue","handleDelete","handleCopy","handlePaste"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y,$_vsScrollY:B,$vsScreenAddListener:i,$vsScreenDestroyListener:c}=x,l=w,a=k,f=e.ref(0),u=e.ref(0),m=e.ref(0),d=e.computed(()=>{var n;return((n=a.modelValue)==null?void 0:n.data)??null}),b=e.computed(()=>{var n,t;return(t=(n=d.value)==null?void 0:n[f.value])==null?void 0:t.categoriesList}),h=e.computed(()=>{var n,t;return(t=(n=b.value)==null?void 0:n[u.value])==null?void 0:t.facilitiesList}),s=e.computed(()=>{var n;return(n=h.value)==null?void 0:n[m.value]}),v=()=>{var t;if(a.modelValue&&a.modelValue.data)return;const n={id:((t=a.modelValue)==null?void 0:t.id)||V.r(),type:"VrTour",onlyShowPc:!1,containerWidth:"",bgColor:"",classes:"custom-class another-class",style:{},width:"",data:[{key:"secondary-school",name:"Secondary School",categoriesList:[{key:"facilities",name:"Facilities",facilitiesList:[{key:"ece-learning-communities",name:"ECE Learning Communities",url:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt/multi_floor_plans/853_floorplan.png",scene:null,embed:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt-2026/en/index.html"},{key:"primary-learning-communities",name:"Primary Learning Communities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5/tour.html"},{key:"our-libraries",name:"Our Libraries",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries/tour.html"},{key:"our-facilities",name:"Our Facilities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities2/tour.html"},{key:"honglingjin-park",name:"Honglingjin Park",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park2/tour.html"},{key:"other-public-areas",name:"Other Public Areas",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus/tour.html"}]}]},{key:"secondary-school",name:"Secondary School",categoriesList:[{key:"facilities",name:"Facilities",facilitiesList:[{key:"ece-learning-communities",name:"ECE Learning Communities",url:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt/multi_floor_plans/853_floorplan.png",scene:null,embed:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt-2026/en/index.html"},{key:"primary-learning-communities",name:"Primary Learning Communities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5/tour.html"},{key:"our-libraries",name:"Our Libraries",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries/tour.html"},{key:"our-facilities",name:"Our Facilities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities2/tour.html"},{key:"honglingjin-park",name:"Honglingjin Park",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park2/tour.html"},{key:"other-public-areas",name:"Other Public Areas",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus/tour.html"}]}]}]};l("update:modelValue",n),f.value=0};return e.watch(f,()=>{u.value=0}),e.watch(u,()=>{m.value=0}),v(),(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vr-tour bg-neutral-lightest",{"pb-0":h.value&&h.value.length<=1}])},[e.createElementVNode("div",X,[d.value&&d.value.length>1&&e.unref(y)>=768?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",ee,[e.createVNode(L,{list:d.value,onUpdateIdx:t[0]||(t[0]=r=>f.value=r),currentIdx:f.value},null,8,["list","currentIdx"])])])):e.createCommentVNode("",!0),e.unref(y)<768?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",le,[e.createElementVNode("div",ne,[d.value.length>1?(e.openBlock(),e.createBlock(j,{key:0,list:d.value,onUpdateIdx:t[1]||(t[1]=r=>f.value=r),currentIdx:f.value},null,8,["list","currentIdx"])):e.createCommentVNode("",!0),b.value.length>1?(e.openBlock(),e.createBlock(j,{key:1,list:b.value,onUpdateIdx:t[2]||(t[2]=r=>u.value=r),currentIdx:u.value},null,8,["list","currentIdx"])):e.createCommentVNode("",!0)])]),h.value.length>1?(e.openBlock(),e.createBlock(E,{key:0,list:h.value,onUpdateIdx:t[3]||(t[3]=r=>m.value=r),currentIdx:m.value},null,8,["list","currentIdx"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",se,[e.createVNode(U,{scene:s.value},null,8,["scene"])]),b.value&&e.unref(y)>=768?(e.openBlock(),e.createElementBlock("div",re,[e.withDirectives(e.createElementVNode("div",oe,null,512),[[e.vShow,b.value.length<=1&&h.value.length>1]]),e.withDirectives(e.createVNode(E,{list:b.value,onUpdateIdx:t[4]||(t[4]=r=>u.value=r),currentIdx:u.value},null,8,["list","currentIdx"]),[[e.vShow,b.value.length>1]])])):e.createCommentVNode("",!0),h.value&&h.value.length>1&&e.unref(y)>=768?(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(A,{list:h.value,onUpdateIdx:t[5]||(t[5]=r=>m.value=r),currentIdx:m.value},null,8,["list","currentIdx"])])):e.createCommentVNode("",!0)])],2))}},ie=V._(ae,[["__scopeId","data-v-f386fe24"]]);exports.default=ie;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("./index-DKFNhqPK.js"),N=["onClick"],I={__name:"VrTourTab",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y}=x,B=k,i=w,c=e.ref(0),l=e.ref(0),a=e.ref(0),f=e.ref(0),u=e.ref(null),m=e.ref(null),d=e.ref([]),b=e.computed(()=>c.value>40),h=e.computed(()=>a.value+f.value<l.value+40),s=e.computed({get(){return B.currentIdx??0},set(r){i("updateIdx",r)}});e.watch(y,()=>{v()});const v=()=>{if(B.list.length<=0)return;m.value&&(c.value=m.value.scrollLeft),u.value&&(a.value=u.value.getBoundingClientRect().left,f.value=u.value.getBoundingClientRect().width);let r=null;d.value.length>0&&(r=Array.isArray(d.value)?d.value[d.value.length-1]:d.value),r&&r.getBoundingClientRect&&(l.value=r.getBoundingClientRect().left)},n=r=>{m.value&&(r==="next"?m.value.scrollLeft+=200:m.value.scrollLeft-=200)},t=()=>{v()};return e.onMounted(()=>{e.nextTick(()=>{t()})}),(r,p)=>(e.openBlock(),e.createElementBlock("div",{class:"tab-tag",ref_key:"VrtourWrapper",ref:u},[e.createElementVNode("ul",{class:"tab-tag__list",ref_key:"VrtourList",ref:m,onScroll:t},[e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__prev",onClick:p[0]||(p[0]=o=>n("prev"))},null,512),[[e.vShow,b.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.list,(o,_)=>(e.openBlock(),e.createElementBlock("li",{key:_},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tab-tag__btn",{"is-active":s.value==_}]),ref_for:!0,ref_key:"VrtourBtn",ref:d,onClick:g=>s.value=_},e.toDisplayString(o.name),11,N)]))),128)),e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__next",onClick:p[1]||(p[1]=o=>n("next"))},null,512),[[e.vShow,h.value]])],544)],512))}},L=V._(I,[["__scopeId","data-v-efdafd78"]]),$=["onClick"],S={__name:"VrTourCat",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),y=k,B=w,i=e.ref(null),c=e.ref(null),l=e.ref(null),a=e.ref(0),f=e.ref(0),u=e.ref(0),m=e.ref(0),d=e.ref(0),b=e.computed(()=>a.value>40),h=e.computed(()=>u.value+m.value<f.value+40),s=e.computed({get(){return y.currentIdx??0},set(p){B("updateIdx",p),e.nextTick(r)}}),v=()=>{if(y.list.length<=0)return;c.value&&(a.value=c.value.scrollLeft),i.value&&(u.value=i.value.getBoundingClientRect().left,m.value=i.value.getBoundingClientRect().width);let p=null;l.value&&(p=Array.isArray(l.value)?l.value[l.value.length-1]:l.value),p&&p.getBoundingClientRect&&(f.value=p.getBoundingClientRect().left)},n=p=>{p=="next"?c.value.scrollLeft+=200:c.value.scrollLeft-=200},t=()=>{c.value&&(a.value=c.value.scrollLeft),v()},r=async()=>{if(await e.nextTick(),!l.value||!l.value[s.value])return;const p=l.value[s.value],o=p.clientWidth/2,_=x.$_vsWidth/2;d.value=p.getBoundingClientRect().right-o,c.value.scrollLeft-=_-d.value};return e.watch(()=>x.$_vsWidth,()=>{v()}),e.watch(()=>y.list,()=>{e.nextTick(v),c.value&&c.value.scrollLeft&&(c.value.scrollLeft=0)},{deep:!0}),e.onMounted(()=>{e.nextTick(t)}),(p,o)=>(e.openBlock(),e.createElementBlock("div",{class:"tab-tag",ref_key:"wrapper",ref:i},[e.createElementVNode("ul",{class:"tab-tag__list",ref_key:"list",ref:c,onScroll:t},[e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__prev",onClick:o[0]||(o[0]=_=>n("prev"))},null,512),[[e.vShow,b.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(_,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:"tab-tag__item"},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tab-tag__btn",{"is-active":s.value==g}]),ref_for:!0,ref_key:"btnRef",ref:l,onClick:C=>s.value=g},e.toDisplayString(_.name),11,$)]))),128)),e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__next",onClick:o[1]||(o[1]=_=>n("next"))},null,512),[[e.vShow,h.value]])],544)],512))}},E=V._(S,[["__scopeId","data-v-6dd36752"]]),T={class:"tab-tag__nav__prev"},R=["onClick"],D=["src","alt"],O={class:"tab-tag__btn__title"},P={class:"tab-tag__nav__next"},W={__name:"VrTourChoose",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y}=x,B=k,i=w,c=e.ref(null),l=e.ref(null),a=e.ref(null),f=e.ref(0),u=e.ref(0),m=e.ref(0),d=e.ref(0),b=e.ref(0),h=e.computed(()=>f.value>0),s=e.computed(()=>u.value-40>d.value),v=e.computed({get(){return B.currentIdx??0},set(o){i("updateIdx",o),e.nextTick(r)}}),n=()=>{var _,g,C;if(B.list.length<=0)return;f.value=(_=l.value)==null?void 0:_.scrollLeft,m.value=(g=c.value)==null?void 0:g.getBoundingClientRect().left,d.value=(C=c.value)==null?void 0:C.getBoundingClientRect().right;let o=null;a.value&&(o=Array.isArray(a.value)?a.value[a.value.length-1]:a.value),u.value=o==null?void 0:o.getBoundingClientRect().right},t=o=>{o==="next"?l.value.scrollLeft+=200:l.value.scrollLeft-=200},r=()=>{const o=a.value[v.value];if(!o)return;const _=o.clientWidth/2,g=y.value/2;b.value=o.getBoundingClientRect().right-_,l.value.scrollLeft-=g-b.value},p=()=>{n()};return e.watch(()=>y.value,()=>{n()}),e.watch(()=>B.list,()=>{e.nextTick(n),l.value&&l.value.scrollLeft&&(l.value.scrollLeft=0)}),e.onMounted(()=>{e.nextTick(p)}),(o,_)=>(e.openBlock(),e.createElementBlock("div",{class:"vr-tour-choose tab-tag",ref_key:"wrapper",ref:c},[e.createElementVNode("ul",{class:"tab-tag__list",ref_key:"list",ref:l,onScroll:p},[e.withDirectives(e.createElementVNode("div",T,[e.createElementVNode("button",{type:"button",class:"nav__btn",onClick:_[0]||(_[0]=g=>t("prev"))})],512),[[e.vShow,h.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(g,C)=>(e.openBlock(),e.createElementBlock("li",{key:C,class:"tab-tag__item"},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tab-tag__btn",{"is-active":v.value===C}]),ref_for:!0,ref_key:"btn",ref:a,onClick:ue=>v.value=C},[e.createElementVNode("img",{src:g.url,alt:g.name},null,8,D),e.createElementVNode("div",O,e.toDisplayString(g.name),1)],10,R)]))),128)),e.withDirectives(e.createElementVNode("div",P,[e.createElementVNode("button",{type:"button",class:"nav__btn",onClick:_[1]||(_[1]=g=>t("next"))})],512),[[e.vShow,s.value]])],544)],512))}},A=V._(W,[["__scopeId","data-v-ebb85a22"]]),q={class:"vr-tour-scene"},z=["src"],F={key:1,class:"vr-tour-scene__img"},H=["src","alt"],M={__name:"VrTourScene",props:{scene:{type:Object,default:()=>({})}},setup(k){const w=k,x=e.computed(()=>{var i;return(i=w.scene)==null?void 0:i.embed}),y=e.computed(()=>{var i;return(i=w.scene)==null?void 0:i.url}),B=e.computed(()=>{var i;return(i=w.scene)==null?void 0:i.name});return(i,c)=>(e.openBlock(),e.createElementBlock("div",q,[x.value?(e.openBlock(),e.createElementBlock("iframe",{key:0,src:x.value,frameborder:"0"},null,8,z)):(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("img",{src:y.value,alt:B.value},null,8,H)]))]))}},U=V._(M,[["__scopeId","data-v-c07507d5"]]),Y={class:"vr-tour-select"},G={class:"select-btn__focus-name line-clamp-1"},J={class:"select-list"},K=["onClick"],Q={__name:"VrTourSelect",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y}=x,B={mounted(s,v){s.clickOutsideEvent=n=>{s===n.target||s.contains(n.target)||v.value(n)},document.body.addEventListener("click",s.clickOutsideEvent)},unmounted(s){document.body.removeEventListener("click",s.clickOutsideEvent)}},i=k,c=w,l=e.ref(!1),a=e.ref(-8),f=e.ref(null),u=e.computed({get(){return i.currentIdx??0},set(s){c("updateIdx",s)}}),m=e.computed(()=>{var s;return((s=i.list[u.value])==null?void 0:s.name)||""});e.watch(l,()=>{b()}),e.onMounted(()=>{window.addEventListener("resize",()=>{y.value=window.innerWidth,l.value&&b()})});const d=()=>{l.value=!1},b=()=>{const s=f.value;if(!s)return;const v=V.$(s).x+s.clientWidth;v>y.value&&(a.value=a.value-v+y.value-4)},h=s=>{u.value=s,d()};return(s,v)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["select-btn",{"is-open":l.value}]),onClick:v[0]||(v[0]=n=>l.value=!l.value)},[e.createElementVNode("div",G,e.toDisplayString(m.value),1),v[1]||(v[1]=e.createElementVNode("div",{class:"select-btn__arrow"},null,-1))],2),e.createElementVNode("div",{class:e.normalizeClass(["select-block",{"is-open":l.value}]),style:e.normalizeStyle({"--left":`${a.value}px`}),ref_key:"blockRef",ref:f},[e.createElementVNode("ul",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.list,(n,t)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["select-item line-clamp-1",{"is-active":u.value===t}]),key:t,onClick:r=>h(t)},e.toDisplayString(n.name),11,K))),128))])],6)])),[[B,d]])}},j=V._(Q,[["__scopeId","data-v-536804a2"]]),X={class:"vr-tour__wrapper"},Z={key:0,class:"vr-tour__tabs"},ee={class:"container-content-middle"},te={key:1,class:"vr-tour__selects"},le={class:"container-content"},ne={class:"vr-tour__selects__list"},se={class:"vr-tour__scene"},re={key:2,class:"vr-tour__cats"},oe={class:"pt-2"},ce={key:3,class:"vr-tour__chooses"},ae={__name:"index",props:{modelValue:{type:Object,default:()=>({})}},emits:["update:modelValue","handleDelete","handleCopy","handlePaste"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y,$_vsScrollY:B,$vsScreenAddListener:i,$vsScreenDestroyListener:c}=x,l=w,a=k,f=e.ref(0),u=e.ref(0),m=e.ref(0),d=e.computed(()=>{var n;return((n=a.modelValue)==null?void 0:n.data)??null}),b=e.computed(()=>{var n,t;return(t=(n=d.value)==null?void 0:n[f.value])==null?void 0:t.categoriesList}),h=e.computed(()=>{var n,t;return(t=(n=b.value)==null?void 0:n[u.value])==null?void 0:t.facilitiesList}),s=e.computed(()=>{var n;return(n=h.value)==null?void 0:n[m.value]}),v=()=>{var t;if(a.modelValue&&a.modelValue.data)return;const n={id:((t=a.modelValue)==null?void 0:t.id)||V.r(),type:"VrTour",onlyShowPc:!1,containerWidth:"",bgColor:"",classes:"custom-class another-class",style:{},width:"",data:[{key:"secondary-school",name:"Secondary School",categoriesList:[{key:"facilities",name:"Facilities",facilitiesList:[{key:"ece-learning-communities",name:"ECE Learning Communities",url:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt/multi_floor_plans/853_floorplan.png",scene:null,embed:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt-2026/en/index.html"},{key:"primary-learning-communities",name:"Primary Learning Communities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5/tour.html"},{key:"our-libraries",name:"Our Libraries",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries/tour.html"},{key:"our-facilities",name:"Our Facilities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities2/tour.html"},{key:"honglingjin-park",name:"Honglingjin Park",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park2/tour.html"},{key:"other-public-areas",name:"Other Public Areas",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus/tour.html"}]}]},{key:"secondary-school",name:"Secondary School",categoriesList:[{key:"facilities",name:"Facilities",facilitiesList:[{key:"ece-learning-communities",name:"ECE Learning Communities",url:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt/multi_floor_plans/853_floorplan.png",scene:null,embed:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt-2026/en/index.html"},{key:"primary-learning-communities",name:"Primary Learning Communities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5/tour.html"},{key:"our-libraries",name:"Our Libraries",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries/tour.html"},{key:"our-facilities",name:"Our Facilities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities2/tour.html"},{key:"honglingjin-park",name:"Honglingjin Park",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park2/tour.html"},{key:"other-public-areas",name:"Other Public Areas",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus/tour.html"}]}]}]};l("update:modelValue",n),f.value=0};return e.watch(f,()=>{u.value=0}),e.watch(u,()=>{m.value=0}),v(),(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vr-tour bg-neutral-lightest",{"pb-0":h.value&&h.value.length<=1}])},[e.createElementVNode("div",X,[d.value&&d.value.length>1&&e.unref(y)>=768?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",ee,[e.createVNode(L,{list:d.value,onUpdateIdx:t[0]||(t[0]=r=>f.value=r),currentIdx:f.value},null,8,["list","currentIdx"])])])):e.createCommentVNode("",!0),e.unref(y)<768?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",le,[e.createElementVNode("div",ne,[d.value.length>1?(e.openBlock(),e.createBlock(j,{key:0,list:d.value,onUpdateIdx:t[1]||(t[1]=r=>f.value=r),currentIdx:f.value},null,8,["list","currentIdx"])):e.createCommentVNode("",!0),b.value.length>1?(e.openBlock(),e.createBlock(j,{key:1,list:b.value,onUpdateIdx:t[2]||(t[2]=r=>u.value=r),currentIdx:u.value},null,8,["list","currentIdx"])):e.createCommentVNode("",!0)])]),h.value.length>1?(e.openBlock(),e.createBlock(E,{key:0,list:h.value,onUpdateIdx:t[3]||(t[3]=r=>m.value=r),currentIdx:m.value},null,8,["list","currentIdx"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",se,[e.createVNode(U,{scene:s.value},null,8,["scene"])]),b.value&&e.unref(y)>=768?(e.openBlock(),e.createElementBlock("div",re,[e.withDirectives(e.createElementVNode("div",oe,null,512),[[e.vShow,b.value.length<=1&&h.value.length>1]]),e.withDirectives(e.createVNode(E,{list:b.value,onUpdateIdx:t[4]||(t[4]=r=>u.value=r),currentIdx:u.value},null,8,["list","currentIdx"]),[[e.vShow,b.value.length>1]])])):e.createCommentVNode("",!0),h.value&&h.value.length>1&&e.unref(y)>=768?(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(A,{list:h.value,onUpdateIdx:t[5]||(t[5]=r=>m.value=r),currentIdx:m.value},null,8,["list","currentIdx"])])):e.createCommentVNode("",!0)])],2))}},ie=V._(ae,[["__scopeId","data-v-f386fe24"]]);exports.default=ie;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getCurrentInstance as A, ref as n, computed as k, watch as B, onMounted as H, nextTick as V, createElementBlock as b, openBlock as i, createElementVNode as r, withDirectives as S, vShow as T, Fragment as U, renderList as D, normalizeClass as P, toDisplayString as O, normalizeStyle as Y, createCommentVNode as R, unref as E, createVNode as q, createBlock as F } from "vue";
|
|
2
|
-
import { _ as W, $ as G, r as J } from "./index-
|
|
2
|
+
import { _ as W, $ as G, r as J } from "./index-ByHLUvb4.mjs";
|
|
3
3
|
const K = ["onClick"], Q = {
|
|
4
4
|
__name: "VrTourTab",
|
|
5
5
|
props: {
|
|
@@ -262,7 +262,7 @@ const K = ["onClick"], Q = {
|
|
|
262
262
|
], 544)
|
|
263
263
|
], 512));
|
|
264
264
|
}
|
|
265
|
-
}, oe = /* @__PURE__ */ W(ae, [["__scopeId", "data-v-
|
|
265
|
+
}, oe = /* @__PURE__ */ W(ae, [["__scopeId", "data-v-ebb85a22"]]), ce = { class: "vr-tour-scene" }, ue = ["src"], ie = {
|
|
266
266
|
key: 1,
|
|
267
267
|
class: "vr-tour-scene__img"
|
|
268
268
|
}, ve = ["src", "alt"], de = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DKFNhqPK.js");exports.default=e.b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var q=Object.create;var j=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var Q=(a,f,y,g)=>{if(f&&typeof f=="object"||typeof f=="function")for(let w of Y(f))!G.call(a,w)&&w!==y&&j(a,w,{get:()=>f[w],enumerable:!(g=K(f,w))||g.enumerable});return a};var Z=(a,f,y)=>(y=a!=null?q(X(a)):{},Q(f||!a||!a.__esModule?j(y,"default",{value:a,enumerable:!0}):y,a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./index-0C0pBmhT.js"),ee={class:"tab-logo__btn__img flex-center"},te=["src","alt"],oe={__name:"TabLogo",props:{tabList:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0},isFixed:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1}},emits:["updateCurrentIdx"],setup(a,{emit:f}){const{proxy:y}=e.getCurrentInstance(),{$_vsWidth:g,$_vsScrollY:w,$vsScreenAddListener:D,$vsScreenDestroyListener:P}=y,k=a,u=f,p=e.ref(0),S=e.ref(.5*g.value),d=e.ref(0),o=e.ref(!0),V=e.ref(!0),E=e.ref(0),x=e.ref(!1),b=e.ref(0),C=e.ref(0),N=e.ref(0),T=e.ref(null),n=e.ref(null),r=e.ref([]),W=l=>l||"",A=e.computed(()=>p.value-S.value),H=e.computed(()=>[{"--strip-width":`${A.value}px`},{"--strip-left":`${S.value}px`},{"--fix-left":`${d.value}px`},{transition:V.value?"left 0.2s ease-in-out, width 0.2s ease-in-out":""}]),R=e.computed(()=>b.value>0),F=e.computed(()=>C.value-b.value+L.value>N.value),L=e.computed(()=>{if(!x.value)return 24;const l=T.value;if(!l)return 24;const i=window.getComputedStyle(l,null).getPropertyValue("padding-right").split("px")[0];return Number(i)*2}),O=e.computed(()=>!1);e.watch(g,()=>{_(),I()}),e.watch(()=>k.currentIdx,(l,i)=>{o.value=l>i,e.nextTick(()=>B()),e.nextTick(()=>s())}),e.watch(()=>k.isFixed,()=>{g.value>1200&&_(),e.nextTick(()=>I())}),e.watch(()=>k.tabList,(l,i)=>{I(),e.nextTick(()=>{B(0)})},{deep:!0});const B=l=>{const i=l??250;o.value?(U(),setTimeout($,i)):($(),setTimeout(U,i)),setTimeout(()=>{V.value=!0},i)},U=()=>{const l=r.value[k.currentIdx];l&&l.getBoundingClientRect&&(p.value=l.getBoundingClientRect().right)},$=()=>{const l=r.value[k.currentIdx];l&&l.getBoundingClientRect&&(S.value=l.getBoundingClientRect().left)},_=()=>{V.value=!1,e.nextTick(()=>B(0)),e.nextTick(()=>z())},I=()=>{const l=T.value;if(l){let i=l.getBoundingClientRect().left;d.value=(l.offsetWidth-l.getBoundingClientRect().width)/2-i}},z=()=>{k.tabList.length<=0||(n.value&&(b.value=n.value.scrollLeft,C.value=n.value.scrollWidth),T.value&&(N.value=T.value.getBoundingClientRect().width))},t=l=>{n.value&&(l=="next"?n.value.scrollLeft+=9999:n.value.scrollLeft-=9999)},s=()=>{const l=r.value[k.currentIdx];if(!l)return;const i=l.clientWidth/2,h=g.value/2;E.value=l.getBoundingClientRect().right-i,n.value&&(n.value.scrollLeft-=h-E.value)},c=l=>{u("updateCurrentIdx",l)};return e.onMounted(()=>{x.value=!0,e.nextTick(()=>{B(0),setTimeout(_,300),I(),e.nextTick(()=>{setTimeout(s,300)})}),window.addEventListener("resize",()=>{g.value=window.innerWidth})}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tab-logo",[{"is-fixed":a.isFixed},{"is-campus":!O.value},{"is-full-width":a.fullWidth}]]),ref_key:"wrapper",ref:T},[e.createElementVNode("ul",{class:"tab-logo__list",ref_key:"list",ref:n,onScroll:_},[e.withDirectives(e.createElementVNode("div",{class:"tab-logo__nav__prev",onClick:i[0]||(i[0]=h=>t("prev"))},null,512),[[e.vShow,R.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.tabList,(h,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,class:e.normalizeClass(["tab-logo__item",[{"tab-logo__item--img":!!h.img}]])},[e.createElementVNode("div",{ref_for:!0,ref_key:"btn",ref:r,class:"flex-center"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h.link?"nuxt-link":"button"),{type:h.link?null:"button",to:W(h.link),class:e.normalizeClass(["tab-logo__btn",[{"is-active":a.currentIdx==m}]]),onClick:M=>c(m)},{default:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createElementVNode("img",{src:h.img,alt:h.alt},null,8,te)])]),_:2},1032,["type","to","class","onClick"]))],512)],2))),128)),e.withDirectives(e.createElementVNode("div",{class:"tab-logo__nav__next",onClick:i[1]||(i[1]=h=>t("next"))},null,512),[[e.vShow,F.value]])],544),e.createElementVNode("span",{class:"tab-logo__strip",style:e.normalizeStyle(H.value)},null,4)],2))}},le=v._(oe,[["__scopeId","data-v-95fa5f31"]]),ne={class:"setting-content"},ae={class:"setting-header flex items-center"},se={class:"setting-body"},re={class:"setting-toolbar"},ie={class:"tools"},de={class:"setting-item"},ce={class:"item-header"},ue={class:"btn-group"},me={key:0,class:"drag-handle"},pe=["src"],ve={class:"item-uplaod flex items-center"},fe={class:"components-content"},ge=e.defineComponent({__name:"setting",props:{show:{type:Boolean,default:!1},data:{type:Object,default:()=>{}}},emits:["update:show"],setup(a,{emit:f}){const y=e.defineAsyncComponent(()=>import("vuedraggable")),g=e.ref(!1),w=e.computed(()=>({animation:200,group:"gallerys",disabled:!1,ghostClass:"ghost",handle:".drag-handle",filter:".arco-input, .arco-select, .arco-checkbox",preventOnFilter:!1}));e.computed(()=>({animation:200,group:"gallerys-above",disabled:!1,ghostClass:"ghost",handle:".drag-handle",filter:".arco-input, .arco-select, .arco-checkbox",preventOnFilter:!1}));const D=d=>d&&d.length>1,P=a,k=f,u=()=>{k("update:show",!1)},p=d=>{debugger;P.data.data.push({id:v.r(),key:v.r(),name:"New Tab",img:"https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",alt:"yew-chung-international-school",componentsDataJson:[]})},S=(d,o)=>{P.data.data=P.data.data.filter(V=>V.id!==d)};return(d,o)=>{const V=e.resolveComponent("a-switch"),E=e.resolveComponent("icon-plus"),x=e.resolveComponent("a-button"),b=e.resolveComponent("icon-drag-arrow"),C=e.resolveComponent("icon-delete"),N=e.resolveComponent("a-input"),T=e.resolveComponent("a-drawer");return e.openBlock(),e.createBlock(T,{width:"60%",visible:a.show,footer:!1,onCancel:u,unmountOnClose:""},{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.data.type)+"组件编辑 ",1)]),default:e.withCtx(()=>[e.createElementVNode("div",ne,[e.createElementVNode("div",ae,[o[7]||(o[7]=e.createElementVNode("span",{class:"header-title"},"仅显示PC端",-1)),e.createVNode(V,{modelValue:a.data.onlyShowPc,"onUpdate:modelValue":o[0]||(o[0]=n=>a.data.onlyShowPc=n)},null,8,["modelValue"])]),e.createElementVNode("div",se,[e.createElementVNode("div",re,[o[10]||(o[10]=e.createElementVNode("h1",null,"List",-1)),e.createElementVNode("div",ie,[e.createVNode(x,{type:"primary",onClick:o[1]||(o[1]=n=>p())},{icon:e.withCtx(()=>[e.createVNode(E)]),default:e.withCtx(()=>[o[8]||(o[8]=e.createTextVNode(" 添加 List ",-1))]),_:1}),e.createVNode(x,{type:"primary",onClick:o[2]||(o[2]=n=>p())},{default:e.withCtx(()=>[...o[9]||(o[9]=[e.createTextVNode("粘贴 Tab",-1)])]),_:1})])]),e.createElementVNode("div",de,[e.createVNode(e.unref(y),e.mergeProps({modelValue:a.data.data,"onUpdate:modelValue":o[4]||(o[4]=n=>a.data.data=n),"component-data":{tag:"div",type:"transition-group",name:g.value?null:"flip-list"}},w.value,{disabled:!D(a.data.data),onStart:o[5]||(o[5]=n=>g.value=!0),onEnd:o[6]||(o[6]=n=>g.value=!1),"item-key":"id"}),{item:e.withCtx(({element:n})=>[(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["item-button draggable-item",{"sortable-disabled":!D(a.data.data)}]),key:n.id},[e.createElementVNode("div",ce,[e.createElementVNode("div",null,[e.createElementVNode("h5",null,e.toDisplayString(n.name),1),e.createElementVNode("span",null,e.toDisplayString(n.key),1)]),e.createElementVNode("div",ue,[D(a.data.data)?(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(b,{class:"drag-icon"})])):e.createCommentVNode("",!0),e.createVNode(C,{class:"btn-delete",onClick:r=>S(n.id)},null,8,["onClick"]),e.createVNode(x,{size:"mini",type:"primary",onClick:o[3]||(o[3]=r=>p())},{default:e.withCtx(()=>[...o[11]||(o[11]=[e.createTextVNode("复制 Tab",-1)])]),_:1})])]),o[12]||(o[12]=e.createElementVNode("p",{class:"item-title"},"Alt",-1)),e.createVNode(N,{modelValue:n.alt,"onUpdate:modelValue":r=>n.alt=r,placeholder:"请输入alt","allow-clear":""},null,8,["modelValue","onUpdate:modelValue"]),o[13]||(o[13]=e.createElementVNode("p",{class:"item-title"},"Key",-1)),e.createVNode(N,{modelValue:n.key,"onUpdate:modelValue":r=>n.key=r,placeholder:"请输入key","allow-clear":""},null,8,["modelValue","onUpdate:modelValue"]),o[14]||(o[14]=e.createElementVNode("p",{class:"item-title"},"图片",-1)),e.createElementVNode("img",{class:"item-img",src:n.img},null,8,pe),e.createElementVNode("div",ve,[e.createVNode(N,{modelValue:n.img,"onUpdate:modelValue":r=>n.img=r,placeholder:"请输入图片链接","allow-clear":""},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(v.U,{modelValue:n.img,"onUpdate:modelValue":r=>n.img=r,name:n.key},null,8,["modelValue","onUpdate:modelValue","name"])]),o[15]||(o[15]=e.createElementVNode("p",null,"components",-1)),e.createElementVNode("div",fe,[e.createVNode(v.P,{data:n.componentsDataJson,onUpdate:r=>n.componentsDataJson=r},null,8,["data","onUpdate"])])],2))]),_:1},16,["modelValue","component-data","disabled"])])])])]),_:1},8,["visible"])}}}),he=v._(ge,[["__scopeId","data-v-c52189f2"]]),Ve={class:"tab-page__content"},ye={key:0},J="",ke={__name:"index",props:{modelValue:{type:Object,default:()=>({})},isPreview:{type:Boolean,default:!0}},emits:["update:modelValue","handleDelete","handleCopy","handlePaste"],setup(a,{emit:f}){const y=f,{proxy:g}=e.getCurrentInstance(),{$_vsWidth:w,$_vsScrollY:D,$vsScreenAddListener:P,$vsScreenDestroyListener:k}=g,u=a,p=v.u(),S=v.d(),d=e.ref(0),o=e.ref(!1),V=e.ref(!0),E=e.ref(null),x=e.ref(null),b=e.ref(!1),C=e.ref(!1),N=t=>{if(!t)return{top:0,left:0};const s=t.getBoundingClientRect(),c=window.pageYOffset||document.documentElement.scrollTop,l=window.pageXOffset||document.documentElement.scrollLeft;return{top:s.top+c,left:s.left+l}},T=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.classes)??null}),n=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.style)??null});e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.type)??"TabPrimary"});const r=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.data)??[]}),W=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.fixed)??!0}),A=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.resetToTop)??!0}),H=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.scrollToTop)??!0}),R=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.fullWidth)??!1});e.computed(()=>0),e.computed(()=>!1);const F=e.computed(()=>r.value.some(t=>t.img)),L=e.computed(()=>{var t;return((t=r.value[d.value])==null?void 0:t.key)??null});e.computed(()=>{var s;if(!((s=u.modelValue)!=null&&s.data)||!Array.isArray(u.modelValue.data))return[];const t=u.modelValue.data[d.value];return t?t.componentsDataJson||[]:[]});const O=()=>{var s;if(u.modelValue&&u.modelValue.data)return;const t={id:((s=u.modelValue)==null?void 0:s.id)||v.r(),type:"TabLogo",onlyShowPc:!1,containerWidth:"",bgColor:"",classes:"custom-class another-class",style:{},width:"",resetToTop:!1,fullWidth:!0,fixed:!1,scrollToTop:!1,data:[{id:v.r(),key:v.r(),img:"https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",alt:"yew-chung-international-school",name:"New Tab1",componentsDataJson:[]},{id:v.r(),key:v.r(),img:"https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",alt:"yew-chung-international-school",name:"New Tab2",componentsDataJson:[]}]};y("update:modelValue",t),d.value=0},B=()=>{const t=x.value;if(!t)return;const s=t.getBoundingClientRect().top,c=E.value;if(!c)return;const l=c.getBoundingClientRect().top,i=+window.getComputedStyle(document.body).getPropertyValue("--header-height-calc").split("px")[0];if(l>i){o.value=!1;return}s<=i&&(o.value=!0)},U=()=>{if(p.hash){e.nextTick(()=>{setTimeout($,500)});return}if(!H.value)return;let t=0;A.value||(t=N(E.value).top-170),window.scroll({top:t,left:0,behavior:"smooth"})},$=()=>{if(!p.hash)return;const t=document.querySelector(p.hash);if(!t)return;const s=N(t).top;window.scroll({top:s-170,left:0,behavior:"smooth"})},_=()=>{const t=p.params.subpage;let s=r.value.findIndex(m=>m.key==t);const c=z(),l=r.value.findIndex(m=>m.key==c),i=p.query.category,h=r.value.findIndex(m=>m.key==i);if(s>=0)d.value=s;else if(h>-1)V.value=!1,d.value=h;else if(l>-1)V.value=!1,d.value=l;else if(r.value[0]&&r.value[0].link){console.log(r.value[0].link);let m=p.path;m.endsWith("/")&&(m=m.split("/"),m.pop(),m=m.join("/"));const M=`${m}/${r.value[0].key}`;S.replace(M)}e.nextTick($)},I=t=>{sessionStorage.setItem(J,t)},z=()=>sessionStorage.getItem(J);return e.watch(()=>D.value,()=>{B()}),e.watch(()=>p.params.subpage,()=>{_()}),e.watch(()=>p.query,()=>{_()},{deep:!0}),e.watch(d,()=>{I(L.value),V.value&&U(),V.value=!0}),e.watch(L,t=>{t||(d.value=0)}),e.onMounted(()=>{["article"].includes(p.params.section)||(O(),$(),_(),e.nextTick(B),setTimeout(()=>{e.nextTick(B)},200),setTimeout(()=>{e.nextTick($)},1e3))}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tab-page",T.value]),style:e.normalizeStyle(n.value),onMouseover:s[4]||(s[4]=c=>C.value=!0),onMouseout:s[5]||(s[5]=c=>C.value=!1)},[e.createElementVNode("div",{class:e.normalizeClass(["tab-page__hold",[{"is-fixed":o.value&&W.value},{"is-thick":F.value}]]),ref_key:"hold",ref:E},[e.createElementVNode("div",{class:"tab-page__nav",ref_key:"tab",ref:x},[e.createVNode(le,{tabList:r.value,currentIdx:d.value,isFixed:o.value&&W.value,fullWidth:R.value,onUpdateCurrentIdx:s[0]||(s[0]=c=>d.value=c)},null,8,["tabList","currentIdx","isFixed","fullWidth"])],512)],2),e.createElementVNode("div",Ve,[e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[L.value?(e.openBlock(),e.createElementBlock("div",{key:L.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,c=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[L.value==c.key?(e.openBlock(),e.createElementBlock("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.componentsDataJson,(l,i)=>(e.openBlock(),e.createBlock(v.a,{key:l.id,type:l.type,"props-data":{modelValue:l,isPreview:!1}},null,8,["type","props-data"]))),128))])):e.createCommentVNode("",!0)],64))),256))])):e.createCommentVNode("",!0)]),_:1})]),a.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(v.O,{key:0,show:C.value,"onUpdate:show":s[1]||(s[1]=c=>C.value=c),onHandleEdit:s[2]||(s[2]=c=>b.value=!0),onHandleDelete:t.handleDelete,onHandleCopy:t.handleCopy,onHandlePaste:t.handlePaste,style:{top:"-32px"}},null,8,["show","onHandleDelete","onHandleCopy","onHandlePaste"])),a.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(he,{key:1,show:b.value,"onUpdate:show":s[3]||(s[3]=c=>b.value=c),data:a.modelValue},null,8,["show","data"]))],38))}},we=v._(ke,[["__scopeId","data-v-7ea78236"]]);exports.default=we;
|
|
1
|
+
"use strict";var q=Object.create;var j=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,G=Object.prototype.hasOwnProperty;var Q=(a,f,y,g)=>{if(f&&typeof f=="object"||typeof f=="function")for(let w of Y(f))!G.call(a,w)&&w!==y&&j(a,w,{get:()=>f[w],enumerable:!(g=K(f,w))||g.enumerable});return a};var Z=(a,f,y)=>(y=a!=null?q(X(a)):{},Q(f||!a||!a.__esModule?j(y,"default",{value:a,enumerable:!0}):y,a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./index-DKFNhqPK.js"),ee={class:"tab-logo__btn__img flex-center"},te=["src","alt"],oe={__name:"TabLogo",props:{tabList:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0},isFixed:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1}},emits:["updateCurrentIdx"],setup(a,{emit:f}){const{proxy:y}=e.getCurrentInstance(),{$_vsWidth:g,$_vsScrollY:w,$vsScreenAddListener:D,$vsScreenDestroyListener:P}=y,k=a,u=f,p=e.ref(0),S=e.ref(.5*g.value),d=e.ref(0),o=e.ref(!0),V=e.ref(!0),E=e.ref(0),x=e.ref(!1),b=e.ref(0),C=e.ref(0),N=e.ref(0),T=e.ref(null),n=e.ref(null),r=e.ref([]),W=l=>l||"",A=e.computed(()=>p.value-S.value),H=e.computed(()=>[{"--strip-width":`${A.value}px`},{"--strip-left":`${S.value}px`},{"--fix-left":`${d.value}px`},{transition:V.value?"left 0.2s ease-in-out, width 0.2s ease-in-out":""}]),R=e.computed(()=>b.value>0),F=e.computed(()=>C.value-b.value+L.value>N.value),L=e.computed(()=>{if(!x.value)return 24;const l=T.value;if(!l)return 24;const i=window.getComputedStyle(l,null).getPropertyValue("padding-right").split("px")[0];return Number(i)*2}),O=e.computed(()=>!1);e.watch(g,()=>{_(),I()}),e.watch(()=>k.currentIdx,(l,i)=>{o.value=l>i,e.nextTick(()=>B()),e.nextTick(()=>s())}),e.watch(()=>k.isFixed,()=>{g.value>1200&&_(),e.nextTick(()=>I())}),e.watch(()=>k.tabList,(l,i)=>{I(),e.nextTick(()=>{B(0)})},{deep:!0});const B=l=>{const i=l??250;o.value?(U(),setTimeout($,i)):($(),setTimeout(U,i)),setTimeout(()=>{V.value=!0},i)},U=()=>{const l=r.value[k.currentIdx];l&&l.getBoundingClientRect&&(p.value=l.getBoundingClientRect().right)},$=()=>{const l=r.value[k.currentIdx];l&&l.getBoundingClientRect&&(S.value=l.getBoundingClientRect().left)},_=()=>{V.value=!1,e.nextTick(()=>B(0)),e.nextTick(()=>z())},I=()=>{const l=T.value;if(l){let i=l.getBoundingClientRect().left;d.value=(l.offsetWidth-l.getBoundingClientRect().width)/2-i}},z=()=>{k.tabList.length<=0||(n.value&&(b.value=n.value.scrollLeft,C.value=n.value.scrollWidth),T.value&&(N.value=T.value.getBoundingClientRect().width))},t=l=>{n.value&&(l=="next"?n.value.scrollLeft+=9999:n.value.scrollLeft-=9999)},s=()=>{const l=r.value[k.currentIdx];if(!l)return;const i=l.clientWidth/2,h=g.value/2;E.value=l.getBoundingClientRect().right-i,n.value&&(n.value.scrollLeft-=h-E.value)},c=l=>{u("updateCurrentIdx",l)};return e.onMounted(()=>{x.value=!0,e.nextTick(()=>{B(0),setTimeout(_,300),I(),e.nextTick(()=>{setTimeout(s,300)})}),window.addEventListener("resize",()=>{g.value=window.innerWidth})}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tab-logo",[{"is-fixed":a.isFixed},{"is-campus":!O.value},{"is-full-width":a.fullWidth}]]),ref_key:"wrapper",ref:T},[e.createElementVNode("ul",{class:"tab-logo__list",ref_key:"list",ref:n,onScroll:_},[e.withDirectives(e.createElementVNode("div",{class:"tab-logo__nav__prev",onClick:i[0]||(i[0]=h=>t("prev"))},null,512),[[e.vShow,R.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.tabList,(h,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,class:e.normalizeClass(["tab-logo__item",[{"tab-logo__item--img":!!h.img}]])},[e.createElementVNode("div",{ref_for:!0,ref_key:"btn",ref:r,class:"flex-center"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h.link?"nuxt-link":"button"),{type:h.link?null:"button",to:W(h.link),class:e.normalizeClass(["tab-logo__btn",[{"is-active":a.currentIdx==m}]]),onClick:M=>c(m)},{default:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createElementVNode("img",{src:h.img,alt:h.alt},null,8,te)])]),_:2},1032,["type","to","class","onClick"]))],512)],2))),128)),e.withDirectives(e.createElementVNode("div",{class:"tab-logo__nav__next",onClick:i[1]||(i[1]=h=>t("next"))},null,512),[[e.vShow,F.value]])],544),e.createElementVNode("span",{class:"tab-logo__strip",style:e.normalizeStyle(H.value)},null,4)],2))}},le=v._(oe,[["__scopeId","data-v-95fa5f31"]]),ne={class:"setting-content"},ae={class:"setting-header flex items-center"},se={class:"setting-body"},re={class:"setting-toolbar"},ie={class:"tools"},de={class:"setting-item"},ce={class:"item-header"},ue={class:"btn-group"},me={key:0,class:"drag-handle"},pe=["src"],ve={class:"item-uplaod flex items-center"},fe={class:"components-content"},ge=e.defineComponent({__name:"setting",props:{show:{type:Boolean,default:!1},data:{type:Object,default:()=>{}}},emits:["update:show"],setup(a,{emit:f}){const y=e.defineAsyncComponent(()=>import("vuedraggable")),g=e.ref(!1),w=e.computed(()=>({animation:200,group:"gallerys",disabled:!1,ghostClass:"ghost",handle:".drag-handle",filter:".arco-input, .arco-select, .arco-checkbox",preventOnFilter:!1}));e.computed(()=>({animation:200,group:"gallerys-above",disabled:!1,ghostClass:"ghost",handle:".drag-handle",filter:".arco-input, .arco-select, .arco-checkbox",preventOnFilter:!1}));const D=d=>d&&d.length>1,P=a,k=f,u=()=>{k("update:show",!1)},p=d=>{debugger;P.data.data.push({id:v.r(),key:v.r(),name:"New Tab",img:"https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",alt:"yew-chung-international-school",componentsDataJson:[]})},S=(d,o)=>{P.data.data=P.data.data.filter(V=>V.id!==d)};return(d,o)=>{const V=e.resolveComponent("a-switch"),E=e.resolveComponent("icon-plus"),x=e.resolveComponent("a-button"),b=e.resolveComponent("icon-drag-arrow"),C=e.resolveComponent("icon-delete"),N=e.resolveComponent("a-input"),T=e.resolveComponent("a-drawer");return e.openBlock(),e.createBlock(T,{width:"60%",visible:a.show,footer:!1,onCancel:u,unmountOnClose:""},{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.data.type)+"组件编辑 ",1)]),default:e.withCtx(()=>[e.createElementVNode("div",ne,[e.createElementVNode("div",ae,[o[7]||(o[7]=e.createElementVNode("span",{class:"header-title"},"仅显示PC端",-1)),e.createVNode(V,{modelValue:a.data.onlyShowPc,"onUpdate:modelValue":o[0]||(o[0]=n=>a.data.onlyShowPc=n)},null,8,["modelValue"])]),e.createElementVNode("div",se,[e.createElementVNode("div",re,[o[10]||(o[10]=e.createElementVNode("h1",null,"List",-1)),e.createElementVNode("div",ie,[e.createVNode(x,{type:"primary",onClick:o[1]||(o[1]=n=>p())},{icon:e.withCtx(()=>[e.createVNode(E)]),default:e.withCtx(()=>[o[8]||(o[8]=e.createTextVNode(" 添加 List ",-1))]),_:1}),e.createVNode(x,{type:"primary",onClick:o[2]||(o[2]=n=>p())},{default:e.withCtx(()=>[...o[9]||(o[9]=[e.createTextVNode("粘贴 Tab",-1)])]),_:1})])]),e.createElementVNode("div",de,[e.createVNode(e.unref(y),e.mergeProps({modelValue:a.data.data,"onUpdate:modelValue":o[4]||(o[4]=n=>a.data.data=n),"component-data":{tag:"div",type:"transition-group",name:g.value?null:"flip-list"}},w.value,{disabled:!D(a.data.data),onStart:o[5]||(o[5]=n=>g.value=!0),onEnd:o[6]||(o[6]=n=>g.value=!1),"item-key":"id"}),{item:e.withCtx(({element:n})=>[(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["item-button draggable-item",{"sortable-disabled":!D(a.data.data)}]),key:n.id},[e.createElementVNode("div",ce,[e.createElementVNode("div",null,[e.createElementVNode("h5",null,e.toDisplayString(n.name),1),e.createElementVNode("span",null,e.toDisplayString(n.key),1)]),e.createElementVNode("div",ue,[D(a.data.data)?(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(b,{class:"drag-icon"})])):e.createCommentVNode("",!0),e.createVNode(C,{class:"btn-delete",onClick:r=>S(n.id)},null,8,["onClick"]),e.createVNode(x,{size:"mini",type:"primary",onClick:o[3]||(o[3]=r=>p())},{default:e.withCtx(()=>[...o[11]||(o[11]=[e.createTextVNode("复制 Tab",-1)])]),_:1})])]),o[12]||(o[12]=e.createElementVNode("p",{class:"item-title"},"Alt",-1)),e.createVNode(N,{modelValue:n.alt,"onUpdate:modelValue":r=>n.alt=r,placeholder:"请输入alt","allow-clear":""},null,8,["modelValue","onUpdate:modelValue"]),o[13]||(o[13]=e.createElementVNode("p",{class:"item-title"},"Key",-1)),e.createVNode(N,{modelValue:n.key,"onUpdate:modelValue":r=>n.key=r,placeholder:"请输入key","allow-clear":""},null,8,["modelValue","onUpdate:modelValue"]),o[14]||(o[14]=e.createElementVNode("p",{class:"item-title"},"图片",-1)),e.createElementVNode("img",{class:"item-img",src:n.img},null,8,pe),e.createElementVNode("div",ve,[e.createVNode(N,{modelValue:n.img,"onUpdate:modelValue":r=>n.img=r,placeholder:"请输入图片链接","allow-clear":""},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(v.U,{modelValue:n.img,"onUpdate:modelValue":r=>n.img=r,name:n.key},null,8,["modelValue","onUpdate:modelValue","name"])]),o[15]||(o[15]=e.createElementVNode("p",null,"components",-1)),e.createElementVNode("div",fe,[e.createVNode(v.P,{data:n.componentsDataJson,onUpdate:r=>n.componentsDataJson=r},null,8,["data","onUpdate"])])],2))]),_:1},16,["modelValue","component-data","disabled"])])])])]),_:1},8,["visible"])}}}),he=v._(ge,[["__scopeId","data-v-c52189f2"]]),Ve={class:"tab-page__content"},ye={key:0},J="",ke={__name:"index",props:{modelValue:{type:Object,default:()=>({})},isPreview:{type:Boolean,default:!0}},emits:["update:modelValue","handleDelete","handleCopy","handlePaste"],setup(a,{emit:f}){const y=f,{proxy:g}=e.getCurrentInstance(),{$_vsWidth:w,$_vsScrollY:D,$vsScreenAddListener:P,$vsScreenDestroyListener:k}=g,u=a,p=v.u(),S=v.d(),d=e.ref(0),o=e.ref(!1),V=e.ref(!0),E=e.ref(null),x=e.ref(null),b=e.ref(!1),C=e.ref(!1),N=t=>{if(!t)return{top:0,left:0};const s=t.getBoundingClientRect(),c=window.pageYOffset||document.documentElement.scrollTop,l=window.pageXOffset||document.documentElement.scrollLeft;return{top:s.top+c,left:s.left+l}},T=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.classes)??null}),n=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.style)??null});e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.type)??"TabPrimary"});const r=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.data)??[]}),W=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.fixed)??!0}),A=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.resetToTop)??!0}),H=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.scrollToTop)??!0}),R=e.computed(()=>{var t;return((t=u.modelValue)==null?void 0:t.fullWidth)??!1});e.computed(()=>0),e.computed(()=>!1);const F=e.computed(()=>r.value.some(t=>t.img)),L=e.computed(()=>{var t;return((t=r.value[d.value])==null?void 0:t.key)??null});e.computed(()=>{var s;if(!((s=u.modelValue)!=null&&s.data)||!Array.isArray(u.modelValue.data))return[];const t=u.modelValue.data[d.value];return t?t.componentsDataJson||[]:[]});const O=()=>{var s;if(u.modelValue&&u.modelValue.data)return;const t={id:((s=u.modelValue)==null?void 0:s.id)||v.r(),type:"TabLogo",onlyShowPc:!1,containerWidth:"",bgColor:"",classes:"custom-class another-class",style:{},width:"",resetToTop:!1,fullWidth:!0,fixed:!1,scrollToTop:!1,data:[{id:v.r(),key:v.r(),img:"https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",alt:"yew-chung-international-school",name:"New Tab1",componentsDataJson:[]},{id:v.r(),key:v.r(),img:"https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",alt:"yew-chung-international-school",name:"New Tab2",componentsDataJson:[]}]};y("update:modelValue",t),d.value=0},B=()=>{const t=x.value;if(!t)return;const s=t.getBoundingClientRect().top,c=E.value;if(!c)return;const l=c.getBoundingClientRect().top,i=+window.getComputedStyle(document.body).getPropertyValue("--header-height-calc").split("px")[0];if(l>i){o.value=!1;return}s<=i&&(o.value=!0)},U=()=>{if(p.hash){e.nextTick(()=>{setTimeout($,500)});return}if(!H.value)return;let t=0;A.value||(t=N(E.value).top-170),window.scroll({top:t,left:0,behavior:"smooth"})},$=()=>{if(!p.hash)return;const t=document.querySelector(p.hash);if(!t)return;const s=N(t).top;window.scroll({top:s-170,left:0,behavior:"smooth"})},_=()=>{const t=p.params.subpage;let s=r.value.findIndex(m=>m.key==t);const c=z(),l=r.value.findIndex(m=>m.key==c),i=p.query.category,h=r.value.findIndex(m=>m.key==i);if(s>=0)d.value=s;else if(h>-1)V.value=!1,d.value=h;else if(l>-1)V.value=!1,d.value=l;else if(r.value[0]&&r.value[0].link){console.log(r.value[0].link);let m=p.path;m.endsWith("/")&&(m=m.split("/"),m.pop(),m=m.join("/"));const M=`${m}/${r.value[0].key}`;S.replace(M)}e.nextTick($)},I=t=>{sessionStorage.setItem(J,t)},z=()=>sessionStorage.getItem(J);return e.watch(()=>D.value,()=>{B()}),e.watch(()=>p.params.subpage,()=>{_()}),e.watch(()=>p.query,()=>{_()},{deep:!0}),e.watch(d,()=>{I(L.value),V.value&&U(),V.value=!0}),e.watch(L,t=>{t||(d.value=0)}),e.onMounted(()=>{["article"].includes(p.params.section)||(O(),$(),_(),e.nextTick(B),setTimeout(()=>{e.nextTick(B)},200),setTimeout(()=>{e.nextTick($)},1e3))}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["tab-page",T.value]),style:e.normalizeStyle(n.value),onMouseover:s[4]||(s[4]=c=>C.value=!0),onMouseout:s[5]||(s[5]=c=>C.value=!1)},[e.createElementVNode("div",{class:e.normalizeClass(["tab-page__hold",[{"is-fixed":o.value&&W.value},{"is-thick":F.value}]]),ref_key:"hold",ref:E},[e.createElementVNode("div",{class:"tab-page__nav",ref_key:"tab",ref:x},[e.createVNode(le,{tabList:r.value,currentIdx:d.value,isFixed:o.value&&W.value,fullWidth:R.value,onUpdateCurrentIdx:s[0]||(s[0]=c=>d.value=c)},null,8,["tabList","currentIdx","isFixed","fullWidth"])],512)],2),e.createElementVNode("div",Ve,[e.createVNode(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[L.value?(e.openBlock(),e.createElementBlock("div",{key:L.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,c=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[L.value==c.key?(e.openBlock(),e.createElementBlock("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.componentsDataJson,(l,i)=>(e.openBlock(),e.createBlock(v.a,{key:l.id,type:l.type,"props-data":{modelValue:l,isPreview:!1}},null,8,["type","props-data"]))),128))])):e.createCommentVNode("",!0)],64))),256))])):e.createCommentVNode("",!0)]),_:1})]),a.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(v.O,{key:0,show:C.value,"onUpdate:show":s[1]||(s[1]=c=>C.value=c),onHandleEdit:s[2]||(s[2]=c=>b.value=!0),onHandleDelete:t.handleDelete,onHandleCopy:t.handleCopy,onHandlePaste:t.handlePaste,style:{top:"-32px"}},null,8,["show","onHandleDelete","onHandleCopy","onHandlePaste"])),a.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(he,{key:1,show:b.value,"onUpdate:show":s[3]||(s[3]=c=>b.value=c),data:a.modelValue},null,8,["show","data"]))],38))}},we=v._(ke,[["__scopeId","data-v-7ea78236"]]);exports.default=we;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var H=Object.create;var B=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var z=(t,a,l,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of M(a))!U.call(t,s)&&s!==l&&B(t,s,{get:()=>a[s],enumerable:!(c=I(a,s))||c.enumerable});return t};var L=(t,a,l)=>(l=t!=null?H(F(t)):{},z(a||!t||!t.__esModule?B(l,"default",{value:t,enumerable:!0}):l,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./index-
|
|
1
|
+
"use strict";var H=Object.create;var B=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var z=(t,a,l,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of M(a))!U.call(t,s)&&s!==l&&B(t,s,{get:()=>a[s],enumerable:!(c=I(a,s))||c.enumerable});return t};var L=(t,a,l)=>(l=t!=null?H(F(t)):{},z(a||!t||!t.__esModule?B(l,"default",{value:t,enumerable:!0}):l,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./index-DKFNhqPK.js");var $="Expected a function",j=NaN,_="[object Symbol]",D=/^\s+|\s+$/g,A=/^[-+]0x[0-9a-f]+$/i,W=/^0b[01]+$/i,R=/^0o[0-7]+$/i,q=parseInt,G=typeof v.c=="object"&&v.c&&v.c.Object===Object&&v.c,J=typeof self=="object"&&self&&self.Object===Object&&self,X=G||J||Function("return this")(),K=Object.prototype,Q=K.toString,Y=Math.max,Z=Math.min,S=function(){return X.Date.now()};function ee(t,a,l){var c,s,n,f,u,d,p=0,g=!1,m=!1,w=!0;if(typeof t!="function")throw new TypeError($);a=P(a)||0,E(l)&&(g=!!l.leading,m="maxWait"in l,n=m?Y(P(l.maxWait)||0,a):n,w="trailing"in l?!!l.trailing:w);function b(r){var V=c,h=s;return c=s=void 0,p=r,f=t.apply(h,V),f}function k(r){return p=r,u=setTimeout(y,a),g?b(r):f}function T(r){var V=r-d,h=r-p,O=a-V;return m?Z(O,n-h):O}function C(r){var V=r-d,h=r-p;return d===void 0||V>=a||V<0||m&&h>=n}function y(){var r=S();if(C(r))return o(r);u=setTimeout(y,T(r))}function o(r){return u=void 0,w&&c?b(r):(c=s=void 0,f)}function i(){u!==void 0&&clearTimeout(u),p=0,c=d=s=u=void 0}function x(){return u===void 0?f:o(S())}function N(){var r=S(),V=C(r);if(c=arguments,s=this,d=r,V){if(u===void 0)return k(d);if(m)return u=setTimeout(y,a),b(d)}return u===void 0&&(u=setTimeout(y,a)),f}return N.cancel=i,N.flush=x,N}function te(t,a,l){var c=!0,s=!0;if(typeof t!="function")throw new TypeError($);return E(l)&&(c="leading"in l?!!l.leading:c,s="trailing"in l?!!l.trailing:s),ee(t,a,{leading:c,maxWait:a,trailing:s})}function E(t){var a=typeof t;return!!t&&(a=="object"||a=="function")}function ne(t){return!!t&&typeof t=="object"}function le(t){return typeof t=="symbol"||ne(t)&&Q.call(t)==_}function P(t){if(typeof t=="number")return t;if(le(t))return j;if(E(t)){var a=typeof t.valueOf=="function"?t.valueOf():t;t=E(a)?a+"":a}if(typeof t!="string")return t===0?t:+t;t=t.replace(D,"");var l=W.test(t);return l||R.test(t)?q(t.slice(2),l?2:8):A.test(t)?j:+t}var oe=te;const ae=v.g(oe),re={class:"setting-content"},se={class:"setting-header flex items-center"},ie={class:"setting-header flex items-center"},de={class:"setting-header flex items-center"},ue={class:"setting-header flex items-center"},ce={class:"setting-body"},me={class:"setting-item"},fe={class:"components-content"},pe=e.defineComponent({__name:"setting",props:{show:{type:Boolean,default:!1},data:{type:Object,default:()=>{}}},emits:["update:show"],setup(t,{emit:a}){e.defineAsyncComponent(()=>import("vuedraggable"));const l=a,c=()=>{l("update:show",!1)};return(s,n)=>{const f=e.resolveComponent("a-switch"),u=e.resolveComponent("a-input"),d=e.resolveComponent("a-option"),p=e.resolveComponent("a-select"),g=e.resolveComponent("a-drawer");return e.openBlock(),e.createBlock(g,{width:"60%",visible:t.show,footer:!1,onCancel:c,unmountOnClose:""},{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.data.type)+"组件编辑 ",1)]),default:e.withCtx(()=>[e.createElementVNode("div",re,[e.createElementVNode("div",se,[n[5]||(n[5]=e.createElementVNode("span",{class:"header-title"},"仅显示PC端",-1)),e.createVNode(f,{modelValue:t.data.onlyShowPc,"onUpdate:modelValue":n[0]||(n[0]=m=>t.data.onlyShowPc=m)},null,8,["modelValue"])]),e.createElementVNode("div",ie,[n[6]||(n[6]=e.createElementVNode("span",{class:"header-title"},"标题",-1)),e.createVNode(u,{modelValue:t.data.title,"onUpdate:modelValue":n[1]||(n[1]=m=>t.data.title=m),placeholder:"请输入标题","allow-clear":""},null,8,["modelValue"])]),e.createElementVNode("div",de,[n[11]||(n[11]=e.createElementVNode("span",{class:"header-title"},"组件宽度",-1)),e.createVNode(p,{modelValue:t.data.width,"onUpdate:modelValue":n[2]||(n[2]=m=>t.data.width=m),placeholder:"请选择","allow-clear":""},{default:e.withCtx(()=>[e.createVNode(d,{value:"default"},{default:e.withCtx(()=>[...n[7]||(n[7]=[e.createTextVNode("默认",-1)])]),_:1}),e.createVNode(d,{value:"small"},{default:e.withCtx(()=>[...n[8]||(n[8]=[e.createTextVNode("小",-1)])]),_:1}),e.createVNode(d,{value:"medium"},{default:e.withCtx(()=>[...n[9]||(n[9]=[e.createTextVNode("中",-1)])]),_:1}),e.createVNode(d,{value:"max"},{default:e.withCtx(()=>[...n[10]||(n[10]=[e.createTextVNode("大",-1)])]),_:1})]),_:1},8,["modelValue"])]),e.createElementVNode("div",ue,[n[14]||(n[14]=e.createElementVNode("span",{class:"header-title"},"Opened by default",-1)),e.createVNode(p,{modelValue:t.data.openFirst,"onUpdate:modelValue":n[3]||(n[3]=m=>t.data.openFirst=m),placeholder:"请选择","allow-clear":""},{default:e.withCtx(()=>[e.createVNode(d,{value:!0},{default:e.withCtx(()=>[...n[12]||(n[12]=[e.createTextVNode("yes",-1)])]),_:1}),e.createVNode(d,{value:!1},{default:e.withCtx(()=>[...n[13]||(n[13]=[e.createTextVNode("No",-1)])]),_:1})]),_:1},8,["modelValue"])]),e.createElementVNode("div",ce,[n[15]||(n[15]=e.createElementVNode("div",{class:"setting-toolbar"},[e.createElementVNode("h4",null,"组件")],-1)),e.createElementVNode("div",me,[e.createElementVNode("div",fe,[e.createVNode(v.P,{data:t.data.data,onUpdate:n[4]||(n[4]=m=>t.data.data=m)},null,8,["data"])])])])])]),_:1},8,["visible"])}}}),ve=v._(pe,[["__scopeId","data-v-23474794"]]),Ve={class:"collapse-custom__wrapper"},ye=["innerHTML"],ge={class:"collapse-custom__content__wrapper"},Ne={class:"component-wrapper"},we={__name:"index",props:{modelValue:{type:Object,default:()=>{}},isPreview:{type:Boolean,default:!0}},emits:["update:modelValue","handleDelete","handleCopy","handlePaste"],setup(t,{emit:a}){const l=t,c=a,s=e.ref(null),n=e.ref(0),f=e.ref(!1),u=e.ref(null),d=e.ref(!1),p=e.ref(!1),g=e.computed(()=>{var o;return((o=l.modelValue)==null?void 0:o.classes)??""}),m=e.computed(()=>{var o;return((o=l.modelValue)==null?void 0:o.style)??""});e.computed(()=>{var o;return(o=l.modelValue)==null?void 0:o.width});const w=e.computed(()=>{var o;return((o=l.modelValue)==null?void 0:o.title)??[]}),b=e.computed(()=>{var o;return((o=l.modelValue)==null?void 0:o.openFirst)??!1}),k=e.computed(()=>{var o,i;return!((o=l.modelValue)!=null&&o.data)||!Array.isArray(l.modelValue.data)?[]:(i=l.modelValue)==null?void 0:i.data}),T=()=>{var i;if(l.modelValue&&l.modelValue.data)return;const o={id:((i=l.modelValue)==null?void 0:i.id)||v.r(),type:"CollapseCustom",onlyShowPc:!1,title:"我是标题collaspse",openFirst:!1,width:"",style:{},data:[]};c("update:modelValue",o)},C=e.computed(()=>{var o;return l.isPreview?!((o=l.modelValue)!=null&&o.onlyShowPc)||!v.i():!0}),y=()=>{const o=s.value;o&&(n.value=o.scrollHeight)};return e.onMounted(()=>{f.value=b.value,e.nextTick(y);const o=ae(()=>{y()},250);u.value=new ResizeObserver(o),u.value.observe(s.value)}),e.onBeforeUnmount(()=>{s.value&&u.value&&u.value.unobserve(s.value)}),T(),(o,i)=>{var x,N;return C.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["collapse-custom",g.value]),style:e.normalizeStyle(m.value),onMouseover:i[4]||(i[4]=r=>d.value=!0),onMouseout:i[5]||(i[5]=r=>d.value=!1)},[e.createElementVNode("div",{class:e.normalizeClass(["collapse-custom_container",[(x=t.modelValue)!=null&&x.width?`container-content-${(N=t.modelValue)==null?void 0:N.width}`:"container-content"]])},[e.createElementVNode("div",Ve,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["collapse-custom__btn",{"--is-collapsed":!f.value}]),onClick:i[0]||(i[0]=r=>f.value=!f.value)},[e.createElementVNode("h4",{class:"collapse-custom__btn__title",innerHTML:w.value},null,8,ye),i[6]||(i[6]=e.createElementVNode("span",{class:"collapse-custom__btn__icon"},null,-1))],2),e.createElementVNode("div",{class:e.normalizeClass(["collapse-custom__content",{"--is-open":f.value}]),ref_key:"content",ref:s,style:e.normalizeStyle({"--scroll-height":`${n.value}px`})},[e.createElementVNode("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(r,V)=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:"page-item"},[e.createElementVNode("div",Ne,[e.createVNode(v.a,{type:r.type,"props-data":{modelValue:r}},null,8,["type","props-data"])])]))),128))])],6)]),t.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(v.O,{key:0,show:d.value,"onUpdate:show":i[1]||(i[1]=r=>d.value=r),onHandleEdit:i[2]||(i[2]=r=>p.value=!0),onHandleDelete:o.handleDelete,onHandleCopy:o.handleCopy,onHandlePaste:o.handlePaste,style:{top:"-20px"}},null,8,["show","onHandleDelete","onHandleCopy","onHandlePaste"]))],2),t.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ve,{key:0,show:p.value,"onUpdate:show":i[3]||(i[3]=r=>p.value=r),data:t.modelValue},null,8,["show","data"]))],38)):e.createCommentVNode("",!0)}}},be=v._(we,[["__scopeId","data-v-6e5b9702"]]);exports.default=be;
|