@swiftcrab/crab 0.0.5 → 0.0.6

package/es/drag/type.d.ts

@@ -0,0 +1,363 @@
+import React from "react";
+import { DraggableAttributes, UniqueIdentifier } from "@dnd-kit/core";
+import { SyntheticListenerMap } from "@dnd-kit/core/dist/hooks/utilities";
+//#region components/drag/type.d.ts
+/**
+ * 拖拽方向
+ *
+ * - `horizontal`：水平排列
+ * - `vertical`：垂直排列
+ */
+export type Direction = 'horizontal' | 'vertical';
+/**
+ * 区域转移模式
+ *
+ * - `both`：允许拖入和拖出
+ * - `in-only`：只允许拖入，不允许拖出
+ * - `out-only`：只允许拖出，不允许拖入
+ */
+export type TransferMode = 'both' | 'in-only' | 'out-only';
+/**
+ * 自定义拖拽手柄 Props
+ *
+ * 通过 `renderDragHandle` 渲染自定义手柄时，由组件注入给渲染函数
+ */
+export interface DragHandleProps {
+  /**
+   * dnd-kit 可访问性属性，需绑定到手柄元素
+   */
+  attributes: DraggableAttributes;
+  /**
+   * dnd-kit 事件监听器，需绑定到手柄元素
+   */
+  listeners: SyntheticListenerMap | undefined;
+  /**
+   * 当前项是否正在被拖拽
+   */
+  isDragging: boolean;
+}
+/**
+ * `onDragFinish` 回调参数（SortableList）
+ */
+export interface DragFinishParams<T> {
+  /**
+   * 被拖拽的数据项
+   */
+  activeItem: T;
+  /**
+   * 目标位置的数据项
+   */
+  overItem: T;
+  /**
+   * 拖拽前的下标
+   */
+  oldIndex: number;
+  /**
+   * 拖拽后的下标
+   */
+  newIndex: number;
+  /**
+   * 排序完成后的新数组
+   */
+  newItems: T[];
+}
+/**
+ * SortableList 组件 Props
+ */
+export interface SortableListProps<T extends Record<string, any>> {
+  /**
+   * 数据列表
+   */
+  items: T[];
+  /**
+   * 唯一标识字段名，默认 `'id'`
+   */
+  itemKey?: keyof T;
+  /**
+   * 排列方向，默认 `'horizontal'`
+   */
+  direction?: Direction;
+  /**
+   * 拖拽触发最小距离（px），默认 `8`
+   */
+  activationDistance?: number;
+  /**
+   * 拖拽排序完成后的回调
+   */
+  onDragFinish?: (params: DragFinishParams<T>) => void;
+  /**
+   * 列表项渲染函数
+   *
+   * @param item 当前数据项
+   * @param index 当前下标
+   * @param dragHandle 拖拽手柄节点（仅配置 `renderDragHandle` 时有值）
+   */
+  renderItem: (item: T, index: number, dragHandle?: React.ReactNode) => React.ReactNode;
+  /**
+   * 自定义拖拽手柄渲染函数
+   *
+   * 配置后，整项不再可拖拽，仅手柄可触发拖拽
+   */
+  renderDragHandle?: (item: T, index: number, dragHandleProps: DragHandleProps) => React.ReactNode;
+  /**
+   * 列表容器 className
+   */
+  className?: string;
+  /**
+   * 列表容器 style
+   */
+  style?: React.CSSProperties;
+  /**
+   * 列表项外层 className
+   */
+  itemClassName?: string;
+  /**
+   * 列表项外层 style
+   */
+  itemStyle?: React.CSSProperties;
+}
+/**
+ * 可拖拽区域数据结构
+ *
+ * 用于 `SortableZones` 和 `SortableBoard` 的区域配置
+ */
+export interface DragZone<T extends Record<string, any>> {
+  /**
+   * 区域唯一标识
+   */
+  id: UniqueIdentifier;
+  /**
+   * 区域标题（不配置 `renderZoneHeader` 时默认渲染）
+   */
+  title?: string;
+  /**
+   * 区域内的数据项列表
+   */
+  items: T[];
+  /**
+   * 区域的转移模式，默认 `'both'`
+   */
+  transferMode?: TransferMode;
+  /**
+   * 区域外层容器 className
+   */
+  className?: string;
+  /**
+   * 区域外层容器 style
+   */
+  style?: React.CSSProperties;
+  /**
+   * 区域内容区 className（包裹所有 item 的容器）
+   */
+  bodyClassName?: string;
+  /**
+   * 区域内容区 style
+   */
+  bodyStyle?: React.CSSProperties;
+}
+/**
+ * `onDragFinish` 回调参数（SortableZones）
+ */
+export interface ZoneDragFinishParams<T extends Record<string, any>> {
+  /**
+   * 被拖拽的数据项
+   */
+  activeItem: T;
+  /**
+   * 来源区域 id
+   */
+  fromZoneId: UniqueIdentifier;
+  /**
+   * 目标区域 id
+   */
+  toZoneId: UniqueIdentifier;
+  /**
+   * 拖拽前的区域内下标
+   */
+  oldIndex: number;
+  /**
+   * 拖拽后的区域内下标
+   */
+  newIndex: number;
+  /**
+   * 拖拽完成后所有区域的新数据（含 items 顺序变更）
+   */
+  newZones: DragZone<T>[];
+}
+/**
+ * 兼容别名：`MultiZoneDragFinishParams` = `ZoneDragFinishParams`
+ *
+ * @deprecated 请使用 `ZoneDragFinishParams`
+ */
+export type MultiZoneDragFinishParams<T extends Record<string, any>> = ZoneDragFinishParams<T>;
+/**
+ * SortableZones 组件 Props
+ */
+export interface SortableZonesProps<T extends Record<string, any>> {
+  /**
+   * 区域列表
+   */
+  zones: DragZone<T>[];
+  /**
+   * 唯一标识字段名，默认 `'id'`
+   */
+  itemKey?: keyof T;
+  /**
+   * 拖拽触发最小距离（px），默认 `8`
+   */
+  activationDistance?: number;
+  /**
+   * 拖拽完成后的回调
+   */
+  onDragFinish?: (params: ZoneDragFinishParams<T>) => void;
+  /**
+   * 列表项渲染函数
+   *
+   * @param item 当前数据项
+   * @param itemIndex 当前项在区域内的下标
+   * @param zone 所属区域
+   * @param zoneIndex 区域下标
+   * @param dragHandle 拖拽手柄节点（仅配置 `renderDragHandle` 时有值）
+   */
+  renderItem: (item: T, itemIndex: number, zone: DragZone<T>, zoneIndex: number, dragHandle?: React.ReactNode) => React.ReactNode;
+  /**
+   * 区域头部渲染函数（不传则渲染 `zone.title`）
+   */
+  renderZoneHeader?: (zone: DragZone<T>, zoneIndex: number) => React.ReactNode;
+  /**
+   * 自定义拖拽手柄渲染函数
+   */
+  renderDragHandle?: (item: T, itemIndex: number, zone: DragZone<T>, zoneIndex: number, dragHandleProps: DragHandleProps) => React.ReactNode;
+  /**
+   * 外层容器 className
+   */
+  className?: string;
+  /**
+   * 外层容器 style
+   */
+  style?: React.CSSProperties;
+  /**
+   * 列表项外层 className
+   */
+  itemClassName?: string;
+  /**
+   * 列表项外层 style
+   */
+  itemStyle?: React.CSSProperties;
+}
+/**
+ * 兼容别名：`MultiSortableZonesProps` = `SortableZonesProps`
+ *
+ * @deprecated 请使用 `SortableZonesProps`
+ */
+export type MultiSortableZonesProps<T extends Record<string, any>> = SortableZonesProps<T>;
+/**
+ * 看板数据结构（SortableBoard 的列/看板单元）
+ *
+ * 继承自 `DragZone`，额外支持 `zones` 字段用于描述该 board 内的多个区域
+ */
+export interface DragBoard<T extends Record<string, any>> extends Omit<DragZone<T>, 'items'> {
+  /**
+   * 该 board 下的区域列表（每个区域有独立的 items）
+   */
+  zones: DragZone<T>[];
+}
+/**
+ * `onDragFinish` 回调参数（SortableBoard）
+ */
+export interface DragBoardFinishParams<T extends Record<string, any>> {
+  /**
+   * 拖拽完成后所有 board 的新数据
+   */
+  newBoards: DragBoard<T>[];
+}
+/**
+ * SortableBoard 组件 Props
+ */
+export interface SortableBoardProps<T extends Record<string, any>> {
+  /**
+   * 看板作用域 id，同一 `SortableBoardProvider` 下多个 `SortableBoard` 需保证唯一
+   */
+  boardScopeId: UniqueIdentifier;
+  /**
+   * 看板列表
+   */
+  boards: DragZone<T>[];
+  /**
+   * 唯一标识字段名，默认 `'id'`
+   */
+  itemKey?: keyof T;
+  /**
+   * 拖拽完成后的回调
+   *
+   * 参数包含 `scopeId` 和该作用域下最新的 `boards` 数据
+   */
+  onDragFinish?: (params: {
+    scopeId: UniqueIdentifier;
+    boards: DragZone<T>[];
+  }) => void;
+  /**
+   * 列表项渲染函数
+   */
+  renderItem: (item: T, itemIndex: number, zone: DragZone<T>, zoneIndex: number, dragHandle?: React.ReactNode) => React.ReactNode;
+  /**
+   * 看板头部渲染函数（不传则渲染 `board.title`）
+   */
+  renderBoardHeader?: (board: DragZone<T>, boardIndex: number) => React.ReactNode;
+  /**
+   * 区域头部渲染函数（不传则渲染 `zone.title`）
+   */
+  renderZoneHeader?: (zone: DragZone<T>, zoneIndex: number) => React.ReactNode;
+  /**
+   * 自定义拖拽手柄渲染函数
+   */
+  renderDragHandle?: (item: T, itemIndex: number, zone: DragZone<T>, zoneIndex: number, dragHandleProps: DragHandleProps) => React.ReactNode;
+  /**
+   * 外层容器 className
+   */
+  className?: string;
+  /**
+   * 外层容器 style
+   */
+  style?: React.CSSProperties;
+  /**
+   * 每个 board 的 className
+   */
+  boardClassName?: string;
+  /**
+   * 每个 board 的 style
+   */
+  boardStyle?: React.CSSProperties;
+  /**
+   * zone 包裹层 className（包裹 ZoneContainer 的外层 div）
+   */
+  zoneWrapClassName?: string;
+  /**
+   * zone 包裹层 style
+   */
+  zoneWrapStyle?: React.CSSProperties;
+  /**
+   * 列表项外层 className
+   */
+  itemClassName?: string;
+  /**
+   * 列表项外层 style
+   */
+  itemStyle?: React.CSSProperties;
+}
+/**
+ * SortableBoardProvider 组件 Props
+ *
+ * 为多个 `SortableBoard` 提供共享的 DnD 上下文，支持跨 board 拖拽
+ */
+export interface SortableBoardProviderProps {
+  /**
+   * 子节点，应包含一个或多个 `SortableBoard`
+   */
+  children: React.ReactNode;
+  /**
+   * 拖拽触发最小距离（px），默认 `8`
+   */
+  activationDistance?: number;
+}
+//#endregion

