@swiftcrab/crab 0.0.5 → 0.0.6

package/es/tooltip/PurePanel.d.ts

@@ -0,0 +1,8 @@
+import { TooltipProps } from "./index.js";
+import * as React$1 from "react";
+//#region components/tooltip/PurePanel.d.ts
+export interface PurePanelProps extends Omit<TooltipProps, 'children'> {}
+/** @private Internal Component. Do not use in your production. */
+declare const PurePanel: React$1.FC<PurePanelProps>;
+//#endregion
+export { PurePanel as default };

package/es/tooltip/PurePanel.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{parseColor as n}from"./util.js";import*as r from"react";import i from"classnames";import{Popup as a}from"rc-tooltip";const o=o=>{let{prefixCls:s,className:c,placement:l=`top`,title:u,color:d,overlayInnerStyle:f}=o,{getPrefixCls:p}=r.useContext(e),m=p(`tooltip`,s),[h,g,_]=t(m),v=n(m,d),y=v.arrowStyle,b={...f,...v.overlayStyle},x=i(g,_,m,`${m}-pure`,`${m}-placement-${l}`,c,v.className);return h(r.createElement(`div`,{className:x,style:y},r.createElement(`div`,{className:`${m}-arrow`}),r.createElement(a,{...o,className:g,prefixCls:m,overlayInnerStyle:b},u)))};export{o as default};

package/es/tooltip/index.d.ts

