@gientech/modual 1.4.1 → 1.4.3

package/dist/assets/index-B7u9FawR.js

@@ -0,0 +1 @@
+import*as c from"react";import{useMemo as rt,useRef as U}from"react";import{g as it,e as Nt,v as at,r as lt,w as z,x as j,C as Y,y as ct,k as w,q as dt,z as xt}from"./index-DiQ4Me9J.js";const Ot=new z("antStatusProcessing",{"0%":{transform:"scale(0.8)",opacity:.5},"100%":{transform:"scale(2.4)",opacity:0}}),wt=new z("antZoomBadgeIn",{"0%":{transform:"scale(0) translate(50%, -50%)",opacity:0},"100%":{transform:"scale(1) translate(50%, -50%)"}}),jt=new z("antZoomBadgeOut",{"0%":{transform:"scale(1) translate(50%, -50%)"},"100%":{transform:"scale(0) translate(50%, -50%)",opacity:0}}),Et=new z("antNoWrapperZoomBadgeIn",{"0%":{transform:"scale(0)",opacity:0},"100%":{transform:"scale(1)"}}),Pt=new z("antNoWrapperZoomBadgeOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0)",opacity:0}}),It=new z("antBadgeLoadingCircle",{"0%":{transformOrigin:"50%"},"100%":{transform:"translate(50%, -50%) rotate(360deg)",transformOrigin:"50%"}}),zt=t=>{const{componentCls:e,iconCls:i,antCls:n,badgeShadowSize:o,textFontSize:d,textFontSizeSM:a,statusSize:$,dotSize:v,textFontWeight:C,indicatorHeight:l,indicatorHeightSM:r,marginXS:m,calc:g}=t,u=`${n}-scroll-number`,h=at(t,(f,{darkColor:y})=>({[`&${e} ${e}-color-${f}`]:{background:y,[`&:not(${e}-count)`]:{color:y},"a:hover &":{background:y}}}));return{[e]:Object.assign(Object.assign(Object.assign(Object.assign({},lt(t)),{position:"relative",display:"inline-block",width:"fit-content",lineHeight:1,[`${e}-count`]:{display:"inline-flex",justifyContent:"center",zIndex:t.indicatorZIndex,minWidth:l,height:l,color:t.badgeTextColor,fontWeight:C,fontSize:d,lineHeight:j(l),whiteSpace:"nowrap",textAlign:"center",background:t.badgeColor,borderRadius:g(l).div(2).equal(),boxShadow:`0 0 0 ${j(o)} ${t.badgeShadowColor}`,transition:`background ${t.motionDurationMid}`,a:{color:t.badgeTextColor},"a:hover":{color:t.badgeTextColor},"a:hover &":{background:t.badgeColorHover}},[`${e}-count-sm`]:{minWidth:r,height:r,fontSize:a,lineHeight:j(r),borderRadius:g(r).div(2).equal()},[`${e}-multiple-words`]:{padding:`0 ${j(t.paddingXS)}`,bdi:{unicodeBidi:"plaintext"}},[`${e}-dot`]:{zIndex:t.indicatorZIndex,width:v,minWidth:v,height:v,background:t.badgeColor,borderRadius:"100%",boxShadow:`0 0 0 ${j(o)} ${t.badgeShadowColor}`},[`${e}-count, ${e}-dot, ${u}-custom-component`]:{position:"absolute",top:0,insetInlineEnd:0,transform:"translate(50%, -50%)",transformOrigin:"100% 0%",[`&${i}-spin`]:{animationName:It,animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"linear"}},[`&${e}-status`]:{lineHeight:"inherit",verticalAlign:"baseline",[`${e}-status-dot`]:{position:"relative",top:-1,display:"inline-block",width:$,height:$,verticalAlign:"middle",borderRadius:"50%"},[`${e}-status-success`]:{backgroundColor:t.colorSuccess},[`${e}-status-processing`]:{overflow:"visible",color:t.colorInfo,backgroundColor:t.colorInfo,borderColor:"currentcolor","&::after":{position:"absolute",top:0,insetInlineStart:0,width:"100%",height:"100%",borderWidth:o,borderStyle:"solid",borderColor:"inherit",borderRadius:"50%",animationName:Ot,animationDuration:t.badgeProcessingDuration,animationIterationCount:"infinite",animationTimingFunction:"ease-in-out",content:'""'}},[`${e}-status-default`]:{backgroundColor:t.colorTextPlaceholder},[`${e}-status-error`]:{backgroundColor:t.colorError},[`${e}-status-warning`]:{backgroundColor:t.colorWarning},[`${e}-status-text`]:{marginInlineStart:m,color:t.colorText,fontSize:t.fontSize}}}),h),{[`${e}-zoom-appear, ${e}-zoom-enter`]:{animationName:wt,animationDuration:t.motionDurationSlow,animationTimingFunction:t.motionEaseOutBack,animationFillMode:"both"},[`${e}-zoom-leave`]:{animationName:jt,animationDuration:t.motionDurationSlow,animationTimingFunction:t.motionEaseOutBack,animationFillMode:"both"},[`&${e}-not-a-wrapper`]:{[`${e}-zoom-appear, ${e}-zoom-enter`]:{animationName:Et,animationDuration:t.motionDurationSlow,animationTimingFunction:t.motionEaseOutBack},[`${e}-zoom-leave`]:{animationName:Pt,animationDuration:t.motionDurationSlow,animationTimingFunction:t.motionEaseOutBack},[`&:not(${e}-status)`]:{verticalAlign:"middle"},[`${u}-custom-component, ${e}-count`]:{transform:"none"},[`${u}-custom-component, ${u}`]:{position:"relative",top:"auto",display:"block",transformOrigin:"50% 50%"}},[u]:{overflow:"hidden",transition:`all ${t.motionDurationMid} ${t.motionEaseOutBack}`,[`${u}-only`]:{position:"relative",display:"inline-block",height:l,transition:`all ${t.motionDurationSlow} ${t.motionEaseOutBack}`,WebkitTransformStyle:"preserve-3d",WebkitBackfaceVisibility:"hidden",[`> p${u}-only-unit`]:{height:l,margin:0,WebkitTransformStyle:"preserve-3d",WebkitBackfaceVisibility:"hidden"}},[`${u}-symbol`]:{verticalAlign:"top"}},"&-rtl":{direction:"rtl",[`${e}-count, ${e}-dot, ${u}-custom-component`]:{transform:"translate(-50%, -50%)"}}})}},ut=t=>{const{fontHeight:e,lineWidth:i,marginXS:n,colorBorderBg:o}=t,d=e,a=i,$=t.colorTextLightSolid,v=t.colorError,C=t.colorErrorHover;return Nt(t,{badgeFontHeight:d,badgeShadowSize:a,badgeTextColor:$,badgeColor:v,badgeColorHover:C,badgeShadowColor:o,badgeProcessingDuration:"1.2s",badgeRibbonOffset:n,badgeRibbonCornerTransform:"scaleY(0.75)",badgeRibbonCornerFilter:"brightness(75%)"})},mt=t=>{const{fontSize:e,lineHeight:i,fontSizeSM:n,lineWidth:o}=t;return{indicatorZIndex:"auto",indicatorHeight:Math.round(e*i)-2*o,indicatorHeightSM:e,dotSize:n/2,textFontSize:n,textFontSizeSM:n,textFontWeight:"normal",statusSize:n/2}},Tt=it("Badge",t=>{const e=ut(t);return zt(e)},mt),Bt=t=>{const{antCls:e,badgeFontHeight:i,marginXS:n,badgeRibbonOffset:o,calc:d}=t,a=`${e}-ribbon`,$=`${e}-ribbon-wrapper`,v=at(t,(C,{darkColor:l})=>({[`&${a}-color-${C}`]:{background:l,color:l}}));return{[$]:{position:"relative"},[a]:Object.assign(Object.assign(Object.assign(Object.assign({},lt(t)),{position:"absolute",top:n,padding:`0 ${j(t.paddingXS)}`,color:t.colorPrimary,lineHeight:j(i),whiteSpace:"nowrap",backgroundColor:t.colorPrimary,borderRadius:t.borderRadiusSM,[`${a}-text`]:{color:t.badgeTextColor},[`${a}-corner`]:{position:"absolute",top:"100%",width:o,height:o,color:"currentcolor",border:`${j(d(o).div(2).equal())} solid`,transform:t.badgeRibbonCornerTransform,transformOrigin:"top",filter:t.badgeRibbonCornerFilter}}),v),{[`&${a}-placement-end`]:{insetInlineEnd:d(o).mul(-1).equal(),borderEndEndRadius:0,[`${a}-corner`]:{insetInlineEnd:0,borderInlineEndColor:"transparent",borderBlockEndColor:"transparent"}},[`&${a}-placement-start`]:{insetInlineStart:d(o).mul(-1).equal(),borderEndStartRadius:0,[`${a}-corner`]:{insetInlineStart:0,borderBlockEndColor:"transparent",borderInlineStartColor:"transparent"}},"&-rtl":{direction:"rtl"}})}},Rt=it(["Badge","Ribbon"],t=>{const e=ut(t);return Bt(e)},mt),Dt=t=>{const{className:e,prefixCls:i,style:n,color:o,children:d,text:a,placement:$="end",rootClassName:v}=t,{getPrefixCls:C,direction:l}=c.useContext(Y),r=C("ribbon",i),m=`${r}-wrapper`,[g,u,h]=Rt(r,m),f=ct(o,!1),y=w(r,`${r}-placement-${$}`,{[`${r}-rtl`]:l==="rtl",[`${r}-color-${o}`]:f},e),b={},N={};return o&&!f&&(b.background=o,N.color=o),g(c.createElement("div",{className:w(m,v,u,h)},d,c.createElement("div",{className:w(y,u),style:Object.assign(Object.assign({},b),n)},c.createElement("span",{className:`${r}-text`},a),c.createElement("div",{className:`${r}-corner`,style:N}))))},st=t=>{const{prefixCls:e,value:i,current:n,offset:o=0}=t;let d;return o&&(d={position:"absolute",top:`${o}00%`,left:0}),c.createElement("span",{style:d,className:w(`${e}-only-unit`,{current:n})},i)};function Wt(t,e,i){let n=t,o=0;for(;(n+10)%10!==e;)n+=i,o+=i;return o}const Ft=t=>{const{prefixCls:e,count:i,value:n}=t,o=Number(n),d=Math.abs(i),[a,$]=c.useState(o),[v,C]=c.useState(d),l=()=>{$(o),C(d)};c.useEffect(()=>{const g=setTimeout(l,1e3);return()=>clearTimeout(g)},[o]);let r,m;if(a===o||Number.isNaN(o)||Number.isNaN(a))r=[c.createElement(st,Object.assign({},t,{key:o,current:!0}))],m={transition:"none"};else{r=[];const g=o+10,u=[];for(let b=o;b<=g;b+=1)u.push(b);const h=v<d?1:-1,f=u.findIndex(b=>b%10===a);r=(h<0?u.slice(0,f+1):u.slice(f)).map((b,N)=>{const H=b%10;return c.createElement(st,Object.assign({},t,{key:b,value:H,offset:h<0?N-f:N,current:N===f}))}),m={transform:`translateY(${-Wt(a,o,h)}00%)`}}return c.createElement("span",{className:`${e}-only`,style:m,onTransitionEnd:l},r)};var Ht=function(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(i[n[o]]=t[n[o]]);return i};const Mt=c.forwardRef((t,e)=>{const{prefixCls:i,count:n,className:o,motionClassName:d,style:a,title:$,show:v,component:C="sup",children:l}=t,r=Ht(t,["prefixCls","count","className","motionClassName","style","title","show","component","children"]),{getPrefixCls:m}=c.useContext(Y),g=m("scroll-number",i),u=Object.assign(Object.assign({},r),{"data-show":v,style:a,className:w(g,o,d),title:$});let h=n;if(n&&Number(n)%1===0){const f=String(n).split("");h=c.createElement("bdi",null,f.map((y,b)=>c.createElement(Ft,{prefixCls:g,count:Number(n),value:y,key:f.length-b})))}return a!=null&&a.borderColor&&(u.style=Object.assign(Object.assign({},a),{boxShadow:`0 0 0 1px ${a.borderColor} inset`})),l?dt(l,f=>({className:w(`${g}-custom-component`,f==null?void 0:f.className,d)})):c.createElement(C,Object.assign({},u,{ref:e}),h)});var Zt=function(t,e){var i={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(i[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(i[n[o]]=t[n[o]]);return i};const _t=c.forwardRef((t,e)=>{var i,n,o,d,a;const{prefixCls:$,scrollNumberPrefixCls:v,children:C,status:l,text:r,color:m,count:g=null,overflowCount:u=99,dot:h=!1,size:f="default",title:y,offset:b,style:N,className:H,rootClassName:bt,classNames:O,styles:S,showZero:R=!1}=t,K=Zt(t,["prefixCls","scrollNumberPrefixCls","children","status","text","color","count","overflowCount","dot","size","title","offset","style","className","rootClassName","classNames","styles","showZero"]),{getPrefixCls:G,direction:M,badge:s}=c.useContext(Y),p=G("badge",$),[J,gt,ft]=Tt(p),Z=g>u?`${u}+`:g,T=Z==="0"||Z===0||r==="0"||r===0,Q=g===null||T&&!R,_=(l!=null||m!=null)&&Q,pt=l!=null||!T,B=h&&!T,E=B?"":Z,P=rt(()=>((E==null||E==="")&&(r==null||r==="")||T&&!R)&&!B,[E,T,R,B,r]),k=U(g);P||(k.current=g);const I=k.current,tt=U(E);P||(tt.current=E);const V=tt.current,et=U(B);P||(et.current=B);const D=rt(()=>{if(!b)return Object.assign(Object.assign({},s==null?void 0:s.style),N);const x={marginTop:b[1]};return M==="rtl"?x.left=Number.parseInt(b[0],10):x.right=-Number.parseInt(b[0],10),Object.assign(Object.assign(Object.assign({},x),s==null?void 0:s.style),N)},[M,b,N,s==null?void 0:s.style]),vt=y??(typeof I=="string"||typeof I=="number"?I:void 0),ot=!P&&(r===0?R:!!r&&r!==!0),Ct=ot?c.createElement("span",{className:`${p}-status-text`},r):null,$t=!I||typeof I!="object"?void 0:dt(I,x=>({style:Object.assign(Object.assign({},D),x.style)})),W=ct(m,!1),ht=w(O==null?void 0:O.indicator,(i=s==null?void 0:s.classNames)===null||i===void 0?void 0:i.indicator,{[`${p}-status-dot`]:_,[`${p}-status-${l}`]:!!l,[`${p}-color-${m}`]:W}),A={};m&&!W&&(A.color=m,A.background=m);const nt=w(p,{[`${p}-status`]:_,[`${p}-not-a-wrapper`]:!C,[`${p}-rtl`]:M==="rtl"},H,bt,s==null?void 0:s.className,(n=s==null?void 0:s.classNames)===null||n===void 0?void 0:n.root,O==null?void 0:O.root,gt,ft);if(!C&&_&&(r||pt||!Q)){const x=D.color;return J(c.createElement("span",Object.assign({},K,{className:nt,style:Object.assign(Object.assign(Object.assign({},S==null?void 0:S.root),(o=s==null?void 0:s.styles)===null||o===void 0?void 0:o.root),D)}),c.createElement("span",{className:ht,style:Object.assign(Object.assign(Object.assign({},S==null?void 0:S.indicator),(d=s==null?void 0:s.styles)===null||d===void 0?void 0:d.indicator),A)}),ot&&c.createElement("span",{style:{color:x},className:`${p}-status-text`},r)))}return J(c.createElement("span",Object.assign({ref:e},K,{className:nt,style:Object.assign(Object.assign({},(a=s==null?void 0:s.styles)===null||a===void 0?void 0:a.root),S==null?void 0:S.root)}),C,c.createElement(xt,{visible:!P,motionName:`${p}-zoom`,motionAppear:!1,motionDeadline:1e3},({className:x})=>{var L,q;const yt=G("scroll-number",v),X=et.current,St=w(O==null?void 0:O.indicator,(L=s==null?void 0:s.classNames)===null||L===void 0?void 0:L.indicator,{[`${p}-dot`]:X,[`${p}-count`]:!X,[`${p}-count-sm`]:f==="small",[`${p}-multiple-words`]:!X&&V&&V.toString().length>1,[`${p}-status-${l}`]:!!l,[`${p}-color-${m}`]:W});let F=Object.assign(Object.assign(Object.assign({},S==null?void 0:S.indicator),(q=s==null?void 0:s.styles)===null||q===void 0?void 0:q.indicator),D);return m&&!W&&(F=F||{},F.background=m),c.createElement(Mt,{prefixCls:yt,show:!P,motionClassName:x,className:St,count:V,title:vt,style:F,key:"scrollNumber"},$t)}),Ct))}),Vt=_t;Vt.Ribbon=Dt;export{Vt as B};