package/es/drawer/DrawerPanel.d.ts

@@ -0,0 +1,51 @@
+import { ClosableType } from "../_util/hooks/useClosable.js";
+import * as React$1 from "react";
+import { DrawerProps } from "rc-drawer";
+//#region components/drawer/DrawerPanel.d.ts
+export interface DrawerClassNames extends NonNullable<DrawerProps['classNames']> {
+  header?: string;
+  body?: string;
+  footer?: string;
+}
+export interface DrawerStyles extends NonNullable<DrawerProps['styles']> {
+  header?: React$1.CSSProperties;
+  body?: React$1.CSSProperties;
+  footer?: React$1.CSSProperties;
+}
+export interface DrawerPanelProps {
+  prefixCls: string;
+  title?: React$1.ReactNode;
+  footer?: React$1.ReactNode;
+  extra?: React$1.ReactNode;
+  /**
+   * Recommend to use closeIcon instead
+   *
+   * e.g.
+   *
+   * `<Drawer closeIcon={false} />`
+   */
+  closable?: ClosableType;
+  closeIcon?: React$1.ReactNode;
+  onClose?: DrawerProps['onClose'];
+  onOk?: (...args: any[]) => any;
+  children?: React$1.ReactNode;
+  classNames?: DrawerClassNames;
+  styles?: DrawerStyles;
+  loading?: boolean;
+  /** @deprecated Please use `styles.header` instead */
+  headerStyle?: React$1.CSSProperties;
+  /** @deprecated Please use `styles.body` instead */
+  bodyStyle?: React$1.CSSProperties;
+  /** @deprecated Please use `styles.footer` instead */
+  footerStyle?: React$1.CSSProperties;
+  /** @deprecated Please use `styles.wrapper` instead */
+  contentWrapperStyle?: React$1.CSSProperties;
+  /** @deprecated Please use `styles.mask` instead */
+  maskStyle?: React$1.CSSProperties;
+  /** @deprecated Please use `styles.content` instead */
+  drawerStyle?: React$1.CSSProperties;
+  confirmLoading?: boolean;
+}
+declare const DrawerPanel: React$1.FC<DrawerPanelProps>;
+//#endregion
+export { DrawerPanel as default };

