8 lines
14 KiB
JavaScript
8 lines
14 KiB
JavaScript
import{$t as e,Bn as t,Bt as n,Gn as r,Jn as i,Ln as a,Mn as o,N as s,Or as c,P as l,Qn as u,R as d,Rn as f,Sn as p,Sr as m,St as h,Tr as g,Vn as _,Y as v,Z as y,Zt as b,an as x,ar as S,bn as C,bt as w,cn as T,dn as E,en as D,fn as O,hr as k,jn as A,k as j,pt as M,rr as N,sn as P,st as F,tr as I,ur as L,vn as ee,wt as R,xt as z,z as B}from"./jsx-runtime-NwRKtVrk.js";var V=c(g()),H=w(`Wave`,e=>{let{componentCls:t,colorPrimary:n,motionDurationSlow:r,motionEaseInOut:i,motionEaseOutCirc:a,antCls:o}=e,[,s]=z(o,`wave`);return{[t]:{position:`absolute`,background:`transparent`,pointerEvents:`none`,boxSizing:`border-box`,color:s(`color`,n),boxShadow:`0 0 0 0 currentcolor`,opacity:.2,"&.wave-motion-appear":{transition:[`box-shadow 0.4s`,`opacity 2s`].map(e=>`${e} ${a}`).join(`,`),"&-active":{boxShadow:`0 0 0 6px currentcolor`,opacity:0},"&.wave-quick":{transition:[`box-shadow`,`opacity`].map(e=>`${e} ${r} ${i}`).join(`,`)}}}}}),U=`ant-wave-target`,W=e=>e?ee(e)&&e!==`#fff`&&e!==`#ffffff`&&e!==`rgb(255, 255, 255)`&&e!==`rgba(255, 255, 255, 1)`&&!/rgba\((?:\d*, ){3}0\)/i.test(e)&&!/^#(?:[0-9a-f]{3}0|[0-9a-f]{6}00)$/i.test(e)&&e!==`transparent`&&e!==`canvastext`:!1;function G(e,t=null){let n=getComputedStyle(e),{borderTopColor:r,borderColor:i,backgroundColor:a}=n;return t&&W(n[t])?n[t]:[r,i,a].find(W)??null}function K(e){return Number.isNaN(e)?0:e}var q=e=>{let{className:t,target:n,component:r,colorSource:i}=e,a=V.useRef(null),{getPrefixCls:s}=V.useContext(P),[c]=z(s(),`wave`),[l,u]=V.useState(null),[d,h]=V.useState([]),[g,_]=V.useState(0),[v,y]=V.useState(0),[b,x]=V.useState(0),[S,w]=V.useState(0),[T,E]=V.useState(!1),D={left:g,top:v,width:b,height:S,borderRadius:d.map(e=>`${e}px`).join(` `)};l&&(D[c(`color`)]=l);function O(){let e=getComputedStyle(n);u(G(n,i));let t=e.position===`static`,{borderLeftWidth:r,borderTopWidth:a}=e;_(t?n.offsetLeft:K(-Number.parseFloat(r))),y(t?n.offsetTop:K(-Number.parseFloat(a))),x(n.offsetWidth),w(n.offsetHeight);let{borderTopLeftRadius:o,borderTopRightRadius:s,borderBottomLeftRadius:c,borderBottomRightRadius:l}=e;h([o,s,l,c].map(e=>K(Number.parseFloat(e))))}if(V.useEffect(()=>{if(n){let e=f(()=>{O(),E(!0)}),t;return typeof ResizeObserver<`u`&&(t=new ResizeObserver(O),t.observe(n)),()=>{f.cancel(e),t?.disconnect()}}},[n]),!T)return null;let k=(r===`Checkbox`||r===`Radio`)&&n?.classList.contains(U);return V.createElement(p,{visible:!0,motionAppear:!0,motionName:`wave-motion`,motionDeadline:5e3,onAppearEnd:(e,t)=>{if(t.deadline||C(t)&&t.propertyName===`opacity`){let e=a.current?.parentElement;o(e).then(()=>{e?.remove()})}return!1}},({className:e},n)=>V.createElement(`div`,{ref:I(a,n),className:m(t,e,{"wave-quick":k}),style:D}))},te=(e,t)=>{let{component:n}=t;if(n===`Checkbox`&&!e.querySelector(`input`)?.checked)return;let r=document.createElement(`div`);r.style.position=`absolute`,r.style.left=`0px`,r.style.top=`0px`,e?.insertBefore(r,e?.firstChild),A(V.createElement(q,{...t,target:e}),r)},ne=(e,t,n,r)=>{let{wave:i}=V.useContext(P),[,a,o]=R(),s=k(s=>{let c=e.current;if(i?.disabled||!c)return;let l=c.querySelector(`.${U}`)||c,{showEffect:u}=i||{};(u||te)(l,{className:t,token:a,component:n,event:s,hashId:o,colorSource:r})}),c=V.useRef(null);return V.useEffect(()=>()=>{f.cancel(c.current)},[]),e=>{f.cancel(c.current),c.current=f(()=>{s(e)})}},J={click:`click`,mousedown:`mousedown`,mouseup:`mouseup`,pointerdown:`pointerdown`,pointerup:`pointerup`},re=e=>{let{children:t,disabled:n,component:r,colorSource:i}=e,{getPrefixCls:a,wave:o}=(0,V.useContext)(P),s=(0,V.useRef)(null),c=a(`wave`),l=ne(s,m(c,H(c)),r,i);return V.useEffect(()=>{let e=s.current;if(!e||e.nodeType!==window.Node.ELEMENT_NODE||n)return;let t=t=>{!u(t.target)||!e.getAttribute||e.getAttribute(`disabled`)||e.disabled||e.className.includes(`disabled`)&&!e.className.includes(`disabled:`)||e.getAttribute(`aria-disabled`)===`true`||e.className.includes(`-leave`)||l(t)},r=o?.triggerType,i=r&&r in J?J[r]:`click`;return e.addEventListener(i,t,!0),()=>{e.removeEventListener(i,t,!0)}},[n,o?.triggerType]),V.isValidElement(t)?F(t,{ref:S(t)?I(N(t),s):s}):t??null},Y=e=>{let{componentCls:t,antCls:n,motionDurationMid:r,motionEaseInOut:i}=e;return{[t]:{[`${n}-motion-collapse-legacy`]:{overflow:`hidden`,"&-active":{transition:`${[`height`,`opacity`].map(e=>`${e} ${r} ${i}`).join(`, `)} !important`}},[`${n}-motion-collapse`]:{overflow:`hidden`,transition:`${[`height`,`opacity`].map(e=>`${e} ${r} ${i}`).join(`, `)} !important`}}}},ie=V.forwardRef((e,t)=>{let{prefixCls:n,forceRender:r,className:i,style:a,children:o,isActive:s,role:c,classNames:l,styles:u}=e,[d,f]=V.useState(s||r);return V.useEffect(()=>{(r||s)&&f(!0)},[r,s]),d?V.createElement(`div`,{ref:t,className:m(`${n}-panel`,{[`${n}-panel-active`]:s,[`${n}-panel-inactive`]:!s},i),style:a,role:c},V.createElement(`div`,{className:m(`${n}-body`,l?.body),style:u?.body},o)):null}),X=V.forwardRef((e,t)=>{let{showArrow:n=!0,headerClass:r,isActive:a,onItemClick:o,forceRender:c,className:l,classNames:u={},styles:d={},prefixCls:f,collapsible:h,accordion:g,panelKey:_,extra:v,header:y,expandIcon:b,openMotion:x,destroyOnHidden:S,children:C,...w}=e,T=h===`disabled`,E=v!=null&&typeof v!=`boolean`,D={onClick:()=>{o?.(_)},onKeyDown:e=>{(e.key===`Enter`||e.keyCode===i.ENTER||e.which===i.ENTER)&&o?.(_)},role:g?`tab`:`button`,"aria-expanded":a,"aria-disabled":T,tabIndex:T?-1:0},O=typeof b==`function`?b(e):V.createElement(`i`,{className:`arrow`}),k=O&&V.createElement(`div`,s({className:m(`${f}-expand-icon`,u?.icon),style:d?.icon},[`header`,`icon`].includes(h)?D:{}),O),A=m(`${f}-item`,{[`${f}-item-active`]:a,[`${f}-item-disabled`]:T},l),j={className:m(r,`${f}-header`,{[`${f}-collapsible-${h}`]:!!h},u?.header),style:d?.header,...[`header`,`icon`].includes(h)?{}:D};return V.createElement(`div`,s({},w,{ref:t,className:A}),V.createElement(`div`,j,n&&k,V.createElement(`span`,s({className:m(`${f}-title`,u?.title),style:d?.title},h===`header`?D:{}),y),E&&V.createElement(`div`,{className:`${f}-extra`},v)),V.createElement(p,s({visible:a,leavedClassName:`${f}-panel-hidden`},x,{forceRender:c,removeOnLeave:S}),({className:e,style:t},n)=>V.createElement(ie,{ref:n,prefixCls:f,className:e,classNames:u,style:t,styles:d,isActive:a,forceRender:c,role:g?`tabpanel`:void 0},C)))});function Z(e,t,n){if(!e||!t)return e||t;let r=Array.from(new Set([...Object.keys(e),...Object.keys(t)])),i={};return r.forEach(r=>{i[r]=n(e[r],t[r])}),i}function ae(e,t){return Z(e,t,(e,t)=>m(e,t))}function oe(e,t){return Z(e,t,(e,t)=>({...e,...t}))}var se=(e,t)=>{let{prefixCls:n,accordion:r,collapsible:i,destroyOnHidden:a,onItemClick:o,activeKey:c,openMotion:l,expandIcon:u,classNames:d,styles:f}=t;return e.map((e,t)=>{let{children:p,label:m,key:h,collapsible:g,onItemClick:_,destroyOnHidden:v,classNames:y,styles:b,...x}=e,S=String(h??t),C=g??i,w=v??a,T=e=>{C!==`disabled`&&(o(e),_?.(e))},E=!1;return E=r?c[0]===S:c.indexOf(S)>-1,V.createElement(X,s({},x,{classNames:ae(d,y),styles:oe(f,b),prefixCls:n,key:S,panelKey:S,isActive:E,accordion:r,openMotion:l,expandIcon:u,header:m,collapsible:C,onItemClick:T,destroyOnHidden:w}),p)})},ce=(e,t,n)=>{if(!e)return null;let{prefixCls:r,accordion:i,collapsible:a,destroyOnHidden:o,onItemClick:s,activeKey:c,openMotion:l,expandIcon:u,classNames:d,styles:f}=n,p=e.key||String(t),{header:m,headerClass:h,destroyOnHidden:g,collapsible:_,onItemClick:v}=e.props,y=!1;y=i?c[0]===p:c.indexOf(p)>-1;let b=_??a,x={key:p,panelKey:p,header:m,headerClass:h,classNames:d,styles:f,isActive:y,prefixCls:r,destroyOnHidden:g??o,openMotion:l,accordion:i,children:e.props.children,onItemClick:e=>{b!==`disabled`&&(s(e),v?.(e))},expandIcon:u,collapsible:b};return typeof e.type==`string`?e:(Object.keys(x).forEach(e=>{x[e]===void 0&&delete x[e]}),V.cloneElement(e,x))};function le(e,t,n){return Array.isArray(e)?se(e,n):a(t).map((e,t)=>ce(e,t,n))}function Q(e){let t=e;if(!Array.isArray(t)){let e=typeof t;t=e===`number`||e===`string`?[t]:[]}return t.map(e=>String(e))}var $=Object.assign(V.forwardRef((e,n)=>{let{prefixCls:i=`rc-collapse`,destroyOnHidden:a=!1,style:o,accordion:c,className:l,children:u,collapsible:d,openMotion:f,expandIcon:p,activeKey:h,defaultActiveKey:g,onChange:_,items:v,classNames:y,styles:b}=e,x=m(i,l),[S,C]=L(g,h),w=Q(S),T=k(e=>{let t=Q(e);C(t),_?.(t)}),E=e=>{T(c?w[0]===e?[]:[e]:w.includes(e)?w.filter(t=>t!==e):[...w,e])};r(!u,"[rc-collapse] `children` will be removed in next major version. Please use `items` instead.");let D=le(v,u,{prefixCls:i,accordion:c,openMotion:f,expandIcon:p,collapsible:d,destroyOnHidden:a,onItemClick:E,activeKey:w,classNames:y,styles:b});return V.createElement(`div`,s({ref:n,className:x,style:o,role:c?`tablist`:void 0},t(e,{aria:!0,data:!0})),D)}),{Panel:X}),ue=$,{Panel:de}=$,fe=V.forwardRef((e,t)=>{let{getPrefixCls:n}=V.useContext(P),{prefixCls:r,className:i,showArrow:a=!0}=e,o=n(`collapse`,r),s=m({[`${o}-no-arrow`]:!a},i);return V.createElement(ue.Panel,{ref:t,...e,prefixCls:o,className:s})}),pe=t=>{let{componentCls:n,contentBg:r,padding:i,headerBg:a,headerPadding:o,collapseHeaderPaddingSM:s,collapseHeaderPaddingLG:c,collapsePanelBorderRadius:l,lineWidth:u,lineType:d,colorBorder:f,colorText:p,colorTextHeading:m,colorTextDisabled:h,fontSizeLG:g,lineHeight:_,lineHeightLG:v,marginSM:y,paddingSM:S,paddingLG:C,paddingXS:w,motionDurationSlow:T,fontSizeIcon:E,contentPadding:O,fontHeight:k,fontHeightLG:A}=t,j=`${x(u)} ${d} ${f}`;return{[n]:{...e(t),backgroundColor:a,border:j,borderRadius:l,"&-rtl":{direction:`rtl`},[`& > ${n}-item`]:{borderBottom:j,"&:first-child":{[`
|
|
&,
|
|
& > ${n}-header`]:{borderRadius:`${x(l)} ${x(l)} 0 0`}},"&:last-child":{[`
|
|
&,
|
|
& > ${n}-header`]:{borderRadius:`0 0 ${x(l)} ${x(l)}`}},[`> ${n}-header`]:{position:`relative`,display:`flex`,flexWrap:`nowrap`,alignItems:`flex-start`,padding:o,color:m,lineHeight:_,cursor:`pointer`,transition:`all ${T}, visibility 0s`,...b(t),[`> ${n}-title`]:{flex:`auto`},[`${n}-expand-icon`]:{height:k,display:`flex`,alignItems:`center`,marginInlineEnd:y},[`${n}-arrow`]:{...D(),fontSize:E,transition:`transform ${T}`,svg:{transition:`transform ${T}`}},[`${n}-title`]:{marginInlineEnd:`auto`}},[`${n}-collapsible-header`]:{cursor:`default`,[`${n}-title`]:{flex:`none`,cursor:`pointer`},[`${n}-expand-icon`]:{cursor:`pointer`}},[`${n}-collapsible-icon`]:{cursor:`unset`,[`${n}-expand-icon`]:{cursor:`pointer`}}},[`${n}-panel`]:{color:p,backgroundColor:r,borderTop:j,[`& > ${n}-body`]:{padding:O},"&-hidden":{display:`none`}},"&-small":{[`> ${n}-item`]:{[`> ${n}-header`]:{padding:s,paddingInlineStart:w,[`> ${n}-expand-icon`]:{marginInlineStart:t.calc(S).sub(w).equal()}},[`> ${n}-panel > ${n}-body`]:{padding:S}}},"&-large":{[`> ${n}-item`]:{fontSize:g,lineHeight:v,[`> ${n}-header`]:{padding:c,paddingInlineStart:i,[`> ${n}-expand-icon`]:{height:A,marginInlineStart:t.calc(C).sub(i).equal()}},[`> ${n}-panel > ${n}-body`]:{padding:C}}},[`${n}-item:last-child`]:{borderBottom:0,[`> ${n}-panel`]:{borderRadius:`0 0 ${x(l)} ${x(l)}`}},[`& ${n}-item-disabled > ${n}-header`]:{"&, & > .arrow":{color:h,cursor:`not-allowed`}},[`&${n}-icon-placement-end`]:{[`& > ${n}-item`]:{[`> ${n}-header`]:{[`${n}-expand-icon`]:{order:1,marginInlineEnd:0,marginInlineStart:y}}}}}}},me=e=>{let{componentCls:t}=e,n=`> ${t}-item > ${t}-header ${t}-arrow`;return{[`${t}-rtl`]:{[n]:{transform:`rotate(180deg)`}}}},he=e=>{let{componentCls:t,headerBg:n,borderlessContentPadding:r,borderlessContentBg:i,colorBorder:a}=e;return{[`${t}-borderless`]:{backgroundColor:n,border:0,[`> ${t}-item`]:{borderBottom:`1px solid ${a}`},[`
|
|
> ${t}-item:last-child,
|
|
> ${t}-item:last-child ${t}-header
|
|
`]:{borderRadius:0},[`> ${t}-item:last-child`]:{borderBottom:0},[`> ${t}-item > ${t}-panel`]:{backgroundColor:i,borderTop:0},[`> ${t}-item > ${t}-panel > ${t}-body`]:{padding:r}}}},ge=e=>{let{componentCls:t,paddingSM:n}=e;return{[`${t}-ghost`]:{backgroundColor:`transparent`,border:0,[`> ${t}-item`]:{borderBottom:0,[`> ${t}-panel`]:{backgroundColor:`transparent`,border:0,[`> ${t}-body`]:{paddingBlock:n}}}}}},_e=h(`Collapse`,e=>{let t=n(e,{collapseHeaderPaddingSM:`${x(e.paddingXS)} ${x(e.paddingSM)}`,collapseHeaderPaddingLG:`${x(e.padding)} ${x(e.paddingLG)}`,collapsePanelBorderRadius:e.borderRadiusLG});return[pe(t),he(t),ge(t),me(t),Y(t)]},e=>({headerPadding:`${e.paddingSM}px ${e.padding}px`,headerBg:e.colorFillAlter,contentPadding:`${e.padding}px 16px`,contentBg:e.colorBgContainer,borderlessContentPadding:`${e.paddingXXS}px 16px ${e.padding}px`,borderlessContentBg:`transparent`})),ve=Object.assign(V.forwardRef((e,t)=>{let{getPrefixCls:n,direction:r,expandIcon:i,className:o,style:s,classNames:c,styles:u}=T(`collapse`),{prefixCls:d,className:f,rootClassName:p,style:h,bordered:g=!0,ghost:b,size:x,expandIconPlacement:S,expandIconPosition:C,children:w,destroyInactivePanel:D,destroyOnHidden:k,expandIcon:A,classNames:j,styles:M}=e,N=v(e=>x??e??`middle`),P=n(`collapse`,d),I=n(),[L,ee]=_e(P),R=S??C??`start`,z={...e,size:N,bordered:g,expandIconPlacement:R},[B,H]=E([c,j],[u,M],{props:z}),U=A??i,W=V.useCallback((e={})=>F(O(U)?U(e):V.createElement(l,{rotate:e.isActive?r===`rtl`?-90:90:void 0,"aria-label":e.isActive?`expanded`:`collapsed`}),e=>({className:m(e.className,`${P}-arrow`)})),[U,P,r]),G=m(`${P}-icon-placement-${R}`,{[`${P}-borderless`]:!g,[`${P}-rtl`]:r===`rtl`,[`${P}-ghost`]:!!b,[`${P}-large`]:N===`large`,[`${P}-small`]:N===`small`},o,f,p,L,ee,B.root),K=V.useMemo(()=>({...y(I),motionAppear:!1,leavedClassName:`${P}-panel-hidden`}),[I,P]),q=V.useMemo(()=>w?a(w).map(e=>e):null,[w]);return V.createElement(ue,{ref:t,openMotion:K,..._(e,[`rootClassName`]),expandIcon:W,prefixCls:P,className:G,style:{...H.root,...s,...h},classNames:B,styles:H,destroyOnHidden:k??D},q)}),{Panel:fe}),ye=e=>e.map(e=>(e.colors=e.colors.map(j),e)),be=(e,t)=>{let{r:n,g:r,b:i,a}=e.toRgb(),o=new B(e.toRgbString()).onBackground(t).toHsv();return a<=.5?o.v>.5:n*.299+r*.587+i*.114>192},xe=(e,t)=>`panel-${e.key??t}`,Se=({prefixCls:e,presets:t,value:n,onChange:r})=>{let[i]=M(`ColorPicker`),[,a]=R(),o=(0,V.useMemo)(()=>ye(t),[t]),s=`${e}-presets`,c=(0,V.useMemo)(()=>o.reduce((e,t,n)=>{let{defaultOpen:r=!0}=t;return r&&e.push(xe(t,n)),e},[]),[o]),l=e=>{r?.(e)},u=o.map((t,r)=>({key:xe(t,r),label:V.createElement(`div`,{className:`${s}-label`},t?.label),children:V.createElement(`div`,{className:`${s}-items`},Array.isArray(t?.colors)&&t.colors?.length>0?t.colors.map((t,r)=>{let i=j(t);return V.createElement(d,{key:`preset-${r}-${t.toHexString()}`,color:i.toCssString(),prefixCls:e,className:m(`${s}-color`,{[`${s}-color-checked`]:t.toCssString()===n?.toCssString(),[`${s}-color-bright`]:be(t,a.colorBgElevated)}),onClick:()=>l(t)})}):V.createElement(`span`,{className:`${s}-empty`},i.presetEmpty))}));return V.createElement(`div`,{className:s},V.createElement(ve,{defaultActiveKey:c,ghost:!0,items:u}))};export{U as a,re as i,be as n,Y as r,Se as t}; |