@swiftcrab/crab 0.0.5 → 0.0.7

package/es/slider/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import t from"../config-provider/DisabledContext.js";import"../config-provider/index.js";import n from"./SliderTooltip.js";import r from"./style/index.js";import i from"./Context.js";import a from"./useRafLock.js";import o from"react";import s from"classnames";import c from"rc-util/lib/raf";import l from"rc-slider";function u(e,t){return e||e===null?e:t||t===null?t:e=>typeof e==`number`?e.toString():``}const d=o.forwardRef((d,f)=>{let{prefixCls:p,range:m,className:h,rootClassName:g,style:_,disabled:v,tooltipPrefixCls:y,tipFormatter:b,tooltipVisible:x,getTooltipPopupContainer:S,tooltipPlacement:C,tooltip:w={},onChangeComplete:T,...E}=d,{vertical:D}=d,{direction:O,slider:k,getPrefixCls:A,getPopupContainer:j}=o.useContext(e),ee=o.useContext(t),te=v??ee,{handleRender:ne,direction:M}=o.useContext(i),N=(M||O)===`rtl`,[P,F]=a(),[I,L]=a(),R={...w},{open:z,placement:B,getPopupContainer:V,prefixCls:H,formatter:U}=R,W=z??x,G=(P||I)&&W!==!1,K=u(U,b),[q,J]=a(),Y=e=>{T?.(e),J(!1)},X=(e,t)=>e||(t?N?`left`:`right`:`top`),Z=A(`slider`,p),[Q,re,ie]=r(Z),ae=s(h,k?.className,g,{[`${Z}-rtl`]:N,[`${Z}-lock`]:q},re,ie);N&&!E.vertical&&(E.reverse=!E.reverse),o.useEffect(()=>{let e=()=>{c(()=>{L(!1)},1)};return document.addEventListener(`mouseup`,e),()=>{document.removeEventListener(`mouseup`,e)}},[]);let $=m&&!W,oe=ne||((e,t)=>{let{index:r}=t,i=e.props;function a(e,t,n){n&&E[e]?.(t),i[e]?.(t)}let s={...i,onMouseEnter:e=>{F(!0),a(`onMouseEnter`,e)},onMouseLeave:e=>{F(!1),a(`onMouseLeave`,e)},onMouseDown:e=>{L(!0),J(!0),a(`onMouseDown`,e)},onFocus:e=>{L(!0),E.onFocus?.(e),a(`onFocus`,e,!0)},onBlur:e=>{L(!1),E.onBlur?.(e),a(`onBlur`,e,!0)}},c=o.cloneElement(e,s),l=(!!W||G)&&K!==null;return $?c:o.createElement(n,{...R,prefixCls:A(`tooltip`,H??y),title:K?K(t.value):``,open:l,placement:X(B??C,D),key:r,overlayClassName:`${Z}-tooltip`,getPopupContainer:V||S||j},c)}),se=$?(e,t)=>{let r=o.cloneElement(e,{style:{...e.props.style,visibility:`hidden`}});return o.createElement(n,{...R,prefixCls:A(`tooltip`,H??y),title:K?K(t.value):``,open:K!==null&&G,placement:X(B??C,D),key:`tooltip`,overlayClassName:`${Z}-tooltip`,getPopupContainer:V||S||j,draggingDelete:t.draggingDelete},r)}:void 0,ce={...k?.style,..._};return Q(o.createElement(l,{...E,step:E.step,range:m,className:ae,style:ce,disabled:te,ref:f,prefixCls:Z,handleRender:oe,activeHandleRender:se,onChangeComplete:Y}))});export{d as default};

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

@@ -0,0 +1,100 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import * as React$1 from "react";
+//#region components/slider/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 滑动输入高度
+   * @descEN Height of slider
+   */
+  controlSize: number;
+  /**
+   * @desc 轨道高度
+   * @descEN Height of rail
+   */
+  railSize: number;
+  /**
+   * @desc 滑块尺寸
+   * @descEN Size of handle
+   */
+  handleSize: number;
+  /**
+   * @desc 滑块尺寸（悬浮态）
+   * @descEN Size of handle when hover
+   */
+  handleSizeHover: number;
+  /**
+   * @desc 滑块边框宽度
+   * @descEN Border width of handle
+   */
+  handleLineWidth: number | string;
+  /**
+   * @desc 滑块边框宽度（悬浮态）
+   * @descEN Border width of handle when hover
+   */
+  handleLineWidthHover: number | string;
+  /**
+   * @desc 滑块圆点尺寸
+   * @descEN Size of dot
+   */
+  dotSize: number;
+  /**
+   * @desc 轨道背景色
+   * @descEN Background color of rail
+   */
+  railBg: string;
+  /**
+   * @desc 轨道背景色（悬浮态）
+   * @descEN Background color of rail when hover
+   */
+  railHoverBg: string;
+  /**
+   * @desc 轨道已覆盖部分背景色
+   * @descEN Background color of track
+   */
+  trackBg: string;
+  /**
+   * @desc 轨道已覆盖部分背景色（悬浮态）
+   * @descEN Background color of track when hover
+   */
+  trackHoverBg: string;
+  /**
+   * @desc 滑块颜色
+   * @descEN Color of handle
+   */
+  handleColor: string;
+  /**
+   * @desc 滑块激活态边框色
+   * @descEN Border color of handle when active
+   */
+  handleActiveColor: string;
+  /**
+   * @desc 滑块激活态外框色
+   * @descEN Outline color of handle when active
+   */
+  handleActiveOutlineColor: string;
+  /**
+   * @desc 滑块禁用颜色
+   * @descEN Color of handle when disabled
+   */
+  handleColorDisabled: string;
+  /**
+   * @desc 圆点边框颜色
+   * @descEN Border color of dot
+   */
+  dotBorderColor: string;
+  /**
+   * @desc 圆点激活态边框颜色
+   * @descEN Border color of dot when active
+   */
+  dotActiveBorderColor: string;
+  /**
+   * @desc 轨道禁用态背景色
+   * @descEN Background color of track when disabled
+   */
+  trackBgDisabled: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Slider'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React$1.ReactElement) => React$1.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/slider/style/index.js

@@ -0,0 +1,13 @@
+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{unit as r}from"@ant-design/cssinjs";import{TinyColor as i}from"@ctrl/tinycolor";const a=t=>{let{componentCls:n,antCls:i,controlSize:a,dotSize:o,marginFull:s,marginPart:c,colorFillContentHover:l,handleColorDisabled:u,calc:d,handleSize:f,handleSizeHover:p,handleActiveColor:m,handleActiveOutlineColor:h,handleLineWidth:g,handleLineWidthHover:_,motionDurationMid:v}=t;return{[n]:{...e(t),position:`relative`,height:a,margin:`${r(c)} ${r(s)}`,padding:0,cursor:`pointer`,touchAction:`none`,"&-vertical":{margin:`${r(s)} ${r(c)}`},[`${n}-rail`]:{position:`absolute`,backgroundColor:t.railBg,borderRadius:t.borderRadiusXS,transition:`background-color ${v}`},[`${n}-track,${n}-tracks`]:{position:`absolute`,transition:`background-color ${v}`},[`${n}-track`]:{backgroundColor:t.trackBg,borderRadius:t.borderRadiusXS},[`${n}-track-draggable`]:{boxSizing:`content-box`,backgroundClip:`content-box`,border:`solid rgba(0,0,0,0)`},"&:hover":{[`${n}-rail`]:{backgroundColor:t.railHoverBg},[`${n}-track`]:{backgroundColor:t.trackHoverBg},[`${n}-dot`]:{borderColor:l},[`${n}-handle::after`]:{boxShadow:`0 0 0 ${r(g)} ${t.colorPrimaryBorderHover}`},[`${n}-dot-active`]:{borderColor:t.dotActiveBorderColor}},[`${n}-handle`]:{position:`absolute`,width:f,height:f,outline:`none`,userSelect:`none`,"&-dragging-delete":{opacity:0},"&::before":{content:`""`,position:`absolute`,insetInlineStart:d(g).mul(-1).equal(),insetBlockStart:d(g).mul(-1).equal(),width:d(f).add(d(g).mul(2)).equal(),height:d(f).add(d(g).mul(2)).equal(),backgroundColor:`transparent`},"&::after":{content:`""`,position:`absolute`,insetBlockStart:0,insetInlineStart:0,width:f,height:f,backgroundColor:t.colorBgElevated,boxShadow:`0 0 0 ${r(g)} ${t.handleColor}`,outline:`0px solid transparent`,borderRadius:`50%`,cursor:`pointer`,transition:`
+            inset-inline-start ${v},
+            inset-block-start ${v},
+            width ${v},
+            height ${v},
+            box-shadow ${v},
+            outline ${v}
+          `},"&:hover, &:active, &:focus":{"&::before":{insetInlineStart:d(p).sub(f).div(2).add(_).mul(-1).equal(),insetBlockStart:d(p).sub(f).div(2).add(_).mul(-1).equal(),width:d(p).add(d(_).mul(2)).equal(),height:d(p).add(d(_).mul(2)).equal()},"&::after":{boxShadow:`0 0 0 ${r(_)} ${m}`,outline:`6px solid ${h}`,width:p,height:p,insetInlineStart:t.calc(f).sub(p).div(2).equal(),insetBlockStart:t.calc(f).sub(p).div(2).equal()}}},[`&-lock ${n}-handle`]:{"&::before, &::after":{transition:`none`}},[`${n}-mark`]:{position:`absolute`,fontSize:t.fontSize},[`${n}-mark-text`]:{position:`absolute`,display:`inline-block`,color:t.colorTextDescription,textAlign:`center`,wordBreak:`keep-all`,cursor:`pointer`,userSelect:`none`,"&-active":{color:t.colorText}},[`${n}-step`]:{position:`absolute`,background:`transparent`,pointerEvents:`none`},[`${n}-dot`]:{position:`absolute`,width:o,height:o,backgroundColor:t.colorBgElevated,border:`${r(g)} solid ${t.dotBorderColor}`,borderRadius:`50%`,cursor:`pointer`,transition:`border-color ${t.motionDurationSlow}`,pointerEvents:`auto`,"&-active":{borderColor:t.dotActiveBorderColor}},[`&${n}-disabled`]:{cursor:`not-allowed`,[`${n}-rail`]:{backgroundColor:`${t.railBg} !important`},[`${n}-track`]:{backgroundColor:`${t.trackBgDisabled} !important`},[`
+          ${n}-dot
+        `]:{backgroundColor:t.colorBgElevated,borderColor:t.trackBgDisabled,boxShadow:`none`,cursor:`not-allowed`},[`${n}-handle::after`]:{backgroundColor:t.colorBgElevated,cursor:`not-allowed`,width:f,height:f,boxShadow:`0 0 0 ${r(g)} ${u}`,insetInlineStart:0,insetBlockStart:0},[`
+          ${n}-mark-text,
+          ${n}-dot
+        `]:{cursor:`not-allowed !important`}},[`&-tooltip ${i}-tooltip-inner`]:{minWidth:`unset`}}}},o=(e,t)=>{let{componentCls:n,railSize:i,handleSize:a,dotSize:o,marginFull:s,calc:c}=e,l=t?`paddingBlock`:`paddingInline`,u=t?`width`:`height`,d=t?`height`:`width`,f=t?`insetBlockStart`:`insetInlineStart`,p=t?`top`:`insetInlineStart`,m=c(i).mul(3).sub(a).div(2).equal(),h=c(a).sub(i).div(2).equal(),g=t?{borderWidth:`${r(h)} 0`,transform:`translateY(${r(c(h).mul(-1).equal())})`}:{borderWidth:`0 ${r(h)}`,transform:`translateX(${r(e.calc(h).mul(-1).equal())})`};return{[l]:i,[d]:c(i).mul(3).equal(),[`${n}-rail`]:{[u]:`100%`,[d]:i},[`${n}-track,${n}-tracks`]:{[d]:i},[`${n}-track-draggable`]:{...g},[`${n}-handle`]:{[f]:m},[`${n}-mark`]:{insetInlineStart:0,top:0,[p]:c(i).mul(3).add(t?0:s).equal(),[u]:`100%`},[`${n}-step`]:{insetInlineStart:0,top:0,[p]:i,[u]:`100%`,[d]:i},[`${n}-dot`]:{position:`absolute`,[f]:c(i).sub(o).div(2).equal()}}},s=e=>{let{componentCls:t,marginPartWithMark:n}=e;return{[`${t}-horizontal`]:{...o(e,!0),[`&${t}-with-marks`]:{marginBottom:n}}}},c=e=>{let{componentCls:t}=e;return{[`${t}-vertical`]:{...o(e,!1),height:`100%`}}},l=e=>{let t=e.controlHeightLG/4,n=e.controlHeightSM/2,r=e.lineWidth+1,a=e.lineWidth+1.5,o=e.colorPrimary,s=new i(o).setAlpha(.2).toRgbString();return{controlSize:t,railSize:4,handleSize:t,handleSizeHover:n,dotSize:8,handleLineWidth:r,handleLineWidthHover:a,railBg:e.colorFillTertiary,railHoverBg:e.colorFillSecondary,trackBg:e.colorPrimaryBorder,trackHoverBg:e.colorPrimaryBorderHover,handleColor:e.colorPrimaryBorder,handleActiveColor:o,handleActiveOutlineColor:s,handleColorDisabled:new i(e.colorTextDisabled).onBackground(e.colorBgContainer).toHexShortString(),dotBorderColor:e.colorBorderSecondary,dotActiveBorderColor:e.colorPrimaryBorder,trackBgDisabled:e.colorBgContainerDisabled}};var u=t(`Slider`,e=>{let t=n(e,{marginPart:e.calc(e.controlHeight).sub(e.controlSize).div(2).equal(),marginFull:e.calc(e.controlSize).div(2).equal(),marginPartWithMark:e.calc(e.controlHeightLG).sub(e.controlSize).equal()});return[a(t),s(t),c(t)]},l);export{u as default,l as prepareComponentToken};

package/es/slider/useRafLock.d.ts

@@ -0,0 +1,3 @@
+//#region components/slider/useRafLock.d.ts
+export default function useRafLock(): [state: boolean, setState: (nextState: boolean) => void];
+//#endregion

package/es/slider/useRafLock.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"rc-util/lib/raf";function n(){let[n,r]=e.useState(!1),i=e.useRef(null),a=()=>{t.cancel(i.current)};return e.useEffect(()=>a,[]),[n,e=>{a(),e?r(e):i.current=t(()=>{r(e)})}]}export{n as default};

package/es/space/Compact.d.ts

@@ -0,0 +1,28 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { DirectionType } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import * as React$1 from "react";
+//#region components/space/Compact.d.ts
+export interface SpaceCompactItemContextType {
+  compactSize?: SizeType;
+  compactDirection?: 'horizontal' | 'vertical';
+  isFirstItem?: boolean;
+  isLastItem?: boolean;
+}
+export declare const SpaceCompactItemContext: React$1.Context<SpaceCompactItemContextType | null>;
+export declare const useCompactItemContext: (prefixCls: string, direction: DirectionType) => {
+  compactSize: SizeType;
+  compactDirection: "horizontal" | "vertical" | undefined;
+  compactItemClassnames: string;
+};
+export declare const NoCompactStyle: React$1.FC<React$1.PropsWithChildren<unknown>>;
+export interface SpaceCompactProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  prefixCls?: string;
+  size?: SizeType;
+  direction?: 'horizontal' | 'vertical';
+  block?: boolean;
+  rootClassName?: string;
+}
+declare const Compact: React$1.FC<SpaceCompactProps>;
+//#endregion
+export { Compact as default };

package/es/space/Compact.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"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/Children/toArray";const o=r.createContext(null),s=(e,t)=>{let n=r.useContext(o),a=r.useMemo(()=>{if(!n)return``;let{compactDirection:r,isFirstItem:a,isLastItem:o}=n,s=r===`vertical`?`-vertical-`:`-`;return i(`${e}-compact${s}item`,{[`${e}-compact${s}first-item`]:a,[`${e}-compact${s}last-item`]:o,[`${e}-compact${s}item-rtl`]:t===`rtl`})},[e,t,n]);return{compactSize:n?.compactSize,compactDirection:n?.compactDirection,compactItemClassnames:a}},c=({children:e})=>r.createElement(o.Provider,{value:null},e),l=({children:e,...t})=>r.createElement(o.Provider,{value:t},e),u=s=>{let{getPrefixCls:c,direction:u}=r.useContext(e),{size:d,direction:f,block:p,prefixCls:m,className:h,rootClassName:g,children:_,...v}=s,y=t(e=>d??e),b=c(`space-compact`,m),[x,S]=n(b),C=i(b,S,{[`${b}-rtl`]:u===`rtl`,[`${b}-block`]:p,[`${b}-vertical`]:f===`vertical`},h,g),w=r.useContext(o),T=a(_),E=r.useMemo(()=>T.map((e,t)=>{let n=e?.key||`${b}-item-${t}`;return r.createElement(l,{key:n,compactSize:y,compactDirection:f,isFirstItem:t===0&&(!w||w?.isFirstItem),isLastItem:t===T.length-1&&(!w||w?.isLastItem)},e)}),[d,T,w]);return T.length===0?null:x(r.createElement(`div`,{className:C,...v},E))};export{c as NoCompactStyle,o as SpaceCompactItemContext,u as default,s as useCompactItemContext};

package/es/space/Item.d.ts

@@ -0,0 +1,12 @@
+import * as React$1 from "react";
+//#region components/space/Item.d.ts
+export interface ItemProps {
+  className: string;
+  children: React$1.ReactNode;
+  index: number;
+  split?: React$1.ReactNode;
+  style?: React$1.CSSProperties;
+}
+declare const Item: React$1.FC<ItemProps>;
+//#endregion
+export { Item as default };

package/es/space/Item.js

@@ -0,0 +1 @@
+import{SpaceContext as e}from"./context.js";import*as t from"react";const n=({className:n,index:r,children:i,split:a,style:o})=>{let{latestIndex:s}=t.useContext(e);return i==null?null:t.createElement(t.Fragment,null,t.createElement(`div`,{className:n,style:o},i),r<s&&a&&t.createElement(`span`,{className:`${n}-split`},a))};export{n as default};

package/es/space/context.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+//#region components/space/context.d.ts
+export interface SpaceContextType {
+  latestIndex: number;
+}
+export declare const SpaceContext: React.Context<SpaceContextType>;
+export declare const SpaceContextProvider: React.Provider<SpaceContextType>;
+//#endregion

package/es/space/context.js

@@ -0,0 +1 @@
+import e from"react";const t=e.createContext({latestIndex:0}),n=t.Provider;export{t as SpaceContext,n as SpaceContextProvider};

package/es/space/index.d.ts

@@ -0,0 +1,30 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import Compact from "./Compact.js";
+import { SpaceContext } from "./context.js";
+import * as React$1 from "react";
+//#region components/space/index.d.ts
+export type SpaceSize = SizeType | number;
+export interface SpaceProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  size?: SpaceSize | [SpaceSize, SpaceSize];
+  direction?: 'horizontal' | 'vertical';
+  align?: 'start' | 'end' | 'center' | 'baseline';
+  split?: React$1.ReactNode;
+  wrap?: boolean;
+  classNames?: {
+    item: string;
+  };
+  styles?: {
+    item: React$1.CSSProperties;
+  };
+}
+declare const InternalSpace: React$1.ForwardRefExoticComponent<SpaceProps & React$1.RefAttributes<HTMLDivElement>>;
+type CompoundedComponent = typeof InternalSpace & {
+  Compact: typeof Compact;
+};
+declare const Space: CompoundedComponent;
+//#endregion
+export { SpaceContext, Space as default };

package/es/space/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./style/index.js";import n from"./Compact.js";import{isPresetSize as r,isValidGapNumber as i}from"../_util/gapSize.js";import{SpaceContext as a,SpaceContextProvider as o}from"./context.js";import s from"./Item.js";import*as c from"react";import l from"classnames";import u from"rc-util/lib/Children/toArray";const d=c.forwardRef((n,a)=>{let{getPrefixCls:d,space:f,direction:p}=c.useContext(e),{size:m=f?.size??`small`,align:h,className:g,rootClassName:_,children:v,direction:y=`horizontal`,prefixCls:b,split:x,style:S,wrap:C=!1,classNames:w,styles:T,...E}=n,[D,O]=Array.isArray(m)?m:[m,m],k=r(O),A=r(D),j=i(O),M=i(D),N=u(v,{keepEmpty:!0}),P=h===void 0&&y===`horizontal`?`center`:h,F=d(`space`,b),[I,L,R]=t(F),z=l(F,f?.className,L,`${F}-${y}`,{[`${F}-rtl`]:p===`rtl`,[`${F}-align-${P}`]:P,[`${F}-gap-row-${O}`]:k,[`${F}-gap-col-${D}`]:A},g,_,R),B=l(`${F}-item`,w?.item??f?.classNames?.item),V=0,H=N.map((e,t)=>{e!=null&&(V=t);let n=e?.key||`${B}-${t}`;return c.createElement(s,{className:B,key:n,index:t,split:x,style:T?.item??f?.styles?.item},e)}),U=c.useMemo(()=>({latestIndex:V}),[V]);if(N.length===0)return null;let W={};return C&&(W.flexWrap=`wrap`),!A&&M&&(W.columnGap=D),!k&&j&&(W.rowGap=O),I(c.createElement(`div`,{ref:a,className:z,style:{...W,...f?.style,...S},...E},c.createElement(o,{value:U},H)))});d.Compact=n;export{a as SpaceContext,d as default};

package/es/space/style/compact.d.ts

@@ -0,0 +1,10 @@
+import "../../theme/internal.js";
+import { FullToken } from "../../theme/interface/cssinjs-utils.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+//#region components/space/style/compact.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {}
+interface SpaceToken extends FullToken<'Space'> {}
+declare const genSpaceCompactStyle: GenerateStyle<SpaceToken>;
+//#endregion
+export { genSpaceCompactStyle as default };

package/es/space/style/compact.js

@@ -0,0 +1 @@
+const e=e=>{let{componentCls:t}=e;return{[t]:{"&-block":{display:`flex`,width:`100%`},"&-vertical":{flexDirection:`column`}}}};export{e as default};

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

@@ -0,0 +1,9 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/space/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {}
+export declare const prepareComponentToken: GetDefaultToken<'Space'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/space/style/index.js

@@ -0,0 +1 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import{mergeToken as t}from"../../theme/internal.js";import n from"./compact.js";const r=e=>{let{componentCls:t,antCls:n}=e;return{[t]:{display:`inline-flex`,"&-rtl":{direction:`rtl`},"&-vertical":{flexDirection:`column`},"&-align":{flexDirection:`column`,"&-center":{alignItems:`center`},"&-start":{alignItems:`flex-start`},"&-end":{alignItems:`flex-end`},"&-baseline":{alignItems:`baseline`}},[`${t}-item:empty`]:{display:`none`},[`${t}-item > ${n}-badge-not-a-wrapper:only-child`]:{display:`block`}}}},i=e=>{let{componentCls:t}=e;return{[t]:{"&-gap-row-small":{rowGap:e.spaceGapSmallSize},"&-gap-row-middle":{rowGap:e.spaceGapMiddleSize},"&-gap-row-large":{rowGap:e.spaceGapLargeSize},"&-gap-col-small":{columnGap:e.spaceGapSmallSize},"&-gap-col-middle":{columnGap:e.spaceGapMiddleSize},"&-gap-col-large":{columnGap:e.spaceGapLargeSize}}}},a=()=>({});var o=e(`Space`,e=>{let a=t(e,{spaceGapSmallSize:e.paddingXS,spaceGapMiddleSize:e.padding,spaceGapLargeSize:e.paddingLG});return[r(a),i(a),n(a)]},()=>({}),{resetStyle:!1});export{o as default,a as prepareComponentToken};

package/es/spin/Indicator/Looper.d.ts

@@ -0,0 +1,8 @@
+import * as React$1 from "react";
+//#region components/spin/Indicator/Looper.d.ts
+export interface IndicatorProps {
+  prefixCls: string;
+  percent?: number;
+}
+export default function Looper(props: IndicatorProps): React$1.JSX.Element;
+//#endregion

package/es/spin/Indicator/Looper.js

@@ -0,0 +1 @@
+import e from"./Progress.js";import*as t from"react";import n from"classnames";function r(r){let{prefixCls:i,percent:a=0}=r,o=`${i}-dot`,s=`${o}-holder`,c=`${s}-hidden`;return t.createElement(t.Fragment,null,t.createElement(`span`,{className:n(s,a>0&&c)},t.createElement(`span`,{className:n(o,`${i}-dot-spin`)},[1,2,3,4].map(e=>t.createElement(`i`,{className:`${i}-dot-item`,key:e})))),t.createElement(e,{prefixCls:i,percent:a}))}export{r as default};

package/es/spin/Indicator/Progress.d.ts

@@ -0,0 +1,9 @@
+import * as React$1 from "react";
+//#region components/spin/Indicator/Progress.d.ts
+export interface ProgressProps {
+  prefixCls: string;
+  percent: number;
+}
+declare const Progress: React$1.FC<Readonly<ProgressProps>>;
+//#endregion
+export { Progress as default };

package/es/spin/Indicator/Progress.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";import n from"rc-util/lib/hooks/useLayoutEffect";const r=80*Math.PI,i=n=>{let{dotClassName:r,style:i,hasCircleCls:a}=n;return e.createElement(`circle`,{className:t(`${r}-circle`,{[`${r}-circle-bg`]:a}),r:40,cx:50,cy:50,strokeWidth:20,style:i})},a=({percent:a,prefixCls:o})=>{let s=`${o}-dot`,c=`${s}-holder`,l=`${c}-hidden`,[u,d]=e.useState(!1);n(()=>{a!==0&&d(!0)},[a!==0]);let f=Math.max(Math.min(a,100),0);if(!u)return null;let p={strokeDashoffset:`${r/4}`,strokeDasharray:`${r*f/100} ${r*(100-f)/100}`};return e.createElement(`span`,{className:t(c,`${s}-progress`,f<=0&&l)},e.createElement(`svg`,{viewBox:`0 0 100 100`,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":f},e.createElement(i,{dotClassName:s,hasCircleCls:!0}),e.createElement(i,{dotClassName:s,style:p})))};export{a as default};

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

@@ -0,0 +1,9 @@
+import * as React$1 from "react";
+//#region components/spin/Indicator/index.d.ts
+export interface IndicatorProps {
+  prefixCls: string;
+  indicator?: React$1.ReactNode;
+  percent?: number;
+}
+export default function Indicator(props: IndicatorProps): React$1.JSX.Element;
+//#endregion

package/es/spin/Indicator/index.js

@@ -0,0 +1 @@
+import{cloneElement as e}from"../../_util/reactNode.js";import t from"./Looper.js";import*as n from"react";import r from"classnames";function i(i){let{prefixCls:a,indicator:o,percent:s}=i,c=`${a}-dot`;return o&&n.isValidElement(o)?e(o,{className:r(o.props.className,c),percent:s}):n.createElement(t,{prefixCls:a,percent:s})}export{i as default};

package/es/spin/index.d.ts

@@ -0,0 +1,38 @@
+import * as React$1 from "react";
+//#region components/spin/index.d.ts
+declare const _SpinSizes: readonly ["small", "default", "large"];
+export type SpinSize = (typeof _SpinSizes)[number];
+export type SpinIndicator = React$1.ReactElement<HTMLElement>;
+export interface SpinProps {
+  /** Customize prefix class name */
+  prefixCls?: string;
+  /** Additional class name of Spin */
+  className?: string;
+  /** Additional root class name of Spin */
+  rootClassName?: string;
+  /** Whether Spin is spinning */
+  spinning?: boolean;
+  /** Style of Spin */
+  style?: React$1.CSSProperties;
+  /** Size of Spin, options: `small`, `default` and `large` */
+  size?: SpinSize;
+  /** Customize description content when Spin has children */
+  tip?: React$1.ReactNode;
+  /** Specifies a delay in milliseconds for loading state (prevent flush) */
+  delay?: number;
+  /** The className of wrapper when Spin has children */
+  wrapperClassName?: string;
+  /** React node of the spinning indicator */
+  indicator?: SpinIndicator;
+  /** Children of Spin */
+  children?: React$1.ReactNode;
+  /** Display a backdrop with the `Spin` component */
+  fullscreen?: boolean;
+  percent?: number | 'auto';
+}
+export type SpinType = React$1.FC<SpinProps> & {
+  setDefaultIndicator: (indicator: React$1.ReactNode) => void;
+};
+declare const Spin: SpinType;
+//#endregion
+export { Spin as default };

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