8 lines
11 KiB
JavaScript
8 lines
11 KiB
JavaScript
import{s as r,l as ae,y as se,z as re,h as k,d as M,g as ne,_ as H,o as oe,p as le,r as G,A as ie,q as A,R as ce,C as W,B as de,D as ue,E as K,T as pe,W as fe,H as he,J as L,w as me,j as i,K as be,M as ge,N as ve,u as xe,O as Ce,P as ye,S as Se}from"./index-i64aAU4V.js";import{a as $e,H as je}from"./HeaderLink-BQCnTJJZ.js";import{l as Pe,P as Oe}from"./ProductCard-MuV835KW.js";import{c as we,P as _e}from"./index-4VpKdqQ0.js";import{C as Ne}from"./Collapse-ChUkrYl7.js";import"./RightOutlined-0xyosP8R.js";import"./index-Pshcj1b9.js";var Ee=["prefixCls","className","style","checked","disabled","defaultChecked","type","title","onChange"],Ie=r.forwardRef(function(e,t){var a=e.prefixCls,n=a===void 0?"rc-checkbox":a,o=e.className,m=e.style,v=e.checked,s=e.disabled,b=e.defaultChecked,$=b===void 0?!1:b,h=e.type,S=h===void 0?"checkbox":h,O=e.title,c=e.onChange,g=ae(e,Ee),C=r.useRef(null),x=se($,{value:v}),l=re(x,2),j=l[0],w=l[1];r.useImperativeHandle(t,function(){return{focus:function(p){var u;(u=C.current)===null||u===void 0||u.focus(p)},blur:function(){var p;(p=C.current)===null||p===void 0||p.blur()},input:C.current}});var P=k(n,o,M(M({},"".concat(n,"-checked"),j),"".concat(n,"-disabled"),s)),y=function(p){s||("checked"in e||w(p.target.checked),c==null||c({target:H(H({},e),{},{type:S,checked:p.target.checked}),stopPropagation:function(){p.stopPropagation()},preventDefault:function(){p.preventDefault()},nativeEvent:p.nativeEvent}))};return r.createElement("span",{className:P,title:O,style:m},r.createElement("input",ne({},g,{className:"".concat(n,"-input"),ref:C,onChange:y,disabled:s,checked:!!j,type:S})),r.createElement("span",{className:"".concat(n,"-inner")}))});const ke=e=>{const{checkboxCls:t}=e,a=`${t}-wrapper`;return[{[`${t}-group`]:Object.assign(Object.assign({},G(e)),{display:"inline-flex",flexWrap:"wrap",columnGap:e.marginXS,[`> ${e.antCls}-row`]:{flex:1}}),[a]:Object.assign(Object.assign({},G(e)),{display:"inline-flex",alignItems:"baseline",cursor:"pointer","&:after":{display:"inline-block",width:0,overflow:"hidden",content:"'\\a0'"},[`& + ${a}`]:{marginInlineStart:0},[`&${a}-in-form-item`]:{'input[type="checkbox"]':{width:14,height:14}}}),[t]:Object.assign(Object.assign({},G(e)),{position:"relative",whiteSpace:"nowrap",lineHeight:1,cursor:"pointer",borderRadius:e.borderRadiusSM,alignSelf:"center",[`${t}-input`]:{position:"absolute",inset:0,zIndex:1,cursor:"pointer",opacity:0,margin:0,[`&:focus-visible + ${t}-inner`]:Object.assign({},ie(e))},[`${t}-inner`]:{boxSizing:"border-box",display:"block",width:e.checkboxSize,height:e.checkboxSize,direction:"ltr",backgroundColor:e.colorBgContainer,border:`${A(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderRadius:e.borderRadiusSM,borderCollapse:"separate",transition:`all ${e.motionDurationSlow}`,"&:after":{boxSizing:"border-box",position:"absolute",top:"50%",insetInlineStart:"25%",display:"table",width:e.calc(e.checkboxSize).div(14).mul(5).equal(),height:e.calc(e.checkboxSize).div(14).mul(8).equal(),border:`${A(e.lineWidthBold)} solid ${e.colorWhite}`,borderTop:0,borderInlineStart:0,transform:"rotate(45deg) scale(0) translate(-50%,-50%)",opacity:0,content:'""',transition:`all ${e.motionDurationFast} ${e.motionEaseInBack}, opacity ${e.motionDurationFast}`}},"& + span":{paddingInlineStart:e.paddingXS,paddingInlineEnd:e.paddingXS}})},{[`
|
|
${a}:not(${a}-disabled),
|
|
${t}:not(${t}-disabled)
|
|
`]:{[`&:hover ${t}-inner`]:{borderColor:e.colorPrimary}},[`${a}:not(${a}-disabled)`]:{[`&:hover ${t}-checked:not(${t}-disabled) ${t}-inner`]:{backgroundColor:e.colorPrimaryHover,borderColor:"transparent"},[`&:hover ${t}-checked:not(${t}-disabled):after`]:{borderColor:e.colorPrimaryHover}}},{[`${t}-checked`]:{[`${t}-inner`]:{backgroundColor:e.colorPrimary,borderColor:e.colorPrimary,"&:after":{opacity:1,transform:"rotate(45deg) scale(1) translate(-50%,-50%)",transition:`all ${e.motionDurationMid} ${e.motionEaseOutBack} ${e.motionDurationFast}`}}},[`
|
|
${a}-checked:not(${a}-disabled),
|
|
${t}-checked:not(${t}-disabled)
|
|
`]:{[`&:hover ${t}-inner`]:{backgroundColor:e.colorPrimaryHover,borderColor:"transparent"}}},{[t]:{"&-indeterminate":{[`${t}-inner`]:{backgroundColor:e.colorBgContainer,borderColor:e.colorBorder,"&:after":{top:"50%",insetInlineStart:"50%",width:e.calc(e.fontSizeLG).div(2).equal(),height:e.calc(e.fontSizeLG).div(2).equal(),backgroundColor:e.colorPrimary,border:0,transform:"translate(-50%, -50%) scale(1)",opacity:1,content:'""'}}}}},{[`${a}-disabled`]:{cursor:"not-allowed"},[`${t}-disabled`]:{[`&, ${t}-input`]:{cursor:"not-allowed",pointerEvents:"none"},[`${t}-inner`]:{background:e.colorBgContainerDisabled,borderColor:e.colorBorder,"&:after":{borderColor:e.colorTextDisabled}},"&:after":{display:"none"},"& + span":{color:e.colorTextDisabled},[`&${t}-indeterminate ${t}-inner::after`]:{background:e.colorTextDisabled}}}]};function De(e,t){const a=le(t,{checkboxCls:`.${e}`,checkboxSize:t.controlInteractiveSize});return[ke(a)]}const X=oe("Checkbox",(e,t)=>{let{prefixCls:a}=t;return[De(a,e)]}),J=ce.createContext(null);var Ve=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(a[n[o]]=e[n[o]]);return a};const Fe=(e,t)=>{var a;const{prefixCls:n,className:o,rootClassName:m,children:v,indeterminate:s=!1,style:b,onMouseEnter:$,onMouseLeave:h,skipGroup:S=!1,disabled:O}=e,c=Ve(e,["prefixCls","className","rootClassName","children","indeterminate","style","onMouseEnter","onMouseLeave","skipGroup","disabled"]),{getPrefixCls:g,direction:C,checkbox:x}=r.useContext(W),l=r.useContext(J),{isFormItemInput:j}=r.useContext(de),w=r.useContext(ue),P=(a=(l==null?void 0:l.disabled)||O)!==null&&a!==void 0?a:w,y=r.useRef(c.value);r.useEffect(()=>{l==null||l.registerValue(c.value)},[]),r.useEffect(()=>{if(!S)return c.value!==y.current&&(l==null||l.cancelValue(y.current),l==null||l.registerValue(c.value),y.current=c.value),()=>l==null?void 0:l.cancelValue(c.value)},[c.value]);const f=g("checkbox",n),p=K(f),[u,_,D]=X(f,p),N=Object.assign({},c);l&&!S&&(N.onChange=function(){c.onChange&&c.onChange.apply(c,arguments),l.toggleOption&&l.toggleOption({label:v,value:c.value})},N.name=l.name,N.checked=l.value.includes(c.value));const V=k(`${f}-wrapper`,{[`${f}-rtl`]:C==="rtl",[`${f}-wrapper-checked`]:N.checked,[`${f}-wrapper-disabled`]:P,[`${f}-wrapper-in-form-item`]:j},x==null?void 0:x.className,o,m,D,p,_),F=k({[`${f}-indeterminate`]:s},pe,_),R=s?"mixed":void 0;return u(r.createElement(fe,{component:"Checkbox",disabled:P},r.createElement("label",{className:V,style:Object.assign(Object.assign({},x==null?void 0:x.style),b),onMouseEnter:$,onMouseLeave:h},r.createElement(Ie,Object.assign({"aria-checked":R},N,{prefixCls:f,className:F,disabled:P,ref:t})),v!==void 0&&r.createElement("span",null,v))))},Q=r.forwardRef(Fe);var Re=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(a[n[o]]=e[n[o]]);return a};const Te=r.forwardRef((e,t)=>{const{defaultValue:a,children:n,options:o=[],prefixCls:m,className:v,rootClassName:s,style:b,onChange:$}=e,h=Re(e,["defaultValue","children","options","prefixCls","className","rootClassName","style","onChange"]),{getPrefixCls:S,direction:O}=r.useContext(W),[c,g]=r.useState(h.value||a||[]),[C,x]=r.useState([]);r.useEffect(()=>{"value"in h&&g(h.value||[])},[h.value]);const l=r.useMemo(()=>o.map(d=>typeof d=="string"||typeof d=="number"?{label:d,value:d}:d),[o]),j=d=>{x(E=>E.filter(I=>I!==d))},w=d=>{x(E=>[].concat(L(E),[d]))},P=d=>{const E=c.indexOf(d.value),I=L(c);E===-1?I.push(d.value):I.splice(E,1),"value"in h||g(I),$==null||$(I.filter(T=>C.includes(T)).sort((T,Z)=>{const ee=l.findIndex(z=>z.value===T),te=l.findIndex(z=>z.value===Z);return ee-te}))},y=S("checkbox",m),f=`${y}-group`,p=K(y),[u,_,D]=X(y,p),N=he(h,["value","disabled"]),V=o.length?l.map(d=>r.createElement(Q,{prefixCls:y,key:d.value.toString(),disabled:"disabled"in d?d.disabled:h.disabled,value:d.value,checked:c.includes(d.value),onChange:d.onChange,className:`${f}-item`,style:d.style,title:d.title,id:d.id,required:d.required},d.label)):n,F={toggleOption:P,value:c,disabled:h.disabled,name:h.name,registerValue:w,cancelValue:j},R=k(f,{[`${f}-rtl`]:O==="rtl"},v,s,D,p,_);return u(r.createElement("div",Object.assign({className:R,style:b},N,{ref:t}),r.createElement(J.Provider,{value:F},V)))}),B=Q;B.Group=Te;B.__ANT_CHECKBOX=!0;const Y=we(e=>({Filter:[],setFilter:t=>e(a=>({Filter:t}))})),ze={GET:"category"},Ge="Category",U=e=>me(Ge,ze.GET,e),Be=({id:e})=>{var v;const{setFilter:t,Filter:a}=Y(),n=s=>b=>{if(b.target.checked)t([...a,{name:s==null?void 0:s.name,id:s==null?void 0:s.id,type:"category",index:a.length}]);else{const h=a==null?void 0:a.filter(S=>S.name!==(s==null?void 0:s.name));t(h)}},o=U({parent_id:e}),m=(v=o==null?void 0:o.data)==null?void 0:v.data;return console.log(m),i.jsx("div",{className:"CheckboxFilter",children:m==null?void 0:m.map(s=>(console.log(s==null?void 0:s.children),i.jsx(B,{checked:a.some(b=>b.name===(s==null?void 0:s.name)),onChange:n(s),children:Pe(s==null?void 0:s.name)},s==null?void 0:s.id)))})},q=({isLoading:e})=>{var s;const[t,a]=r.useState(!1),[n,o]=r.useState(!1),{data:m}=U(),v=(s=m==null?void 0:m.data)==null?void 0:s.map(b=>({key:b.id,label:b.name,children:i.jsx(Be,{id:b.id})}));return i.jsxs(i.Fragment,{children:[i.jsx(be,{setOpen:o,setNoDataFound:a}),i.jsx(Ne,{className:"filter_collapse",expandIconPosition:"end",expandIcon:$e,defaultActiveKey:["1"],ghost:!0,items:v})]})},Xe=()=>{var f,p;const{Filter:e,setFilter:t}=Y(),[a,n]=ge(),o=a.get("type"),[m,v]=r.useState(o),[s,b]=r.useState(1),[$,h]=r.useState(0),[S,O]=r.useState(10);r.useState(!1),r.useState(!1);const c=(f=e==null?void 0:e.filter(u=>u.select!==!0))==null?void 0:f.map(u=>u==null?void 0:u.id),{data:g,isLoading:C}=ve({type:m,page:s,category_id:c}),x=u=>{b(u)},[l,j]=r.useState(!1),w=()=>{j(!0)},P=()=>{j(!1)};r.useEffect(()=>{var u,_;g!=null&&g.meta&&(h((u=g.meta)==null?void 0:u.total),O((_=g.meta)==null?void 0:_.per_page))},[g]);const[y]=xe();return i.jsxs("div",{className:"products",children:[i.jsx(je,{text:"Products"}),i.jsxs("main",{children:[i.jsx("div",{className:"products_left",children:i.jsx(q,{isLoading:C})}),i.jsxs("div",{className:"products_Right",children:[i.jsx("header",{children:i.jsxs("div",{className:"filter_menu show_on_responsive",children:[i.jsxs("button",{className:"button",onClick:w,children:[i.jsx(Ce,{}),y("Filters")]}),i.jsxs(ye,{style:{minHeight:"100vh"},onClose:P,open:l,children:[i.jsx(q,{isLoading:C}),i.jsx("div",{className:"filtered_items"})]})]})}),i.jsx("main",{children:i.jsx("div",{className:"product_container",children:C?i.jsx(Se,{}):(p=g==null?void 0:g.data)==null?void 0:p.map(u=>i.jsx(Oe,{data:u}))})}),i.jsx("div",{className:"Pagination",children:i.jsx(_e,{current:s,total:$,pageSize:S,onChange:x})})]})]})]})};export{Xe as default};
|