xmirror-components 1.0.21 → 1.0.22

package/build/dist/index.cjs

@@ -62,9 +62,9 @@ Valid keys: `+JSON.stringify(Object.keys(y),null,"  "));var p=re(M,q,O,F,$+"."+q
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */var Dt;function Da(){return Dt||(Dt=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,u=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,l=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,b=e?Symbol.for("react.suspense_list"):60120,g=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,h=e?Symbol.for("react.block"):60121,x=e?Symbol.for("react.fundamental"):60117,w=e?Symbol.for("react.responder"):60118,P=e?Symbol.for("react.scope"):60119;function T(p){return typeof p=="string"||typeof p=="function"||p===n||p===s||p===o||p===a||p===d||p===b||typeof p=="object"&&p!==null&&(p.$$typeof===m||p.$$typeof===g||p.$$typeof===i||p.$$typeof===u||p.$$typeof===l||p.$$typeof===x||p.$$typeof===w||p.$$typeof===P||p.$$typeof===h)}function S(p){if(typeof p=="object"&&p!==null){var oe=p.$$typeof;switch(oe){case r:var ge=p.type;switch(ge){case c:case s:case n:case o:case a:case d:return ge;default:var _e=ge&&ge.$$typeof;switch(_e){case u:case l:case m:case g:case i:return _e;default:return oe}}case t:return oe}}}var v=c,j=s,A=u,K=i,me=r,le=l,ne=n,he=m,X=g,Q=t,de=o,ae=a,Ee=d,Ce=!1;function ye(p){return Ce||(Ce=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),y(p)||S(p)===c}function y(p){return S(p)===s}function E(p){return S(p)===u}function L(p){return S(p)===i}function k(p){return typeof p=="object"&&p!==null&&p.$$typeof===r}function O(p){return S(p)===l}function F(p){return S(p)===n}function $(p){return S(p)===m}function M(p){return S(p)===g}function D(p){return S(p)===t}function W(p){return S(p)===o}function q(p){return S(p)===a}function re(p){return S(p)===d}V.AsyncMode=v,V.ConcurrentMode=j,V.ContextConsumer=A,V.ContextProvider=K,V.Element=me,V.ForwardRef=le,V.Fragment=ne,V.Lazy=he,V.Memo=X,V.Portal=Q,V.Profiler=de,V.StrictMode=ae,V.Suspense=Ee,V.isAsyncMode=ye,V.isConcurrentMode=y,V.isContextConsumer=E,V.isContextProvider=L,V.isElement=k,V.isForwardRef=O,V.isFragment=F,V.isLazy=$,V.isMemo=M,V.isPortal=D,V.isProfiler=W,V.isStrictMode=q,V.isSuspense=re,V.isValidElementType=T,V.typeOf=S}()),V}var qt;function qa(){return qt||(qt=1,process.env.NODE_ENV==="production"?vr.exports=Fa():vr.exports=Da()),vr.exports}var kr,Wt;function Wa(){if(Wt)return kr;Wt=1;var e=qa(),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},t={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},n={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},o={};o[e.ForwardRef]=n,o[e.Memo]=a;function i(m){return e.isMemo(m)?a:o[m.$$typeof]||r}var u=Object.defineProperty,c=Object.getOwnPropertyNames,s=Object.getOwnPropertySymbols,l=Object.getOwnPropertyDescriptor,d=Object.getPrototypeOf,b=Object.prototype;function g(m,h,x){if(typeof h!="string"){if(b){var w=d(h);w&&w!==b&&g(m,w,x)}var P=c(h);s&&(P=P.concat(s(h)));for(var T=i(m),S=i(h),v=0;v<P.length;++v){var j=P[v];if(!t[j]&&!(x&&x[j])&&!(S&&S[j])&&!(T&&T[j])){var A=l(h,j);try{u(m,j,A)}catch{}}}}return m}return kr=g,kr}Wa();var Ya=!0;function _n(e,r,t){var n="";return t.split(" ").forEach(function(a){e[a]!==void 0?r.push(e[a]+";"):a&&(n+=a+" ")}),n}var ft=function(r,t,n){var a=r.key+"-"+t.name;(n===!1||Ya===!1)&&r.registered[a]===void 0&&(r.registered[a]=t.styles)},On=function(r,t,n){ft(r,t,n);var a=r.key+"-"+t.name;if(r.inserted[t.name]===void 0){var o=t;do r.insert(t===o?"."+a:"",o,r.sheet,!0),o=o.next;while(o!==void 0)}};function za(e){for(var r=0,t,n=0,a=e.length;a>=4;++n,a-=4)t=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,t=(t&65535)*1540483477+((t>>>16)*59797<<16),t^=t>>>24,r=(t&65535)*1540483477+((t>>>16)*59797<<16)^(r&65535)*1540483477+((r>>>16)*59797<<16);switch(a){case 3:r^=(e.charCodeAt(n+2)&255)<<16;case 2:r^=(e.charCodeAt(n+1)&255)<<8;case 1:r^=e.charCodeAt(n)&255,r=(r&65535)*1540483477+((r>>>16)*59797<<16)}return r^=r>>>13,r=(r&65535)*1540483477+((r>>>16)*59797<<16),((r^r>>>15)>>>0).toString(36)}var Ua={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Ga=/[A-Z]|^ms/g,Ha=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Pn=function(r){return r.charCodeAt(1)===45},Yt=function(r){return r!=null&&typeof r!="boolean"},$r=Rn(function(e){return Pn(e)?e:e.replace(Ga,"-$&").toLowerCase()}),zt=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(Ha,function(n,a,o){return Se={name:a,styles:o,next:Se},a})}return Ua[r]!==1&&!Pn(r)&&typeof t=="number"&&t!==0?t+"px":t};function tr(e,r,t){if(t==null)return"";var n=t;if(n.__emotion_styles!==void 0)return n;switch(typeof t){case"boolean":return"";case"object":{var a=t;if(a.anim===1)return Se={name:a.name,styles:a.styles,next:Se},a.name;var o=t;if(o.styles!==void 0){var i=o.next;if(i!==void 0)for(;i!==void 0;)Se={name:i.name,styles:i.styles,next:Se},i=i.next;var u=o.styles+";";return u}return Ba(e,r,t)}case"function":{if(e!==void 0){var c=Se,s=t(e);return Se=c,tr(e,r,s)}break}}var l=t;if(r==null)return l;var d=r[l];return d!==void 0?d:l}function Ba(e,r,t){var n="";if(Array.isArray(t))for(var a=0;a<t.length;a++)n+=tr(e,r,t[a])+";";else for(var o in t){var i=t[o];if(typeof i!="object"){var u=i;r!=null&&r[u]!==void 0?n+=o+"{"+r[u]+"}":Yt(u)&&(n+=$r(o)+":"+zt(o,u)+";")}else if(Array.isArray(i)&&typeof i[0]=="string"&&(r==null||r[i[0]]===void 0))for(var c=0;c<i.length;c++)Yt(i[c])&&(n+=$r(o)+":"+zt(o,i[c])+";");else{var s=tr(e,r,i);switch(o){case"animation":case"animationName":{n+=$r(o)+":"+s+";";break}default:n+=o+"{"+s+"}"}}}return n}var Ut=/label:\s*([^\s;{]+)\s*(;|$)/g,Se;function lt(e,r,t){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,a="";Se=void 0;var o=e[0];if(o==null||o.raw===void 0)n=!1,a+=tr(t,r,o);else{var i=o;a+=i[0]}for(var u=1;u<e.length;u++)if(a+=tr(t,r,e[u]),n){var c=o;a+=c[u]}Ut.lastIndex=0;for(var s="",l;(l=Ut.exec(a))!==null;)s+="-"+l[1];var d=za(a)+s;return{name:d,styles:a,next:Se}}var Va=function(r){return r()},Xa=fe.useInsertionEffect?fe.useInsertionEffect:!1,An=Xa||Va,jn=fe.createContext(typeof HTMLElement<"u"?La({key:"css"}):null);jn.Provider;var Nn=function(r){return _.forwardRef(function(t,n){var a=_.useContext(jn);return r(t,a,n)})},kn=fe.createContext({}),dt={}.hasOwnProperty,rt="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",Ja=function(r,t){var n={};for(var a in t)dt.call(t,a)&&(n[a]=t[a]);return n[rt]=r,n},Ka=function(r){var t=r.cache,n=r.serialized,a=r.isStringTag;return ft(t,n,a),An(function(){return On(t,n,a)}),null},Za=Nn(function(e,r,t){var n=e.css;typeof n=="string"&&r.registered[n]!==void 0&&(n=r.registered[n]);var a=e[rt],o=[n],i="";typeof e.className=="string"?i=_n(r.registered,o,e.className):e.className!=null&&(i=e.className+" ");var u=lt(o,void 0,fe.useContext(kn));i+=r.key+"-"+u.name;var c={};for(var s in e)dt.call(e,s)&&s!=="css"&&s!==rt&&(c[s]=e[s]);return c.className=i,t&&(c.ref=t),fe.createElement(fe.Fragment,null,fe.createElement(Ka,{cache:r,serialized:u,isStringTag:typeof a=="string"}),fe.createElement(a,c))}),Qa=Za,Gt=function(r,t){var n=arguments;if(t==null||!dt.call(t,"css"))return fe.createElement.apply(void 0,n);var a=n.length,o=new Array(a);o[0]=Qa,o[1]=Ja(r,t);for(var i=2;i<a;i++)o[i]=n[i];return fe.createElement.apply(null,o)};(function(e){var r;r||(r=e.JSX||(e.JSX={}))})(Gt||(Gt={}));function eo(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return lt(r)}function ro(){var e=eo.apply(void 0,arguments),r="animation-"+e.name;return{name:r,styles:"@keyframes "+r+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}var to=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,no=Rn(function(e){return to.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),ao=no,oo=function(r){return r!=="theme"},Ht=function(r){return typeof r=="string"&&r.charCodeAt(0)>96?ao:oo},Bt=function(r,t,n){var a;if(t){var o=t.shouldForwardProp;a=r.__emotion_forwardProp&&o?function(i){return r.__emotion_forwardProp(i)&&o(i)}:o}return typeof a!="function"&&n&&(a=r.__emotion_forwardProp),a},io=function(r){var t=r.cache,n=r.serialized,a=r.isStringTag;return ft(t,n,a),An(function(){return On(t,n,a)}),null},so=function e(r,t){var n=r.__emotion_real===r,a=n&&r.__emotion_base||r,o,i;t!==void 0&&(o=t.label,i=t.target);var u=Bt(r,t,n),c=u||Ht(a),s=!c("as");return function(){var l=arguments,d=n&&r.__emotion_styles!==void 0?r.__emotion_styles.slice(0):[];if(o!==void 0&&d.push("label:"+o+";"),l[0]==null||l[0].raw===void 0)d.push.apply(d,l);else{var b=l[0];d.push(b[0]);for(var g=l.length,m=1;m<g;m++)d.push(l[m],b[m])}var h=Nn(function(x,w,P){var T=s&&x.as||a,S="",v=[],j=x;if(x.theme==null){j={};for(var A in x)j[A]=x[A];j.theme=fe.useContext(kn)}typeof x.className=="string"?S=_n(w.registered,v,x.className):x.className!=null&&(S=x.className+" ");var K=lt(d.concat(v),w.registered,j);S+=w.key+"-"+K.name,i!==void 0&&(S+=" "+i);var me=s&&u===void 0?Ht(T):c,le={};for(var ne in x)s&&ne==="as"||me(ne)&&(le[ne]=x[ne]);return le.className=S,P&&(le.ref=P),fe.createElement(fe.Fragment,null,fe.createElement(io,{cache:w,serialized:K,isStringTag:typeof T=="string"}),fe.createElement(T,le))});return h.displayName=o!==void 0?o:"Styled("+(typeof a=="string"?a:a.displayName||a.name||"Component")+")",h.defaultProps=r.defaultProps,h.__emotion_real=h,h.__emotion_base=a,h.__emotion_styles=d,h.__emotion_forwardProp=u,Object.defineProperty(h,"toString",{value:function(){return"."+i}}),h.withComponent=function(x,w){var P=e(x,Qe({},t,w,{shouldForwardProp:Bt(h,w,!0)}));return P.apply(void 0,d)},h}},uo=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],Ye=so.bind(null);uo.forEach(function(e){Ye[e]=Ye(e)});exports.setGlobalLoading=e=>{console.warn("GlobalLoading 未被引入，你可以直接使用 App 组件，或直接引用 GlobalLoading 组件到项目中！")};const co=ro`
-  0% { transform: rotate(0deg) translateX(30px) rotate(0deg); }
-  50% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }
-  100% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }
+  0% { transform: rotate(0deg) translateX(35px) rotate(0deg); }
+  50% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }
+  100% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }
 `,fo=Ye.div`
   position: fixed;
   top: 0;
