https://propro-clean.tw/assets/Category.e03230be.js

1var e=Object.defineProperty,t=Object.defineProperties,a=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,l=(t,a,r)=>a in t?e(t,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[a]=r;"undefined"!=typeof require&&require;import{h as n,B as i,D as c,u,c as d,E as g,G as p,H as m,I as y,g as f,f as h}from"./index.441c06ad.js";import{r as P,o as b,e as v,i as x,t as _,f as k,F as w,h as C,g as I,w as S,j as L,v as j,G as O,p as B,b as N,x as T,n as q,W as $,c as E,d as A,I as F,u as D,y as H,a9 as U}from"./vendor.ddbd020e.js";import{_ as W,P as G}from"./ProductRepository.c68304a9.js";const R={name:"PopupCategory",components:{BaseImage:n,CategoryProductTitle:i,SimpleProductLoading:c},props:{name:{type:String,default:"此分類"},loading:{type:Boolean,default:!1},products:{type:Array,default:()=>[]},loginFirst:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(){const e=u(),t=d();return{currencySymbol:e.currencySymbol,getProductUrl:g,getProductDescription:p,showProductDialog:e=>{t.emit("show:dialog.product",{model:e.model,product_image:e.product_image})}}},methods:{showOriginalPriceBlock:e=>e.model.products.length?e.model.products[0].originPrice-e.model.products[0].price>0:Number(e.model.model_default_ori_unit_price)-Number(e.model.model_default_unit_price)>0,showOriginalPrice:e=>e.model.products.length?e.model.products[0].originPrice:e.model.model_default_ori_unit_price,showPrice:e=>e.model.products.length?e.model.products[0].price:e.model.model_default_unit_price}},z={key:0,class:"text-center text-[17px] bg-gray-200 p-5 mx-3 sm:mx-0 rounded-md"},J=O(" 哎呀.. "),K=O("無任何商品 "),M={class:"grid gap-2 grid-cols-2 md:grid-cols-4 xl:grid-cols-4 my-2"},Q=["id"],V={class:"hidden"},X={class:"hidden"},Y={class:"flex flex-grow phone_375:flex-col justify-between"},Z={class:"text-gray-600 text-[15px] phone_414:text-[14px]"},ee=O(" 原價 "),te={class:"whitespace-nowrap"},ae={class:"text-red-600 text-right"},re=x("span",{class:"price-tag text-sm"},"特價 $",-1),oe={class:"price text-3xl"},se={class:"flex justify-between mt-1"},le=x("button",{class:"px-2 border rounded text-gray-700 border-gray-700 hover:bg-gray-500 hover:text-white hover:border-gray-500"},[x("span",{class:"phone_414:text-sm phone_320:text-xs"},"查看細節")],-1),ne=["onClick"],ie=[x("span",{class:"phone_414:text-sm phone_320:text-xs"},"馬上購買",-1)];R.render=function(e,t,a,r,o,s){const l=P("SimpleProductLoading"),n=P("BaseImage"),i=P("router-link"),c=P("CategoryProductTitle");return b(),v(w,null,[a.loading||0!==a.products.length?k("",!0):(b(),v("div",z,[J,x("b",null,_(a.name),1),K])),x("div",M,[a.loading?(b(),v(w,{key:0},C(8,(e=>I(l,{key:`mask-${e}`}))),64)):(b(!0),v(w,{key:1},C(a.products,(e=>(b(),v("div",{key:e.product_id,class:"flex flex-col",id:`product-${e.model.id}`},[x("div",V,_(e.model.id),1),I(i,{to:r.getProductUrl(e)},{default:S((()=>[x("figure",null,[I(n,{class:"w-full",src:e.product_image,alt:e.model_name},null,8,["src","alt"]),x("figcaption",X,_(e.model_name),1)])])),_:2},1032,["to"]),I(c,{class:"text-[17px] mt-2",product:e},null,8,["product"]),x("div",Y,[L(x("del",Z,[ee,x("span",te,_(r.currencySymbol)+" "+_(s.showOriginalPrice(e)),1)],512),[[j,s.showOriginalPriceBlock(e)]]),x("div",ae,[re,x("span",oe,_(s.showPrice(e)),1)])]),x("div",se,[I(i,{to:r.getProductUrl(e)},{default:S((()=>[le])),_:2},1032,["to"]),x("button",{class:"px-2 border rounded text-red-500 border-red-700 hover:bg-red-400 hover:text-white hover:border-red-500",onClick:t=>r.showProductDialog(e)},ie,8,ne)])],8,Q)))),128))])],64)};const ce={name:"ProductPaginator",props:{totalPage:{type:Number,required:!0},currentPage:{type:Number,required:!0}},emits:["toPreviousPage","toNextPage"],setup:e=>({isFirstPage:T((()=>1===e.currentPage)),isLastPage:T((()=>e.currentPage>=e.totalPage))})};B("data-v-7858c2b2");const ue={class:"paginator"},de={key:0,class:"text-xs"},ge=["disabled"],pe=["disabled"];N(),ce.render=function(e,t,a,r,o,s){return b(),v("div",ue,[x("div",null," 正在第 "+_(a.currentPage)+" 頁, 共 "+_(a.totalPage)+" 頁 ",1),a.totalPage>1?(b(),v("div",de,[x("button",{disabled:r.isFirstPage,class:q(["border border-black px-2 py-1 rounded mr-2",{"bg-black text-white":!r.isFirstPage}]),onClick:t[0]||(t[0]=t=>e.$emit("toPreviousPage"))}," 上一頁 ",10,ge),x("button",{disabled:r.isLastPage,class:q(["border border-black px-2 py-1 rounded",{"bg-black text-white":!r.isLastPage}]),onClick:t[1]||(t[1]=t=>e.$emit("toNextPage"))}," 下一頁 ",10,pe)])):k("",!0)])},ce.__scopeId="data-v-7858c2b2";const me={name:"ImageLink",props:{src:{type:String,default:""},alt:{type:String,default:""},href:{type:String,default:""}},methods:{toAnchorLink(e){const t=e.replace(this.config.company_url,"/"),[a,r]=t.split("#"),o=this.isCurrentPage(a)?this.findAnchorElement(r):null;if(!o)return this.$router.push(t);m(o,{smooth:!0})},isCurrentPage(e){const t=e.split("?")[0];return!t||t===this.$route.path},findAnchorElement:e=>e?document.getElementById(`product-${e}`)||document.getElementById(e):null},computed:(ye=((e,t)=>{for(var a in t||(t={}))o.call(t,a)&&l(e,a,t[a]);if(r)for(var a of r(t))s.call(t,a)&&l(e,a,t[a]);return e})({},$(u,["config"])),fe={isInternal(){return String(this.href).startsWith(this.config.company_url)},isExternal(){return"string"==typeof this.href&&this.href.startsWith("http")&&!this.isInternal},isAnchorLink(){return this.isInternal&&-1!==this.href.indexOf("#")}},t(ye,a(fe)))};var ye,fe;const he=["href"],Pe=["src","alt"],be=["src","alt"],ve=["src","alt"],xe=["src","alt"];me.render=function(e,t,a,r,o,s){const l=P("router-link");return b(),v("div",null,[s.isExternal?(b(),v("a",{key:0,href:a.href?a.href:"javascript:void(0);",target:"_blank"},[x("img",{class:"w-full",src:a.src,alt:a.alt},null,8,Pe)],8,he)):s.isAnchorLink?(b(),v("a",{key:1,href:"javascript:void(0);",onClick:t[0]||(t[0]=e=>s.toAnchorLink(a.href))},[x("img",{class:"w-full",src:a.src,alt:a.alt},null,8,be)])):s.isInternal?(b(),E(l,{key:2,to:a.href.replace(e.config.company_url,"/")},{default:S((()=>[x("img",{class:"w-full",src:a.src,alt:a.alt},null,8,ve)])),_:1},8,["to"])):(b(),v("img",{key:3,class:"w-full",src:a.src,alt:a.alt},null,8,xe))])};const _e={components:{ImageLink:me,SimpleCategory:y,PopupCategory:R,ProductPaginator:ce,ProductDialog:W},props:{customToken:{type:String,default:""},initPage:{type:[Number,String],default:1},disableShoppingFunction:{type:Boolean,default:!1},initProducts:{type:Array,default:()=>[]},category:{type:Object,default:()=>{}},initTotalPage:{type:[Number,String],default:1}},emits:["loadHandle"],async setup(e){const t=f(),a=u(),r=A(!1),o=A(!1),s=A([]),l=A(1),n=A(1),i=F(),c=D(),g=d(),p=T((()=>r.value?s.value:e.initProducts)),m=T((()=>r.value?Number(l.value):Number(e.initPage))),y=T((()=>r.value?n.value:e.initTotalPage)),P=e.customToken.replace(/\//g,"");if(P){h().$patch({customToken:P})}const b=async(t=1)=>{o.value=!0;const a=e.category.category_id||i.params.categoryId;s.value=await G.getCategory(a,t,i.query.query||""),o.value=!1};return g.on("update:page",(async({page:e,totalPage:t})=>{r.value=!0,l.value=e,n.value=t,await b(e);const a=document.getElementById("header_nav").offsetHeight,o=document.getElementsByClassName("paginator")[0].offsetTop;window.scrollTo({top:o-a,behavior:"smooth"})})),g.on("update:search-result",(async()=>{o.value=!0;const{totalPage:e}

1=await G.getCategoryInfo("all",i.query.query);n.value=e,await b(),r.value=!0})),H((()=>{t.setLoaded()})),U((()=>{g.all.delete("update:search-result"),g.all.delete("update:page")})),{companyConfig:a.config,bannerImage:T((()=>e.category.category_image)),getCategoryImages:t=>(e.category.category_images||[]).filter((e=>e.position===t)),changePage:async e=>{await c.push({query:{query:i.query.query,page:e}}).then((()=>g.emit("update:page",{page:e,totalPage:y.value})))},products:p,currentPage:m,totalPage:y,isCSR:r,isLoading:o}}},ke={class:"space-y-2"},we={key:0},Ce=["src"],Ie={class:"px-3 xl:px-0 mt-2 space-y-2"};_e.render=function(e,t,a,r,o,s){const l=P("ImageLink"),n=P("ProductPaginator"),i=P("SimpleCategory"),c=P("PopupCategory"),u=P("ProductDialog");return b(),v("div",ke,[r.bannerImage?(b(),v("div",we,[x("img",{class:"w-full",src:r.bannerImage,alt:""},null,8,Ce)])):k("",!0),x("div",null,[(b(!0),v(w,null,C(r.getCategoryImages(1),((e,t)=>(b(),E(l,{key:`category-images-header-${t}`,href:e.href,src:e.url},null,8,["href","src"])))),128))]),x("div",Ie,[r.products.length>0||r.isLoading?(b(),E(n,{key:0,"total-page":r.totalPage,"current-page":r.currentPage,onToPreviousPage:t[0]||(t[0]=e=>r.changePage(r.currentPage-1)),onToNextPage:t[1]||(t[1]=e=>r.changePage(r.currentPage+1))},null,8,["total-page","current-page"])):k("",!0),r.companyConfig.category_layout&&"default"!==r.companyConfig.category_layout?"popup"===r.companyConfig.category_layout?(b(),E(c,{key:2,name:a.category.category_name,products:r.products,"login-first":"true"===String(r.companyConfig.member_system),disabled:a.disableShoppingFunction,loading:r.isLoading},null,8,["name","products","login-first","disabled","loading"])):k("",!0):(b(),E(i,{key:1,name:a.category.category_name,products:r.products,"login-first":"true"===String(r.companyConfig.member_system),disabled:a.disableShoppingFunction,loading:r.isLoading},null,8,["name","products","login-first","disabled","loading"])),r.products.length>0||r.isLoading?(b(),E(n,{key:3,"total-page":r.totalPage,"current-page":r.currentPage,onToPreviousPage:t[2]||(t[2]=e=>r.changePage(r.currentPage-1)),onToNextPage:t[3]||(t[3]=e=>r.changePage(r.currentPage+1))},null,8,["total-page","current-page"])):k("",!0)]),I(u,{class:"z-50"}),x("div",null,[(b(!0),v(w,null,C(r.getCategoryImages(2),((e,t)=>(b(),E(l,{key:`category-images-footer-${t}`,href:e.href,src:e.url},null,8,["href","src"])))),128))])])};export{_e as _};