https://www.digiknow.com.tw/_nuxt/B8Muzagu.js

1import{_ as B,aA as f,b as v,s as E,l as w,m as I,a as b,r as g,P as T}from"./BWZN0XpW.js";import{A as c,X as n,L as m,a0 as C,M as S,V as N,Z as r,N as k,a2 as h,P as y,W as p,a5 as _,a3 as A,q as d}from"./Ci6hL83t.js";import{_ as O}from"./Dh2WmtjI.js";const P={name:"OuterTagsGroup",props:{selectedOuterCategory:{type:Object},outerCategories:{type:Array,default:()=>[]},tagGroups:{type:Array,default:()=>[]}},data(){return{selectedTagGroup:null,isMounted:!1}},computed:{showTagGroups(){return this.updateIsShowScroll(),this.tagGroups.filter(e=>e.outerCategory?.id===this.selectedOuterCategory?.id&&!(e.list||[]).every(t=>t.count===0))}},mounted(){this.isMounted=!0},activated(){this.isMounted=!0,setTimeout(()=>{this.updateIsShowScroll(),this.initContainerDraggable(),window.addEventListener("resize",this.updateIsShowScroll,100)},1e3)},deactivated(){this.isMounted=!1},beforeUnmount(){this.isMounted=!1},methods:{initContainerDraggable(){let e=!1,t=0,a=0;var s=document.querySelector("#container");s&&(s.addEventListener("scroll",l=>{this.updateLafetOpacity()},!1),s.addEventListener("mousemove",l=>{if(l.preventDefault(),!e)return;const u=l.pageX-s.offsetLeft-t;s.scrollLeft=a-u},!1),s.addEventListener("mousedown",l=>{e=!0,t=l.pageX-s.offsetLeft,a=s.scrollLeft},!1),s.addEventListener("mouseup",l=>{e=!1},!1),s.addEventListener("mouseleave",l=>{e=!1},!1))},selectOuterCategory(e){if(this.selectedTagGroup=null,e){const t={id:e.id,name:e.name};this.$emit("updateOuterCategory",t)}},selectTagGroup(e){this.selectedTagGroup=w(this.selectedTagGroup,e)?null:e,this.$emit("updateTagGroup",{id:this.selectedOuterCategory?.id,name:this.selectedOuterCategory?.name,apiName:this.selectedOuterCategory?.apiName,info:{outerCategories:[{value:this.selectedOuterCategory?.id}],categories:this.selectedTagGroup?[{value:this.selectedTagGroup.value}]:[]}})},updateIsShowScroll:f(async function(){const e=document.getElementById("container")?.getClientRects()?.[0].width,a=(document.getElementById("categoryBlock")?.getClientRects()?.[0].width||0)>(e||0);document.getElementById("leftArrow")&&(document.getElementById("leftArrow").style.display=a?"inline-flex":"none"),document.getElementById("rightArrow")&&(document.getElementById("rightArrow").style.display=a?"inline-flex":"none"),document.getElementById("container")&&(document.getElementById("container").style["justify-content"]=a?"left":"center"),document.getElementById("categoryBlock")&&(document.getElementById("categoryBlock").style.visibility="visible"),this.updateLafetOpacity()},500),scrollLeft(){document.getElementById("container").scrollLeft=document.getElementById("container").scrollLeft-100},scrollRight(){document.getElementById("container").scrollLeft=document.getElementById("container").scrollLeft+100},updateLafetOpacity:f(async function(){document.getElementById("container")&&(document.getElementById("container").scrollLeft===0?document.getElementById("leftArrow")&&(document.getElementById("leftArrow").style.opacity="20%"):document.getElementById("leftArrow")&&(document.getElementById("leftArrow").style.opacity="100%"))})}},G={class:"outer-categories lg:h-auto transition-all z-20 w-full duration-300 delay-300 ease-linea bg-neutral-5 relative"},D={id:"container",class:"flex overflow-auto"},R={id:"categoryBlock",class:"flex justify-center w-fit",style:{visibility:"hidden"}},z=["onClick"],M={key:0,class:"tag-groups lg:h-auto transition-all z-20 w-full duration-300 delay-300 ease-linea bg-neutral-5 relative"},j={class:"max-w-1600 mx-auto px-5 py-5 overflow-auto"},W={class:"w-full flex justify-left gap-4"},X=["onClick"];function q(e,t,a,s,l,i){const u=v,L=E;return n(),c("div",{class:"outer-tags-group-wrap",style:A({height:i.showTagGroups?.length?"120px":"85px"})},[m(L,null,{default:C(()=>[(n(),S(N,{to:"#stick-header",disabled:!l.isMounted},[r("div",G,[r("div",D,[r("div",{class:"inline-flex absolute h-full items-center arrow cursor-pointer",style:{display:"none"},id:"leftArrow",onClick:t[0]||(t[0]=(...o)=>i.scrollLeft&&i.scrollLeft(...o))},[m(u,{name:"chevron-left-1",color:"white",size:"25"})]),r("div",R,[(n(!0),c(h,null,y(a.outerCategories,o=>(n(),c("div",{class:p(["outer-category",a.selectedOuterCategory?.id===o.id?"active":""]),onClick:x=>i.selectOuterCategory(o)}

1,_(o.name),11,z))),256))]),r("div",{class:"inline-flex absolute h-full items-center arrow top-0 right-0 cursor-pointer",style:{display:"none"},id:"rightArrow",onClick:t[1]||(t[1]=(...o)=>i.scrollRight&&i.scrollRight(...o))},[m(u,{name:"chevron-right-1",color:"white",size:"25"})])])]),i.showTagGroups?.length?(n(),c("div",M,[r("div",j,[r("div",W,[(n(!0),c(h,null,y(i.showTagGroups,o=>(n(),c("div",{class:p(["tab-group",o&&o.value===l.selectedTagGroup?.value?"active":""]),onClick:x=>i.selectTagGroup(o)},_(o.label),11,X))),256))])])])):k("",!0)],8,["disabled"]))]),_:1})],4)}const Z=B(P,[["render",q],["__scopeId","data-v-6573b72d"]]),H={name:"InfiniteScroll",props:{current:{type:Number},max:{type:Number},watchData:{}},data(){return{firstLoad:!1,loading:!1,end:!1,currentRouteName:""}},computed:{...b(g,["toLoadNextPage","debug","isLoading"])},watch:{toLoadNextPage(e,t){if(e!==t&&e===this.currentRouteName){if(this.firstLoad)return;this.firstLoad=!1,this.methodNextPage()}},max(e,t){e!==t&&(this.end=!1)},watchData:{handler(e,t){this.firstLoad=!!(!t&&e),w(e,t)||(this.loading=!1,this.mutationsSetToLoadNextPage(!1))},immediate:!0}},mounted(){this.currentRouteName=(this._.provides[T]||this.$route)?.name??""},methods:{...I(g,{mutationsSetToLoadNextPage:"setToLoadNextPage"}),methodNextPage(){if(this.end||this.loading||this.isLoading)return;this.loading=!0;const e=this.current+1;e>this.max?(this.end=!0,this.loading=!1):this.methodTogglePage(e)},methodTogglePage(e){this.current!==e&&this.$emit("update",e)}},render(){const e=()=>d("div",{class:"py-5"},[d("p",{class:"text-neutral-70 lg:text-base text-sm text-center"},this.debug?"--":"")]),t=v,a=()=>d("div",{class:"flex justify-center items-center py-5"},[d(t,{size:"50",name:"loading-color",color:"neutral-50"})]),s=O;return d("div",{},[this.loading?a():null,this.end?e():null,d(s)])}};export{H as _,Z as a};