@@ -95,12 +95,12 @@ Valid keys: `+JSON.stringify(Object.keys(y),null,"  "));var p=re(M,q,O,F,$+"."+q
   height: 120px;
   position: relative;
   filter: url('#goo');
-  margin: 400px auto;
+  margin: auto;
   transform: rotateZ(-90deg);
   display: flex;
   justify-content: center;
   align-items: center;
-`,Ve=Ye.div(({size:e,delay:r})=>({position:"absolute",margin:"auto",borderRadius:"50%",backgroundImage:" linear-gradient(var(--color-primary) 10%, var(--color-primary-hover) 100%)",transform:"rotate(0deg) translateX(30px) rotate(0deg)",width:e,height:e,animation:`${co} 4s ease-in-out infinite`,animationDelay:r||"0s"}));function $n(){const e=_.useRef(null),[r,t]=_.useState(!0);return _.useEffect(()=>{exports.setGlobalLoading=n=>{t(n)}},[]),J.jsx(it,{in:r,nodeRef:e,timeout:500,classNames:"global-loading-transition",unmountOnExit:!0,children:()=>J.jsxs(fo,{ref:e,className:"global-loading",children:[J.jsxs(lo,{className:"global-loading-container",children:[J.jsx(Ve,{className:"dot dot-1",size:15,delay:"0.0s"}),J.jsx(Ve,{className:"dot dot-2",size:13,delay:"0.2s"}),J.jsx(Ve,{className:"dot dot-3",size:11,delay:"0.4s"}),J.jsx(Ve,{className:"dot dot-4",size:9,delay:"0.6s"}),J.jsx(Ve,{className:"dot dot-5",size:7,delay:"0.8s"})]}),J.jsx("svg",{style:{visibility:"hidden",position:"absolute"},children:J.jsx("defs",{children:J.jsxs("filter",{id:"goo",children:[J.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"3",result:"blur"}),J.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`
+`,Ve=Ye.div(({size:e,delay:r})=>({position:"absolute",margin:"auto",borderRadius:"50%",backgroundImage:" linear-gradient(var(--color-primary) 10%, var(--color-primary-hover) 100%)",transform:"rotate(0deg) translateX(35px) rotate(0deg)",width:e,height:e,animation:`${co} 4s ease-in-out infinite`,animationDelay:r||"0s"}));function $n(){const e=_.useRef(null),[r,t]=_.useState(!1);return _.useEffect(()=>{exports.setGlobalLoading=n=>{t(n)}},[]),J.jsx(it,{in:r,nodeRef:e,timeout:500,classNames:"global-loading-transition",unmountOnExit:!0,children:()=>J.jsxs(fo,{ref:e,className:"global-loading",children:[J.jsxs(lo,{className:"global-loading-container",children:[J.jsx(Ve,{className:"dot dot-1",size:15,delay:"0.0s"}),J.jsx(Ve,{className:"dot dot-2",size:13,delay:"0.2s"}),J.jsx(Ve,{className:"dot dot-3",size:11,delay:"0.4s"}),J.jsx(Ve,{className:"dot dot-4",size:9,delay:"0.6s"}),J.jsx(Ve,{className:"dot dot-5",size:7,delay:"0.8s"})]}),J.jsx("svg",{style:{visibility:"hidden",position:"absolute"},children:J.jsx("defs",{children:J.jsxs("filter",{id:"goo",children:[J.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"3",result:"blur"}),J.jsx("feColorMatrix",{in:"blur",type:"matrix",values:`
                       1 0 0 0 0
                       0 1 0 0 0
                       0 0 1 0 0

package/build/dist/index.mjs

@@ -3049,9 +3049,9 @@ let Ti = (e) => {
   console.warn("GlobalLoading 未被引入，你可以直接使用 App 组件，或直接引用 GlobalLoading 组件到项目中！");
 };
 const Si = pi`
-  0% { transform: rotate(0deg) translateX(30px) rotate(0deg); }
-  50% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }
-  100% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }
+  0% { transform: rotate(0deg) translateX(35px) rotate(0deg); }
+  50% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }
+  100% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }
 `, wi = ze.div`
   position: fixed;
   top: 0;
@@ -3082,7 +3082,7 @@ const Si = pi`
   height: 120px;
   position: relative;
   filter: url('#goo');
-  margin: 400px auto;
+  margin: auto;
   transform: rotateZ(-90deg);
   display: flex;
   justify-content: center;
@@ -3092,8 +3092,9 @@ const Si = pi`
     position: "absolute",
     margin: "auto",
     borderRadius: "50%",
+    // backgroundImage: ' linear-gradient(#0060a7 10%, #1d77b3 100%)',
     backgroundImage: " linear-gradient(var(--color-primary) 10%, var(--color-primary-hover) 100%)",
-    transform: "rotate(0deg) translateX(30px) rotate(0deg)",
+    transform: "rotate(0deg) translateX(35px) rotate(0deg)",
     width: e,
     height: e,
     animation: `${Si} 4s ease-in-out infinite`,
@@ -3101,7 +3102,7 @@ const Si = pi`
   })
 );
 function _i() {
-  const e = J(null), [r, t] = ot(!0);
+  const e = J(null), [r, t] = ot(!1);
   return Ne(() => {
     Ti = (n) => {
       t(n);

package/build/es/components/GlobalLoading/index.js

@@ -9,17 +9,18 @@ import { keyframes } from '@emotion/react';
 var setGlobalLoading = function (_value) {
     console.warn('GlobalLoading 未被引入，你可以直接使用 App 组件，或直接引用 GlobalLoading 组件到项目中！');
 };
-var rotate = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% { transform: rotate(0deg) translateX(30px) rotate(0deg); }\n  50% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n  100% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n"], ["\n  0% { transform: rotate(0deg) translateX(30px) rotate(0deg); }\n  50% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n  100% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n"])));
+var rotate = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% { transform: rotate(0deg) translateX(35px) rotate(0deg); }\n  50% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n  100% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n"], ["\n  0% { transform: rotate(0deg) translateX(35px) rotate(0deg); }\n  50% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n  100% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n"])));
 var GlobalLoadingWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: opacity 500ms;\n  &.global-loading-transition-enter {\n    opacity: 0;\n  }\n  &.global-loading-transition-enter-active {\n    opacity: 1;\n  }\n  &.global-loading-transition-exit {\n    opacity: 1;\n  }\n  &.global-loading-transition-exit-active {\n    opacity: 0;\n  }\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: opacity 500ms;\n  &.global-loading-transition-enter {\n    opacity: 0;\n  }\n  &.global-loading-transition-enter-active {\n    opacity: 1;\n  }\n  &.global-loading-transition-exit {\n    opacity: 1;\n  }\n  &.global-loading-transition-exit-active {\n    opacity: 0;\n  }\n"])));
-var LoadingContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 120px;\n  height: 120px;\n  position: relative;\n  filter: url('#goo');\n  margin: 400px auto;\n  transform: rotateZ(-90deg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  width: 120px;\n  height: 120px;\n  position: relative;\n  filter: url('#goo');\n  margin: 400px auto;\n  transform: rotateZ(-90deg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+var LoadingContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 120px;\n  height: 120px;\n  position: relative;\n  filter: url('#goo');\n  margin: auto;\n  transform: rotateZ(-90deg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  width: 120px;\n  height: 120px;\n  position: relative;\n  filter: url('#goo');\n  margin: auto;\n  transform: rotateZ(-90deg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 var Dot = styled.div(function (_a) {
     var size = _a.size, delay = _a.delay;
     return ({
         position: 'absolute',
         margin: 'auto',
         borderRadius: '50%',
+        // backgroundImage: ' linear-gradient(#0060a7 10%, #1d77b3 100%)',
         backgroundImage: ' linear-gradient(var(--color-primary) 10%, var(--color-primary-hover) 100%)',
-        transform: 'rotate(0deg) translateX(30px) rotate(0deg)',
+        transform: 'rotate(0deg) translateX(35px) rotate(0deg)',
         width: size,
         height: size,
         animation: "".concat(rotate, " 4s ease-in-out infinite"),
@@ -28,7 +29,7 @@ var Dot = styled.div(function (_a) {
 });
 function GlobalLoading() {
     var ref = useRef(null);
-    var _a = useState(true), loading = _a[0], setLoading = _a[1];
+    var _a = useState(false), loading = _a[0], setLoading = _a[1];
     useEffect(function () {
         setGlobalLoading = function (value) {
             setLoading(value);

package/build/lib/components/GlobalLoading/index.js

@@ -49,17 +49,18 @@ var setGlobalLoading = function (_value) {
     console.warn('GlobalLoading 未被引入，你可以直接使用 App 组件，或直接引用 GlobalLoading 组件到项目中！');
 };
 exports.setGlobalLoading = setGlobalLoading;
-var rotate = (0, react_2.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% { transform: rotate(0deg) translateX(30px) rotate(0deg); }\n  50% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n  100% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n"], ["\n  0% { transform: rotate(0deg) translateX(30px) rotate(0deg); }\n  50% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n  100% { transform: rotate(360deg) translateX(30px) rotate(-360deg); }\n"])));
+var rotate = (0, react_2.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% { transform: rotate(0deg) translateX(35px) rotate(0deg); }\n  50% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n  100% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n"], ["\n  0% { transform: rotate(0deg) translateX(35px) rotate(0deg); }\n  50% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n  100% { transform: rotate(360deg) translateX(35px) rotate(-360deg); }\n"])));
 var GlobalLoadingWrapper = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: opacity 500ms;\n  &.global-loading-transition-enter {\n    opacity: 0;\n  }\n  &.global-loading-transition-enter-active {\n    opacity: 1;\n  }\n  &.global-loading-transition-exit {\n    opacity: 1;\n  }\n  &.global-loading-transition-exit-active {\n    opacity: 0;\n  }\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 999999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: opacity 500ms;\n  &.global-loading-transition-enter {\n    opacity: 0;\n  }\n  &.global-loading-transition-enter-active {\n    opacity: 1;\n  }\n  &.global-loading-transition-exit {\n    opacity: 1;\n  }\n  &.global-loading-transition-exit-active {\n    opacity: 0;\n  }\n"])));
-var LoadingContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 120px;\n  height: 120px;\n  position: relative;\n  filter: url('#goo');\n  margin: 400px auto;\n  transform: rotateZ(-90deg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  width: 120px;\n  height: 120px;\n  position: relative;\n  filter: url('#goo');\n  margin: 400px auto;\n  transform: rotateZ(-90deg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+var LoadingContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 120px;\n  height: 120px;\n  position: relative;\n  filter: url('#goo');\n  margin: auto;\n  transform: rotateZ(-90deg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  width: 120px;\n  height: 120px;\n  position: relative;\n  filter: url('#goo');\n  margin: auto;\n  transform: rotateZ(-90deg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 var Dot = styled_1.default.div(function (_a) {
     var size = _a.size, delay = _a.delay;
     return ({
         position: 'absolute',
         margin: 'auto',
         borderRadius: '50%',
+        // backgroundImage: ' linear-gradient(#0060a7 10%, #1d77b3 100%)',
         backgroundImage: ' linear-gradient(var(--color-primary) 10%, var(--color-primary-hover) 100%)',
-        transform: 'rotate(0deg) translateX(30px) rotate(0deg)',
+        transform: 'rotate(0deg) translateX(35px) rotate(0deg)',
         width: size,
         height: size,
         animation: "".concat(rotate, " 4s ease-in-out infinite"),
@@ -68,7 +69,7 @@ var Dot = styled_1.default.div(function (_a) {
 });
 function GlobalLoading() {
     var ref = (0, react_1.useRef)(null);
-    var _a = (0, react_1.useState)(true), loading = _a[0], setLoading = _a[1];
+    var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
     (0, react_1.useEffect)(function () {
         exports.setGlobalLoading = setGlobalLoading = function (value) {
             setLoading(value);

package/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",