package/es/drawer/DrawerPanel.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../button/index.js";import n,{pickClosable as r}from"../_util/hooks/useClosable.js";import i from"../skeleton/index.js";import*as a from"react";import o from"classnames";const s=s=>{let{prefixCls:c,title:l,footer:u,extra:d,loading:f,onClose:p,headerStyle:m,bodyStyle:h,footerStyle:g,children:_,classNames:v,styles:y,confirmLoading:b,onOk:x}=s,{drawer:S}=a.useContext(e),C=a.useCallback(e=>a.createElement(`button`,{type:`button`,onClick:p,"aria-label":`Close`,className:`${c}-close`},e),[p]),[w,T]=n(r(s),r(S),{closable:!0,closeIconRender:C}),E=a.useMemo(()=>!l&&!w?null:a.createElement(`div`,{style:{...S?.styles?.header,...m,...y?.header},className:o(`${c}-header`,{[`${c}-header-close-only`]:w&&!l&&!d},S?.classNames?.header,v?.header)},a.createElement(`div`,{className:`${c}-header-title`},l&&a.createElement(`div`,{className:`${c}-title`},l)),d&&a.createElement(`div`,{className:`${c}-extra`},d),T),[w,T,d,m,c,l]),D=a.useMemo(()=>{if(!u)return null;let e=`${c}-footer`;return a.createElement(`div`,{className:o(e,S?.classNames?.footer,v?.footer),style:{...S?.styles?.footer,...g,...y?.footer}},u)},[u,g,c]);return a.createElement(a.Fragment,null,E,a.createElement(`div`,{className:o(`${c}-body`,v?.body,S?.classNames?.body),style:{...S?.styles?.body,...h,...y?.body}},f?a.createElement(i,{active:!0,title:!1,paragraph:{rows:5},className:`${c}-body-skeleton`}):_),D||a.createElement(`div`,{className:`pt2x pb2x pl4x`,style:{borderTop:`1px solid rgba(5, 5, 5, 0.06)`}},a.createElement(t,{type:`primary`,className:`mr2x`,loading:b,onClick:e=>{x?.(e)}},`确定`),a.createElement(t,{type:`default`,onClick:p},`取消`)))};export{s as default};

package/es/drawer/index.d.ts

@@ -0,0 +1,36 @@
+import { DrawerClassNames, DrawerPanelProps, DrawerStyles } from "./DrawerPanel.js";
+import * as React$1 from "react";
+import { DrawerProps as DrawerProps$1 } from "rc-drawer";
+import { Placement } from "rc-drawer/lib/Drawer";
+//#region components/drawer/index.d.ts
+declare const _SizeTypes: readonly ["default", "large"];
+type sizeType = (typeof _SizeTypes)[number];
+export interface PushState {
+  distance: string | number;
+}
+export interface DrawerProps extends Omit<DrawerProps$1, 'maskStyle'>, Omit<DrawerPanelProps, 'prefixCls'> {
+  size?: sizeType;
+  open?: boolean;
+  onOk?: (...args: any[]) => any;
+  afterOpenChange?: (open: boolean) => void;
+  confirmLoading?: boolean;
+  /** @deprecated Please use `open` instead */
+  visible?: boolean;
+  /** @deprecated Please use `afterOpenChange` instead */
+  afterVisibleChange?: (open: boolean) => void;
+  classNames?: DrawerClassNames;
+  styles?: DrawerStyles;
+}
+declare const Drawer: React$1.FC<DrawerProps> & {
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+interface PurePanelInterface {
+  prefixCls?: string;
+  style?: React$1.CSSProperties;
+  className?: string;
+  placement?: Placement;
+}
+/** @private Internal Component. Do not use in your production. */
+declare const PurePanel: React$1.FC<Omit<DrawerPanelProps, 'prefixCls'> & PurePanelInterface>;
+//#endregion
+export { Drawer as default };

package/es/drawer/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"../_util/zindexContext.js";import{useZIndex as n}from"../_util/hooks/useZIndex.js";import{getTransitionName as r}from"../_util/motion.js";import i from"../_util/ContextIsolator.js";import{usePanelRef as a}from"../watermark/context.js";import o from"./DrawerPanel.js";import s from"./style/index.js";import*as c from"react";import l from"classnames";import u from"rc-drawer";const d={distance:180},f=f=>{let{rootClassName:p,width:m,height:h,size:g=`default`,mask:_=!0,push:v=d,open:y,afterOpenChange:b,onClose:x,prefixCls:S,getContainer:C,style:w,className:T,visible:E,afterVisibleChange:D,maskStyle:ee,drawerStyle:O,contentWrapperStyle:k,onOk:A,confirmLoading:j,...M}=f,{getPopupContainer:N,getPrefixCls:P,direction:F,drawer:I}=c.useContext(e),L=P(`drawer`,S),[R,z,B]=s(L),V=C===void 0&&N?()=>N(document.body):C,H=l({"no-mask":!_,[`${L}-rtl`]:F===`rtl`},p,z,B),U=c.useMemo(()=>m??(g===`large`?736:378),[m,g]),W=c.useMemo(()=>h??(g===`large`?736:378),[h,g]),G={motionName:r(L,`mask-motion`),motionAppear:!0,motionEnter:!0,motionLeave:!0,motionDeadline:500},K=e=>({motionName:r(L,`panel-motion-${e}`),motionAppear:!0,motionEnter:!0,motionLeave:!0,motionDeadline:500}),q=a(),[J,Y]=n(`Drawer`,M.zIndex),{classNames:X={},styles:Z={}}=M,{classNames:Q={},styles:$={}}=I||{};return R(c.createElement(i,{form:!0,space:!0},c.createElement(t.Provider,{value:Y},c.createElement(u,{prefixCls:L,onClose:x,maskMotion:G,motion:K,...M,classNames:{mask:l(X.mask,Q.mask),content:l(X.content,Q.content),wrapper:l(X.wrapper,Q.wrapper)},styles:{mask:{...Z.mask,...ee,...$.mask},content:{...Z.content,...O,...$.content},wrapper:{...Z.wrapper,...k,...$.wrapper}},open:y??E,mask:_,push:v,width:U,height:W,style:{...I?.style,...w},className:l(I?.className,T),rootClassName:H,getContainer:V,afterOpenChange:b??D,panelRef:q,zIndex:J},c.createElement(o,{confirmLoading:j,onOk:A,prefixCls:L,...M,onClose:x})))))};f._InternalPanelDoNotUseOrYouWillBeFired=t=>{let{prefixCls:n,style:r,className:i,placement:a=`right`,...u}=t,{getPrefixCls:d}=c.useContext(e),f=d(`drawer`,n),[p,m,h]=s(f),g=l(f,`${f}-pure`,`${f}-${a}`,m,h,i);return p(c.createElement(`div`,{className:g,style:r},c.createElement(o,{prefixCls:f,...u})))};export{f as default};

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

@@ -0,0 +1,25 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/drawer/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 弹窗 z-index
+   * @descEN z-index of drawer
+   */
+  zIndexPopup: number;
+  /**
+   * @desc 底部区域纵向内间距
+   * @descEN Vertical padding of footer
+   */
+  footerPaddingBlock: number;
+  /**
+   * @desc 底部区域横向内间距
+   * @descEN Horizontal padding of footer
+   */
+  footerPaddingInline: number;
+}
+export interface DrawerToken extends FullToken<'Drawer'> {}
+export declare const prepareComponentToken: GetDefaultToken<'Drawer'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/drawer/style/index.js

@@ -0,0 +1 @@
+import{genFocusStyle as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import{mergeToken as n}from"../../theme/internal.js";import r from"./motion.js";import{unit as i}from"@ant-design/cssinjs";const a=t=>{let{borderRadiusSM:n,componentCls:r,zIndexPopup:a,colorBgMask:o,colorBgElevated:s,motionDurationSlow:c,motionDurationMid:l,paddingXS:u,padding:d,paddingLG:f,fontSizeLG:p,lineHeightLG:m,lineWidth:h,lineType:g,colorSplit:_,marginXS:v,colorIcon:y,colorIconHover:b,colorBgTextHover:x,colorBgTextActive:S,colorText:C,fontWeightStrong:w,footerPaddingBlock:T,footerPaddingInline:E,calc:D}=t,O=`${r}-content-wrapper`;return{[r]:{position:`fixed`,inset:0,zIndex:a,pointerEvents:`none`,color:C,"&-pure":{position:`relative`,background:s,display:`flex`,flexDirection:`column`,[`&${r}-left`]:{boxShadow:t.boxShadowDrawerLeft},[`&${r}-right`]:{boxShadow:t.boxShadowDrawerRight},[`&${r}-top`]:{boxShadow:t.boxShadowDrawerUp},[`&${r}-bottom`]:{boxShadow:t.boxShadowDrawerDown}},"&-inline":{position:`absolute`},[`${r}-mask`]:{position:`absolute`,inset:0,zIndex:a,background:o,pointerEvents:`auto`},[O]:{position:`absolute`,zIndex:a,maxWidth:`100vw`,transition:`all ${c}`,"&-hidden":{display:`none`}},[`&-left > ${O}`]:{top:0,bottom:0,left:{_skip_check_:!0,value:0},boxShadow:t.boxShadowDrawerLeft},[`&-right > ${O}`]:{top:0,right:{_skip_check_:!0,value:0},bottom:0,boxShadow:t.boxShadowDrawerRight},[`&-top > ${O}`]:{top:0,insetInline:0,boxShadow:t.boxShadowDrawerUp},[`&-bottom > ${O}`]:{bottom:0,insetInline:0,boxShadow:t.boxShadowDrawerDown},[`${r}-content`]:{display:`flex`,flexDirection:`column`,width:`100%`,height:`100%`,overflow:`auto`,background:s,pointerEvents:`auto`},[`${r}-header`]:{display:`flex`,flex:0,alignItems:`center`,padding:`${i(d)} ${i(f)}`,fontSize:p,lineHeight:m,borderBottom:`${i(h)} ${g} ${_}`,"&-title":{display:`flex`,flex:1,alignItems:`center`,minWidth:0,minHeight:0}},[`${r}-extra`]:{flex:`none`},[`${r}-close`]:{display:`inline-flex`,width:D(p).add(u).equal(),height:D(p).add(u).equal(),borderRadius:n,justifyContent:`center`,alignItems:`center`,marginInlineEnd:v,color:y,fontWeight:w,fontSize:p,fontStyle:`normal`,lineHeight:1,textAlign:`center`,textTransform:`none`,textDecoration:`none`,background:`transparent`,border:0,cursor:`pointer`,transition:`all ${l}`,textRendering:`auto`,"&:hover":{color:b,backgroundColor:x,textDecoration:`none`},"&:active":{backgroundColor:S},...e(t)},[`${r}-title`]:{flex:1,margin:0,fontWeight:t.fontWeightStrong,fontSize:p,lineHeight:m},[`${r}-body`]:{flex:1,minWidth:0,minHeight:0,padding:f,overflow:`auto`,[`${r}-body-skeleton`]:{width:`100%`,height:`100%`,display:`flex`,justifyContent:`center`}},[`${r}-footer`]:{flexShrink:0,padding:`${i(T)} ${i(E)}`,borderTop:`${i(h)} ${g} ${_}`},"&-rtl":{direction:`rtl`}}}},o=e=>({zIndexPopup:e.zIndexPopupBase,footerPaddingBlock:e.paddingXS,footerPaddingInline:e.padding});var s=t(`Drawer`,e=>{let t=n(e,{});return[a(t),r(t)]},o);export{s as default,o as prepareComponentToken};

package/es/drawer/style/motion.d.ts

@@ -0,0 +1,7 @@
+import "../../theme/internal.js";
+import { DrawerToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+//#region components/drawer/style/motion.d.ts
+declare const genMotionStyle: GenerateStyle<DrawerToken>;
+//#endregion
+export { genMotionStyle as default };

package/es/drawer/style/motion.js

@@ -0,0 +1 @@
+const e=e=>{let t=`100%`;return{left:`translateX(-${t})`,right:`translateX(${t})`,top:`translateY(-${t})`,bottom:`translateY(${t})`}[e]},t=(e,t)=>({"&-enter, &-appear":{...e,"&-active":t},"&-leave":{...t,"&-active":e}}),n=(e,n)=>({"&-enter, &-appear, &-leave":{"&-start":{transition:`none`},"&-active":{transition:`all ${n}`}},...t({opacity:e},{opacity:1})}),r=(r,i)=>[n(.7,i),t({transform:e(r)},{transform:`none`})],i=e=>{let{componentCls:t,motionDurationSlow:i}=e;return{[t]:{[`${t}-mask-motion`]:n(0,i),[`${t}-panel-motion`]:[`left`,`right`,`top`,`bottom`].reduce((e,t)=>({...e,[`&-${t}`]:r(t,i)}),{})}}};export{i as default};

package/es/dropdown/dropdown-button.d.ts

@@ -0,0 +1,25 @@
+import { ButtonGroupProps } from "../button/button-group.js";
+import { ButtonHTMLType } from "../button/buttonHelpers.js";
+import { ButtonProps } from "../button/button.js";
+import "../button/index.js";
+import { DropdownProps } from "./dropdown.js";
+import * as React$1 from "react";
+//#region components/dropdown/dropdown-button.d.ts
+export type DropdownButtonType = 'default' | 'primary' | 'dashed' | 'link' | 'text';
+export interface DropdownButtonProps extends ButtonGroupProps, DropdownProps {
+  type?: DropdownButtonType;
+  htmlType?: ButtonHTMLType;
+  danger?: boolean;
+  disabled?: boolean;
+  loading?: ButtonProps['loading'];
+  onClick?: React$1.MouseEventHandler<HTMLElement>;
+  icon?: React$1.ReactNode;
+  href?: string;
+  children?: React$1.ReactNode;
+  title?: string;
+  buttonsRender?: (buttons: React$1.ReactNode[]) => React$1.ReactNode[];
+}
+type CompoundedComponent = React$1.FC<DropdownButtonProps> & {};
+declare const DropdownButton: CompoundedComponent;
+//#endregion
+export { DropdownButton as default };

package/es/dropdown/dropdown-button.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{useCompactItemContext as t}from"../space/Compact.js";import n from"../button/index.js";import r from"./dropdown.js";import i from"../space/index.js";import*as a from"react";import o from"classnames";import s from"@ant-design/icons/EllipsisOutlined";const c=c=>{let{getPopupContainer:l,getPrefixCls:u,direction:d}=a.useContext(e),{prefixCls:f,type:p=`default`,danger:m,disabled:h,loading:g,onClick:_,htmlType:v,children:y,className:b,menu:x,arrow:S,autoFocus:C,overlay:w,trigger:T,align:E,open:D,onOpenChange:O,placement:k,getPopupContainer:A,href:j,icon:M=a.createElement(s,null),title:N,buttonsRender:P=e=>e,mouseEnterDelay:F,mouseLeaveDelay:I,overlayClassName:L,overlayStyle:R,destroyPopupOnHide:z,dropdownRender:B,...V}=c,H=u(`dropdown`,f),U=`${H}-button`,W={menu:x,arrow:S,autoFocus:C,align:E,disabled:h,trigger:h?[]:T,onOpenChange:O,getPopupContainer:A||l,mouseEnterDelay:F,mouseLeaveDelay:I,overlayClassName:L,overlayStyle:R,destroyPopupOnHide:z,dropdownRender:B},{compactSize:G,compactItemClassnames:K}=t(H,d),q=o(U,K,b);`overlay`in c&&(W.overlay=w),`open`in c&&(W.open=D),W.placement=`placement`in c?k:d===`rtl`?`bottomLeft`:`bottomRight`;let[J,Y]=P([a.createElement(n,{type:p,danger:m,disabled:h,loading:g,onClick:_,htmlType:v,href:j,title:N},y),a.createElement(n,{type:p,danger:m,icon:M})]);return a.createElement(i.Compact,{className:q,size:G,block:!0,...V},J,a.createElement(r,W,Y))};c.__ANT_BUTTON=!0;export{c as default};

package/es/dropdown/dropdown.d.ts

@@ -0,0 +1,53 @@
+import { AdjustOverflow } from "../_util/placements.js";
+import { MenuProps } from "../menu/menu.js";
+import "../menu/index.js";
+import * as React$1 from "react";
+import { AlignType } from "@rc-component/trigger";
+//#region components/dropdown/dropdown.d.ts
+declare const _Placements: readonly ["topLeft", "topCenter", "topRight", "bottomLeft", "bottomCenter", "bottomRight", "top", "bottom"];
+type Placement = (typeof _Placements)[number];
+type OverlayFunc = () => React$1.ReactElement;
+export type DropdownArrowOptions = {
+  pointAtCenter?: boolean;
+};
+export interface DropdownProps {
+  menu?: MenuProps;
+  autoFocus?: boolean;
+  arrow?: boolean | DropdownArrowOptions;
+  trigger?: ('click' | 'hover' | 'contextMenu')[];
+  dropdownRender?: (originNode: React$1.ReactNode) => React$1.ReactNode;
+  onOpenChange?: (open: boolean, info: {
+    source: 'trigger' | 'menu';
+  }) => void;
+  open?: boolean;
+  disabled?: boolean;
+  destroyPopupOnHide?: boolean;
+  align?: AlignType;
+  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  transitionName?: string;
+  placement?: Placement;
+  overlayClassName?: string;
+  overlayStyle?: React$1.CSSProperties;
+  forceRender?: boolean;
+  mouseEnterDelay?: number;
+  mouseLeaveDelay?: number;
+  openClassName?: string;
+  children?: React$1.ReactNode;
+  autoAdjustOverflow?: boolean | AdjustOverflow;
+  /** @deprecated Please use `menu` instead */
+  overlay?: React$1.ReactElement | OverlayFunc;
+  /** @deprecated Please use `open` instead */
+  visible?: boolean;
+  /** @deprecated Please use `onOpenChange` instead */
+  onVisibleChange?: (open: boolean) => void;
+}
+type CompoundedComponent = React$1.FC<DropdownProps> & {
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof WrapPurePanel;
+};
+declare const Dropdown: CompoundedComponent;
+declare const WrapPurePanel: React$1.FC<DropdownProps>;
+//#endregion
+export { Dropdown as default };

package/es/dropdown/dropdown.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}from"../_util/reactNode.js";import i from"../config-provider/hooks/useCSSVarCls.js";import ee from"../_util/zindexContext.js";import{useZIndex as te}from"../_util/hooks/useZIndex.js";import a from"../_util/PurePanel.js";import o from"../_util/placements.js";import s from"../_util/isPrimitive.js";import{OverrideProvider as c}from"../menu/OverrideContext.js";import l from"../menu/index.js";import u from"./style/index.js";import*as d from"react";import f from"classnames";import p from"rc-util/lib/omit";import m from"rc-util/lib/hooks/useEvent";import h from"rc-util/lib/hooks/useMergedState";import ne from"@ant-design/icons/RightOutlined";import g from"rc-dropdown";const _=a=>{let{menu:_,arrow:v,prefixCls:y,children:b,trigger:x,disabled:S,dropdownRender:C,getPopupContainer:re,overlayClassName:w,rootClassName:T,overlayStyle:E,open:D,onOpenChange:O,visible:k,onVisibleChange:A,mouseEnterDelay:j=.15,mouseLeaveDelay:M=.1,autoAdjustOverflow:N=!0,placement:P=``,overlay:F,transitionName:I}=a,{getPopupContainer:L,getPrefixCls:R,direction:z,dropdown:B}=d.useContext(t),V=e(`Dropdown`),H=d.useMemo(()=>{let e=R();return I===void 0?P.includes(`top`)?`${e}-slide-down`:`${e}-slide-up`:I},[R,P,I]),ie=d.useMemo(()=>P?P.includes(`Center`)?P.slice(0,P.indexOf(`Center`)):P:z===`rtl`?`bottomRight`:`bottomLeft`,[P,z]),U=R(`dropdown`,y),W=i(U),[G,K,q]=u(U,W),[,J]=n(),Y=d.Children.only(s(b)?d.createElement(`span`,null,b):b),ae=r(Y,{className:f(`${U}-trigger`,{[`${U}-rtl`]:z===`rtl`},Y.props.className),disabled:Y.props.disabled??S}),X=S?[]:x,oe=!!X?.includes(`contextMenu`),[se,Z]=h(!1,{value:D??k}),ce=m(e=>{O?.(e,{source:`trigger`}),A?.(e),Z(e)}),le=f(w,T,K,q,W,B?.className,{[`${U}-rtl`]:z===`rtl`}),ue=o({arrowPointAtCenter:typeof v==`object`&&v.pointAtCenter,autoAdjustOverflow:N,offset:J.marginXXS,arrowWidth:v?J.sizePopupArrow:0,borderRadius:J.borderRadius}),de=d.useCallback(()=>{_?.selectable&&_?.multiple||(O?.(!1,{source:`menu`}),Z(!1))},[_?.selectable,_?.multiple]),fe=()=>{let e;return e=_?.items?d.createElement(l,_):typeof F==`function`?F():F,C&&(e=C(e)),e=d.Children.only(typeof e==`string`?d.createElement(`span`,null,e):e),d.createElement(c,{prefixCls:`${U}-menu`,rootClassName:f(q,W),expandIcon:d.createElement(`span`,{className:`${U}-menu-submenu-arrow`},d.createElement(ne,{className:`${U}-menu-submenu-arrow-icon`})),mode:`vertical`,selectable:!1,onClick:de,validator:({mode:e})=>{V(!e||e===`vertical`,`usage`,`mode="${e}" is not supported for Dropdown's Menu.`)}},e)},[Q,pe]=te(`Dropdown`,E?.zIndex),$=d.createElement(g,{alignPoint:oe,...p(a,[`rootClassName`]),mouseEnterDelay:j,mouseLeaveDelay:M,visible:se,builtinPlacements:ue,arrow:!!v,overlayClassName:le,prefixCls:U,getPopupContainer:re||L,transitionName:H,trigger:X,overlay:fe,placement:ie,onVisibleChange:ce,overlayStyle:{...B?.style,...E,zIndex:Q}},ae);return Q&&($=d.createElement(ee.Provider,{value:pe},$)),G($)},v=a(_,`align`,void 0,`dropdown`,e=>e);_._InternalPanelDoNotUseOrYouWillBeFired=e=>d.createElement(v,e,d.createElement(`span`,null));export{_ as default};

package/es/dropdown/index.d.ts

@@ -0,0 +1,8 @@
+import Dropdown$1, { DropdownProps } from "./dropdown.js";
+import DropdownButton, { DropdownButtonProps, DropdownButtonType } from "./dropdown-button.js";
+//#region components/dropdown/index.d.ts
+declare const Dropdown: typeof Dropdown$1 & {
+  Button: typeof DropdownButton;
+};
+//#endregion
+export { type DropdownProps as DropDownProps, type DropdownButtonProps, type DropdownButtonType, type DropdownProps, Dropdown as default };

package/es/dropdown/index.js

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

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

@@ -0,0 +1,43 @@
+import { ArrowToken } from "../../style/roundedArrow.js";
+import { ArrowOffsetToken } from "../../style/placementArrow.js";
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/dropdown/style/index.d.ts
+export interface ComponentToken extends ArrowToken, ArrowOffsetToken {
+  /**
+   * @desc 下拉菜单 z-index
+   * @descEN z-index of dropdown
+   */
+  zIndexPopup: number;
+  /**
+   * @desc 下拉菜单纵向内边距
+   * @descEN Vertical padding of dropdown
+   */
+  paddingBlock: CSSProperties['paddingBlock'];
+}
+/**
+ * @desc Dropdown 组件的 Token
+ * @descEN Token for Dropdown component
+ */
+export interface DropdownToken extends FullToken<'Dropdown'> {
+  /**
+   * @desc 下拉箭头距离
+   * @descEN Distance of dropdown arrow
+   */
+  dropdownArrowDistance: number | string;
+  /**
+   * @desc 下拉菜单边缘子项内边距
+   * @descEN Padding of edge child in dropdown menu
+   */
+  dropdownEdgeChildPadding: number;
+  /**
+   * @desc 菜单类名
+   * @descEN Menu class name
+   */
+  menuCls: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Dropdown'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };