https://www.sleepytofu.com/build/assets/ProductVariantFilterDialog-uqN9bfOn.js

1import{l as a,p as _,q as p,V as k,A,u as x,H as t,B as y,J as h,W as n,F as i,C,G as w,a5 as $,a3 as q,at as B,aI as V,I as M,f as o}from"./vue-core-C5VUGm2Y.js";import{g as P}from"./index-DjMJOJu1.js";import{a as U,_ as j}from"./DialogContent-DXl769Eo.js";import{_ as S,a as E}from"./DialogDescription-DIfGx_le.js";import{s as G,b as H,_ as J,a as O}from"./index-DQoi9idO.js";import"./index-yIE3eTjb.js";import"./radix-ui-DmNDyQqc.js";import"./utils-BQHNewu7.js";import"./x-DYgMPlQU.js";import"./createLucideIcon-CpN8GBD8.js";import"./index-D1SQP9Z-.js";const Q={class:"border-skin-fill border-b px-5 py-5 sm:px-6"},W={class:"flex items-start justify-between gap-4 pr-10"},K=["aria-label"],R={id:"bed-linen-variant-filters","data-variant-filter-panel":"","aria-label":"商品篩選",class:"min-h-0 flex-1 overflow-y-auto px-5 py-5 sm:px-6"},X={class:"grid gap-7 sm:grid-cols-2"},Y={"data-filter-group":"item"},Z={class:"flex flex-col gap-2 pr-2"},ee=["value","aria-label","disabled"],se={class:"grow"},te={class:"text-skin-base/60"},le={"data-filter-group":"color"},ae={class:"flex flex-col gap-2 pr-2"},oe=["value","aria-label","disabled"],re={class:"grow"},ie={class:"text-skin-base/60"},_e={__name:"ProductVariantFilterDialog",props:{open:{type:Boolean,default:!1},options:{type:Object,required:!0},selectedItems:{type:Array,required:!0},selectedColors:{type:Array,required:!0},filteredTotal:{type:Number,required:!0},total:{type:Number,required:!0}},emits:["update:open","update:selectedItems","update:selectedColors","clear"],setup(r,{emit:I}){const b=r,f=I,g=o({get:()=>b.open,set:l=>f("update:open",l)}),c=o({get:()=>b.selectedItems,set:l=>f("update:selectedItems",l)}),d=o({get:()=>b.selectedColors,set:l=>f("update:selectedColors",l)}),z=o(()=>c.value.length+d.value.length),u=P("(max-width: 639px)"),D=o(()=>u.value?J:U),N=o(()=>u.value?O:j),F=o(()=>u.value?{side:"bottom",closeLabel:"Close"}:{}),L=o(()=>u.value?"quick-cart-dialog flex h-[min(86svh,720px)] w-full max-w-none flex-col gap-0 overflow-clip rounded-t-3xl rounded-b-none border-x-0 border-b-0 p-0":"quick-cart-dialog flex h-[min(90dvh,720px)] w-[calc(100vw-2rem)] max-w-2xl flex-col gap-0 overflow-clip rounded-3xl p-0"),T=`${H} z-20`,m=(l,s)=>{const e=l==="items"?c.value:d.value;return s.count===0&&!e.includes(s.label)};return(l,s)=>(a(),_(k(D.value),{open:g.value,"onUpdate:open":s[3]||(s[3]=e=>g.value=e),modal:!0},{default:p(()=>[(a(),_(k(N.value),A(F.value,{class:L.value,"overlay-class":"quick-cart-overlay bg-black/50","close-button-class":T,"close-icon-class":x(G)}),{default:p(()=>[t("header",Q,[t("div",W,[t("div",null,[y(x(S),{class:"text-xl font-semibold"},{default:p(()=>[...s[4]||(s[4]=[h("篩選商品",-1)])]),_:1}),y(x(E),{class:"text-skin-base/70 mt-1 text-sm"},{default:p(()=>[h(" 目前共 "+n(r.filteredTotal)+" 件商品 ",1)]),_:1})]),z.value?(a(),i("button",{key:0,type:"button","data-clear-variant-filters-dialog":"",class:"text-skin-accent focus-visible:outline-skin-accent min-h-8 shrink-0 rounded px-2 text-sm font-medium hover:bg-black/5 focus-visible:outline-2 focus-visible:outline-offset-2","aria-label":`清除所有篩選 ${r.filteredTotal}/${r.total}`,onClick:s[0]||(s[0]=e=>l.$emit("clear"))}," 清除 ",8,K)):C("",!0)])]),t("section",R,[t("div",X,[t("fieldset",Y,[s[5]||(s[5]=t("legend",{class:"mb-3 font-semibold"},"品項",-1)),t("div",Z,[(a(!0),i(w,null,$(r.options.items,e=>(a(),i("label",{key:e.label,class:q(["flex items-start gap-2 text-sm",m("items",e)?"cursor-not-allowed opacity-40":"cursor-pointer"])},[B(t("input",{"onUpdate:modelValue":s[1]||(s[1]=v=>c.value=v),type:"checkbox",value:e.label,"aria-label":e.label,disabled:m("items",e),class:"mt-0.5 size-4 shrink-0"},null,8,ee),[[V,c.value]]),t("span",se,n(e.label),1),t("span",te,n(e.count),1)],2))),128))])]),t("fieldset",le,[s[6]||(s[6]=t("legend",{class:"mb-3 font-semibold"},"顏色",-1)),t("div",ae,[(a(!0),i(w,null,$(r.options.colors,e=>(a(),i("label",{key:e.label,class:q(["flex items-center gap-2 text-sm",m("colors",e)?"cursor-not-allowed opacity-40":"cursor-pointer"])},[B(t("input",{"onUpdate:modelValue":s[2]||(s[2]=v=>d.value=v),type:"checkbox",value:e.label,"aria-label":e.label,disabled:m("colors",e),class:"size-4 shrink-0"},null,8,oe),[[V,d.value]]),e.colorList[0]?(a(),i("span",{key:0,class:"size-4 shrink-0 rounded-full border border-black/10",style:M({backgroundColor:e.colorList[0]}),"aria-hidden":"true"},null,4)):C("",!0),t("span",re,n(e.label),1),t("span",ie,n(e.count),1)],2))),128))])])])])]),_:1},16,["class","close-icon-class"]))]),_:1},40,["open"]))}};export{_e as default};