@swiftcrab/crab 0.0.5 → 0.0.6

package/es/spin/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./Indicator/index.js";import n from"./style/index.js";import r from"./usePercent.js";import*as i from"react";import a from"classnames";import{debounce as o}from"throttle-debounce";let s;function c(e,t){return!!e&&!!t&&!isNaN(Number(t))}const l=l=>{let{prefixCls:u,spinning:d=!0,delay:f=0,className:p,rootClassName:m,size:h=`default`,tip:g,wrapperClassName:_,style:v,children:y,fullscreen:b=!1,indicator:x,percent:S,...C}=l,{getPrefixCls:w,direction:T,spin:E}=i.useContext(e),D=w(`spin`,u),[O,k,A]=n(D),[j,M]=i.useState(()=>d&&!c(d,f)),N=r(j,S);i.useEffect(()=>{if(d){let e=o(f,()=>{M(!0)});return e(),()=>{e?.cancel?.()}}M(!1)},[f,d]);let P=i.useMemo(()=>y!==void 0&&!b,[y,b]),F=a(D,E?.className,{[`${D}-sm`]:h===`small`,[`${D}-lg`]:h===`large`,[`${D}-spinning`]:j,[`${D}-show-text`]:!!g,[`${D}-rtl`]:T===`rtl`},p,!b&&m,k,A),I=a(`${D}-container`,{[`${D}-blur`]:j}),L=x??E?.indicator??s,R={...E?.style,...v},z=i.createElement(`div`,{...C,style:R,className:F,"aria-live":`polite`,"aria-busy":j},i.createElement(t,{prefixCls:D,indicator:L,percent:N}),g&&(P||b)?i.createElement(`div`,{className:`${D}-text`},g):null);return O(P?i.createElement(`div`,{...C,className:a(`${D}-nested-loading`,_,k,A)},j&&i.createElement(`div`,{key:`loading`},z),i.createElement(`div`,{className:I,key:`container`},y)):b?i.createElement(`div`,{className:a(`${D}-fullscreen`,{[`${D}-fullscreen-show`]:j},m,k,A)},z):z)};l.setDefaultIndicator=e=>{s=e};export{l as default};

package/es/spin/style/index.d.ts

@@ -0,0 +1,29 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/spin/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 内容区域高度
+   * @descEN Height of content area
+   */
+  contentHeight: number | string;
+  /**
+   * @desc 加载图标尺寸
+   * @descEN Loading icon size
+   */
+  dotSize: number;
+  /**
+   * @desc 小号加载图标尺寸
+   * @descEN Small loading icon size
+   */
+  dotSizeSM: number;
+  /**
+   * @desc 大号加载图标尺寸
+   * @descEN Large loading icon size
+   */
+  dotSizeLG: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Spin'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/spin/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import{mergeToken as n}from"../../theme/internal.js";import{Keyframes as r}from"@ant-design/cssinjs";const i=new r(`antSpinMove`,{to:{opacity:1}}),a=new r(`antRotate`,{to:{transform:`rotate(405deg)`}}),o=t=>{let{componentCls:n,calc:r}=t;return{[n]:{...e(t),position:`absolute`,display:`none`,color:t.colorPrimary,fontSize:0,textAlign:`center`,verticalAlign:`middle`,opacity:0,transition:`transform ${t.motionDurationSlow} ${t.motionEaseInOutCirc}`,"&-spinning":{position:`relative`,display:`inline-block`,opacity:1},[`${n}-text`]:{fontSize:t.fontSize,paddingTop:r(r(t.dotSize).sub(t.fontSize)).div(2).add(2).equal()},"&-fullscreen":{position:`fixed`,width:`100vw`,height:`100vh`,backgroundColor:t.colorBgMask,zIndex:t.zIndexPopupBase,inset:0,display:`flex`,alignItems:`center`,flexDirection:`column`,justifyContent:`center`,opacity:0,visibility:`hidden`,transition:`all ${t.motionDurationMid}`,"&-show":{opacity:1,visibility:`visible`},[n]:{[`${n}-dot-holder`]:{color:t.colorWhite},[`${n}-text`]:{color:t.colorTextLightSolid}}},"&-nested-loading":{position:`relative`,[`> div > ${n}`]:{position:`absolute`,top:0,insetInlineStart:0,zIndex:4,display:`block`,width:`100%`,height:`100%`,maxHeight:t.contentHeight,[`${n}-dot`]:{position:`absolute`,top:`50%`,insetInlineStart:`50%`,margin:r(t.dotSize).mul(-1).div(2).equal()},[`${n}-text`]:{position:`absolute`,top:`50%`,width:`100%`,textShadow:`0 1px 2px ${t.colorBgContainer}`},[`&${n}-show-text ${n}-dot`]:{marginTop:r(t.dotSize).div(2).mul(-1).sub(10).equal()},"&-sm":{[`${n}-dot`]:{margin:r(t.dotSizeSM).mul(-1).div(2).equal()},[`${n}-text`]:{paddingTop:r(r(t.dotSizeSM).sub(t.fontSize)).div(2).add(2).equal()},[`&${n}-show-text ${n}-dot`]:{marginTop:r(t.dotSizeSM).div(2).mul(-1).sub(10).equal()}},"&-lg":{[`${n}-dot`]:{margin:r(t.dotSizeLG).mul(-1).div(2).equal()},[`${n}-text`]:{paddingTop:r(r(t.dotSizeLG).sub(t.fontSize)).div(2).add(2).equal()},[`&${n}-show-text ${n}-dot`]:{marginTop:r(t.dotSizeLG).div(2).mul(-1).sub(10).equal()}}},[`${n}-container`]:{position:`relative`,transition:`opacity ${t.motionDurationSlow}`,"&::after":{position:`absolute`,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0,zIndex:10,width:`100%`,height:`100%`,background:t.colorBgContainer,opacity:0,transition:`all ${t.motionDurationSlow}`,content:`""`,pointerEvents:`none`}},[`${n}-blur`]:{clear:`both`,opacity:.5,userSelect:`none`,pointerEvents:`none`,"&::after":{opacity:.4,pointerEvents:`auto`}}},"&-tip":{color:t.spinDotDefault},[`${n}-dot-holder`]:{width:`1em`,height:`1em`,fontSize:t.dotSize,display:`inline-block`,transition:`transform ${t.motionDurationSlow} ease, opacity ${t.motionDurationSlow} ease`,transformOrigin:`50% 50%`,lineHeight:1,color:t.colorPrimary,"&-hidden":{transform:`scale(0.3)`,opacity:0}},[`${n}-dot-progress`]:{position:`absolute`,top:`50%`,transform:`translate(-50%, -50%)`,insetInlineStart:`50%`},[`${n}-dot`]:{position:`relative`,display:`inline-block`,fontSize:t.dotSize,width:`1em`,height:`1em`,"&-item":{position:`absolute`,display:`block`,width:r(t.dotSize).sub(r(t.marginXXS).div(2)).div(2).equal(),height:r(t.dotSize).sub(r(t.marginXXS).div(2)).div(2).equal(),background:`currentColor`,borderRadius:`100%`,transform:`scale(0.75)`,transformOrigin:`50% 50%`,opacity:.3,animationName:i,animationDuration:`1s`,animationIterationCount:`infinite`,animationTimingFunction:`linear`,animationDirection:`alternate`,"&:nth-child(1)":{top:0,insetInlineStart:0,animationDelay:`0s`},"&:nth-child(2)":{top:0,insetInlineEnd:0,animationDelay:`0.4s`},"&:nth-child(3)":{insetInlineEnd:0,bottom:0,animationDelay:`0.8s`},"&:nth-child(4)":{bottom:0,insetInlineStart:0,animationDelay:`1.2s`}},"&-spin":{transform:`rotate(45deg)`,animationName:a,animationDuration:`1.2s`,animationIterationCount:`infinite`,animationTimingFunction:`linear`},"&-circle":{strokeLinecap:`round`,transition:[`stroke-dashoffset`,`stroke-dasharray`,`stroke`,`stroke-width`,`opacity`].map(e=>`${e} ${t.motionDurationSlow} ease`).join(`,`),fillOpacity:0,stroke:`currentcolor`},"&-circle-bg":{stroke:t.colorFillSecondary}},[`&-sm ${n}-dot`]:{"&, &-holder":{fontSize:t.dotSizeSM}},[`&-sm ${n}-dot-holder`]:{i:{width:r(r(t.dotSizeSM).sub(r(t.marginXXS).div(2))).div(2).equal(),height:r(r(t.dotSizeSM).sub(r(t.marginXXS).div(2))).div(2).equal()}},[`&-lg ${n}-dot`]:{"&, &-holder":{fontSize:t.dotSizeLG}},[`&-lg ${n}-dot-holder`]:{i:{width:r(r(t.dotSizeLG).sub(t.marginXXS)).div(2).equal(),height:r(r(t.dotSizeLG).sub(t.marginXXS)).div(2).equal()}},[`&${n}-show-text ${n}-text`]:{display:`block`}}}},s=e=>{let{controlHeightLG:t,controlHeight:n}=e;return{contentHeight:400,dotSize:t/2,dotSizeSM:t*.35,dotSizeLG:n}};var c=t(`Spin`,e=>{let t=n(e,{spinDotDefault:e.colorTextDescription});return[o(t)]},s);export{c as default,s as prepareComponentToken};

package/es/spin/usePercent.d.ts

@@ -0,0 +1,3 @@
+//#region components/spin/usePercent.d.ts
+export default function usePercent(spinning: boolean, percent?: number | 'auto'): number | undefined;
+//#endregion

package/es/spin/usePercent.js

@@ -0,0 +1 @@
+import*as e from"react";const t=[[30,.05],[70,.03],[96,.01]];function n(n,r){let[i,a]=e.useState(0),o=e.useRef(null),s=r===`auto`;return e.useEffect(()=>(s&&n&&(a(0),o.current=setInterval(()=>{a(e=>{let n=100-e;for(let r=0;r<t.length;r+=1){let[i,a]=t[r];if(e<=i)return e+n*a}return e})},200)),()=>{clearInterval(o.current)}),[s,n]),s?i:r}export{n as default};

package/es/splitter/Panel.d.ts

@@ -0,0 +1,9 @@
+import { InternalPanelProps, PanelProps } from "./interface.js";
+import React from "react";
+//#region components/splitter/Panel.d.ts
+export declare const InternalPanel: React.ForwardRefExoticComponent<InternalPanelProps & {
+  children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const Panel: React.FC<React.PropsWithChildren<PanelProps>>;
+//#endregion
+export { Panel as default };

package/es/splitter/Panel.js

@@ -0,0 +1 @@
+import e,{forwardRef as t}from"react";import n from"classnames";const r=t((t,r)=>{let{prefixCls:i,className:a,children:o,size:s,style:c={}}=t,l=n(`${i}-panel`,{[`${i}-panel-hidden`]:s===0},a),u=s!==void 0;return e.createElement(`div`,{ref:r,className:l,style:{...c,flexBasis:u?s:`auto`,flexGrow:+!u}},o)}),i=()=>null;export{r as InternalPanel,i as default};

package/es/splitter/SplitBar.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+//#region components/splitter/SplitBar.d.ts
+export interface SplitBarProps {
+  index: number;
+  active: boolean;
+  prefixCls: string;
+  resizable: boolean;
+  startCollapsible: boolean;
+  endCollapsible: boolean;
+  onOffsetStart: (index: number) => void;
+  onOffsetUpdate: (index: number, offsetX: number, offsetY: number) => void;
+  onOffsetEnd: VoidFunction;
+  onCollapse: (index: number, type: 'start' | 'end') => void;
+  vertical: boolean;
+  ariaNow: number;
+  ariaMin: number;
+  ariaMax: number;
+}
+declare const SplitBar: React.FC<SplitBarProps>;
+//#endregion
+export { SplitBar as default };

package/es/splitter/SplitBar.js

@@ -0,0 +1 @@
+import e,{useState as t}from"react";import n from"classnames";import r from"@ant-design/icons/RightOutlined";import i from"@ant-design/icons/DownOutlined";import a from"@ant-design/icons/LeftOutlined";import o from"@ant-design/icons/UpOutlined";function s(e){return typeof e==`number`&&!Number.isNaN(e)?Math.round(e):0}const c=c=>{let{prefixCls:l,vertical:u,index:d,active:f,ariaNow:p,ariaMin:m,ariaMax:h,resizable:g,startCollapsible:_,endCollapsible:v,onOffsetStart:y,onOffsetUpdate:b,onOffsetEnd:x,onCollapse:S}=c,C=`${l}-bar`,[w,T]=t(null),E=e=>{g&&e.currentTarget&&(T([e.pageX,e.pageY]),y(d))},D=e=>{if(g&&e.touches.length===1){let t=e.touches[0];T([t.pageX,t.pageY]),y(d)}};e.useEffect(()=>{if(w){let e=e=>{let{pageX:t,pageY:n}=e,r=t-w[0],i=n-w[1];b(d,r,i)},t=()=>{T(null),x()},n=e=>{if(e.touches.length===1){let t=e.touches[0],n=t.pageX-w[0],r=t.pageY-w[1];b(d,n,r)}},r=()=>{T(null),x()};return window.addEventListener(`touchmove`,n),window.addEventListener(`touchend`,r),window.addEventListener(`mousemove`,e),window.addEventListener(`mouseup`,t),()=>{window.removeEventListener(`mousemove`,e),window.removeEventListener(`mouseup`,t),window.removeEventListener(`touchmove`,n),window.removeEventListener(`touchend`,r)}}},[w]);let O=u?o:a,k=u?i:r;return e.createElement(`div`,{className:C,role:`separator`,"aria-valuenow":s(p),"aria-valuemin":s(m),"aria-valuemax":s(h)},e.createElement(`div`,{className:n(`${C}-dragger`,{[`${C}-dragger-disabled`]:!g,[`${C}-dragger-active`]:f}),onMouseDown:E,onTouchStart:D}),_&&e.createElement(`div`,{className:n(`${C}-collapse-bar`,`${C}-collapse-bar-start`),onClick:()=>S(d,`start`)},e.createElement(O,{className:n(`${C}-collapse-icon`,`${C}-collapse-start`)})),v&&e.createElement(`div`,{className:n(`${C}-collapse-bar`,`${C}-collapse-bar-end`),onClick:()=>S(d,`end`)},e.createElement(k,{className:n(`${C}-collapse-icon`,`${C}-collapse-end`)})))};export{c as default};

package/es/splitter/Splitter.d.ts

@@ -0,0 +1,6 @@
+import { SplitterProps } from "./interface.js";
+import React from "react";
+//#region components/splitter/Splitter.d.ts
+declare const Splitter: React.FC<React.PropsWithChildren<SplitterProps>>;
+//#endregion
+export { Splitter as default };

package/es/splitter/Splitter.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useCSSVarCls.js";import{InternalPanel as n}from"./Panel.js";import r from"./hooks/useItems.js";import i from"./hooks/useResizable.js";import a from"./hooks/useSizes.js";import o from"./hooks/useResize.js";import s from"./SplitBar.js";import c from"./style/index.js";import l,{useState as u}from"react";import d from"classnames";import f from"rc-resize-observer";import p from"rc-util/lib/hooks/useEvent";const m=m=>{let{prefixCls:ee,className:h,style:g,layout:_=`horizontal`,children:v,rootClassName:y,onResizeStart:b,onResize:x,onResizeEnd:S}=m,{getPrefixCls:C,direction:w,splitter:T}=l.useContext(e),E=C(`splitter`,ee),D=t(E),[O,te,k]=c(E,D),A=_===`vertical`,j=w===`rtl`,M=!A&&j,N=r(v),[P,F]=u(),I=e=>{let{offsetWidth:t,offsetHeight:n}=e,r=A?n:t;r!==0&&F(r)},[L,R,z,B,V,H]=a(N,P),U=i(N,R),[W,G,K,q,J]=o(N,U,z,P,H),Y=p(e=>{W(e),b?.(R)}),X=p((e,t)=>{let n=G(e,t);x?.(n)}),Z=p(()=>{K(),S?.(R)}),ne=p((e,t)=>{let n=q(e,t);x?.(n),S?.(n)}),re=d(E,h,`${E}-${_}`,{[`${E}-rtl`]:j},y,T?.className,k,D,te),Q=`${E}-mask`,$=l.useMemo(()=>{let e=[],t=0;for(let n=0;n<N.length;n+=1)t+=z[n],e.push(t);return e},[z]),ie={...T?.style,...g};return O(l.createElement(f,{onResize:I},l.createElement(`div`,{style:ie,className:re},N.map((e,t)=>{let r=l.createElement(n,{...e,prefixCls:E,size:L[t]}),i=null,a=U[t];if(a){let e=($[t-1]||0)+B[t],n=($[t+1]||100)-V[t+1],r=($[t-1]||0)+V[t],o=($[t+1]||100)-B[t+1];i=l.createElement(s,{index:t,active:J===t,prefixCls:E,vertical:A,resizable:a.resizable,ariaNow:$[t]*100,ariaMin:Math.max(e,n)*100,ariaMax:Math.min(r,o)*100,startCollapsible:a.startCollapsible,endCollapsible:a.endCollapsible,onOffsetStart:Y,onOffsetUpdate:(e,t,n)=>{let r=A?n:t;M&&(r=-r),X(e,r)},onOffsetEnd:Z,onCollapse:ne})}return l.createElement(l.Fragment,{key:`split-panel-${t}`},r,i)}),typeof J==`number`&&l.createElement(`div`,{"aria-hidden":!0,className:d(Q,`${Q}-${_}`)}))))};export{m as default};

package/es/splitter/hooks/useItems.d.ts

@@ -0,0 +1,14 @@
+import { PanelProps } from "../interface.js";
+import * as React$1 from "react";
+//#region components/splitter/hooks/useItems.d.ts
+export type ItemType = Omit<PanelProps, 'collapsible'> & {
+  collapsible: {
+    start?: boolean;
+    end?: boolean;
+  };
+};
+/**
+ * Convert `children` into `items`.
+ */
+export default function useItems(children: React$1.ReactNode): ItemType[];
+//#endregion

package/es/splitter/hooks/useItems.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"rc-util/lib/Children/toArray";function n(e){if(e&&typeof e==`object`)return e;let t=!!e;return{start:t,end:t}}function r(r){return e.useMemo(()=>t(r).filter(e.isValidElement).map(e=>{let{props:t}=e,{collapsible:r,...i}=t;return{...i,collapsible:n(r)}}),[r])}export{r as default};

package/es/splitter/hooks/useResizable.d.ts

@@ -0,0 +1,9 @@
+import { ItemType } from "./useItems.js";
+//#region components/splitter/hooks/useResizable.d.ts
+export type ResizableInfo = {
+  resizable: boolean;
+  startCollapsible: boolean;
+  endCollapsible: boolean;
+};
+export default function useResizable(items: ItemType[], pxSizes: number[]): ResizableInfo[];
+//#endregion

package/es/splitter/hooks/useResizable.js

@@ -0,0 +1 @@
+import*as e from"react";function t(t,n){return e.useMemo(()=>{let e=[];for(let r=0;r<t.length-1;r+=1){let i=t[r],a=t[r+1],o=n[r],s=n[r+1],{resizable:c=!0,min:l,collapsible:u}=i,{resizable:d=!0,min:f,collapsible:p}=a,m=c&&d&&(o!==0||!l)&&(s!==0||!f),h=u.end&&o>0||p.start&&s===0&&o>0,g=p.start&&s>0||u.end&&o===0&&s>0;e[r]={resizable:m,startCollapsible:!!h,endCollapsible:!!g}}return e},[n,t])}export{t as default};

package/es/splitter/hooks/useResize.d.ts

@@ -0,0 +1,8 @@
+import { ItemType } from "./useItems.js";
+import { ResizableInfo } from "./useResizable.js";
+//#region components/splitter/hooks/useResize.d.ts
+/**
+ * Handle user drag resize logic.
+ */
+export default function useResize(items: ItemType[], resizableInfos: ResizableInfo[], percentSizes: number[], containerSize: number | undefined, updateSizes: (sizes: number[]) => void): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: "start" | "end") => number[], number | undefined];
+//#endregion

