earthnut 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/BackgroundRipple/index.cjs +0 -1
- package/BackgroundRipple/index.mjs +0 -1
- package/Layout/index.cjs +0 -1
- package/Layout/index.mjs +0 -1
- package/README.md +0 -28
- package/components/button/button.d.ts +0 -5
- package/components/button/index.d.ts +0 -3
- package/components/index.d.ts +0 -3
- package/components/layout/EnLayoutContent.d.ts +0 -3
- package/components/layout/content.d.ts +0 -11
- package/components/layout/footer.d.ts +0 -16
- package/components/layout/generate-class.d.ts +0 -2
- package/components/layout/get-value.d.ts +0 -4
- package/components/layout/header.d.ts +0 -18
- package/components/layout/index.d.ts +0 -2
- package/components/layout/layout.d.ts +0 -50
- package/components/layout/sideBar.d.ts +0 -24
- package/components/layout/types.d.ts +0 -101
- package/components/menu/index.d.ts +0 -0
- package/components/menu/menu.d.ts +0 -0
- package/components/ripples/RipplesEle.d.ts +0 -35
- package/components/ripples/index.d.ts +0 -4
- package/components/ripples/types.d.ts +0 -11
- package/components/ripples/useOptionUpdate.d.ts +0 -5
- package/customHooks/index.d.ts +0 -5
- package/customHooks/useAnimationFrame.d.ts +0 -42
- package/customHooks/useInputIsComposing.d.ts +0 -46
- package/customHooks/useRipples/buildBackground/create-background-color.d.ts +0 -3
- package/customHooks/useRipples/buildBackground/create-linear-gradient.d.ts +0 -3
- package/customHooks/useRipples/buildBackground/default-background/_createImageData.d.ts +0 -7
- package/customHooks/useRipples/buildBackground/default-background/circleDataList.d.ts +0 -18
- package/customHooks/useRipples/buildBackground/default-background/createCanvasElementBySize.d.ts +0 -2
- package/customHooks/useRipples/buildBackground/default-background/createDefault.d.ts +0 -2
- package/customHooks/useRipples/buildBackground/default-background/index.d.ts +0 -10
- package/customHooks/useRipples/buildBackground/load-image.d.ts +0 -13
- package/customHooks/useRipples/buildBackground/run-side.d.ts +0 -9
- package/customHooks/useRipples/buildBackground/type.d.ts +0 -31
- package/customHooks/useRipples/buildBackground/utils/bind-image.d.ts +0 -4
- package/customHooks/useRipples/buildBackground/utils/create-canvas-element.d.ts +0 -3
- package/customHooks/useRipples/buildBackground/utils/create-image-by-src.d.ts +0 -2
- package/customHooks/useRipples/buildBackground/utils/get-background-style.d.ts +0 -3
- package/customHooks/useRipples/buildBackground/utils/hide-css-background.d.ts +0 -10
- package/customHooks/useRipples/buildBackground/utils/restore-css-background.d.ts +0 -7
- package/customHooks/useRipples/callback/destroy.d.ts +0 -3
- package/customHooks/useRipples/callback/drop.d.ts +0 -3
- package/customHooks/useRipples/callback/fade.d.ts +0 -3
- package/customHooks/useRipples/callback/reload-background.d.ts +0 -6
- package/customHooks/useRipples/callback/scale.d.ts +0 -2
- package/customHooks/useRipples/index.d.ts +0 -40
- package/customHooks/useRipples/init/index.d.ts +0 -5
- package/customHooks/useRipples/init/initEvent.d.ts +0 -5
- package/customHooks/useRipples/init/initShaders.d.ts +0 -7
- package/customHooks/useRipples/init/initTexture.d.ts +0 -7
- package/customHooks/useRipples/render/computeTextureBoundaries.d.ts +0 -3
- package/customHooks/useRipples/render/draw.d.ts +0 -7
- package/customHooks/useRipples/render/drawQuad.d.ts +0 -7
- package/customHooks/useRipples/render/dropAtPointer.d.ts +0 -7
- package/customHooks/useRipples/render/index.d.ts +0 -6
- package/customHooks/useRipples/render/swapBufferIndices.d.ts +0 -5
- package/customHooks/useRipples/render/update.d.ts +0 -5
- package/customHooks/useRipples/rippersData/defaultData.d.ts +0 -5
- package/customHooks/useRipples/rippersData/fadeData.d.ts +0 -43
- package/customHooks/useRipples/rippersData/index.d.ts +0 -40
- package/customHooks/useRipples/rippersData/loadConfig.d.ts +0 -19
- package/customHooks/useRipples/rippersData/renderData.d.ts +0 -74
- package/customHooks/useRipples/rippersData/useOptions.d.ts +0 -81
- package/customHooks/useRipples/rippersData/vertexSource.d.ts +0 -28
- package/customHooks/useRipples/ripple.html.d.ts +0 -6
- package/customHooks/useRipples/ripplesClass.d.ts +0 -51
- package/customHooks/useRipples/tools.d.ts +0 -31
- package/customHooks/useRipples/types.d.ts +0 -192
- package/customHooks/useTimeId.d.ts +0 -46
- package/dog.d.ts +0 -2
- package/index.cjs +0 -1
- package/index.d.ts +0 -5
- package/index.js.LICENSE.txt +0 -79
- package/index.mjs +0 -1
- package/styles/common.scss +0 -444
- package/useAnimationFrame/index.cjs +0 -1
- package/useAnimationFrame/index.mjs +0 -1
- package/useInputIsComposing/index.cjs +0 -1
- package/useInputIsComposing/index.mjs +0 -1
- package/useRipples/index.cjs +0 -1
- package/useRipples/index.mjs +0 -1
- package/useTimeId/index.cjs +0 -1
- package/useTimeId/index.mjs +0 -1
package/Layout/index.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use client";import*as e from"a-js-tools";import*as t from"a-type-of-js";import*as n from"react";import*as r from"xcn";var a={161:(t,n,r)=>{t.exports=(e=>{var t={};return r.d(t,e),t})({getRandomString:()=>e.getRandomString})},362:(e,n,r)=>{e.exports=(e=>{var t={};return r.d(t,e),t})({isNumber:()=>t.isNumber,isTrue:()=>t.isTrue})},581:(e,t,n)=>{n.d(t,{AH:()=>Gt,Ay:()=>Yt,I4:()=>Yt});var r=function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},r.apply(this,arguments)};Object.create;function a(e,t,n){if(n||2===arguments.length)for(var r,a=0,o=t.length;a<o;a++)!r&&a in t||(r||(r=Array.prototype.slice.call(t,0,a)),r[a]=t[a]);return e.concat(r||Array.prototype.slice.call(t))}Object.create;"function"==typeof SuppressedError&&SuppressedError;var o=n(649),i=n(833),s=n.n(i),c="-ms-",u="-moz-",l="-webkit-",f="comm",d="rule",p="decl",h="@keyframes",y=Math.abs,g=String.fromCharCode,m=Object.assign;function v(e){return e.trim()}function b(e,t){return(e=t.exec(e))?e[0]:e}function w(e,t,n){return e.replace(t,n)}function S(e,t,n){return e.indexOf(t,n)}function O(e,t){return 0|e.charCodeAt(t)}function x(e,t,n){return e.slice(t,n)}function P(e){return e.length}function j(e){return e.length}function E(e,t){return t.push(e),e}function $(e,t){return e.filter((function(e){return!b(e,t)}))}var A=1,N=1,C=0,I=0,R=0,k="";function T(e,t,n,r,a,o,i,s){return{value:e,root:t,parent:n,type:r,props:a,children:o,line:A,column:N,length:i,return:"",siblings:s}}function _(e,t){return m(T("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function z(e){for(;e.root;)e=_(e.root,{children:[e]});E(e,e.siblings)}function H(){return R=I>0?O(k,--I):0,N--,10===R&&(N=1,A--),R}function D(){return R=I<C?O(k,I++):0,N++,10===R&&(N=1,A++),R}function L(){return O(k,I)}function F(){return I}function B(e,t){return x(k,e,t)}function G(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function M(e){return A=N=1,C=P(k=e),I=0,[]}function W(e){return k="",e}function Y(e){return v(B(I-1,U(91===e?e+2:40===e?e+1:e)))}function V(e){for(;(R=L())&&R<33;)D();return G(e)>2||G(R)>3?"":" "}function q(e,t){for(;--t&&D()&&!(R<48||R>102||R>57&&R<65||R>70&&R<97););return B(e,F()+(t<6&&32==L()&&32==D()))}function U(e){for(;D();)switch(R){case e:return I;case 34:case 39:34!==e&&39!==e&&U(R);break;case 40:41===e&&U(e);break;case 92:D()}return I}function Z(e,t){for(;D()&&e+R!==57&&(e+R!==84||47!==L()););return"/*"+B(t,I-1)+"*"+g(47===e?e:D())}function K(e){for(;!G(L());)D();return B(e,I)}function X(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function J(e,t,n,r){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case p:return e.return=e.return||e.value;case f:return"";case h:return e.return=e.value+"{"+X(e.children,r)+"}";case d:if(!P(e.value=e.props.join(",")))return""}return P(n=X(e.children,r))?e.return=e.value+"{"+n+"}":""}function Q(e,t,n){switch(function(e,t){return 45^O(e,0)?(((t<<2^O(e,0))<<2^O(e,1))<<2^O(e,2))<<2^O(e,3):0}(e,t)){case 5103:return l+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return l+e+e;case 4789:return u+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return l+e+u+e+c+e+e;case 5936:switch(O(e,t+11)){case 114:return l+e+c+w(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return l+e+c+w(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return l+e+c+w(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return l+e+c+e+e;case 6165:return l+e+c+"flex-"+e+e;case 5187:return l+e+w(e,/(\w+).+(:[^]+)/,l+"box-$1$2"+c+"flex-$1$2")+e;case 5443:return l+e+c+"flex-item-"+w(e,/flex-|-self/g,"")+(b(e,/flex-|baseline/)?"":c+"grid-row-"+w(e,/flex-|-self/g,""))+e;case 4675:return l+e+c+"flex-line-pack"+w(e,/align-content|flex-|-self/g,"")+e;case 5548:return l+e+c+w(e,"shrink","negative")+e;case 5292:return l+e+c+w(e,"basis","preferred-size")+e;case 6060:return l+"box-"+w(e,"-grow","")+l+e+c+w(e,"grow","positive")+e;case 4554:return l+w(e,/([^-])(transform)/g,"$1"+l+"$2")+e;case 6187:return w(w(w(e,/(zoom-|grab)/,l+"$1"),/(image-set)/,l+"$1"),e,"")+e;case 5495:case 3959:return w(e,/(image-set\([^]*)/,l+"$1$`$1");case 4968:return w(w(e,/(.+:)(flex-)?(.*)/,l+"box-pack:$3"+c+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+l+e+e;case 4200:if(!b(e,/flex-|baseline/))return c+"grid-column-align"+x(e,t)+e;break;case 2592:case 3360:return c+w(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,b(e.props,/grid-\w+-end/)}))?~S(e+(n=n[t].value),"span",0)?e:c+w(e,"-start","")+e+c+"grid-row-span:"+(~S(n,"span",0)?b(n,/\d+/):+b(n,/\d+/)-+b(e,/\d+/))+";":c+w(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return b(e.props,/grid-\w+-start/)}))?e:c+w(w(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return w(e,/(.+)-inline(.+)/,l+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(P(e)-1-t>6)switch(O(e,t+1)){case 109:if(45!==O(e,t+4))break;case 102:return w(e,/(.+:)(.+)-([^]+)/,"$1"+l+"$2-$3$1"+u+(108==O(e,t+3)?"$3":"$2-$3"))+e;case 115:return~S(e,"stretch",0)?Q(w(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return w(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,a,o,i,s){return c+n+":"+r+s+(a?c+n+"-span:"+(o?i:+i-+r)+s:"")+e}));case 4949:if(121===O(e,t+6))return w(e,":",":"+l)+e;break;case 6444:switch(O(e,45===O(e,14)?18:11)){case 120:return w(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+l+(45===O(e,14)?"inline-":"")+"box$3$1"+l+"$2$3$1"+c+"$2box$3")+e;case 100:return w(e,":",":"+c)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return w(e,"scroll-","scroll-snap-")+e}return e}function ee(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case p:return void(e.return=Q(e.value,e.length,n));case h:return X([_(e,{value:w(e.value,"@","@"+l)})],r);case d:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,(function(t){switch(b(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":z(_(e,{props:[w(t,/:(read-\w+)/,":-moz-$1")]})),z(_(e,{props:[t]})),m(e,{props:$(n,r)});break;case"::placeholder":z(_(e,{props:[w(t,/:(plac\w+)/,":"+l+"input-$1")]})),z(_(e,{props:[w(t,/:(plac\w+)/,":-moz-$1")]})),z(_(e,{props:[w(t,/:(plac\w+)/,c+"input-$1")]})),z(_(e,{props:[t]})),m(e,{props:$(n,r)})}return""}))}}function te(e){return W(ne("",null,null,null,[""],e=M(e),0,[0],e))}function ne(e,t,n,r,a,o,i,s,c){for(var u=0,l=0,f=i,d=0,p=0,h=0,m=1,v=1,b=1,x=0,j="",$=a,A=o,N=r,C=j;v;)switch(h=x,x=D()){case 40:if(108!=h&&58==O(C,f-1)){-1!=S(C+=w(Y(x),"&","&\f"),"&\f",y(u?s[u-1]:0))&&(b=-1);break}case 34:case 39:case 91:C+=Y(x);break;case 9:case 10:case 13:case 32:C+=V(h);break;case 92:C+=q(F()-1,7);continue;case 47:switch(L()){case 42:case 47:E(ae(Z(D(),F()),t,n,c),c);break;default:C+="/"}break;case 123*m:s[u++]=P(C)*b;case 125*m:case 59:case 0:switch(x){case 0:case 125:v=0;case 59+l:-1==b&&(C=w(C,/\f/g,"")),p>0&&P(C)-f&&E(p>32?oe(C+";",r,n,f-1,c):oe(w(C," ","")+";",r,n,f-2,c),c);break;case 59:C+=";";default:if(E(N=re(C,t,n,u,l,a,s,j,$=[],A=[],f,o),o),123===x)if(0===l)ne(C,t,N,N,$,o,f,s,A);else switch(99===d&&110===O(C,3)?100:d){case 100:case 108:case 109:case 115:ne(e,N,N,r&&E(re(e,N,N,0,0,a,s,j,a,$=[],f,A),A),a,A,f,s,r?$:A);break;default:ne(C,N,N,N,[""],A,0,s,A)}}u=l=p=0,m=b=1,j=C="",f=i;break;case 58:f=1+P(C),p=h;default:if(m<1)if(123==x)--m;else if(125==x&&0==m++&&125==H())continue;switch(C+=g(x),x*m){case 38:b=l>0?1:(C+="\f",-1);break;case 44:s[u++]=(P(C)-1)*b,b=1;break;case 64:45===L()&&(C+=Y(D())),d=L(),l=f=P(j=C+=K(F())),x++;break;case 45:45===h&&2==P(C)&&(m=0)}}return o}function re(e,t,n,r,a,o,i,s,c,u,l,f){for(var p=a-1,h=0===a?o:[""],g=j(h),m=0,b=0,S=0;m<r;++m)for(var O=0,P=x(e,p+1,p=y(b=i[m])),E=e;O<g;++O)(E=v(b>0?h[O]+" "+P:w(P,/&\f/g,h[O])))&&(c[S++]=E);return T(e,t,n,0===a?d:s,c,u,l,f)}function ae(e,t,n,r){return T(e,t,n,f,g(R),x(e,2,-2),0,r)}function oe(e,t,n,r,a){return T(e,t,n,p,x(e,0,r),x(e,r+1,-1),r,a)}var ie={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,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},se="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ce="active",ue="data-styled-version",le="6.1.19",fe="/*!sc*/\n",de="undefined"!=typeof window&&"undefined"!=typeof document,pe=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY&&("false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY)),he=(new Set,Object.freeze([])),ye=Object.freeze({});function ge(e,t,n){return void 0===n&&(n=ye),e.theme!==n.theme&&e.theme||t||n.theme}var me=new Set(["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","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","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","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),ve=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,be=/(^-|-$)/g;function we(e){return e.replace(ve,"-").replace(be,"")}var Se=/(a)(d)/gi,Oe=function(e){return String.fromCharCode(e+(e>25?39:97))};function xe(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Oe(t%52)+n;return(Oe(t%52)+n).replace(Se,"$1-$2")}var Pe,je=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Ee=function(e){return je(5381,e)};function $e(e){return xe(Ee(e)>>>0)}function Ae(e){return e.displayName||e.name||"Component"}function Ne(e){return"string"==typeof e&&!0}var Ce="function"==typeof Symbol&&Symbol.for,Ie=Ce?Symbol.for("react.memo"):60115,Re=Ce?Symbol.for("react.forward_ref"):60112,ke={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Te={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},_e={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},ze=((Pe={})[Re]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Pe[Ie]=_e,Pe);function He(e){return("type"in(t=e)&&t.type.$$typeof)===Ie?_e:"$$typeof"in e?ze[e.$$typeof]:ke;var t}var De=Object.defineProperty,Le=Object.getOwnPropertyNames,Fe=Object.getOwnPropertySymbols,Be=Object.getOwnPropertyDescriptor,Ge=Object.getPrototypeOf,Me=Object.prototype;function We(e,t,n){if("string"!=typeof t){if(Me){var r=Ge(t);r&&r!==Me&&We(e,r,n)}var a=Le(t);Fe&&(a=a.concat(Fe(t)));for(var o=He(e),i=He(t),s=0;s<a.length;++s){var c=a[s];if(!(c in Te||n&&n[c]||i&&c in i||o&&c in o)){var u=Be(t,c);try{De(e,c,u)}catch(e){}}}}return e}function Ye(e){return"function"==typeof e}function Ve(e){return"object"==typeof e&&"styledComponentId"in e}function qe(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Ue(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function Ze(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Ke(e,t,n){if(void 0===n&&(n=!1),!n&&!Ze(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Ke(e[r],t[r]);else if(Ze(t))for(var r in t)e[r]=Ke(e[r],t[r]);return e}function Xe(e,t){Object.defineProperty(e,"toString",{value:t})}function Je(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):""))}var Qe=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,a=r;e>=a;)if((a<<=1)<0)throw Je(16,"".concat(e));this.groupSizes=new Uint32Array(a),this.groupSizes.set(n),this.length=a;for(var o=r;o<a;o++)this.groupSizes[o]=0}for(var i=this.indexOfGroup(e+1),s=(o=0,t.length);o<s;o++)this.tag.insertRule(i,t[o])&&(this.groupSizes[e]++,i++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var a=n;a<r;a++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),a=r+n,o=r;o<a;o++)t+="".concat(this.tag.getRule(o)).concat(fe);return t},e}(),et=new Map,tt=new Map,nt=1,rt=function(e){if(et.has(e))return et.get(e);for(;tt.has(nt);)nt++;var t=nt++;return et.set(e,t),tt.set(t,e),t},at=function(e,t){nt=t+1,et.set(e,t),tt.set(t,e)},ot="style[".concat(se,"][").concat(ue,'="').concat(le,'"]'),it=new RegExp("^".concat(se,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),st=function(e,t,n){for(var r,a=n.split(","),o=0,i=a.length;o<i;o++)(r=a[o])&&e.registerName(t,r)},ct=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(fe),a=[],o=0,i=r.length;o<i;o++){var s=r[o].trim();if(s){var c=s.match(it);if(c){var u=0|parseInt(c[1],10),l=c[2];0!==u&&(at(l,u),st(e,l,c[3]),e.getTag().insertRules(u,a)),a.length=0}else a.push(s)}}},ut=function(e){for(var t=document.querySelectorAll(ot),n=0,r=t.length;n<r;n++){var a=t[n];a&&a.getAttribute(se)!==ce&&(ct(e,a),a.parentNode&&a.parentNode.removeChild(a))}};function lt(){return n.nc}var ft=function(e){var t=document.head,n=e||t,r=document.createElement("style"),a=function(e){var t=Array.from(e.querySelectorAll("style[".concat(se,"]")));return t[t.length-1]}(n),o=void 0!==a?a.nextSibling:null;r.setAttribute(se,ce),r.setAttribute(ue,le);var i=lt();return i&&r.setAttribute("nonce",i),n.insertBefore(r,o),r},dt=function(){function e(e){this.element=ft(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var a=t[n];if(a.ownerNode===e)return a}throw Je(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),pt=function(){function e(e){this.element=ft(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),ht=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),yt=de,gt={isServer:!de,useCSSOMInjection:!pe},mt=function(){function e(e,t,n){void 0===e&&(e=ye),void 0===t&&(t={});var a=this;this.options=r(r({},gt),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&de&&yt&&(yt=!1,ut(this)),Xe(this,(function(){return function(e){for(var t=e.getTag(),n=t.length,r="",a=function(n){var a=function(e){return tt.get(e)}(n);if(void 0===a)return"continue";var o=e.names.get(a),i=t.getGroup(n);if(void 0===o||!o.size||0===i.length)return"continue";var s="".concat(se,".g").concat(n,'[id="').concat(a,'"]'),c="";void 0!==o&&o.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(i).concat(s,'{content:"').concat(c,'"}').concat(fe)},o=0;o<n;o++)a(o);return r}(a)}))}return e.registerId=function(e){return rt(e)},e.prototype.rehydrate=function(){!this.server&&de&&ut(this)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(r(r({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new ht(n):t?new dt(n):new pt(n)}(this.options),new Qe(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(rt(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(rt(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(rt(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),vt=/&/g,bt=/^\s*\/\/.*$/gm;function wt(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=wt(e.children,t)),e}))}function St(e){var t,n,r,a=void 0===e?ye:e,o=a.options,i=void 0===o?ye:o,s=a.plugins,c=void 0===s?he:s,u=function(e,r,a){return a.startsWith(n)&&a.endsWith(n)&&a.replaceAll(n,"").length>0?".".concat(t):e},l=c.slice();l.push((function(e){e.type===d&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(vt,n).replace(r,u))})),i.prefix&&l.push(ee),l.push(J);var f=function(e,a,o,s){void 0===a&&(a=""),void 0===o&&(o=""),void 0===s&&(s="&"),t=s,n=a,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(bt,""),u=te(o||a?"".concat(o," ").concat(a," { ").concat(c," }"):c);i.namespace&&(u=wt(u,i.namespace));var f,d,p,h=[];return X(u,(f=l.concat((p=function(e){return h.push(e)},function(e){e.root||(e=e.return)&&p(e)})),d=j(f),function(e,t,n,r){for(var a="",o=0;o<d;o++)a+=f[o](e,t,n,r)||"";return a})),h};return f.hash=c.length?c.reduce((function(e,t){return t.name||Je(15),je(e,t.name)}),5381).toString():"",f}var Ot=new mt,xt=St(),Pt=o.default.createContext({shouldForwardProp:void 0,styleSheet:Ot,stylis:xt}),jt=(Pt.Consumer,o.default.createContext(void 0));function Et(){return(0,o.useContext)(Pt)}function $t(e){var t=(0,o.useState)(e.stylisPlugins),n=t[0],r=t[1],a=Et().styleSheet,i=(0,o.useMemo)((function(){var t=a;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target,a]),c=(0,o.useMemo)((function(){return St({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:n})}),[e.enableVendorPrefixes,e.namespace,n]);(0,o.useEffect)((function(){s()(n,e.stylisPlugins)||r(e.stylisPlugins)}),[e.stylisPlugins]);var u=(0,o.useMemo)((function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:i,stylis:c}}),[e.shouldForwardProp,i,c]);return o.default.createElement(Pt.Provider,{value:u},o.default.createElement(jt.Provider,{value:c},e.children))}var At=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=xt);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,Xe(this,(function(){throw Je(12,String(n.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=xt),this.name+e.hash},e}(),Nt=function(e){return e>="A"&&e<="Z"};function Ct(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;Nt(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var It=function(e){return null==e||!1===e||""===e},Rt=function(e){var t,n,r=[];for(var o in e){var i=e[o];e.hasOwnProperty(o)&&!It(i)&&(Array.isArray(i)&&i.isCss||Ye(i)?r.push("".concat(Ct(o),":"),i,";"):Ze(i)?r.push.apply(r,a(a(["".concat(o," {")],Rt(i),!1),["}"],!1)):r.push("".concat(Ct(o),": ").concat((t=o,null==(n=i)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in ie||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function kt(e,t,n,r){return It(e)?[]:Ve(e)?[".".concat(e.styledComponentId)]:Ye(e)?!Ye(a=e)||a.prototype&&a.prototype.isReactComponent||!t?[e]:kt(e(t),t,n,r):e instanceof At?n?(e.inject(n,r),[e.getName(r)]):[e]:Ze(e)?Rt(e):Array.isArray(e)?Array.prototype.concat.apply(he,e.map((function(e){return kt(e,t,n,r)}))):[e.toString()];var a}function Tt(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Ye(n)&&!Ve(n))return!1}return!0}var _t=Ee(le),zt=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===n||n.isStatic)&&Tt(e),this.componentId=t,this.baseHash=je(_t,t),this.baseStyle=n,mt.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=qe(r,this.staticRulesId);else{var a=Ue(kt(this.rules,e,t,n)),o=xe(je(this.baseHash,a)>>>0);if(!t.hasNameForId(this.componentId,o)){var i=n(a,".".concat(o),void 0,this.componentId);t.insertRules(this.componentId,o,i)}r=qe(r,o),this.staticRulesId=o}else{for(var s=je(this.baseHash,n.hash),c="",u=0;u<this.rules.length;u++){var l=this.rules[u];if("string"==typeof l)c+=l;else if(l){var f=Ue(kt(l,e,t,n));s=je(s,f+u),c+=f}}if(c){var d=xe(s>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),r=qe(r,d)}}return r},e}(),Ht=o.default.createContext(void 0);Ht.Consumer;var Dt={};new Set;function Lt(e,t,n){var a=Ve(e),i=e,s=!Ne(e),c=t.attrs,u=void 0===c?he:c,l=t.componentId,f=void 0===l?function(e,t){var n="string"!=typeof e?"sc":we(e);Dt[n]=(Dt[n]||0)+1;var r="".concat(n,"-").concat($e(le+n+Dt[n]));return t?"".concat(t,"-").concat(r):r}(t.displayName,t.parentComponentId):l,d=t.displayName,p=void 0===d?function(e){return Ne(e)?"styled.".concat(e):"Styled(".concat(Ae(e),")")}(e):d,h=t.displayName&&t.componentId?"".concat(we(t.displayName),"-").concat(t.componentId):t.componentId||f,y=a&&i.attrs?i.attrs.concat(u).filter(Boolean):u,g=t.shouldForwardProp;if(a&&i.shouldForwardProp){var m=i.shouldForwardProp;if(t.shouldForwardProp){var v=t.shouldForwardProp;g=function(e,t){return m(e,t)&&v(e,t)}}else g=m}var b=new zt(n,h,a?i.componentStyle:void 0);function w(e,t){return function(e,t,n){var a=e.attrs,i=e.componentStyle,s=e.defaultProps,c=e.foldedComponentIds,u=e.styledComponentId,l=e.target,f=o.default.useContext(Ht),d=Et(),p=e.shouldForwardProp||d.shouldForwardProp,h=ge(t,f,s)||ye,y=function(e,t,n){for(var a,o=r(r({},t),{className:void 0,theme:n}),i=0;i<e.length;i+=1){var s=Ye(a=e[i])?a(o):a;for(var c in s)o[c]="className"===c?qe(o[c],s[c]):"style"===c?r(r({},o[c]),s[c]):s[c]}return t.className&&(o.className=qe(o.className,t.className)),o}(a,t,h),g=y.as||l,m={};for(var v in y)void 0===y[v]||"$"===v[0]||"as"===v||"theme"===v&&y.theme===h||("forwardedAs"===v?m.as=y.forwardedAs:p&&!p(v,g)||(m[v]=y[v]));var b=function(e,t){var n=Et();return e.generateAndInjectStyles(t,n.styleSheet,n.stylis)}(i,y),w=qe(c,u);return b&&(w+=" "+b),y.className&&(w+=" "+y.className),m[Ne(g)&&!me.has(g)?"class":"className"]=w,n&&(m.ref=n),(0,o.createElement)(g,m)}(S,e,t)}w.displayName=p;var S=o.default.forwardRef(w);return S.attrs=y,S.componentStyle=b,S.displayName=p,S.shouldForwardProp=g,S.foldedComponentIds=a?qe(i.foldedComponentIds,i.styledComponentId):"",S.styledComponentId=h,S.target=a?i.target:e,Object.defineProperty(S,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=a?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,a=t;r<a.length;r++)Ke(e,a[r],!0);return e}({},i.defaultProps,e):e}}),Xe(S,(function(){return".".concat(S.styledComponentId)})),s&&We(S,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),S}function Ft(e,t){for(var n=[e[0]],r=0,a=t.length;r<a;r+=1)n.push(t[r],e[r+1]);return n}var Bt=function(e){return Object.assign(e,{isCss:!0})};function Gt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(Ye(e)||Ze(e))return Bt(kt(Ft(he,a([e],t,!0))));var r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?kt(r):Bt(kt(Ft(r,t)))}function Mt(e,t,n){if(void 0===n&&(n=ye),!t)throw Je(1,t);var o=function(r){for(var o=[],i=1;i<arguments.length;i++)o[i-1]=arguments[i];return e(t,n,Gt.apply(void 0,a([r],o,!1)))};return o.attrs=function(a){return Mt(e,t,r(r({},n),{attrs:Array.prototype.concat(n.attrs,a).filter(Boolean)}))},o.withConfig=function(a){return Mt(e,t,r(r({},n),a))},o}var Wt=function(e){return Mt(Lt,e)},Yt=Wt;me.forEach((function(e){Yt[e]=Wt(e)}));!function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Tt(e),mt.registerId(this.componentId+1)}e.prototype.createStyles=function(e,t,n,r){var a=r(Ue(kt(this.rules,t,n,r)),""),o=this.componentId+e;n.insertRules(o,o,a)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,r){e>2&&mt.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)}}();(function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var n=lt(),r=Ue([n&&'nonce="'.concat(n,'"'),"".concat(se,'="true"'),"".concat(ue,'="').concat(le,'"')].filter(Boolean)," ");return"<style ".concat(r,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw Je(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw Je(2);var n=e.instance.toString();if(!n)return[];var a=((t={})[se]="",t[ue]=le,t.dangerouslySetInnerHTML={__html:n},t),i=lt();return i&&(a.nonce=i),[o.default.createElement("style",r({},a,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new mt({isServer:!0}),this.sealed=!1}e.prototype.collectStyles=function(e){if(this.sealed)throw Je(2);return o.default.createElement($t,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw Je(3)}})(),"__sc-".concat(se,"__")},649:(e,t,r)=>{e.exports=(e=>{var t={};return r.d(t,e),t})({Children:()=>n.Children,Fragment:()=>n.Fragment,cloneElement:()=>n.cloneElement,createElement:()=>n.createElement,default:()=>n.default,forwardRef:()=>n.forwardRef,isValidElement:()=>n.isValidElement,useContext:()=>n.useContext,useEffect:()=>n.useEffect,useMemo:()=>n.useMemo,useState:()=>n.useState})},833:e=>{e.exports=function(e,t,n,r){var a=n?n.call(r,e,t):void 0;if(void 0!==a)return!!a;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),c=0;c<o.length;c++){var u=o[c];if(!s(u))return!1;var l=e[u],f=t[u];if(!1===(a=n?n.call(r,l,f,u):void 0)||void 0===a&&l!==f)return!1}return!0}}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return a[e](n,n.exports,i),n.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.nc=void 0;var s={};i.d(s,{wb:()=>ge,Ht:()=>j,zE:()=>C,n5:()=>y,AX:()=>w,PE:()=>ge,A1:()=>j,cZ:()=>C,KL:()=>y,nb:()=>w});var c=i(649);const u=(e=>{var t={};return i.d(t,e),t})({xcn:()=>r.xcn});var l,f=i(581),d=["className","children","height","noSticky"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(null,arguments)}var h=f.Ay.div(l||(l=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n grid-area: header;\n position: sticky;\n top: 0px;\n left: 0px;\n z-index: 10;\n height: var(--layout-header-height);\n box-shadow: 0 4px 13px -3px #0000001a;\n overflow: hidden;\n"]))),y=c.default.forwardRef((function(e,t){var n=e.className,r=e.children,a=(e.height,e.noSticky,function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,d));return c.default.createElement(h,p({ref:t,className:(0,u.xcn)(["en-layout-header"],n)},a,{"data-earthnut-ui":"layout-header"}),r)}));y.displayName="LayoutHeader";var g,m=["className","width","right","full"];function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(null,arguments)}var b=f.Ay.div(g||(g=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n position: sticky;\n left: 0;\n z-index: 8;\n grid-area: side;\n overflow-x: hidden;\n overflow-y: auto;\n"]))),w=c.default.forwardRef((function(e,t){var n=e.className,r=(e.width,e.right,e.full,function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,m));return c.default.createElement(b,v({className:(0,u.xcn)("en-layout-side",n),ref:t},r,{"data-earthnut-ui":"layout-side-bar"}))}));w.displayName="LayoutSideBar";var S,O=["className"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},x.apply(null,arguments)}var P=f.Ay.main(S||(S=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n grid-area: content;\n"]))),j=c.default.forwardRef((function(e,t){var n=e.className,r=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,O);return c.default.createElement(P,x({ref:t,className:(0,u.xcn)("en-layout-main",n)},r,{"data-earthnut-ui":"layout-content"}))}));j.displayName="LayoutContent";var E,$=["className","height"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},A.apply(null,arguments)}var N=f.Ay.div(E||(E=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n grid-area: footer;\n height: var(--layout-footer-height);\n box-shadow: 0 -1px 13px 0px #0000001a;\n overflow: hidden;\n"]))),C=c.default.forwardRef((function(e,t){var n=e.className,r=(e.height,function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,$));return c.default.createElement(N,A({ref:t},r,{className:(0,u.xcn)("en-layout-footer",n),"data-earthnut-ui":"layout-footer"}))}));C.displayName="LayoutFooter";var I,R,k,T,_,z,H,D,L,F,B,G,M,W,Y,V,q,U,Z,K,X,J,Q,ee,te,ne=i(362);function re(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var ae=f.I4.div(I||(I=re(["\n position: relative;\n top: 0px;\n width: var(--layout-width);\n height: var(--layout-height);\n overflow-x: hidden;\n overflow-y: auto;\n\n ","\n // 侧边栏全屏样式\n ","\n\n // ------------------------------\n // --- 标准模式(全)与侧边栏右置(全)共用样式 ---\n // 标准模式(全)与侧边栏右置(全)\n ","\n\n // 标准模式(全) 侧边栏与内容区设置\n ","\n // 侧边栏(全) 侧边栏与内容区设置\n ","\n\n // 侧边栏 (全) 左侧全屏\n // side bar 居左全尺寸\n // side bar 值由 en-layout-side-full 控制\n ","\n \n // 标准的 side bar 居左全尺寸\n ","\n\n // side bar 居右全尺寸\n ","\n \n // ------------------------------\n // --- 标准模式(无 header)与侧边栏在右侧的无头模式共用样式 ---\n // 标准的无头模式样式、侧边栏在右侧的无头模式样式\n ","\n \n // 侧边栏(无 header )全屏\n // side bar 居左全尺寸\n // side bar 值由 en-layout-side-full 控制\n ","\n\n // 标准的 side bar 居左全尺寸\n ","\n\n // side bar 居右全尺寸\n ","\n \n // ------------------------------\n // 标准模式(无 footer)与侧边栏右置(无 footer)共用样式\n // 没有 footer\n ","\n \n\n // 标准模式(无 footer) 侧边栏与内容区设置\n ","\n\n\n// 侧边栏在右侧的无 footer 模式样式\n ","\n\n// 侧边栏 (全) 左侧全屏\n// side bar 居左全尺寸\n// side bar 值由 en-layout-side-full 控制\n","\n\n// 标准的 side bar 居左全尺寸\n ","\n\n\n // side bar 居右全尺寸\n ","\n \n // ------------------------------\n // --- 分割线 --- \n // 下面是仅头部、底部和侧边栏布局\n // 仅底部布局\n ","\n\n // 仅头部布局\n ","\n \n // 仅侧边布局\n// 标准的无头模式样式、侧边栏在右侧的无头模式样式\n// side bar 值由 en-layout-side-full 控制\n ","\n \n // 右侧侧边布局\n ","\n"])),(function(e){var t=e.$headerNoSticky,n=e.$header,r=e.$layoutType,a=e.$content,o=e.$sidebar;return t&&(0,f.AH)(R||(R=re(["\n // 头部不粘连样式,头部区域设置\n & > ."," {\n position: relative;\n z-index: 2;\n }\n\n ","\n\n ","\n "])),n,("simple-all"===r||"side-right-all"===r)&&(0,f.AH)(k||(k=re(["\n & > ."," > ."," {\n top: 0;\n min-height: calc(\n var(--layout-height) - var (--layout-footer-height) - var(--layout-header-height)\n );\n max-height: var(--layout-height);\n }\n "])),a,o),("simple-no-footer"===r||"side-right-no-footer"===r)&&(0,f.AH)(T||(T=re(["\n & > ."," {\n top: 0;\n min-height: calc(var(--layout-height) - var(--layout-footer-height));\n max-height: var(--layout-height);\n }\n "])),o))}),(function(e){var t=e.$layoutType,n=e.$sidebar;return"side-full"===t&&(0,f.AH)(_||(_=re(["\n & > ."," {\n top: 0;\n height: var(--layout-height);\n }\n "])),n)}),(function(e){var t=e.$layoutType,n=e.$content,r=e.$sidebar;return["simple-all","side-right-all"].includes(t)&&(0,f.AH)(z||(z=re(["\n // 子元素\n & > ."," {\n display: grid;\n grid-template-rows:\n calc(var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height))\n auto;\n min-height: calc(100% - var(--layout-header-height) - var(--layout-footer-height));\n\n // side bar 块保持粘连,且在 content height 不足时支撑页面\n & > ."," {\n top: var(--layout-header-height);\n min-height: calc(\n var(--layout-height) - var(--layout-header-height) - var(--layout-footer-height)\n );\n max-height: calc(var(--layout-height) - var(--layout-header-height));\n }\n }\n "])),n,r)}),(function(e){var t=e.$layoutType,n=e.$content;return["simple-all","simple-no-header"].includes(t)&&(0,f.AH)(H||(H=re(["\n & > ."," {\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'side content'\n '. content';\n }\n "])),n)}),(function(e){var t=e.$layoutType,n=e.$content;return["side-right-all","side-right-no-header"].includes(t)&&(0,f.AH)(D||(D=re(["\n & > ."," {\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'content side'\n 'content .';\n }\n "])),n)}),(function(e){var t=e.$layoutType;return["side-full-all","side-right-full-all"].includes(t)&&(0,f.AH)(L||(L=re(["\n display: grid;\n grid-template-rows: var(--layout-header-height) auto var(--layout-footer-height);\n gap: 0px;\n "])))}),(function(e){return"side-full-all"===e.$layoutType&&(0,f.AH)(F||(F=re(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'side header'\n 'side content'\n 'side footer';\n "])))}),(function(e){return"side-right-full-all"===e.$layoutType&&(0,f.AH)(B||(B=re(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'header side'\n 'content side'\n 'footer side';\n "])))}),(function(e){var t=e.$layoutType,n=e.$content,r=e.$sidebar;return["simple-no-header","side-right-no-header"].includes(t)&&(0,f.AH)(G||(G=re(["\n & > ."," {\n display: grid;\n grid-template-rows: auto;\n // side bar 块的样式\n & > ."," {\n top: 0;\n min-height: calc(var(--layout-height) - var(--layout-footer-height));\n max-height: var(--layout-height);\n }\n }\n "])),n,r)}),(function(e){var t=e.$layoutType;return["side-full-no-header","side-right-full-no-header"].includes(t)&&(0,f.AH)(M||(M=re(["\n display: grid;\n grid-template-rows: auto var(--layout-footer-height);\n gap: 0px;\n "])))}),(function(e){return"side-full-no-header"===e.$layoutType&&(0,f.AH)(W||(W=re(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'side content'\n 'side footer';\n "])))}),(function(e){return"side-right-full-no-header"===e.$layoutType&&(0,f.AH)(Y||(Y=re(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'content side'\n 'footer side';\n "])))}),(function(e){var t=e.$layoutType,n=e.$sidebar;return["simple-no-footer","side-right-no-footer"].includes(t)&&(0,f.AH)(V||(V=re(["\n display: grid;\n grid-template-rows: var(--layout-header-height) auto;\n min-height: calc(100% - var(--layout-header-height));\n gap: 0px;\n // side bar 块保持粘连,且在 content height 不足时支撑页面\n & > ."," {\n top: var(--layout-header-height);\n height: calc(var(--layout-height) - var(--layout-header-height));\n }\n "])),n)}),(function(e){return"simple-no-footer"===e.$layoutType&&(0,f.AH)(q||(q=re(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'header header'\n 'side content'\n '. content';\n "])))}),(function(e){return"side-right-no-footer"===e.$layoutType&&(0,f.AH)(U||(U=re(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'header header'\n 'content side'\n 'content .';\n "])))}),(function(e){var t=e.$layoutType,n=e.$main;return["side-full-no-footer","side-right-full-no-footer"].includes(t)&&(0,f.AH)(Z||(Z=re(["\n display: grid;\n grid-template-rows: var(--layout-header-height) auto;\n gap: 0px;\n\n // content 块\n & > ."," {\n min-height: calc(var(--layout-height) - var (--layout-header-height));\n }\n "])),n)}),(function(e){return"side-full-no-footer"===e.$layoutType&&(0,f.AH)(K||(K=re(["\n grid-template-columns: var(--layout-side-bar-width) auto;\n grid-template-areas:\n 'side header'\n 'side content';\n "])))}),(function(e){return"side-right-full-no-footer"===e.$layoutType&&(0,f.AH)(X||(X=re(["\n grid-template-columns: auto var(--layout-side-bar-width);\n grid-template-areas:\n 'header side'\n 'content side';\n "])))}),(function(e){return"only-footer"===e.$layoutType&&(0,f.AH)(J||(J=re(["\n display: grid;\n grid-template-rows: auto var(--layout-footer-height);\n grid-template-columns: 1fr;\n gap: 0px;\n grid-template-areas: 'content' 'footer';\n "])))}),(function(e){return"only-header"===e.$layoutType&&(0,f.AH)(Q||(Q=re(["\n display: grid;\n grid-template-rows: var(--layout-header-height) auto;\n grid-template-columns: 1fr;\n gap: 0px;\n grid-template-areas: 'header' 'content';\n "])))}),(function(e){var t=e.$layoutType;return["simple-only-side","side-right-only-side","side-full-only-side","side-right-full-only-side"].includes(t)&&(0,f.AH)(ee||(ee=re(["\n display: grid;\n // 纵向空间占比设置\n grid-template-rows: 100%;\n // 横向空间占比设置\n grid-template-columns: var(--layout-side-bar-width) auto;\n gap: 0px;\n grid-template-areas:\n 'side content'\n '. content';\n "])))}),(function(e){var t=e.$layoutType;return("side-right-full-only-side"===t||"side-right-only-side"===t)&&(0,f.AH)(te||(te=re(["\n grid-template-areas:\n 'content side'\n 'content .';\n grid-template-columns: auto var(--layout-side-bar-width);\n "])))}));function oe(e){return(0,ne.isNumber)(e)||parseInt(e)===Number(e)?e+"px":e||0}var ie=i(161);function se(e){return"en-"+e+"-"+(0,ie.getRandomString)({length:12,includeNumbers:!0,includeUppercaseLetters:!0})}function ce(e){"@babel/helpers - typeof";return ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ce(e)}var ue,le=["className","children","style","width","height","classes"];function fe(){return fe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},fe.apply(null,arguments)}function de(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function pe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?de(Object(n),!0).forEach((function(t){he(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):de(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function he(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=ce(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=ce(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==ce(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ye=f.Ay.div(ue||(ue=function(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n grid-area: content;\n overflow: auto;\n"]))),ge=c.forwardRef((function(e,t){var n,r,a,o,i=e.className,s=e.children,l=e.style,f=e.width,d=void 0===f?"100vw":f,p=e.height,h=void 0===p?"100vh":p,g=e.classes,m=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,le),v="simple",b=!1,S=!1,O=!1,x=!1,P=!1,E=150,$="2.8rem",A="2rem",N=!1,I=se("header"),R=se("content"),k=se("main"),T=se("sidebar"),_=se("footer");c.Children.forEach(s,(function(e){if(c.isValidElement(e))if(S||e.type!==y)if(O||e.type!==w)if(x||e.type!==j)if(x||e.type!==ge){if(!P&&e.type===C){var t=e;A=t.props.height||A,o=c.cloneElement(t,{className:(0,u.xcn)(_,t.props.className)}),P=!0}}else{var i=e;a=c.createElement(ye,{"data-earthnut-ui":"layout-content",className:(0,u.xcn)(k,"en-layout-main")},i),x=!0}else{var s=e;a=c.cloneElement(s,{className:(0,u.xcn)(k,s.props.className)}),x=!0}else{var l=e,f=l.props;E=f.width||E,v=f.right&&f.full?"side-right-full":f.right?"side-right":f.full?"side-full":"simple",N=(0,ne.isTrue)(f.full),r=c.cloneElement(l,{className:(0,u.xcn)(T,l.props.className)}),O=!0}else{var d,p=e,h=p.props;$=h.height||$,b=null!==(d=h.noSticky)&&void 0!==d&&d,n=c.cloneElement(p,{className:(0,u.xcn)(I,p.props.className)}),S=!0}}));var z=S&&O&&x&&P&&"".concat(v,"-all")||S&&x&&O&&"".concat(v,"-no-footer")||O&&x&&P&&"".concat(v,"-no-header")||x&&P&&"only-footer"||x&&S&&"only-header"||x&&O&&(N=!0)&&"".concat(v,"-only-side")||"simple",H=pe({layoutHeight:d,layoutWith:h,sideBarWidth:E,headerHeight:$,footerHeight:A},m.theme||{}),D=/side.*full/.test(v);return c.createElement(ae,fe({ref:t,$headerNoSticky:b,$layoutType:z,$header:I,$sidebar:T,$main:k,$content:R,$footer:_,className:(0,u.xcn)(N&&"en-layout-side-full","en-layout-".concat(z),i,g),style:pe({"--layout-width":oe(d),"--layout-height":oe(h),"--layout-side-bar-width":oe(E),"--layout-header-height":oe($),"--layout-footer-height":oe(A)},l),theme:H},m,{"data-earthnut-ui":"layout"}),D?c.createElement(c.Fragment,null,r,n,a,o):c.createElement(c.Fragment,null,n,P?c.createElement("div",{className:(0,u.xcn)(R),"data-earthnut-ui":"layout-with-foot-content"},r,a):c.createElement(c.Fragment,null,r,a),o))}));ge.displayName="Layout";const me=s.wb,ve=s.Ht,be=s.zE,we=s.n5,Se=s.AX,Oe=s.PE,xe=s.A1,Pe=s.cZ,je=s.KL,Ee=s.nb;export{me as EnLayout,ve as EnLayoutContent,be as EnLayoutFooter,we as EnLayoutHeader,Se as EnLayoutSideBar,Oe as Layout,xe as LayoutContent,Pe as LayoutFooter,je as LayoutHeader,Ee as LayoutSideBar};
|
package/README.md
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
# 花生亻 ui
|
|
2
|
-
|
|
3
|
-
嗯,姑且称之为 ui 吧
|
|
4
|
-
|
|
5
|
-
## 安装
|
|
6
|
-
|
|
7
|
-
```sh
|
|
8
|
-
npm install --save earthnut
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## 涟漪背景
|
|
12
|
-
|
|
13
|
-
由于当前组件的开发进度较缓慢,目前:
|
|
14
|
-
|
|
15
|
-
- 尽管接受所有的 style 属性,但是 `position` 还是期待是非 'static' 值,否则将影响涟漪背景的渲染位置和显示状态;
|
|
16
|
-
- 当前如果设置了 `background` 的话,有可能在恢复时使得其覆盖其他子属性;
|
|
17
|
-
- 当前期待使用 `background-color` 设置背景色,而不是在上面的 `background` 中设置背景色。譬如:`background-color: #f0f6;`
|
|
18
|
-
- 当前更期待使用配置参数 `option` 的 'imgUrl' 来配置目标背景图(请注意图源的跨域问题)。譬如:`imgUrl: 'background.png'`
|
|
19
|
-
- 当然,也可以使用标准的 `background-image` 配置符合要求的背景图片(目前仅支持单张图配置)。譬如:`background-image: url(background.png);`
|
|
20
|
-
- 当前可配置 `background-image` 为渐变色,但仅支持从上到下的线性渐变(仅支持单渐变)。譬如: `background-image: linear-gradient(black, transparent);`
|
|
21
|
-
- 在同时配置了 `imgUrl`、`background-image`、`background-color` 时仅会显示一个效果(混合效果暂时并未实现)。优先展示 `imgUrl`,然后是 `background-image`,之后是 `background-color` 。如果都未设置则会展示默认的老式地板砖背景图
|
|
22
|
-
- 尽量不要是使用透明色或是当前的主背景色,否则导致涟漪的效果不明显
|
|
23
|
-
|
|
24
|
-
切换背景最好不好通过设置
|
|
25
|
-
|
|
26
|
-
## 文档
|
|
27
|
-
|
|
28
|
-
参阅 [earthnut](https://earthnut.dev/)
|
package/components/index.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { EnLayoutContentProps } from './types';
|
|
2
|
-
/** 元始的外壳 */
|
|
3
|
-
export declare const EnLayoutContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EnLayoutContentProps>> & string;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
*
|
|
4
|
-
* layout content
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* @param {string} className 布局的类名
|
|
8
|
-
*
|
|
9
|
-
*/
|
|
10
|
-
declare const InternalValueC: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
-
export { InternalValueC };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { LayoutFooterProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
*
|
|
5
|
-
* layout footer
|
|
6
|
-
*
|
|
7
|
-
* 布局底部
|
|
8
|
-
*
|
|
9
|
-
* @param className 自定义类名
|
|
10
|
-
* @param height 自定义高度
|
|
11
|
-
* @param props 其他属性
|
|
12
|
-
* @returns React.ReactElement
|
|
13
|
-
*
|
|
14
|
-
*/
|
|
15
|
-
declare const InternalValueF: React.ForwardRefExoticComponent<LayoutFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
-
export { InternalValueF };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { LayoutHeaderProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
*
|
|
5
|
-
* layout header
|
|
6
|
-
*
|
|
7
|
-
* 布局头部
|
|
8
|
-
*
|
|
9
|
-
* @param className 自定义类名
|
|
10
|
-
* @param height 高度
|
|
11
|
-
* 缺省值为 2.8rem,当未在 `Layout` 中使用,该值不起作用
|
|
12
|
-
* @param noSticky 是否取消悬挂粘连
|
|
13
|
-
* 缺省值为 false
|
|
14
|
-
* @param props 其他属性
|
|
15
|
-
* @returns React.ReactElement
|
|
16
|
-
*/
|
|
17
|
-
declare const InternalValueH: React.ForwardRefExoticComponent<LayoutHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
export { InternalValueH };
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export { Layout, Layout as EnLayout, LayoutContent, LayoutContent as EnLayoutContent, LayoutHeader, LayoutHeader as EnLayoutHeader, LayoutFooter, LayoutFooter as EnLayoutFooter, LayoutSideBar, LayoutSideBar as EnLayoutSideBar, } from './layout';
|
|
2
|
-
export type { LayoutProps, LayoutSideBarProps, LayoutHeaderProps, LayoutFooterProps, } from './types';
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { InternalValueH as LayoutHeader } from './header';
|
|
3
|
-
import { InternalValueS as LayoutSideBar } from './sideBar';
|
|
4
|
-
import { InternalValueC as LayoutContent } from './content';
|
|
5
|
-
import { InternalValueF as LayoutFooter } from './footer';
|
|
6
|
-
import { LayoutProps } from './types';
|
|
7
|
-
/**
|
|
8
|
-
*
|
|
9
|
-
* ## layout
|
|
10
|
-
*
|
|
11
|
-
* 布局组件,用于构建页面布局。
|
|
12
|
-
*
|
|
13
|
-
* ***为了照顾在 next.js 中的服务端组件中使用,在拥有 `side bar` 时 `Layout` 的 `height` 为百分比时会触发 side bar 滚动***
|
|
14
|
-
*
|
|
15
|
-
* @param {string} className 布局的类名
|
|
16
|
-
* @param {React.CSSProperties} style 布局的样式
|
|
17
|
-
* @param {string | number} width 布局的宽
|
|
18
|
-
* @param {string | number} height 布局的高
|
|
19
|
-
* @example
|
|
20
|
-
*
|
|
21
|
-
* ```jsx
|
|
22
|
-
* <Layout>
|
|
23
|
-
* <LayoutHeader> 头部 </LayoutHeader>
|
|
24
|
-
* <LayoutSideBar> 侧边栏 </LayoutSideBar>
|
|
25
|
-
* <LayoutContent> 内容区 </LayoutContent>
|
|
26
|
-
* <LayoutFooter> 页脚 </LayoutFooter>
|
|
27
|
-
* </Layout>
|
|
28
|
-
*
|
|
29
|
-
* ```
|
|
30
|
-
*
|
|
31
|
-
* 该组件仅接受 `LayoutHeader`、`LayoutSideBar`、`LayoutContent` 和 `LayoutFooter` 作为(直接)子组件。
|
|
32
|
-
*
|
|
33
|
-
* 可任意搭配使用,但不推荐使用无 `LayoutContent` 使用。
|
|
34
|
-
*
|
|
35
|
-
* 目前已知当 `Layout` 嵌套 `Layout` 时,需要设定内部 `Layout` 的 `width` 和 `height`。
|
|
36
|
-
*
|
|
37
|
-
* ```jsx
|
|
38
|
-
* <Layout width="100%" height="100%">
|
|
39
|
-
* <Layout width="100%" height="100%">
|
|
40
|
-
* <LayoutSideBar width="150px"> 侧边栏 </LayoutSideBar>
|
|
41
|
-
* <LayoutContent> 内容区 </LayoutContent>
|
|
42
|
-
* </Layout>
|
|
43
|
-
* <LayoutFooter> 页脚 </LayoutFooter>
|
|
44
|
-
* </Layout>
|
|
45
|
-
* ```
|
|
46
|
-
*
|
|
47
|
-
*
|
|
48
|
-
*/
|
|
49
|
-
declare const Layout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;
|
|
50
|
-
export { Layout, LayoutHeader, LayoutSideBar, LayoutContent, LayoutFooter };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { LayoutSideBarProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
*
|
|
5
|
-
* children side bar
|
|
6
|
-
*
|
|
7
|
-
* 侧边栏
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* @param children 子元素
|
|
11
|
-
* @param ref 组件引用
|
|
12
|
-
* @param props 组件属性
|
|
13
|
-
* @param className 自定义类名
|
|
14
|
-
* @param width 侧边栏的宽度
|
|
15
|
-
* 缺省值为 `150px`
|
|
16
|
-
* @param right 是否居右
|
|
17
|
-
* 缺省值为 `false`
|
|
18
|
-
* @param full 是否占用所有空间
|
|
19
|
-
* 缺省值为 `false`
|
|
20
|
-
* @returns `React.ReactElement`;
|
|
21
|
-
*
|
|
22
|
-
*/
|
|
23
|
-
declare const InternalValueS: React.ForwardRefExoticComponent<LayoutSideBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
-
export { InternalValueS };
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 布局
|
|
3
|
-
*/
|
|
4
|
-
export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
classes?: string | string[];
|
|
6
|
-
/** 样式 */
|
|
7
|
-
style?: React.CSSProperties;
|
|
8
|
-
/** 布局的 */
|
|
9
|
-
/**
|
|
10
|
-
* 布局的宽
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* 缺省值为 100vw
|
|
14
|
-
*/
|
|
15
|
-
width?: string | number;
|
|
16
|
-
/**
|
|
17
|
-
* 布局可视界面的高
|
|
18
|
-
*
|
|
19
|
-
* 用于限制 side bar 的高度
|
|
20
|
-
*
|
|
21
|
-
* 缺省值为 100vh
|
|
22
|
-
*
|
|
23
|
-
* 为具体值。当为 100% 时 side bar 渲染不正确
|
|
24
|
-
*/
|
|
25
|
-
height?: string | number;
|
|
26
|
-
/** 其他的组件样式 */
|
|
27
|
-
theme?: LayoutTheme;
|
|
28
|
-
}
|
|
29
|
-
/** 侧边 sideBar 的参数 */
|
|
30
|
-
export interface LayoutSideBarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
31
|
-
classes?: string | string[];
|
|
32
|
-
/**
|
|
33
|
-
* 侧边栏的宽度
|
|
34
|
-
*
|
|
35
|
-
* 缺省值为 150
|
|
36
|
-
*/
|
|
37
|
-
width?: number | string;
|
|
38
|
-
/**
|
|
39
|
-
* 是否居右
|
|
40
|
-
*
|
|
41
|
-
* 缺省值为 false
|
|
42
|
-
*/
|
|
43
|
-
right?: boolean;
|
|
44
|
-
/**
|
|
45
|
-
* 是否占用所有空间
|
|
46
|
-
*
|
|
47
|
-
* 缺省值为 false
|
|
48
|
-
*/
|
|
49
|
-
full?: boolean;
|
|
50
|
-
}
|
|
51
|
-
/** Header 的 props */
|
|
52
|
-
export interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
53
|
-
classes?: string | string[];
|
|
54
|
-
/**
|
|
55
|
-
* header 的高度
|
|
56
|
-
*
|
|
57
|
-
* 缺省值为 2.8rem
|
|
58
|
-
*/
|
|
59
|
-
height?: number | string;
|
|
60
|
-
/**
|
|
61
|
-
* 是否取消悬挂粘连
|
|
62
|
-
*
|
|
63
|
-
* 缺省值为 false
|
|
64
|
-
*/
|
|
65
|
-
noSticky?: boolean;
|
|
66
|
-
}
|
|
67
|
-
/** 脚组件的参数类型 */
|
|
68
|
-
export interface LayoutFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
69
|
-
classes?: string | string[];
|
|
70
|
-
/**
|
|
71
|
-
* footer 的高度
|
|
72
|
-
*
|
|
73
|
-
* 缺省值为 2rem
|
|
74
|
-
*/
|
|
75
|
-
height?: number | string;
|
|
76
|
-
}
|
|
77
|
-
/** 定义布局主题类型 */
|
|
78
|
-
export interface LayoutTheme {
|
|
79
|
-
/** 组件的宽 */
|
|
80
|
-
layoutWith: string | number;
|
|
81
|
-
/** 组件的高 */
|
|
82
|
-
layoutHeight: string | number;
|
|
83
|
-
/** 侧边的宽 */
|
|
84
|
-
sideBarWidth: string | number;
|
|
85
|
-
/** 头部的高 */
|
|
86
|
-
headerHeight: string | number;
|
|
87
|
-
/** 底部的高 */
|
|
88
|
-
footerHeight: string | number;
|
|
89
|
-
}
|
|
90
|
-
/** 可使用的样式类型 */
|
|
91
|
-
export type EnLayoutContentType = 'simple' | 'only-footer' | 'only-header' | 'side-full' | 'side-right-full-all' | 'side-right-full-no-footer' | 'side-right-full-no-header' | 'side-right-full-only-side' | 'side-right-all' | 'side-right-no-footer' | 'side-right-no-header' | 'side-right-only-side' | 'side-full-all' | 'side-full-no-footer' | 'side-full-no-header' | 'side-full-only-side' | 'simple-all' | 'simple-no-footer' | 'simple-no-header' | 'simple-only-side';
|
|
92
|
-
/** 组件的样式 */
|
|
93
|
-
export interface EnLayoutContentProps {
|
|
94
|
-
$header: string;
|
|
95
|
-
$content: string;
|
|
96
|
-
$sidebar: string;
|
|
97
|
-
$footer: string;
|
|
98
|
-
$main: string;
|
|
99
|
-
$headerNoSticky: boolean;
|
|
100
|
-
$layoutType: EnLayoutContentType;
|
|
101
|
-
}
|
|
File without changes
|
|
File without changes
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BackgroundRipplesProps } from '../../customHooks/useRipples/types';
|
|
3
|
-
import { RippleEle } from './types';
|
|
4
|
-
/**
|
|
5
|
-
*
|
|
6
|
-
* ### 一个 ripple 背景组件
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* *需要为该组件或父组件设置背景,否则即便的渲染了,效果不明显*
|
|
10
|
-
*
|
|
11
|
-
* 参数 props 属性:
|
|
12
|
-
* - children 内嵌的 ReactNode
|
|
13
|
-
* - style 更改显示的样式
|
|
14
|
-
* - option 初始化 ripples 的原始数据
|
|
15
|
-
* @param props 使用参数
|
|
16
|
-
* @version 0.0.1
|
|
17
|
-
* @see https://earthnut.dev/earthnut/background-ripple
|
|
18
|
-
* @example
|
|
19
|
-
* 使用:
|
|
20
|
-
*
|
|
21
|
-
* ```ts
|
|
22
|
-
* import { BackgroundRipple } from 'earthnut/BackgroundRipple';
|
|
23
|
-
* // 也可以全量导入
|
|
24
|
-
* // import { BackgroundRipple } from 'earthnut';
|
|
25
|
-
* ...
|
|
26
|
-
* const animationFrameId = useAnimationFrame();
|
|
27
|
-
*
|
|
28
|
-
* return <BackgroundRipple>
|
|
29
|
-
* ...
|
|
30
|
-
* </BackgroundRipple>
|
|
31
|
-
* ```
|
|
32
|
-
*
|
|
33
|
-
*/
|
|
34
|
-
declare const BackgroundRipple: React.ForwardRefExoticComponent<BackgroundRipplesProps & React.RefAttributes<RippleEle>>;
|
|
35
|
-
export { BackgroundRipple };
|
package/customHooks/index.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { useInputIsComposing } from './useInputIsComposing';
|
|
2
|
-
export { useTimeId } from './useTimeId';
|
|
3
|
-
export { useAnimationFrameId } from './useAnimationFrame';
|
|
4
|
-
export { useRipples } from './useRipples/index';
|
|
5
|
-
export type { Ripples, BackgroundRipplesProps, RipplesOptions } from './useRipples/index';
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/****************************************************************************
|
|
2
|
-
* @Author earthnut
|
|
3
|
-
* @Email earthnut.dev@outlook.com
|
|
4
|
-
* @ProjectName earthnut
|
|
5
|
-
* @FilePath /src/customHooks/useAnimationFrame.ts
|
|
6
|
-
* @FileName useAnimationFrame.ts
|
|
7
|
-
* @CreateDate 周二 01/07/2025
|
|
8
|
-
* @Description 使用 animationFrame
|
|
9
|
-
****************************************************************************/
|
|
10
|
-
/**
|
|
11
|
-
*
|
|
12
|
-
* ### 导出一个使用 `useRef` 创建的 `number`
|
|
13
|
-
*
|
|
14
|
-
* 该数值在组件卸载时会自动调用 `window.cancelAnimationFrame` 清理
|
|
15
|
-
* @description 一个接收 `window.requestAnimationFrame` 的返回值的 `ref`
|
|
16
|
-
* @returns <React.RefObject: number>
|
|
17
|
-
* @version 0.0.3
|
|
18
|
-
* @see https://earthnut.dev/use-animation-frame
|
|
19
|
-
* @example
|
|
20
|
-
* 使用:
|
|
21
|
-
*
|
|
22
|
-
* ```ts
|
|
23
|
-
* import { useAnimationFrame } from 'earthnut/useAnimationFrame';
|
|
24
|
-
* // 也可以全量导入
|
|
25
|
-
* // import { useAnimationFrame } from 'earthnut';
|
|
26
|
-
* ...
|
|
27
|
-
* const animationFrameId = useAnimationFrame();
|
|
28
|
-
*
|
|
29
|
-
* function performAction(time?: number){
|
|
30
|
-
* useAnimationFrame.current = window.requestAnimationFrame(performAction);
|
|
31
|
-
* ...
|
|
32
|
-
* }
|
|
33
|
-
*
|
|
34
|
-
* useEffect(()=>{
|
|
35
|
-
* animationFrameId.current = window.requestAnimationFrame(performAction);
|
|
36
|
-
* });
|
|
37
|
-
* ...
|
|
38
|
-
*
|
|
39
|
-
* ```
|
|
40
|
-
*
|
|
41
|
-
*/
|
|
42
|
-
export declare function useAnimationFrameId(): React.RefObject<number>;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/****************************************************************************
|
|
2
|
-
* @Author earthnut
|
|
3
|
-
* @Email earthnut.dev@outlook.com
|
|
4
|
-
* @ProjectName earthnut
|
|
5
|
-
* @FilePath /src/customHooks/useAnimationFrame.ts
|
|
6
|
-
* @FileName useInputIsComposing.ts
|
|
7
|
-
* @CreateDate 周二 01/07/2025
|
|
8
|
-
* @Description 使用输入框是否完成输入状态
|
|
9
|
-
****************************************************************************/
|
|
10
|
-
/**
|
|
11
|
-
*
|
|
12
|
-
* ### 导出一个使用 `useRef` 创建的 `boolean`
|
|
13
|
-
*
|
|
14
|
-
* *由于是包裹在 React.RefObject 之中,判断时务必使用 `isComposing.current` 进行判断*
|
|
15
|
-
* @description 用于判断当前的输入状态是否结束
|
|
16
|
-
* @param inputRef [React.RefObject<HTMLInputElement | HTMLTextAreaElement>] 输入框的 ref
|
|
17
|
-
* @returns React.RefObject<boolean>
|
|
18
|
-
* @version 0.0.4
|
|
19
|
-
* @see https://earthnut.dev/use-input-is-composing
|
|
20
|
-
* @example
|
|
21
|
-
*
|
|
22
|
-
* 使用:
|
|
23
|
-
*
|
|
24
|
-
* ```ts
|
|
25
|
-
* import { useInputIsComposing } from 'earthnut/useInputIsComposing';
|
|
26
|
-
* // 也可以全量导入
|
|
27
|
-
* // import { useInputIsComposing } from 'earthnut';
|
|
28
|
-
* ...
|
|
29
|
-
* const inputRef = useRef<HTMLInputElement>(null);
|
|
30
|
-
*
|
|
31
|
-
* const inputIsComposing = useInputIsComposing(inputRef);
|
|
32
|
-
* ...
|
|
33
|
-
* function enterDown()(e: React.KeyboardEvent<HTMLInputElement>) {
|
|
34
|
-
* if (e.key === 'Enter') {
|
|
35
|
-
* if (isComposing.current) {
|
|
36
|
-
* console.log("此时此景,按回车键说明为了从候选词中挑选");
|
|
37
|
-
* } else
|
|
38
|
-
* console.log("输入完毕,敲回车是为了看一些开发者是否绑定了其他事件");
|
|
39
|
-
* }
|
|
40
|
-
* }
|
|
41
|
-
* ...
|
|
42
|
-
* <input type="text" onKeyDown={enterDown} />
|
|
43
|
-
* ...
|
|
44
|
-
* ```
|
|
45
|
-
*/
|
|
46
|
-
export declare function useInputIsComposing(inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>): React.RefObject<boolean>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/** 圆数据 */
|
|
2
|
-
export declare const circleDataList: {
|
|
3
|
-
/** 计数器 */
|
|
4
|
-
"__#1@#cum": number;
|
|
5
|
-
/** 构建新的数据依据 */
|
|
6
|
-
build(): void;
|
|
7
|
-
/** 数据依据 */
|
|
8
|
-
data: {
|
|
9
|
-
/** 数据 */
|
|
10
|
-
list: [number, number, number, number][][];
|
|
11
|
-
/** 直径 */
|
|
12
|
-
diameter: number;
|
|
13
|
-
/** 半径 */
|
|
14
|
-
radius: number;
|
|
15
|
-
/** 晶格数 */
|
|
16
|
-
cells: number;
|
|
17
|
-
};
|
|
18
|
-
};
|