@@ -0,0 +1,81 @@
+import { LiteralUnion } from "../_util/type.js";
+import { RenderFunction } from "../_util/getRenderPropValue.js";
+import { AdjustOverflow, PlacementsConfig } from "../_util/placements.js";
+import PurePanel from "./PurePanel.js";
+import { PresetColorType } from "../_util/colors.js";
+import * as React$1 from "react";
+import { placements } from "rc-tooltip/lib/placements";
+import { TooltipProps as TooltipProps$1 } from "rc-tooltip/lib/Tooltip";
+//#region components/tooltip/index.d.ts
+export interface TooltipRef {
+  /** @deprecated Please use `forceAlign` instead */
+  forcePopupAlign: VoidFunction;
+  forceAlign: VoidFunction;
+  /** Wrapped dom element. Not promise valid if child not support ref */
+  nativeElement: HTMLElement;
+}
+export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export interface TooltipAlignConfig {
+  points?: [string, string];
+  offset?: [number | string, number | string];
+  targetOffset?: [number | string, number | string];
+  overflow?: {
+    adjustX: boolean;
+    adjustY: boolean;
+  };
+  useCssRight?: boolean;
+  useCssBottom?: boolean;
+  useCssTransform?: boolean;
+}
+interface LegacyTooltipProps extends Partial<Omit<TooltipProps$1, 'children' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'afterVisibleChange' | 'destroyTooltipOnHide'>> {
+  open?: TooltipProps$1['visible'];
+  defaultOpen?: TooltipProps$1['defaultVisible'];
+  onOpenChange?: TooltipProps$1['onVisibleChange'];
+  afterOpenChange?: TooltipProps$1['afterVisibleChange'];
+  /** @deprecated Please use `open` instead. */
+  visible?: TooltipProps$1['visible'];
+  /** @deprecated Please use `defaultOpen` instead. */
+  defaultVisible?: TooltipProps$1['defaultVisible'];
+  /** @deprecated Please use `onOpenChange` instead. */
+  onVisibleChange?: TooltipProps$1['onVisibleChange'];
+  /** @deprecated Please use `afterOpenChange` instead. */
+  afterVisibleChange?: TooltipProps$1['afterVisibleChange'];
+}
+export interface AbstractTooltipProps extends LegacyTooltipProps {
+  style?: React$1.CSSProperties;
+  className?: string;
+  rootClassName?: string;
+  color?: LiteralUnion<PresetColorType>;
+  placement?: TooltipPlacement;
+  builtinPlacements?: typeof placements;
+  openClassName?: string;
+  /** @deprecated Please use `arrow={{ pointAtCenter: true }}` instead. */
+  arrowPointAtCenter?: boolean;
+  arrow?: boolean | {
+    /** @deprecated Please use `pointAtCenter` instead. */
+    arrowPointAtCenter?: boolean;
+    pointAtCenter?: boolean;
+  };
+  autoAdjustOverflow?: boolean | AdjustOverflow;
+  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+  children?: React$1.ReactNode;
+  destroyTooltipOnHide?: boolean | {
+    keepParent?: boolean;
+  };
+}
+export interface TooltipPropsWithOverlay extends AbstractTooltipProps {
+  title?: React$1.ReactNode | RenderFunction;
+  overlay?: React$1.ReactNode | RenderFunction;
+}
+export interface TooltipPropsWithTitle extends AbstractTooltipProps {
+  title: React$1.ReactNode | RenderFunction;
+  overlay?: React$1.ReactNode | RenderFunction;
+}
+export declare type TooltipProps = TooltipPropsWithTitle | TooltipPropsWithOverlay;
+declare const InternalTooltip: React$1.ForwardRefExoticComponent<TooltipProps & React$1.RefAttributes<TooltipRef>>;
+type CompoundedComponent = typeof InternalTooltip & {
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+declare const Tooltip: CompoundedComponent;
+//#endregion
+export { type AdjustOverflow, type PlacementsConfig, Tooltip as default };

package/es/tooltip/index.js

@@ -0,0 +1 @@
+import{devUseWarning as e}from"../_util/warning.js";import{ConfigContext as t}from"../config-provider/context.js";import n from"../theme/useToken.js";import"../theme/internal.js";import"../config-provider/index.js";import{cloneElement as r,isFragment as i}from"../_util/reactNode.js";import a from"../_util/zindexContext.js";import{useZIndex as ee}from"../_util/hooks/useZIndex.js";import{getTransitionName as o}from"../_util/motion.js";import s from"../_util/ContextIsolator.js";import c from"../_util/placements.js";import l from"./style/index.js";import{parseColor as u}from"./util.js";import d from"./PurePanel.js";import*as f from"react";import p from"classnames";import m from"rc-util/lib/hooks/useMergedState";import h from"rc-tooltip";const g=f.forwardRef((d,g)=>{let{prefixCls:_,openClassName:v,getTooltipContainer:te,overlayClassName:ne,color:re,overlayInnerStyle:ie,children:y,afterOpenChange:ae,afterVisibleChange:b,destroyTooltipOnHide:x,arrow:S=!0,title:C,overlay:w,builtinPlacements:T,arrowPointAtCenter:E=!1,autoAdjustOverflow:D=!0}=d,O=!!S,[,k]=n(),{getPopupContainer:A,getPrefixCls:j,direction:M}=f.useContext(t),N=e(`Tooltip`),P=f.useRef(null),F=()=>{P.current?.forceAlign()};f.useImperativeHandle(g,()=>({forceAlign:F,forcePopupAlign:()=>{N.deprecated(!1,`forcePopupAlign`,`forceAlign`),F()},nativeElement:P.current?.nativeElement}));let[I,L]=m(!1,{value:d.open??d.visible,defaultValue:d.defaultOpen??d.defaultVisible}),R=!C&&!w&&C!==0,z=e=>{L(!R&&e),R||(d.onOpenChange?.(e),d.onVisibleChange?.(e))},B=f.useMemo(()=>{let e=E;return typeof S==`object`&&(e=S.pointAtCenter??S.arrowPointAtCenter??E),T||c({arrowPointAtCenter:e,autoAdjustOverflow:D,arrowWidth:O?k.sizePopupArrow:0,borderRadius:k.borderRadius,offset:k.marginXXS,visibleFirst:!0})},[E,S,T,k]),V=f.useMemo(()=>C===0?C:w||C||``,[w,C]),H=f.createElement(s,{space:!0},typeof V==`function`?V():V),{getPopupContainer:oe,placement:U=`top`,mouseEnterDelay:W=.1,mouseLeaveDelay:G=.1,overlayStyle:K,rootClassName:q,...J}=d,Y=j(`tooltip`,_),se=j(),ce=d[`data-popover-inject`],X=I;!(`open`in d)&&!(`visible`in d)&&R&&(X=!1);let Z=f.isValidElement(y)&&!i(y)?y:f.createElement(`span`,null,y),Q=Z.props,le=!Q.className||typeof Q.className==`string`?p(Q.className,v||`${Y}-open`):Q.className,[ue,de,fe]=l(Y,!ce),$=u(Y,re),pe=$.arrowStyle,me={...ie,...$.overlayStyle},he=p(ne,{[`${Y}-rtl`]:M===`rtl`},$.className,q,de,fe),[ge,_e]=ee(`Tooltip`,J.zIndex),ve=f.createElement(h,{...J,zIndex:ge,showArrow:O,placement:U,mouseEnterDelay:W,mouseLeaveDelay:G,prefixCls:Y,overlayClassName:he,overlayStyle:{...pe,...K},getTooltipContainer:oe||te||A,ref:P,builtinPlacements:B,overlay:H,visible:X,onVisibleChange:z,afterVisibleChange:ae??b,overlayInnerStyle:me,arrowContent:f.createElement(`span`,{className:`${Y}-arrow-content`}),motion:{motionName:o(se,`zoom-big-fast`,d.transitionName),motionDeadline:1e3},destroyTooltipOnHide:!!x},X?r(Z,{className:le}):Z);return ue(f.createElement(a.Provider,{value:_e},ve))});g._InternalPanelDoNotUseOrYouWillBeFired=d;export{g as default};

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

@@ -0,0 +1,16 @@
+import { ArrowToken } from "../../style/roundedArrow.js";
+import { ArrowOffsetToken } from "../../style/placementArrow.js";
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/tooltip/style/index.d.ts
+export interface ComponentToken extends ArrowOffsetToken, ArrowToken {
+  /**
+   * @desc 文字提示 z-index
+   * @descEN z-index of tooltip
+   */
+  zIndexPopup: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Tooltip'>;
+declare const _default: (prefixCls: string, injectStyle?: boolean) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/tooltip/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import n from"../../theme/util/genPresetColor.js";import{mergeToken as r}from"../../theme/internal.js";import{initZoomMotion as i}from"../../style/motion/zoom.js";import"../../style/motion/index.js";import{getArrowToken as a}from"../../style/roundedArrow.js";import o,{getArrowOffsetToken as s}from"../../style/placementArrow.js";import{unit as c}from"@ant-design/cssinjs";const l=t=>{let{calc:r,componentCls:i,tooltipMaxWidth:a,tooltipColor:s,tooltipBg:l,tooltipBorderRadius:u,zIndexPopup:d,controlHeight:f,boxShadowSecondary:p,paddingSM:m,paddingXS:h,arrowOffsetHorizontal:g,sizePopupArrow:_}=t,v=r(u).add(_).add(g).equal(),y=r(u).mul(2).add(_).equal();return[{[i]:{...e(t),position:`absolute`,zIndex:d,display:`block`,width:`max-content`,maxWidth:a,visibility:`visible`,"--valid-offset-x":`var(--arrow-offset-horizontal, var(--arrow-x))`,transformOrigin:[`var(--valid-offset-x, 50%)`,`var(--arrow-y, 50%)`].join(` `),"&-hidden":{display:`none`},"--antd-arrow-background-color":l,[`${i}-inner`]:{minWidth:y,minHeight:f,padding:`${c(t.calc(m).div(2).equal())} ${c(h)}`,color:s,textAlign:`start`,textDecoration:`none`,wordWrap:`break-word`,backgroundColor:l,borderRadius:u,boxShadow:p,boxSizing:`border-box`},[[`&-placement-topLeft`,`&-placement-topRight`,`&-placement-bottomLeft`,`&-placement-bottomRight`].join(`,`)]:{minWidth:v},[[`&-placement-left`,`&-placement-leftTop`,`&-placement-leftBottom`,`&-placement-right`,`&-placement-rightTop`,`&-placement-rightBottom`].join(`,`)]:{[`${i}-inner`]:{borderRadius:t.min(u,8)}},[`${i}-content`]:{position:`relative`},...n(t,(e,{darkColor:t})=>({[`&${i}-${e}`]:{[`${i}-inner`]:{backgroundColor:t},[`${i}-arrow`]:{"--antd-arrow-background-color":t}}})),"&-rtl":{direction:`rtl`}}},o(t,`var(--antd-arrow-background-color)`),{[`${i}-pure`]:{position:`relative`,maxWidth:`none`,margin:t.sizePopupArrow}}]},u=e=>({zIndexPopup:e.zIndexPopupBase+70,...s({contentRadius:e.borderRadius,limitVerticalRadius:!0}),...a(r(e,{borderRadiusOuter:Math.min(e.borderRadiusOuter,4)}))});var d=(e,n=!0)=>t(`Tooltip`,e=>{let{borderRadius:t,colorTextLightSolid:n,colorBgSpotlight:a}=e,o=r(e,{tooltipMaxWidth:250,tooltipColor:n,tooltipBorderRadius:t,tooltipBg:a});return[l(o),i(e,`zoom-big-fast`)]},u,{resetStyle:!1,injectStyle:n})(e);export{d as default,u as prepareComponentToken};

package/es/tooltip/util.d.ts

@@ -0,0 +1,8 @@
+import * as React$1 from "react";
+//#region components/tooltip/util.d.ts
+export declare function parseColor(prefixCls: string, color?: string): {
+  className: string;
+  overlayStyle: React$1.CSSProperties;
+  arrowStyle: React$1.CSSProperties;
+};
+//#endregion

package/es/tooltip/util.js

@@ -0,0 +1 @@
+import{isPresetColor as e}from"../_util/colors.js";import t from"classnames";function n(n,r){let i=e(r),a=t({[`${n}-${r}`]:r&&i}),o={},s={};return r&&!i&&(o.background=r,s[`--antd-arrow-background-color`]=r),{className:a,overlayStyle:o,arrowStyle:s}}export{n as parseColor};

package/es/tour/PurePanel.d.ts

@@ -0,0 +1,7 @@
+import { TourStepProps } from "./interface.js";
+import * as React$1 from "react";
+//#region components/tour/PurePanel.d.ts
+export interface PurePanelProps extends TourStepProps {}
+declare const _default: (props: PurePanelProps) => React$1.JSX.Element;
+//#endregion
+export { _default as default };

package/es/tour/PurePanel.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{cloneElement as t}from"../_util/reactNode.js";import n from"../_util/hooks/useClosable.js";import{withPureRenderTheme as r}from"../_util/PurePanel.js";import{RawPurePanel as i}from"../popover/PurePanel.js";import a from"./panelRender.js";import o from"./style/index.js";import*as s from"react";import c from"classnames";var l=r(r=>{let{prefixCls:l,current:u=0,total:d=6,className:f,style:p,type:m,closable:h,closeIcon:g,..._}=r,{getPrefixCls:v}=s.useContext(e),y=v(`tour`,l),[b,x,S]=o(y),[C,w]=n({closable:h,closeIcon:g},null,{closable:!0,closeIconRender:e=>s.isValidElement(e)?t(e,{className:c(e.props.className,`${y}-close-icon`)}):e});return b(s.createElement(i,{prefixCls:y,hashId:x,className:c(f,`${y}-pure`,m&&`${y}-${m}`,S),style:p},s.createElement(a,{stepProps:{..._,prefixCls:y,total:d,closable:C?{closeIcon:w}:void 0},current:u,type:m})))});export{l as default};

package/es/tour/index.d.ts

@@ -0,0 +1,9 @@
+import { TourProps } from "./interface.js";
+import _default from "./PurePanel.js";
+import React from "react";
+//#region components/tour/index.d.ts
+declare const Tour: React.FC<TourProps> & {
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof _default;
+};
+//#endregion
+export { Tour as default };

package/es/tour/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import t from"../theme/useToken.js";import"../theme/internal.js";import"../config-provider/index.js";import n from"../_util/zindexContext.js";import{useZIndex as r}from"../_util/hooks/useZIndex.js";import i from"../_util/placements.js";import a from"./panelRender.js";import o from"./style/index.js";import s from"./PurePanel.js";import c,{useContext as l}from"react";import u from"classnames";import d from"@rc-component/tour";const f=s=>{let{prefixCls:f,type:p,rootClassName:m,indicatorsRender:h,steps:g,closeIcon:_,...v}=s,{getPrefixCls:y,direction:b,tour:x}=l(e),S=y(`tour`,f),[C,w,T]=o(S),[,E]=t(),D=c.useMemo(()=>g?.map(e=>({...e,className:u(e.className,{[`${S}-primary`]:(e.type??p)===`primary`})})),[g,p]),O=e=>i({arrowPointAtCenter:e?.arrowPointAtCenter??!0,autoAdjustOverflow:!0,offset:E.marginXXS,arrowWidth:E.sizePopupArrow,borderRadius:E.borderRadius}),k=u({[`${S}-rtl`]:b===`rtl`},w,T,m),A=(e,t)=>c.createElement(a,{type:p,stepProps:e,current:t,indicatorsRender:h}),[j,M]=r(`Tour`,v.zIndex);return C(c.createElement(n.Provider,{value:M},c.createElement(d,{...v,closeIcon:_??x?.closeIcon,zIndex:j,rootClassName:k,prefixCls:S,animated:!0,renderPanel:A,builtinPlacements:O,steps:D})))};f._InternalPanelDoNotUseOrYouWillBeFired=s;export{f as default};

package/es/tour/interface.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from "react";
+import { TourProps as TourProps$1, TourStepProps as TourStepProps$1 } from "@rc-component/tour";
+//#region components/tour/interface.d.ts
+export interface TourProps extends Omit<TourProps$1, 'renderPanel'> {
+  steps?: TourStepProps[];
+  prefixCls?: string;
+  current?: number;
+  indicatorsRender?: (current: number, total: number) => ReactNode;
+  type?: 'default' | 'primary';
+}
+export interface TourStepProps extends TourStepProps$1 {
+  cover?: ReactNode;
+  nextButtonProps?: {
+    children?: ReactNode;
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+  };
+  prevButtonProps?: {
+    children?: ReactNode;
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+  };
+  indicatorsRender?: (current: number, total: number) => ReactNode;
+  type?: 'default' | 'primary';
+}
+export interface TourLocale {
+  Next: string;
+  Previous: string;
+  Finish: string;
+}
+//#endregion

package/es/tour/panelRender.d.ts

@@ -0,0 +1,14 @@
+import { TourStepProps } from "./interface.js";
+import React from "react";
+//#region components/tour/panelRender.d.ts
+interface TourPanelProps {
+  stepProps: Omit<TourStepProps, 'closable'> & {
+    closable?: Exclude<TourStepProps['closable'], boolean>;
+  };
+  current: number;
+  type: TourStepProps['type'];
+  indicatorsRender?: TourStepProps['indicatorsRender'];
+}
+declare const TourPanel: React.FC<TourPanelProps>;
+//#endregion
+export { TourPanel as default };

package/es/tour/panelRender.js

@@ -0,0 +1 @@
+import e from"../locale/en_US.js";import t from"../locale/useLocale.js";import"../locale/index.js";import n from"../button/index.js";import r from"react";import i from"classnames";import a from"@ant-design/icons/CloseOutlined";function o(e){return e!=null}const s=s=>{let{stepProps:c,current:l,type:u,indicatorsRender:d}=s,{prefixCls:f,total:p=1,title:m,onClose:h,onPrev:g,onNext:_,onFinish:v,cover:y,description:b,nextButtonProps:x,prevButtonProps:S,type:C,closable:w}=c,T=C??u,E=r.createElement(`button`,{type:`button`,onClick:h,className:`${f}-close`},w?.closeIcon||r.createElement(a,{className:`${f}-close-icon`})),D=l===p-1,O=()=>{g?.(),S?.onClick?.()},k=()=>{D?v?.():_?.(),x?.onClick?.()},A=o(m)?r.createElement(`div`,{className:`${f}-header`},r.createElement(`div`,{className:`${f}-title`},m)):null,j=o(b)?r.createElement(`div`,{className:`${f}-description`},b):null,M=o(y)?r.createElement(`div`,{className:`${f}-cover`},y):null,N;N=d?d(l,p):[...Array.from({length:p}).keys()].map((e,t)=>r.createElement(`span`,{key:e,className:i(t===l&&`${f}-indicator-active`,`${f}-indicator`)}));let P=T===`primary`?`default`:`primary`,F={type:`default`,ghost:T===`primary`},[I]=t(`Tour`,e.Tour);return r.createElement(`div`,{className:`${f}-content`},r.createElement(`div`,{className:`${f}-inner`},w&&E,M,A,j,r.createElement(`div`,{className:`${f}-footer`},p>1&&r.createElement(`div`,{className:`${f}-indicators`},N),r.createElement(`div`,{className:`${f}-buttons`},l===0?null:r.createElement(n,{...F,...S,onClick:O,size:`small`,className:i(`${f}-prev-btn`,S?.className)},S?.children??I?.Previous),r.createElement(n,{type:P,...x,onClick:k,size:`small`,className:i(`${f}-next-btn`,x?.className)},x?.children??(D?I?.Finish:I?.Next))))))};export{s as default};

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

@@ -0,0 +1,31 @@
+import { ArrowToken } from "../../style/roundedArrow.js";
+import { ArrowOffsetToken } from "../../style/placementArrow.js";
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/tour/style/index.d.ts
+export interface ComponentToken extends ArrowOffsetToken, ArrowToken {
+  /**
+   * @desc 弹层 z-index
+   * @descEN Tour popup z-index
+   */
+  zIndexPopup: number;
+  /**
+   * @desc 关闭按钮尺寸
+   * @descEN Close button size
+   */
+  closeBtnSize: number;
+  /**
+   * @desc Primary 模式上一步按钮背景色
+   * @descEN Background color of previous button in primary type
+   */
+  primaryPrevBtnBg: string;
+  /**
+   * @desc Primary 模式下一步按钮悬浮背景色
+   * @descEN Hover background color of next button in primary type
+   */
+  primaryNextBtnHoverBg: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Tour'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/tour/style/index.js

@@ -0,0 +1 @@
+import{genFocusStyle as e,resetComponent as t}from"../../style/index.js";import{genStyleHooks as n}from"../../theme/util/genStyleUtils.js";import{mergeToken as r}from"../../theme/internal.js";import{getArrowToken as i}from"../../style/roundedArrow.js";import a,{getArrowOffsetToken as o}from"../../style/placementArrow.js";import{unit as s}from"@ant-design/cssinjs";import{TinyColor as c}from"@ctrl/tinycolor";const l=n=>{let{componentCls:r,padding:i,paddingXS:o,borderRadius:c,borderRadiusXS:l,colorPrimary:u,colorFill:d,indicatorHeight:f,indicatorWidth:p,boxShadowTertiary:m,zIndexPopup:h,colorBgElevated:g,fontWeightStrong:_,marginXS:v,colorTextLightSolid:y,tourBorderRadius:b,colorWhite:x,primaryNextBtnHoverBg:S,closeBtnSize:C,motionDurationSlow:w,antCls:T,primaryPrevBtnBg:E}=n;return[{[r]:{...t(n),position:`absolute`,zIndex:h,maxWidth:`fit-content`,visibility:`visible`,width:520,"--antd-arrow-background-color":g,"&-pure":{maxWidth:`100%`,position:`relative`},[`&${r}-hidden`]:{display:`none`},[`${r}-content`]:{position:`relative`},[`${r}-inner`]:{textAlign:`start`,textDecoration:`none`,borderRadius:b,boxShadow:m,position:`relative`,backgroundColor:g,border:`none`,backgroundClip:`padding-box`,[`${r}-close`]:{position:`absolute`,top:i,insetInlineEnd:i,color:n.colorIcon,background:`none`,border:`none`,width:C,height:C,borderRadius:n.borderRadiusSM,transition:`background-color ${n.motionDurationMid}, color ${n.motionDurationMid}`,display:`flex`,alignItems:`center`,justifyContent:`center`,cursor:`pointer`,"&:hover":{color:n.colorIconHover,backgroundColor:n.colorBgTextHover},"&:active":{backgroundColor:n.colorBgTextActive},...e(n)},[`${r}-cover`]:{textAlign:`center`,padding:`${s(n.calc(i).add(C).add(o).equal())} ${s(i)} 0`,img:{width:`100%`}},[`${r}-header`]:{padding:`${s(i)} ${s(i)} ${s(o)}`,width:`calc(100% - ${s(C)})`,wordBreak:`break-word`,[`${r}-title`]:{fontWeight:_}},[`${r}-description`]:{padding:`0 ${s(i)}`,wordWrap:`break-word`},[`${r}-footer`]:{padding:`${s(o)} ${s(i)} ${s(i)}`,textAlign:`end`,borderRadius:`0 0 ${s(l)} ${s(l)}`,display:`flex`,[`${r}-indicators`]:{display:`inline-block`,[`${r}-indicator`]:{width:p,height:f,display:`inline-block`,borderRadius:`50%`,background:d,"&:not(:last-child)":{marginInlineEnd:f},"&-active":{background:u}}},[`${r}-buttons`]:{marginInlineStart:`auto`,[`${T}-btn`]:{marginInlineStart:v}}}},[`${r}-primary, &${r}-primary`]:{"--antd-arrow-background-color":u,[`${r}-inner`]:{color:y,textAlign:`start`,textDecoration:`none`,backgroundColor:u,borderRadius:c,boxShadow:m,[`${r}-close`]:{color:y},[`${r}-indicators`]:{[`${r}-indicator`]:{background:E,"&-active":{background:y}}},[`${r}-prev-btn`]:{color:y,borderColor:E,backgroundColor:u,"&:hover":{backgroundColor:E,borderColor:`transparent`}},[`${r}-next-btn`]:{color:u,borderColor:`transparent`,background:x,"&:hover":{background:S}}}}},[`${r}-mask`]:{[`${r}-placeholder-animated`]:{transition:`all ${w}`}},[[`&-placement-left`,`&-placement-leftTop`,`&-placement-leftBottom`,`&-placement-right`,`&-placement-rightTop`,`&-placement-rightBottom`].join(`,`)]:{[`${r}-inner`]:{borderRadius:n.min(b,8)}}},a(n,`var(--antd-arrow-background-color)`)]},u=e=>({zIndexPopup:e.zIndexPopupBase+70,closeBtnSize:e.fontSize*e.lineHeight,primaryPrevBtnBg:new c(e.colorTextLightSolid).setAlpha(.15).toRgbString(),primaryNextBtnHoverBg:new c(e.colorBgTextHover).onBackground(e.colorWhite).toRgbString(),...o({contentRadius:e.borderRadiusLG,limitVerticalRadius:!0}),...i(e)});var d=n(`Tour`,e=>{let{borderRadiusLG:t}=e,n=r(e,{indicatorWidth:6,indicatorHeight:6,tourBorderRadius:t});return[l(n)]},u);export{d as default,u as prepareComponentToken};

package/es/transfer/ListBody.d.ts

@@ -0,0 +1,19 @@
+import { TransferKey } from "./interface.js";
+import { RenderedItem, TransferListProps } from "./list.js";
+import { KeyWiseTransferItem } from "./index.js";
+import * as React$1 from "react";
+//#region components/transfer/ListBody.d.ts
+export declare const OmitProps: readonly ["handleFilter", "handleClear", "checkedKeys"];
+export type OmitProp = (typeof OmitProps)[number];
+type PartialTransferListProps<RecordType> = Omit<TransferListProps<RecordType>, OmitProp>;
+export interface TransferListBodyProps<RecordType> extends PartialTransferListProps<RecordType> {
+  filteredItems: RecordType[];
+  filteredRenderItems: RenderedItem<RecordType>[];
+  selectedKeys: TransferKey[];
+}
+export interface ListBodyRef<RecordType extends KeyWiseTransferItem> {
+  items?: RenderedItem<RecordType>[];
+}
+declare const _default: React$1.ForwardRefExoticComponent<TransferListBodyProps<KeyWiseTransferItem> & React$1.RefAttributes<ListBodyRef<KeyWiseTransferItem>>>;
+//#endregion
+export { _default as default };

package/es/transfer/ListBody.js

@@ -0,0 +1 @@
+import e from"../pagination/index.js";import t from"./ListItem.js";import*as n from"react";import r from"classnames";import i from"rc-util/lib/hooks/useMergedState";const a=[`handleFilter`,`handleClear`,`checkedKeys`],o=e=>({simple:!0,showSizeChanger:!1,showLessItems:!1,...e});var s=n.forwardRef((a,s)=>{let{prefixCls:c,filteredRenderItems:l,selectedKeys:u,disabled:d,showRemove:f,pagination:p,onScroll:m,onItemSelect:h,onItemRemove:g}=a,[_,v]=n.useState(1),y=n.useMemo(()=>p?o(typeof p==`object`?p:{}):null,[p]),[b,x]=i(10,{value:y?.pageSize});n.useEffect(()=>{if(y){let e=Math.ceil(l.length/b);v(Math.min(_,e))}},[l,y,b]);let S=(e,t)=>{h(e.key,!u.includes(e.key),t)},C=e=>{g?.([e.key])},w=e=>{v(e)},T=(e,t)=>{v(e),x(t)},E=n.useMemo(()=>y?l.slice((_-1)*b,_*b):l,[_,l,y,b]);n.useImperativeHandle(s,()=>({items:E}));let D=y?n.createElement(e,{size:`small`,disabled:d,simple:y.simple,pageSize:b,showLessItems:y.showLessItems,showSizeChanger:y.showSizeChanger,className:`${c}-pagination`,total:l.length,current:_,onChange:w,onShowSizeChange:T}):null,O=r(`${c}-content`,{[`${c}-content-show-remove`]:f});return n.createElement(n.Fragment,null,n.createElement(`ul`,{className:O,onScroll:m},(E||[]).map(({renderedEl:e,renderedText:r,item:i})=>n.createElement(t,{key:i.key,item:i,renderedText:r,renderedEl:e,prefixCls:c,showRemove:f,onClick:S,onRemove:C,checked:u.includes(i.key),disabled:d||i.disabled}))),D)});export{a as OmitProps,s as default};

package/es/transfer/ListItem.d.ts

@@ -0,0 +1,17 @@
+import { KeyWiseTransferItem } from "./index.js";
+import * as React$1 from "react";
+//#region components/transfer/ListItem.d.ts
+type ListItemProps<RecordType> = {
+  renderedText?: string | number;
+  renderedEl: React$1.ReactNode;
+  disabled?: boolean;
+  checked?: boolean;
+  prefixCls: string;
+  onClick: (item: RecordType, e: React$1.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+  onRemove?: (item: RecordType) => void;
+  item: RecordType;
+  showRemove?: boolean;
+};
+declare const _default: React$1.MemoExoticComponent<(<RecordType extends KeyWiseTransferItem>(props: ListItemProps<RecordType>) => React$1.JSX.Element)>;
+//#endregion
+export { _default as default };

package/es/transfer/ListItem.js

@@ -0,0 +1 @@
+import e from"../locale/en_US.js";import t from"../locale/useLocale.js";import"../locale/index.js";import n from"../checkbox/index.js";import*as r from"react";import i from"classnames";import a from"@ant-design/icons/DeleteOutlined";var o=r.memo(o=>{let{renderedText:s,renderedEl:c,item:l,checked:u,disabled:d,prefixCls:f,onClick:p,onRemove:m,showRemove:h}=o,g=i(`${f}-content-item`,{[`${f}-content-item-disabled`]:d||l.disabled,[`${f}-content-item-checked`]:u&&!l.disabled}),_;(typeof s==`string`||typeof s==`number`)&&(_=String(s));let[v]=t(`Transfer`,e.Transfer),y={className:g,title:_},b=r.createElement(`span`,{className:`${f}-content-item-text`},c);return h?r.createElement(`li`,y,b,r.createElement(`button`,{type:`button`,disabled:d||l.disabled,className:`${f}-content-item-remove`,"aria-label":v?.remove,onClick:()=>m?.(l)},r.createElement(a,null))):(y.onClick=d||l.disabled?void 0:e=>p(l,e),r.createElement(`li`,y,r.createElement(n,{className:`${f}-checkbox`,checked:u,disabled:d||l.disabled}),b))});export{o as default};

package/es/transfer/hooks/useData.d.ts

@@ -0,0 +1,7 @@
+import { AnyObject } from "../../_util/type.js";
+import { TransferKey } from "../interface.js";
+import { TransferProps } from "../index.js";
+//#region components/transfer/hooks/useData.d.ts
+declare const useData: <RecordType extends AnyObject>(dataSource?: RecordType[], rowKey?: TransferProps<RecordType>["rowKey"], targetKeys?: TransferKey[]) => RecordType[][];
+//#endregion
+export { useData as default };

package/es/transfer/hooks/useData.js

@@ -0,0 +1 @@
+import{groupKeysMap as e}from"../../_util/transKeys.js";import*as t from"react";const n=(n,r,i)=>{let a=t.useMemo(()=>(n||[]).map(e=>r?{...e,key:r(e)}:e),[n,r]),[o,s]=t.useMemo(()=>{let t=[],n=Array((i||[]).length),r=e(i||[]);return a.forEach(e=>{r.has(e.key)?n[r.get(e.key)]=e:t.push(e)}),[t,n]},[a,i,r]);return[a,o,s]};export{n as default};

package/es/transfer/hooks/useSelection.d.ts

@@ -0,0 +1,6 @@
+import { TransferKey } from "../interface.js";
+//#region components/transfer/hooks/useSelection.d.ts
+export default function useSelection<T extends {
+  key: TransferKey;
+}>(leftDataSource: T[], rightDataSource: T[], selectedKeys?: TransferKey[]): [sourceSelectedKeys: TransferKey[], targetSelectedKeys: TransferKey[], setSourceSelectedKeys: (srcKeys: TransferKey[]) => void, setTargetSelectedKeys: (srcKeys: TransferKey[]) => void];
+//#endregion

package/es/transfer/hooks/useSelection.js

@@ -0,0 +1 @@
+import*as e from"react";import{useEvent as t,useMergedState as n}from"rc-util";const r=[];function i(e,t){let n=e.filter(e=>t.has(e));return e.length===n.length?e:n}function a(e){return Array.from(e).join(`;`)}function o(o,s,c){let[l,u]=e.useMemo(()=>[new Set(o.map(e=>e.key)),new Set(s.map(e=>e.key))],[o,s]),[d,f]=n(r,{value:c}),p=e.useMemo(()=>i(d,l),[d,l]),m=e.useMemo(()=>i(d,u),[d,u]);return e.useEffect(()=>{f([...i(d,l),...i(d,u)])},[a(l),a(u)]),[p,m,t(e=>{f([...e,...m])}),t(e=>{f([...p,...e])})]}export{o as default};

package/es/transfer/index.d.ts

@@ -0,0 +1,91 @@
+import { InputStatus } from "../_util/statusUtils.js";
+import { TransferSearchProps } from "./search.js";
+import { TransferOperationProps } from "./operation.js";
+import { PaginationType, TransferKey } from "./interface.js";
+import { TransferCustomListBodyProps, TransferListProps } from "./list.js";
+import React, { CSSProperties } from "react";
+//#region components/transfer/index.d.ts
+export type TransferDirection = 'left' | 'right';
+export interface RenderResultObject {
+  label: React.ReactElement;
+  value: string;
+}
+export type RenderResult = React.ReactElement | RenderResultObject | string | null;
+export interface TransferItem {
+  key?: TransferKey;
+  title?: string;
+  description?: string;
+  disabled?: boolean;
+  [name: string]: any;
+}
+export type KeyWise<T> = T & {
+  key: TransferKey;
+};
+export type KeyWiseTransferItem = KeyWise<TransferItem>;
+type TransferRender<RecordType> = (item: RecordType) => RenderResult;
+export interface ListStyle {
+  direction: TransferDirection;
+}
+export type SelectAllLabel = React.ReactNode | ((info: {
+  selectedCount: number;
+  totalCount: number;
+}) => React.ReactNode);
+export interface TransferLocale {
+  titles?: React.ReactNode[];
+  notFoundContent?: React.ReactNode | React.ReactNode[];
+  searchPlaceholder: string;
+  itemUnit: string;
+  itemsUnit: string;
+  remove?: string;
+  selectAll?: string;
+  deselectAll?: string;
+  selectCurrent?: string;
+  selectInvert?: string;
+  removeAll?: string;
+  removeCurrent?: string;
+}
+export interface TransferProps<RecordType = any> {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  disabled?: boolean;
+  dataSource?: RecordType[];
+  targetKeys?: TransferKey[];
+  selectedKeys?: TransferKey[];
+  render?: TransferRender<RecordType>;
+  onChange?: (targetKeys: TransferKey[], direction: TransferDirection, moveKeys: TransferKey[]) => void;
+  onSelectChange?: (sourceSelectedKeys: TransferKey[], targetSelectedKeys: TransferKey[]) => void;
+  style?: React.CSSProperties;
+  listStyle?: ((style: ListStyle) => CSSProperties) | CSSProperties;
+  operationStyle?: CSSProperties;
+  titles?: React.ReactNode[];
+  operations?: string[];
+  showSearch?: boolean;
+  filterOption?: (inputValue: string, item: RecordType, direction: TransferDirection) => boolean;
+  locale?: Partial<TransferLocale>;
+  footer?: (props: TransferListProps<RecordType>, info?: {
+    direction: TransferDirection;
+  }) => React.ReactNode;
+  rowKey?: (record: RecordType) => TransferKey;
+  onSearch?: (direction: TransferDirection, value: string) => void;
+  onScroll?: (direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement>) => void;
+  children?: (props: TransferCustomListBodyProps<RecordType>) => React.ReactNode;
+  showSelectAll?: boolean;
+  selectAllLabels?: SelectAllLabel[];
+  oneWay?: boolean;
+  pagination?: PaginationType;
+  status?: InputStatus;
+  selectionsIcon?: React.ReactNode;
+}
+declare const Transfer: {
+  <RecordType extends TransferItem = TransferItem>(props: TransferProps<RecordType>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+  displayName: string;
+  List: {
+    <RecordType extends KeyWiseTransferItem>(props: TransferListProps<RecordType>): React.JSX.Element;
+    displayName: string;
+  };
+  Search: React.FC<TransferSearchProps>;
+  Operation: React.FC<TransferOperationProps>;
+};
+//#endregion
+export { type TransferListProps, type TransferOperationProps, type TransferSearchProps, Transfer as default };

package/es/transfer/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import e from"../locale/en_US.js";import t from"../locale/useLocale.js";import"../locale/index.js";import{ConfigContext as n}from"../config-provider/context.js";import"../config-provider/index.js";import{FormItemInputContext as r}from"../form/context.js";import{getMergedStatus as i,getStatusClassNames as a}from"../_util/statusUtils.js";import o from"../config-provider/defaultRenderEmpty.js";import s from"../_util/hooks/useMultipleSelect.js";import{groupDisabledKeysMap as c,groupKeysMap as l}from"../_util/transKeys.js";import ee from"./hooks/useData.js";import te from"./hooks/useSelection.js";import u from"./search.js";import d from"./list.js";import f from"./operation.js";import ne from"./style/index.js";import p,{useCallback as m,useContext as h}from"react";import re from"classnames";const g=u=>{let{dataSource:g,targetKeys:_=[],selectedKeys:v,selectAllLabels:y=[],operations:b=[],style:ie={},listStyle:x={},locale:ae={},titles:oe,disabled:S,showSearch:C=!1,operationStyle:w,showSelectAll:T,oneWay:E,pagination:se,status:ce,prefixCls:le,className:ue,rootClassName:de,selectionsIcon:D,filterOption:O,render:k,footer:A,children:j,rowKey:fe,onScroll:M,onChange:N,onSearch:P,onSelectChange:F}=u,{getPrefixCls:pe,renderEmpty:me,direction:I,transfer:L}=h(n),R=pe(`transfer`,le),[z,he,ge]=ne(R),[_e,B,V]=ee(g,fe,_),[H,U,ve,ye]=te(B,V,v),[be,xe]=s(e=>e.key),[Se,Ce]=s(e=>e.key),W=m((e,t)=>{if(e===`left`){let e=typeof t==`function`?t(H||[]):t;ve(e)}else{let e=typeof t==`function`?t(U||[]):t;ye(e)}},[H,U]),G=(e,t)=>{(e===`left`?xe:Ce)(t)},K=m((e,t)=>{e===`left`?F?.(t,U):F?.(H,t)},[H,U]),we=e=>oe??e.titles??[],Te=e=>{M?.(`left`,e)},Ee=e=>{M?.(`right`,e)},q=e=>{let t=e===`right`?H:U,n=c(_e),r=t.filter(e=>!n.has(e)),i=l(r),a=e===`right`?r.concat(_):_.filter(e=>!i.has(e)),o=e===`right`?`left`:`right`;W(o,[]),K(o,[]),N?.(a,e,r)},De=()=>{q(`left`),G(`left`,null)},Oe=()=>{q(`right`),G(`right`,null)},J=(e,t,n)=>{W(e,r=>{let i=[];if(n===`replace`)i=t;else if(n)i=Array.from(new Set([...r,...t]));else{let e=l(t);i=r.filter(t=>!e.has(t))}return K(e,i),i}),G(e,null)},ke=(e,t)=>{J(`left`,e,t)},Ae=(e,t)=>{J(`right`,e,t)},je=e=>P?.(`left`,e.target.value),Me=e=>P?.(`right`,e.target.value),Ne=()=>P?.(`left`,``),Pe=()=>P?.(`right`,``),Fe=(e,t,n,r,i)=>{t.has(n)&&(t.delete(n),G(e,null)),r&&(t.add(n),G(e,i))},Ie=(e,t,n,r)=>{(e===`left`?be:Se)(r,t,n)},Y=(e,t,n,r)=>{let i=e===`left`,a=[...i?H:U],o=new Set(a),s=[...i?B:V].filter(e=>!e?.disabled),c=s.findIndex(e=>e.key===t);r&&a.length>0?Ie(e,s,o,c):Fe(e,o,t,n,c);let l=Array.from(o);K(e,l),u.selectedKeys||W(e,l)},Le=(e,t,n)=>{Y(`left`,e,t,n?.shiftKey)},Re=(e,t,n)=>{Y(`right`,e,t,n?.shiftKey)},ze=e=>{W(`right`,[]),N?.(_.filter(t=>!e.includes(t)),`left`,[...e])},X=e=>typeof x==`function`?x({direction:e}):x||{},{hasFeedback:Be,status:Ve}=h(r),He=e=>({...e,notFoundContent:me?.(`Transfer`)||p.createElement(o,{componentName:`Transfer`}),...ae}),Ue=i(Ve,ce),Z=!j&&se,We=V.filter(e=>U.includes(e.key)&&!e.disabled).length>0,Ge=B.filter(e=>H.includes(e.key)&&!e.disabled).length>0,Ke=re(R,{[`${R}-disabled`]:S,[`${R}-customize-list`]:!!j,[`${R}-rtl`]:I===`rtl`},a(R,Ue,Be),L?.className,ue,de,he,ge),[qe]=t(`Transfer`,e.Transfer),Q=He(qe),[Je,Ye]=we(Q),$=D??L?.selectionsIcon;return z(p.createElement(`div`,{className:Ke,style:{...L?.style,...ie}},p.createElement(d,{prefixCls:`${R}-list`,titleText:Je,dataSource:B,filterOption:O,style:X(`left`),checkedKeys:H,handleFilter:je,handleClear:Ne,onItemSelect:Le,onItemSelectAll:ke,render:k,showSearch:C,renderList:j,footer:A,onScroll:Te,disabled:S,direction:I===`rtl`?`right`:`left`,showSelectAll:T,selectAllLabel:y[0],pagination:Z,selectionsIcon:$,...Q}),p.createElement(f,{className:`${R}-operation`,rightActive:Ge,rightArrowText:b[0],moveToRight:Oe,leftActive:We,leftArrowText:b[1],moveToLeft:De,style:w,disabled:S,direction:I,oneWay:E}),p.createElement(d,{prefixCls:`${R}-list`,titleText:Ye,dataSource:V,filterOption:O,style:X(`right`),checkedKeys:U,handleFilter:Me,handleClear:Pe,onItemSelect:Re,onItemSelectAll:Ae,onItemRemove:ze,render:k,showSearch:C,renderList:j,footer:A,onScroll:Ee,disabled:S,direction:I===`rtl`?`left`:`right`,showSelectAll:T,selectAllLabel:y[1],showRemove:E,pagination:Z,selectionsIcon:$,...Q})))};g.List=d,g.Search=u,g.Operation=f;export{g as default};

package/es/transfer/interface.d.ts

@@ -0,0 +1,9 @@
+//#region components/transfer/interface.d.ts
+export type TransferKey = React.Key;
+export type PaginationType = boolean | {
+  pageSize?: number;
+  simple?: boolean;
+  showSizeChanger?: boolean;
+  showLessItems?: boolean;
+};
+//#endregion

package/es/transfer/list.d.ts

@@ -0,0 +1,49 @@
+import { PaginationType, TransferKey } from "./interface.js";
+import { TransferListBodyProps } from "./ListBody.js";
+import { KeyWiseTransferItem, RenderResult, SelectAllLabel, TransferDirection, TransferLocale } from "./index.js";
+import React from "react";
+//#region components/transfer/list.d.ts
+export interface RenderedItem<RecordType> {
+  renderedText: string;
+  renderedEl: React.ReactNode;
+  item: RecordType;
+}
+type RenderListFunction<T> = (props: TransferListBodyProps<T>) => React.ReactNode;
+export interface TransferListProps<RecordType> extends TransferLocale {
+  prefixCls: string;
+  titleText: React.ReactNode;
+  dataSource: RecordType[];
+  filterOption?: (filterText: string, item: RecordType, direction: TransferDirection) => boolean;
+  style?: React.CSSProperties;
+  checkedKeys: TransferKey[];
+  handleFilter: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  onItemSelect: (key: TransferKey, check: boolean, e?: React.MouseEvent<Element, MouseEvent>) => void;
+  onItemSelectAll: (dataSource: TransferKey[], checkAll: boolean | 'replace') => void;
+  onItemRemove?: (keys: TransferKey[]) => void;
+  handleClear: () => void;
+  /** Render item */
+  render?: (item: RecordType) => RenderResult;
+  showSearch?: boolean;
+  searchPlaceholder: string;
+  itemUnit: string;
+  itemsUnit: string;
+  renderList?: RenderListFunction<RecordType>;
+  footer?: (props: TransferListProps<RecordType>, info?: {
+    direction: TransferDirection;
+  }) => React.ReactNode;
+  onScroll: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;
+  disabled?: boolean;
+  direction: TransferDirection;
+  showSelectAll?: boolean;
+  selectAllLabel?: SelectAllLabel;
+  showRemove?: boolean;
+  pagination?: PaginationType;
+  selectionsIcon?: React.ReactNode;
+}
+export interface TransferCustomListBodyProps<T> extends TransferListBodyProps<T> {}
+declare const TransferList: {
+  <RecordType extends KeyWiseTransferItem>(props: TransferListProps<RecordType>): React.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TransferList as default };

package/es/transfer/list.js

@@ -0,0 +1 @@
+import e from"../checkbox/index.js";import t from"../dropdown/index.js";import{groupKeysMap as n}from"../_util/transKeys.js";import r,{OmitProps as i}from"./ListBody.js";import a from"./search.js";import o,{useMemo as s,useRef as c,useState as ee}from"react";import l from"classnames";import u from"rc-util/lib/omit";import te from"@ant-design/icons/DownOutlined";const ne=()=>null;function d(e){return!(!e||o.isValidElement(e)||Object.prototype.toString.call(e)!==`[object Object]`)}function f(e){return e.filter(e=>!e.disabled).map(e=>e.key)}const re=e=>e!==void 0,p=p=>{let{prefixCls:m,dataSource:h=[],titleText:ie=``,checkedKeys:g,disabled:_,showSearch:v=!1,style:y,searchPlaceholder:b,notFoundContent:x,selectAll:S,deselectAll:C,selectCurrent:w,selectInvert:T,removeAll:E,removeCurrent:ae,showSelectAll:oe=!0,showRemove:D,pagination:O,direction:k,itemsUnit:se,itemUnit:A,selectAllLabel:j,selectionsIcon:M,footer:N,renderList:P,onItemSelectAll:F,onItemRemove:I,handleFilter:L,handleClear:R,filterOption:z,render:B=ne}=p,[V,H]=ee(``),U=c({}),W=e=>{H(e.target.value),L(e)},ce=()=>{H(``),R()},G=(e,t)=>z?z(V,t,k):e.includes(V),le=e=>{let t=P?P({...e,onItemSelect:(t,n)=>e.onItemSelect(t,n)}):null,n=!!t;return n||(t=o.createElement(r,{ref:U,...e})),{customize:n,bodyContent:t}},ue=e=>{let t=B(e),n=d(t);return{item:e,renderedEl:n?t.label:t,renderedText:n?t.value:t}},K=s(()=>Array.isArray(x)?x[k===`left`?0:1]:x,[x,k]),[q,J]=s(()=>{let e=[],t=[];return h.forEach(n=>{let r=ue(n);(!V||G(r.renderedText,n))&&(e.push(n),t.push(r))}),[e,t]},[h,V]),Y=s(()=>q.filter(e=>g.includes(e.key)&&!e.disabled),[g,q]),X=s(()=>{if(Y.length===0)return`none`;let e=n(g);return q.every(t=>e.has(t.key)||!!t.disabled)?`all`:`part`},[g,Y]),Z=s(()=>{let e=v?o.createElement(`div`,{className:`${m}-body-search-wrapper`},o.createElement(a,{prefixCls:`${m}-search`,onChange:W,handleClear:ce,placeholder:b,value:V,disabled:_})):null,{customize:t,bodyContent:n}=le({...u(p,i),filteredItems:q,filteredRenderItems:J,selectedKeys:g}),r;return r=t?o.createElement(`div`,{className:`${m}-body-customize-wrapper`},n):q.length?n:o.createElement(`div`,{className:`${m}-body-not-found`},K),o.createElement(`div`,{className:l(v?`${m}-body ${m}-body-with-search`:`${m}-body`)},e,r)},[v,m,b,V,_,g,q,J,K]),de=o.createElement(e,{disabled:h.filter(e=>!e.disabled).length===0||_,checked:X===`all`,indeterminate:X===`part`,className:`${m}-checkbox`,onChange:()=>{F?.(q.filter(e=>!e.disabled).map(({key:e})=>e),X!==`all`)}}),fe=(e,t)=>{if(j)return typeof j==`function`?j({selectedCount:e,totalCount:t}):j;let n=t>1?se:A;return o.createElement(o.Fragment,null,(e>0?`${e}/`:``)+t,` `,n)},Q=N&&(N.length<2?N(p):N(p,{direction:k})),pe=l(m,{[`${m}-with-pagination`]:!!O,[`${m}-with-footer`]:!!Q}),me=Q?o.createElement(`div`,{className:`${m}-footer`},Q):null,he=!D&&!O&&de,$;$=D?[O?{key:`removeCurrent`,label:ae,onClick(){let e=f((U.current?.items||[]).map(e=>e.item));I?.(e)}}:null,{key:`removeAll`,label:E,onClick(){I?.(f(q))}}].filter(Boolean):[{key:`selectAll`,label:X===`all`?C:S,onClick(){let e=f(q);F?.(e,e.length!==g.length)}},O?{key:`selectCurrent`,label:w,onClick(){let e=U.current?.items||[];F?.(f(e.map(e=>e.item)),!0)}}:null,{key:`selectInvert`,label:T,onClick(){let e=f((U.current?.items||[]).map(e=>e.item)),t=new Set(g),n=new Set(t);e.forEach(e=>{t.has(e)?n.delete(e):n.add(e)}),F?.(Array.from(n),`replace`)}}];let ge=o.createElement(t,{className:`${m}-header-dropdown`,menu:{items:$},disabled:_},re(M)?M:o.createElement(te,null));return o.createElement(`div`,{className:pe,style:y},o.createElement(`div`,{className:`${m}-header`},oe?o.createElement(o.Fragment,null,he,ge):null,o.createElement(`span`,{className:`${m}-header-selected`},fe(Y.length,q.length)),o.createElement(`span`,{className:`${m}-header-title`},ie)),Z,me)};export{p as default};

package/es/transfer/operation.d.ts

@@ -0,0 +1,20 @@
+import { DirectionType } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import * as React$1 from "react";
+//#region components/transfer/operation.d.ts
+export interface TransferOperationProps {
+  className?: string;
+  leftArrowText?: string;
+  rightArrowText?: string;
+  moveToLeft?: React$1.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+  moveToRight?: React$1.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+  leftActive?: boolean;
+  rightActive?: boolean;
+  style?: React$1.CSSProperties;
+  disabled?: boolean;
+  direction?: DirectionType;
+  oneWay?: boolean;
+}
+declare const Operation: React$1.FC<TransferOperationProps>;
+//#endregion
+export { Operation as default };

package/es/transfer/operation.js

@@ -0,0 +1 @@
+import e from"../button/index.js";import*as t from"react";import n from"@ant-design/icons/RightOutlined";import r from"@ant-design/icons/LeftOutlined";const i=i=>{let{disabled:a,moveToLeft:o,moveToRight:s,leftArrowText:c=``,rightArrowText:l=``,leftActive:u,rightActive:d,className:f,style:p,direction:m,oneWay:h}=i;return t.createElement(`div`,{className:f,style:p},t.createElement(e,{type:`primary`,size:`small`,disabled:a||!d,onClick:s,icon:m===`rtl`?t.createElement(r,null):t.createElement(n,null)},l),!h&&t.createElement(e,{type:`primary`,size:`small`,disabled:a||!u,onClick:o,icon:m===`rtl`?t.createElement(n,null):t.createElement(r,null)},c))};export{i as default};

package/es/transfer/search.d.ts

@@ -0,0 +1,13 @@
+import * as React$1 from "react";
+//#region components/transfer/search.d.ts
+export interface TransferSearchProps {
+  prefixCls?: string;
+  placeholder?: string;
+  onChange?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
+  handleClear?: () => void;
+  value?: string;
+  disabled?: boolean;
+}
+declare const Search: React$1.FC<TransferSearchProps>;
+//#endregion
+export { Search as default };

package/es/transfer/search.js

@@ -0,0 +1 @@
+import e from"../input/index.js";import*as t from"react";import n from"@ant-design/icons/SearchOutlined";const r=r=>{let{placeholder:i=``,value:a,prefixCls:o,disabled:s,onChange:c,handleClear:l}=r,u=t.useCallback(e=>{c?.(e),e.target.value===``&&l?.()},[c]);return t.createElement(e,{placeholder:i,className:o,value:a,onChange:u,disabled:s,allowClear:!0,prefix:t.createElement(n,null)})};export{r as default};

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

@@ -0,0 +1,39 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/transfer/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 列表宽度
+   * @descEN Width of list
+   */
+  listWidth: number | string;
+  /**
+   * @desc 大号列表宽度
+   * @descEN Width of large list
+   */
+  listWidthLG: number | string;
+  /**
+   * @desc 列表高度
+   * @descEN Height of list
+   */
+  listHeight: number | string;
+  /**
+   * @desc 列表项高度
+   * @descEN Height of list item
+   */
+  itemHeight: number | string;
+  /**
+   * @desc 列表项纵向内边距
+   * @descEN Vertical padding of list item
+   */
+  itemPaddingBlock: number | string;
+  /**
+   * @desc 顶部高度
+   * @descEN Height of header
+   */
+  headerHeight: number | string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Transfer'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/transfer/style/index.js

@@ -0,0 +1 @@
+import{operationUnit as e,resetComponent as t,resetIcon as n,textEllipsis as r}from"../../style/index.js";import{genStyleHooks as i}from"../../theme/util/genStyleUtils.js";import{mergeToken as a}from"../../theme/internal.js";import{unit as o}from"@ant-design/cssinjs";const s=e=>{let{antCls:t,componentCls:n,listHeight:r,controlHeightLG:i}=e,a=`${t}-table`,o=`${t}-input`;return{[`${n}-customize-list`]:{[`${n}-list`]:{flex:`1 1 50%`,width:`auto`,height:`auto`,minHeight:r,minWidth:0},[`${a}-wrapper`]:{[`${a}-small`]:{border:0,borderRadius:0,[`${a}-selection-column`]:{width:i,minWidth:i}},[`${a}-pagination${a}-pagination`]:{margin:0,padding:e.paddingXS}},[`${o}[disabled]`]:{backgroundColor:`transparent`}}}},c=(e,t)=>{let{componentCls:n,colorBorder:r}=e;return{[`${n}-list`]:{borderColor:t,"&-search:not([disabled])":{borderColor:r}}}},l=e=>{let{componentCls:t}=e;return{[`${t}-status-error`]:{...c(e,e.colorError)},[`${t}-status-warning`]:{...c(e,e.colorWarning)}}},u=t=>{let{componentCls:i,colorBorder:a,colorSplit:s,lineWidth:c,itemHeight:l,headerHeight:u,transferHeaderVerticalPadding:d,itemPaddingBlock:f,controlItemBgActive:p,colorTextDisabled:m,colorTextSecondary:h,listHeight:g,listWidth:_,listWidthLG:v,fontSizeIcon:y,marginXS:b,paddingSM:x,lineType:S,antCls:C,iconCls:w,motionDurationSlow:T,controlItemBgHover:E,borderRadiusLG:D,colorBgContainer:O,colorText:k,controlItemBgActiveHover:A}=t,j=o(t.calc(D).sub(c).equal());return{display:`flex`,flexDirection:`column`,width:_,height:g,border:`${o(c)} ${S} ${a}`,borderRadius:t.borderRadiusLG,"&-with-pagination":{width:v,height:`auto`},"&-search":{[`${w}-search`]:{color:m}},"&-header":{display:`flex`,flex:`none`,alignItems:`center`,height:u,padding:`${o(t.calc(d).sub(c).equal())} ${o(x)} ${o(d)}`,color:k,background:O,borderBottom:`${o(c)} ${S} ${s}`,borderRadius:`${o(D)} ${o(D)} 0 0`,"> *:not(:last-child)":{marginInlineEnd:4},"> *":{flex:`none`},"&-title":{...r,flex:`auto`,textAlign:`end`},"&-dropdown":{...n(),fontSize:y,transform:`translateY(10%)`,cursor:`pointer`,"&[disabled]":{cursor:`not-allowed`}}},"&-body":{display:`flex`,flex:`auto`,flexDirection:`column`,fontSize:t.fontSize,minHeight:0,"&-search-wrapper":{position:`relative`,flex:`none`,padding:x}},"&-content":{flex:`auto`,margin:0,padding:0,overflow:`auto`,listStyle:`none`,borderRadius:`0 0 ${j} ${j}`,"&-item":{display:`flex`,alignItems:`center`,minHeight:l,padding:`${o(f)} ${o(x)}`,transition:`all ${T}`,"> *:not(:last-child)":{marginInlineEnd:b},"> *":{flex:`none`},"&-text":{...r,flex:`auto`},"&-remove":{...e(t),color:a,"&:hover, &:focus":{color:h}},[`&:not(${i}-list-content-item-disabled)`]:{"&:hover":{backgroundColor:E,cursor:`pointer`},[`&${i}-list-content-item-checked:hover`]:{backgroundColor:A}},"&-checked":{backgroundColor:p},"&-disabled":{color:m,cursor:`not-allowed`}},[`&-show-remove ${i}-list-content-item:not(${i}-list-content-item-disabled):hover`]:{background:`transparent`,cursor:`default`}},"&-pagination":{padding:t.paddingXS,textAlign:`end`,borderTop:`${o(c)} ${S} ${s}`,[`${C}-pagination-options`]:{paddingInlineEnd:t.paddingXS}},"&-body-not-found":{flex:`none`,width:`100%`,margin:`auto 0`,color:m,textAlign:`center`},"&-footer":{borderTop:`${o(c)} ${S} ${s}`},"&-checkbox":{lineHeight:1}}},d=e=>{let{antCls:n,iconCls:r,componentCls:i,marginXS:a,marginXXS:s,fontSizeIcon:c,colorBgContainerDisabled:l}=e;return{[i]:{...t(e),position:`relative`,display:`flex`,alignItems:`stretch`,[`${i}-disabled`]:{[`${i}-list`]:{background:l}},[`${i}-list`]:u(e),[`${i}-operation`]:{display:`flex`,flex:`none`,flexDirection:`column`,alignSelf:`center`,margin:`0 ${o(a)}`,verticalAlign:`middle`,gap:s,[`${n}-btn ${r}`]:{fontSize:c}}}}},f=e=>{let{componentCls:t}=e;return{[`${t}-rtl`]:{direction:`rtl`}}},p=e=>{let{fontSize:t,lineHeight:n,controlHeight:r,controlHeightLG:i,lineWidth:a}=e,o=Math.round(t*n);return{listWidth:180,listHeight:200,listWidthLG:250,headerHeight:i,itemHeight:r,itemPaddingBlock:(r-o)/2,transferHeaderVerticalPadding:Math.ceil((i-a-o)/2)}};var m=i(`Transfer`,e=>{let t=a(e);return[d(t),s(t),l(t),f(t)]},p);export{m as default,p as prepareComponentToken};