package/es/splitter/hooks/useResize.js

@@ -0,0 +1 @@
+import{getPtg as e}from"./useSizes.js";import*as t from"react";function n(n,r,i,a,o){let s=n.map(e=>[e.min,e.max]),c=a||0,l=e=>e*c;function u(t,n){return typeof t==`string`?l(e(t)):t??n}let[d,f]=t.useState([]),[p,m]=t.useState(null),h=()=>i.map(l);return[e=>{f(h()),m({index:e,confirmed:!1})},(e,t)=>{let n=null;if((!p||!p.confirmed)&&t!==0){if(t>0)n=e,m({index:e,confirmed:!0});else for(let t=e;t>=0;--t)if(d[t]>0&&r[t].resizable){n=t,m({index:t,confirmed:!0});break}}let i=n??p?.index??e,a=[...d],l=i+1,f=u(s[i][0],0),h=u(s[l][0],0),g=u(s[i][1],c),_=u(s[l][1],c),v=t;return a[i]+v<f&&(v=f-a[i]),a[l]-v<h&&(v=a[l]-h),a[i]+v>g&&(v=g-a[i]),a[l]-v>_&&(v=a[l]-_),a[i]+=v,a[l]-=v,o(a),a},()=>{m(null)},(e,t)=>{let n=h(),r=t===`start`?e:e+1,i=t===`start`?e+1:e,a=n[r],l=n[i];if(a!==0&&l!==0)n[r]=0,n[i]+=a;else{let e=a+l,t=u(s[r][0],0),o=u(s[r][1],c),d=u(s[i][0],0),f=u(s[i][1],c),p=Math.max(t,e-f),m=(Math.min(o,e-d)-p)/2;n[r]-=m,n[i]+=m}return o(n),n},p?.index]}export{n as default};

package/es/splitter/hooks/useSizes.d.ts

@@ -0,0 +1,10 @@
+import { PanelProps } from "../interface.js";
+import React from "react";
+//#region components/splitter/hooks/useSizes.d.ts
+export declare function getPtg(str: string): number;
+/**
+ * Save the size state.
+ * Align the size into flex percentage base.
+ */
+export default function useSizes(items: PanelProps[], containerSize?: number): readonly [(string | number | undefined)[], number[], number[], number[], number[], React.Dispatch<React.SetStateAction<(string | number | undefined)[]>>];
+//#endregion

package/es/splitter/hooks/useSizes.js

@@ -0,0 +1 @@
+import e from"react";function t(e){return Number(e.slice(0,-1))/100}function n(e){return typeof e==`string`&&e.endsWith(`%`)}function r(r,i){let a=r.map(e=>e.size),o=r.length,s=i||0,c=e=>e*s,[l,u]=e.useState(()=>r.map(e=>e.defaultSize)),d=e.useMemo(()=>{let e=[];for(let t=0;t<o;t+=1)e[t]=a[t]??l[t];return e},[o,l,a]),f=e.useMemo(()=>{let e=[],r=0;for(let i=0;i<o;i+=1){let a=d[i];if(n(a))e[i]=t(a);else if(a||a===0){let t=Number(a);Number.isNaN(t)||(e[i]=t/s)}else r+=1,e[i]=void 0}let i=e.reduce((e,t)=>e+(t||0),0);if(i>1||!r){let t=1/i;e=e.map(e=>e===void 0?0:e*t)}else{let t=(1-i)/r;e=e.map(e=>e===void 0?t:e)}return e},[d,s]),p=e.useMemo(()=>f.map(c),[f,s]),m=e.useMemo(()=>r.map(e=>n(e.min)?t(e.min):(e.min||0)/s),[r,s]),h=e.useMemo(()=>r.map(e=>n(e.max)?t(e.max):(e.max||s)/s),[r,s]);return[e.useMemo(()=>i?p:d,[p,i]),p,f,m,h,u]}export{r as default,t as getPtg};

package/es/splitter/index.d.ts

@@ -0,0 +1,10 @@
+import { SplitterProps } from "./interface.js";
+import Panel from "./Panel.js";
+import Splitter$1 from "./Splitter.js";
+//#region components/splitter/index.d.ts
+type CompoundedComponent = typeof Splitter$1 & {
+  Panel: typeof Panel;
+};
+declare const Splitter: CompoundedComponent;
+//#endregion
+export { type SplitterProps, Splitter as default };

package/es/splitter/index.js

@@ -0,0 +1 @@
+import e from"./Panel.js";import t from"./Splitter.js";const n=t;n.Panel=e;export{n as default};

package/es/splitter/interface.d.ts

@@ -0,0 +1,66 @@
+//#region components/splitter/interface.d.ts
+export interface SplitterProps {
+  prefixCls?: string;
+  className?: string;
+  style?: React.CSSProperties;
+  rootClassName?: string;
+  layout?: 'horizontal' | 'vertical';
+  onResizeStart?: (sizes: number[]) => void;
+  onResize?: (sizes: number[]) => void;
+  onResizeEnd?: (sizes: number[]) => void;
+}
+export interface PanelProps {
+  className?: string;
+  style?: React.CSSProperties;
+  min?: number | string;
+  max?: number | string;
+  size?: number | string;
+  collapsible?: boolean | {
+    start?: boolean;
+    end?: boolean;
+  };
+  resizable?: boolean;
+  defaultSize?: number | string;
+}
+export interface InternalPanelProps extends PanelProps {
+  className?: string;
+  prefixCls?: string;
+}
+export interface UseResizeProps extends Pick<SplitterProps, 'onResize'> {
+  basicsState: number[];
+  items: PanelProps[];
+  panelsRef: React.RefObject<(HTMLDivElement | null)[]>;
+  reverse: boolean;
+  setBasicsState: React.Dispatch<React.SetStateAction<number[]>>;
+}
+export interface UseResize {
+  setSize: (data: {
+    size: number;
+    index: number;
+  }[]) => void;
+  setOffset: (offset: number, containerSize: number, index: number) => void;
+}
+export interface UseHandleProps extends Pick<SplitterProps, 'layout' | 'onResizeStart' | 'onResizeEnd'> {
+  basicsState: number[];
+  containerRef?: React.RefObject<HTMLDivElement | null>;
+  setOffset: UseResize['setOffset'];
+  setResizing: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export interface UseHandle {
+  onStart: (x: number, y: number, index: number) => void;
+}
+export interface UseCollapsibleProps {
+  basicsState: number[];
+  collapsible?: PanelProps['collapsible'];
+  index: number;
+  reverse: boolean;
+  setSize?: UseResize['setSize'];
+}
+export interface UseCollapsible {
+  nextIcon: boolean;
+  overlap: boolean;
+  previousIcon: boolean;
+  onFold: (type: 'previous' | 'next') => void;
+  setOldBasics: () => void;
+}
+//#endregion

package/es/splitter/style/index.d.ts

@@ -0,0 +1,30 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/splitter/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 拖拽标识元素大小
+   * @descEN Drag and drop the identity element size
+   * @deprecated Please use `splitBarDraggableSize` instead.
+   */
+  resizeSpinnerSize: number;
+  /**
+   * @desc 拖拽标识元素大小
+   * @descEN Drag and drop the identity element size
+   */
+  splitBarDraggableSize: number;
+  /**
+   * @desc 拖拽元素大小
+   * @descEN Drag the element size
+   */
+  splitBarSize: number;
+  /**
+   * @desc 拖拽触发区域大小
+   * @descEN Drag and drop trigger area size
+   */
+  splitTriggerSize: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Splitter'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/splitter/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";const n=e=>{let{componentCls:t}=e;return{[`&-rtl${t}-horizontal`]:{[`> ${t}-bar`]:{[`${t}-bar-collapse-previous`]:{insetInlineEnd:0,insetInlineStart:`unset`},[`${t}-bar-collapse-next`]:{insetInlineEnd:`unset`,insetInlineStart:0}}},[`&-rtl${t}-vertical`]:{[`> ${t}-bar`]:{[`${t}-bar-collapse-previous`]:{insetInlineEnd:`50%`,insetInlineStart:`unset`},[`${t}-bar-collapse-next`]:{insetInlineEnd:`50%`,insetInlineStart:`unset`}}}}},r={position:`absolute`,top:`50%`,left:{_skip_check_:!0,value:`50%`},transform:`translate(-50%, -50%)`},i=t=>{let{componentCls:i,colorFill:a,splitBarDraggableSize:o,splitBarSize:s,splitTriggerSize:c,controlItemBgHover:l,controlItemBgActive:u,controlItemBgActiveHover:d}=t,f=`${i}-bar`,p=`${i}-mask`,m=`${i}-panel`,h=t.calc(c).div(2).equal();return{[i]:{...e(t),display:`flex`,width:`100%`,height:`100%`,alignItems:`stretch`,[`> ${f}`]:{flex:`none`,position:`relative`,userSelect:`none`,[`${f}-dragger`]:{...r,zIndex:1,"&::before":{content:`""`,background:l,...r},"&::after":{content:`""`,background:a,...r},[`&:hover:not(${f}-dragger-active)`]:{"&::before":{background:u}},"&-active":{zIndex:2,"&::before":{background:d}},[`&-disabled${f}-dragger`]:{zIndex:0,"&, &:hover, &-active":{cursor:`default`,"&::before":{background:l}},"&::after":{display:`none`}}},[`${f}-collapse-bar`]:{...r,zIndex:t.zIndexPopupBase,background:l,fontSize:t.fontSizeSM,borderRadius:t.borderRadiusXS,color:t.colorText,cursor:`pointer`,opacity:0,display:`flex`,alignItems:`center`,justifyContent:`center`,"&:hover":{background:u},"&:active":{background:d}},"&:hover, &:active":{[`${f}-collapse-bar`]:{opacity:1}}},[p]:{position:`fixed`,zIndex:t.zIndexPopupBase,inset:0,"&-horizontal":{cursor:`col-resize`},"&-vertical":{cursor:`row-resize`}},"&-horizontal":{flexDirection:`row`,[`> ${f}`]:{width:0,[`${f}-dragger`]:{cursor:`col-resize`,height:`100%`,width:c,"&::before":{height:`100%`,width:s},"&::after":{height:o,width:s}},[`${f}-collapse-bar`]:{width:t.fontSizeSM,height:t.controlHeightSM,"&-start":{left:{_skip_check_:!0,value:`auto`},right:{_skip_check_:!0,value:h},transform:`translateY(-50%)`},"&-end":{left:{_skip_check_:!0,value:h},right:{_skip_check_:!0,value:`auto`},transform:`translateY(-50%)`}}}},"&-vertical":{flexDirection:`column`,[`> ${f}`]:{height:0,[`${f}-dragger`]:{cursor:`row-resize`,width:`100%`,height:c,"&::before":{width:`100%`,height:s},"&::after":{width:o,height:s}},[`${f}-collapse-bar`]:{height:t.fontSizeSM,width:t.controlHeightSM,"&-start":{top:`auto`,bottom:h,transform:`translateX(-50%)`},"&-end":{top:h,bottom:`auto`,transform:`translateX(-50%)`}}}},[m]:{overflow:`auto`,padding:`0 1px`,scrollbarWidth:`thin`,boxSizing:`border-box`,"&-hidden":{padding:0,overflow:`hidden`},[`&:has(${i}:only-child)`]:{overflow:`hidden`}},...n(t)}}},a=e=>{let t=e.splitBarSize||2,n=e.splitTriggerSize||6,r=e.resizeSpinnerSize||20;return{splitBarSize:t,splitTriggerSize:n,splitBarDraggableSize:e.splitBarDraggableSize??r,resizeSpinnerSize:r}};var o=t(`Splitter`,e=>[i(e)],a);export{o as default,a as prepareComponentToken};

package/es/statistic/Countdown.d.ts

@@ -0,0 +1,12 @@
+import { valueType } from "./utils.js";
+import { StatisticProps } from "./Statistic.js";
+import * as React$1 from "react";
+//#region components/statistic/Countdown.d.ts
+export interface CountdownProps extends StatisticProps {
+  format?: string;
+  onFinish?: () => void;
+  onChange?: (value?: valueType) => void;
+}
+declare const _default: React$1.NamedExoticComponent<CountdownProps>;
+//#endregion
+export { _default as default };

package/es/statistic/Countdown.js

@@ -0,0 +1 @@
+import{cloneElement as e}from"../_util/reactNode.js";import t from"../_util/hooks/useForceUpdate.js";import n from"./Statistic.js";import{formatCountdown as r}from"./utils.js";import*as i from"react";function a(e){return new Date(e).getTime()}var o=i.memo(o=>{let{value:s,format:c=`HH:mm:ss`,onChange:l,onFinish:u,...d}=o,f=t(),p=i.useRef(null),m=()=>{u?.(),p.current&&=(clearInterval(p.current),null)},h=()=>{let e=a(s);e>=Date.now()&&(p.current=setInterval(()=>{f(),l?.(e-Date.now()),e<Date.now()&&m()},33.333333333333336))};i.useEffect(()=>(h(),()=>{p.current&&=(clearInterval(p.current),null)}),[s]);let g=(e,t)=>r(e,{...t,format:c}),_=t=>e(t,{title:void 0});return i.createElement(n,{...d,value:s,valueRender:_,formatter:g})});export{o as default};

package/es/statistic/Number.d.ts

@@ -0,0 +1,10 @@
+import { FormatConfig, valueType } from "./utils.js";
+import * as React$1 from "react";
+//#region components/statistic/Number.d.ts
+interface NumberProps extends FormatConfig {
+  value: valueType;
+  prefixCls?: string;
+}
+declare const StatisticNumber: React$1.FC<NumberProps>;
+//#endregion
+export { StatisticNumber as default };

package/es/statistic/Number.js

@@ -0,0 +1 @@
+import*as e from"react";const t=t=>{let{value:n,formatter:r,precision:i,decimalSeparator:a,groupSeparator:o=``,prefixCls:s}=t,c;if(typeof r==`function`)c=r(n);else{let t=String(n),r=t.match(/^(-?)(\d*)(\.(\d+))?$/);if(!r||t===`-`)c=t;else{let t=r[1],n=r[2]||`0`,l=r[4]||``;n=n.replace(/\B(?=(\d{3})+(?!\d))/g,o),typeof i==`number`&&(l=l.padEnd(i,`0`).slice(0,i>0?i:0)),l&&=`${a}${l}`,c=[e.createElement(`span`,{key:`int`,className:`${s}-content-value-int`},t,n),l&&e.createElement(`span`,{key:`decimal`,className:`${s}-content-value-decimal`},l)]}}return e.createElement(`span`,{className:`${s}-content-value`},c)};export{t as default};

package/es/statistic/Statistic.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAriaDataAttributes } from "../_util/aria-data-attrs.js";
+import { FormatConfig, valueType } from "./utils.js";
+import * as React$1 from "react";
+//#region components/statistic/Statistic.d.ts
+interface StatisticReactProps extends FormatConfig {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  value?: valueType;
+  valueStyle?: React$1.CSSProperties;
+  valueRender?: (node: React$1.ReactNode) => React$1.ReactNode;
+  title?: React$1.ReactNode;
+  prefix?: React$1.ReactNode;
+  suffix?: React$1.ReactNode;
+  loading?: boolean;
+  onMouseEnter?: React$1.MouseEventHandler<HTMLDivElement>;
+  onMouseLeave?: React$1.MouseEventHandler<HTMLDivElement>;
+}
+export type StatisticProps = HTMLAriaDataAttributes & StatisticReactProps;
+declare const Statistic: React$1.FC<StatisticProps>;
+//#endregion
+export { Statistic as default };

package/es/statistic/Statistic.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../skeleton/index.js";import n from"./Number.js";import r from"./style/index.js";import*as i from"react";import a from"classnames";import o from"rc-util/lib/pickAttrs";const s=s=>{let{prefixCls:c,className:l,rootClassName:u,style:d,valueStyle:f,value:p=0,title:m,valueRender:h,prefix:g,suffix:_,loading:v=!1,formatter:y,precision:b,decimalSeparator:x=`.`,groupSeparator:S=`,`,onMouseEnter:C,onMouseLeave:w,...T}=s,{getPrefixCls:E,direction:D,statistic:O}=i.useContext(e),k=E(`statistic`,c),[A,j,M]=r(k),N=i.createElement(n,{decimalSeparator:x,groupSeparator:S,prefixCls:k,formatter:y,precision:b,value:p}),P=a(k,{[`${k}-rtl`]:D===`rtl`},O?.className,l,u,j,M),F=o(T,{aria:!0,data:!0});return A(i.createElement(`div`,{...F,className:P,style:{...O?.style,...d},onMouseEnter:C,onMouseLeave:w},m&&i.createElement(`div`,{className:`${k}-title`},m),i.createElement(t,{paragraph:!1,loading:v,className:`${k}-skeleton`},i.createElement(`div`,{style:f,className:`${k}-content`},g&&i.createElement(`span`,{className:`${k}-content-prefix`},g),h?h(N):N,_&&i.createElement(`span`,{className:`${k}-content-suffix`},_)))))};export{s as default};

package/es/statistic/index.d.ts

@@ -0,0 +1,10 @@
+import Statistic, { StatisticProps } from "./Statistic.js";
+import _default$1, { CountdownProps } from "./Countdown.js";
+//#region components/statistic/index.d.ts
+type CompoundedComponent = {
+  Countdown: typeof _default$1;
+};
+export type CompoundedStatistic = typeof Statistic & CompoundedComponent;
+declare const _default: CompoundedStatistic;
+//#endregion
+export { type CountdownProps, type StatisticProps, _default as default };

package/es/statistic/index.js

@@ -0,0 +1 @@
+import e from"./Statistic.js";import t from"./Countdown.js";e.Countdown=t;var n=e;export{n as default};

package/es/statistic/interface.d.ts

@@ -0,0 +1 @@
+export {}

package/es/statistic/style/index.d.ts

@@ -0,0 +1,19 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/statistic/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 标题字体大小
+   * @descEN Title font size
+   */
+  titleFontSize: number;
+  /**
+   * @desc 内容字体大小
+   * @descEN Content font size
+   */
+  contentFontSize: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Statistic'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/statistic/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import{mergeToken as n}from"../../theme/internal.js";const r=t=>{let{componentCls:n,marginXXS:r,padding:i,colorTextDescription:a,titleFontSize:o,colorTextHeading:s,contentFontSize:c,fontFamily:l}=t;return{[n]:{...e(t),[`${n}-title`]:{marginBottom:r,color:a,fontSize:o},[`${n}-skeleton`]:{paddingTop:i},[`${n}-content`]:{color:s,fontSize:c,fontFamily:l,[`${n}-content-value`]:{display:`inline-block`,direction:`ltr`},[`${n}-content-prefix, ${n}-content-suffix`]:{display:`inline-block`},[`${n}-content-prefix`]:{marginInlineEnd:r},[`${n}-content-suffix`]:{marginInlineStart:r}}}}},i=e=>{let{fontSizeHeading3:t,fontSize:n}=e;return{titleFontSize:n,contentFontSize:t}};var a=t(`Statistic`,e=>{let t=n(e,{});return[r(t)]},i);export{a as default,i as prepareComponentToken};

package/es/statistic/utils.d.ts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+//#region components/statistic/utils.d.ts
+export type valueType = number | string;
+export type countdownValueType = number | string;
+export type Formatter = false | 'number' | 'countdown' | ((value: valueType, config?: FormatConfig) => React$1.ReactNode);
+export interface FormatConfig {
+  formatter?: Formatter;
+  decimalSeparator?: string;
+  groupSeparator?: string;
+  precision?: number;
+}
+export interface CountdownFormatConfig extends FormatConfig {
+  format?: string;
+}
+export declare function formatTimeStr(duration: number, format: string): string;
+export declare function formatCountdown(value: valueType, config: CountdownFormatConfig): string;
+//#endregion

package/es/statistic/utils.js

@@ -0,0 +1 @@
+const e=[[`Y`,31536e6],[`M`,2592e6],[`D`,864e5],[`H`,36e5],[`m`,6e4],[`s`,1e3],[`S`,1]];function t(t,n){let r=t,i=/\[[^\]]*]/g,a=(n.match(i)||[]).map(e=>e.slice(1,-1)),o=n.replace(i,`[]`),s=e.reduce((e,[t,n])=>{if(e.includes(t)){let i=Math.floor(r/n);return r-=i*n,e.replace(RegExp(`${t}+`,`g`),e=>{let t=e.length;return i.toString().padStart(t,`0`)})}return e},o),c=0;return s.replace(i,()=>{let e=a[c];return c+=1,e})}function n(e,n){let{format:r=``}=n,i=new Date(e).getTime();return t(Math.max(i-Date.now(),0),r)}export{n as formatCountdown,t as formatTimeStr};

package/es/steps/index.d.ts

@@ -0,0 +1,41 @@
+import * as React$1 from "react";
+import RcSteps from "rc-steps";
+import { ProgressDotRender } from "rc-steps/lib/Steps";
+//#region components/steps/index.d.ts
+export interface StepProps {
+  className?: string;
+  description?: React$1.ReactNode;
+  icon?: React$1.ReactNode;
+  onClick?: React$1.MouseEventHandler<HTMLElement>;
+  status?: 'wait' | 'process' | 'finish' | 'error';
+  disabled?: boolean;
+  title?: React$1.ReactNode;
+  subTitle?: React$1.ReactNode;
+  style?: React$1.CSSProperties;
+}
+export interface StepsProps {
+  type?: 'default' | 'navigation' | 'inline';
+  className?: string;
+  rootClassName?: string;
+  current?: number;
+  direction?: 'horizontal' | 'vertical';
+  iconPrefix?: string;
+  initial?: number;
+  labelPlacement?: 'horizontal' | 'vertical';
+  prefixCls?: string;
+  progressDot?: boolean | ProgressDotRender;
+  responsive?: boolean;
+  size?: 'default' | 'small';
+  status?: 'wait' | 'process' | 'finish' | 'error';
+  style?: React$1.CSSProperties;
+  percent?: number;
+  onChange?: (current: number) => void;
+  children?: React$1.ReactNode;
+  items?: StepProps[];
+}
+type CompoundedComponent = React$1.FC<StepsProps> & {
+  Step: typeof RcSteps.Step;
+};
+declare const Steps: CompoundedComponent;
+//#endregion
+export { Steps as default };

package/es/steps/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useSize.js";import n from"../grid/hooks/useBreakpoint.js";import r from"../tooltip/index.js";import i from"../progress/index.js";import a from"./style/index.js";import o from"./useLegacyItems.js";import*as s from"react";import c from"classnames";import l from"@ant-design/icons/CloseOutlined";import u from"@ant-design/icons/CheckOutlined";import d from"rc-steps";const f=f=>{let{percent:p,size:m,className:h,rootClassName:g,direction:_,items:v,responsive:y=!0,current:b=0,children:x,style:S,...C}=f,{xs:w}=n(y),{getPrefixCls:T,direction:E,steps:D}=s.useContext(e),O=s.useMemo(()=>y&&w?`vertical`:_,[w,_]),k=t(m),A=T(`steps`,f.prefixCls),[j,M,N]=a(A),P=f.type===`inline`,F=T(``,f.iconPrefix),I=o(v,x),L=P?void 0:p,R={...D?.style,...S},z=c(D?.className,{[`${A}-rtl`]:E===`rtl`,[`${A}-with-progress`]:L!==void 0},h,g,M,N),B={finish:s.createElement(u,{className:`${A}-finish-icon`}),error:s.createElement(l,{className:`${A}-error-icon`})},V=({node:e,status:t})=>{if(t===`process`&&L!==void 0){let t=k===`small`?32:40;return s.createElement(`div`,{className:`${A}-progress-icon`},s.createElement(i,{type:`circle`,percent:L,size:t,strokeWidth:4,format:()=>null}),e)}return e},H=(e,t)=>e.description?s.createElement(r,{title:e.description},t):t;return j(s.createElement(d,{icons:B,...C,style:R,current:b,size:k,items:I,itemRender:P?H:void 0,stepIcon:V,direction:O,prefixCls:A,iconPrefix:F,className:z}))};f.Step=d.Step;export{f as default};

package/es/steps/style/custom-icon.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/custom-icon.d.ts
+declare const genStepsCustomIconStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsCustomIconStyle as default };

package/es/steps/style/custom-icon.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,customIconTop:r,customIconSize:i,customIconFontSize:a}=t;return{[`${n}-item-custom`]:{[`> ${n}-item-container > ${n}-item-icon`]:{height:`auto`,background:`none`,border:0,[`> ${n}-icon`]:{top:r,width:i,height:i,fontSize:a,lineHeight:e(i)}}},[`&:not(${n}-vertical)`]:{[`${n}-item-custom`]:{[`${n}-item-icon`]:{width:`auto`,background:`none`}}}}};export{t as default};

package/es/steps/style/horizontal.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/horizontal.d.ts
+declare const genHorizontalStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genHorizontalStyle as default };

package/es/steps/style/horizontal.js

@@ -0,0 +1 @@
+const e=e=>{let{componentCls:t}=e,n=`${t}-item`;return{[`${t}-horizontal`]:{[`${n}-tail`]:{transform:`translateY(-50%)`}}}};export{e as default};

package/es/steps/style/index.d.ts

@@ -0,0 +1,105 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/steps/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 描述区域最大宽度
+   * @descEN Max width of description area
+   */
+  descriptionMaxWidth: number;
+  /**
+   * @desc 自定义图标容器尺寸
+   * @descEN Size of custom icon container
+   */
+  customIconSize: number;
+  /**
+   * @desc 自定义图标 top
+   * @descEN Top of custom icon
+   */
+  customIconTop: number;
+  /**
+   * @desc 自定义图标大小
+   * @descEN Font size of custom icon
+   */
+  customIconFontSize: number;
+  /**
+   * @desc 图标容器尺寸
+   * @descEN Size of icon container
+   */
+  iconSize: number;
+  /**
+   * @desc 图标 top
+   * @descEN Top of icon
+   */
+  iconTop: number;
+  /**
+   * @desc 图标大小
+   * @descEN Size of icon
+   */
+  iconFontSize: number;
+  /**
+   * @desc 点状步骤点大小
+   * @descEN Size of dot
+   */
+  dotSize: number;
+  /**
+   * @desc 点状步骤点当前大小
+   * @descEN Current size of dot
+   */
+  dotCurrentSize: number;
+  /**
+   * @desc 可跳转步骤条箭头颜色
+   * @descEN Color of arrow in nav
+   */
+  navArrowColor: string;
+  /**
+   * @desc 可跳转步骤条内容最大宽度
+   * @descEN Max width of nav content
+   */
+  navContentMaxWidth: CSSProperties['maxWidth'];
+  /**
+   * @desc 小号步骤条图标大小
+   * @descEN Size of small steps icon
+   */
+  iconSizeSM: number;
+  /**
+   * @desc 标题行高
+   * @descEN Line height of title
+   */
+  titleLineHeight: number | string;
+}
+export interface StepsToken extends FullToken<'Steps'> {
+  processTailColor: string;
+  processIconColor: string;
+  processTitleColor: string;
+  processDescriptionColor: string;
+  processIconBgColor: string;
+  processIconBorderColor: string;
+  processDotColor: string;
+  waitTitleColor: string;
+  waitDescriptionColor: string;
+  waitTailColor: string;
+  waitDotColor: string;
+  finishIconColor: string;
+  finishTitleColor: string;
+  finishDescriptionColor: string;
+  finishTailColor: string;
+  finishDotColor: string;
+  errorIconColor: string;
+  errorTitleColor: string;
+  errorDescriptionColor: string;
+  errorTailColor: string;
+  errorIconBgColor: string;
+  errorIconBorderColor: string;
+  errorDotColor: string;
+  stepsNavActiveColor: string;
+  stepsProgressSize: number;
+  inlineDotSize: number;
+  inlineTitleColor: string;
+  inlineTailColor: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Steps'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };