@swiftcrab/crab 0.0.5 → 0.0.7

package/es/date-picker/style/token.d.ts

@@ -0,0 +1,106 @@
+import { ArrowToken } from "../../style/roundedArrow.js";
+import { TokenWithCommonCls } from "../../theme/internal.js";
+import { SharedComponentToken, SharedInputToken } from "../../input/style/token.js";
+import { MultipleSelectorToken, SelectorToken } from "../../select/style/token.js";
+import { FullToken, GetDefaultToken, GlobalToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/date-picker/style/token.d.ts
+export interface PanelComponentToken extends MultipleSelectorToken {
+  /**
+   * @desc 单元格悬浮态背景色
+   * @descEN Background color of cell hover state
+   */
+  cellHoverBg: string;
+  /**
+   * @desc 选取范围内的单元格背景色
+   * @descEN Background color of cell in range
+   */
+  cellActiveWithRangeBg: string;
+  /**
+   * @desc 选取范围内的单元格悬浮态背景色
+   * @descEN Background color of hovered cell in range
+   */
+  cellHoverWithRangeBg: string;
+  /**
+   * @desc 单元格禁用态背景色
+   * @descEN Background color of disabled cell
+   */
+  cellBgDisabled: string;
+  /**
+   * @desc 选取范围时单元格边框色
+   * @descEN Border color of cell in range when picking
+   */
+  cellRangeBorderColor: string;
+  /**
+   * @desc 时间列宽度
+   * @descEN Width of time column
+   */
+  timeColumnWidth: number;
+  /**
+   * @desc 时间列高度
+   * @descEN Height of time column
+   */
+  timeColumnHeight: number;
+  /**
+   * @desc 时间单元格高度
+   * @descEN Height of time cell
+   */
+  timeCellHeight: number;
+  /**
+   * @desc 单元格高度
+   * @descEN Height of cell
+   */
+  cellHeight: number;
+  /**
+   * @desc 单元格宽度
+   * @descEN Width of cell
+   */
+  cellWidth: number;
+  /**
+   * @desc 单元格文本高度
+   * @descEN Height of cell text
+   */
+  textHeight: number;
+  /**
+   * @desc 十年/年/季/月/周单元格高度
+   * @descEN Height of decade/year/quarter/month/week cell
+   */
+  withoutTimeCellHeight: number;
+}
+export interface ComponentToken extends Exclude<SharedComponentToken, 'addonBg'>, PanelComponentToken, ArrowToken {
+  /**
+   * @desc 预设区域宽度
+   * @descEN Width of preset area
+   */
+  presetsWidth: number;
+  /**
+   * @desc 预设区域最大宽度
+   * @descEN Max width of preset area
+   */
+  presetsMaxWidth: number;
+  /**
+   * @desc 弹窗 z-index
+   * @descEN z-index of popup
+   */
+  zIndexPopup: number;
+}
+export type PickerPanelToken = {
+  pickerCellCls: string;
+  pickerCellInnerCls: string;
+  pickerDatePanelPaddingHorizontal: number | string;
+  pickerYearMonthCellWidth: number | string;
+  pickerCellPaddingVertical: number | string;
+  pickerQuarterPanelContentHeight: number | string;
+  pickerCellBorderGap: number;
+  pickerControlIconSize: number;
+  pickerControlIconMargin: number;
+  pickerControlIconBorderWidth: number;
+};
+export interface PickerToken extends FullToken<'DatePicker'>, PickerPanelToken, SharedInputToken, SelectorToken {
+  /** @private Used for internal calculation */
+  INTERNAL_FIXED_ITEM_MARGIN: number;
+}
+export type SharedPickerToken = TokenWithCommonCls<GlobalToken> & PickerPanelToken & PanelComponentToken;
+export declare const initPickerPanelToken: (token: TokenWithCommonCls<GlobalToken>) => PickerPanelToken;
+export declare const initPanelComponentToken: (token: GlobalToken) => PanelComponentToken;
+export declare const prepareComponentToken: GetDefaultToken<'DatePicker'>;
+//#endregion

package/es/date-picker/style/token.js

@@ -0,0 +1 @@
+import{getArrowToken as e}from"../../style/roundedArrow.js";import{initComponentToken as t}from"../../input/style/token.js";import{TinyColor as n}from"@ctrl/tinycolor";const r=e=>{let{componentCls:t,controlHeightLG:n,paddingXXS:r,padding:i}=e;return{pickerCellCls:`${t}-cell`,pickerCellInnerCls:`${t}-cell-inner`,pickerYearMonthCellWidth:e.calc(n).mul(1.5).equal(),pickerQuarterPanelContentHeight:e.calc(n).mul(1.4).equal(),pickerCellPaddingVertical:e.calc(r).add(e.calc(r).div(2)).equal(),pickerCellBorderGap:2,pickerControlIconSize:7,pickerControlIconMargin:4,pickerControlIconBorderWidth:1.5,pickerDatePanelPaddingHorizontal:e.calc(i).add(e.calc(r).div(2)).equal()}},i=e=>{let{colorBgContainerDisabled:t,controlHeight:r,controlHeightSM:i,controlHeightLG:a,paddingXXS:o,lineWidth:s}=e,c=o*2,l=s*2,u=Math.min(r-c,r-l),d=Math.min(i-c,i-l),f=Math.min(a-c,a-l);return{INTERNAL_FIXED_ITEM_MARGIN:Math.floor(o/2),cellHoverBg:e.controlItemBgHover,cellActiveWithRangeBg:e.controlItemBgActive,cellHoverWithRangeBg:new n(e.colorPrimary).lighten(35).toHexString(),cellRangeBorderColor:new n(e.colorPrimary).lighten(20).toHexString(),cellBgDisabled:t,timeColumnWidth:a*1.4,timeColumnHeight:224,timeCellHeight:28,cellWidth:i*1.5,cellHeight:i,textHeight:a,withoutTimeCellHeight:a*1.65,multipleItemBg:e.colorFillSecondary,multipleItemBorderColor:`transparent`,multipleItemHeight:u,multipleItemHeightSM:d,multipleItemHeightLG:f,multipleSelectorBgDisabled:t,multipleItemColorDisabled:e.colorTextDisabled,multipleItemBorderColorDisabled:`transparent`}},a=n=>({...t(n),...i(n),...e(n),presetsWidth:120,presetsMaxWidth:200,zIndexPopup:n.zIndexPopupBase+50});export{i as initPanelComponentToken,r as initPickerPanelToken,a as prepareComponentToken};

package/es/date-picker/style/variants.d.ts

@@ -0,0 +1,6 @@
+import { PickerToken } from "./token.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/date-picker/style/variants.d.ts
+declare const genVariantsStyle: (token: PickerToken) => CSSObject;
+//#endregion
+export { genVariantsStyle as default };

package/es/date-picker/style/variants.js

@@ -0,0 +1 @@
+import{genBorderlessStyle as e,genFilledStyle as t,genOutlinedStyle as n}from"../../input/style/variants.js";import{unit as r}from"@ant-design/cssinjs";const i=i=>{let{componentCls:a}=i;return{[a]:[{...n(i),...t(i),...e(i)},{"&-outlined":{[`&${a}-multiple ${a}-selection-item`]:{background:i.multipleItemBg,border:`${r(i.lineWidth)} ${i.lineType} ${i.multipleItemBorderColor}`}},"&-filled":{[`&${a}-multiple ${a}-selection-item`]:{background:i.colorBgContainer,border:`${r(i.lineWidth)} ${i.lineType} ${i.colorSplit}`}},"&-borderless":{[`&${a}-multiple ${a}-selection-item`]:{background:i.multipleItemBg,border:`${r(i.lineWidth)} ${i.lineType} ${i.multipleItemBorderColor}`}}}]}};export{i as default};

package/es/date-picker/util.d.ts

@@ -0,0 +1,11 @@
+import { PickerLocale, PickerProps } from "./generatePicker/interface.js";
+import "./generatePicker/index.js";
+import * as React$1 from "react";
+import { PickerMode } from "rc-picker/lib/interface";
+//#region components/date-picker/util.d.ts
+export declare function getPlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: string): string;
+export declare function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: [string, string]): [string, string] | undefined;
+export declare function useIcons(props: Pick<PickerProps, 'allowClear' | 'removeIcon'>, prefixCls: string): readonly [false | {
+  clearIcon: React$1.ReactNode;
+}, string | number | bigint | boolean | React$1.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | ((props: any) => React$1.ReactNode) | null];
+//#endregion

package/es/date-picker/util.js

@@ -0,0 +1 @@
+import e from"../select/useIcons.js";import*as t from"react";function n(e,t,n){return n===void 0?t===`year`&&e.lang.yearPlaceholder?e.lang.yearPlaceholder:t===`quarter`&&e.lang.quarterPlaceholder?e.lang.quarterPlaceholder:t===`month`&&e.lang.monthPlaceholder?e.lang.monthPlaceholder:t===`week`&&e.lang.weekPlaceholder?e.lang.weekPlaceholder:t===`time`&&e.timePickerLocale.placeholder?e.timePickerLocale.placeholder:e.lang.placeholder:n}function r(e,t,n){return n===void 0?t===`year`&&e.lang.yearPlaceholder?e.lang.rangeYearPlaceholder:t===`quarter`&&e.lang.quarterPlaceholder?e.lang.rangeQuarterPlaceholder:t===`month`&&e.lang.monthPlaceholder?e.lang.rangeMonthPlaceholder:t===`week`&&e.lang.weekPlaceholder?e.lang.rangeWeekPlaceholder:t===`time`&&e.timePickerLocale.placeholder?e.timePickerLocale.rangePlaceholder:e.lang.rangePlaceholder:n}function i(n,r){let{allowClear:i=!0}=n,{clearIcon:a,removeIcon:o}=e({...n,prefixCls:r,componentName:`DatePicker`});return[t.useMemo(()=>i!==!1&&{clearIcon:a,...i===!0?{}:i},[i,a]),o]}export{n as getPlaceholder,r as getRangePlaceholder,i as useIcons};

package/es/descriptions/Cell.d.ts

@@ -0,0 +1,19 @@
+import * as React$1 from "react";
+//#region components/descriptions/Cell.d.ts
+export interface CellProps {
+  itemPrefixCls: string;
+  span: number;
+  className?: string;
+  component: string;
+  style?: React$1.CSSProperties;
+  labelStyle?: React$1.CSSProperties;
+  contentStyle?: React$1.CSSProperties;
+  bordered?: boolean;
+  label?: React$1.ReactNode;
+  content?: React$1.ReactNode;
+  colon?: boolean;
+  type?: 'label' | 'content' | 'item';
+}
+declare const Cell: React$1.FC<CellProps>;
+//#endregion
+export { Cell as default };

package/es/descriptions/Cell.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";function n(e){return e!=null}const r=r=>{let{itemPrefixCls:i,component:a,span:o,className:s,style:c,labelStyle:l,contentStyle:u,bordered:d,label:f,content:p,colon:m,type:h}=r,g=a;return d?e.createElement(g,{className:t({[`${i}-item-label`]:h===`label`,[`${i}-item-content`]:h===`content`},s),style:c,colSpan:o},n(f)&&e.createElement(`span`,{style:l},f),n(p)&&e.createElement(`span`,{style:u},p)):e.createElement(g,{className:t(`${i}-item`,s),style:c,colSpan:o},e.createElement(`div`,{className:`${i}-item-container`},(f||f===0)&&e.createElement(`span`,{className:t(`${i}-item-label`,{[`${i}-item-no-colon`]:!m}),style:l},f),(p||p===0)&&e.createElement(`span`,{className:t(`${i}-item-content`),style:u},p)))};export{r as default};

package/es/descriptions/DescriptionsContext.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+//#region components/descriptions/DescriptionsContext.d.ts
+export interface DescriptionsContextProps {
+  labelStyle?: React.CSSProperties;
+  contentStyle?: React.CSSProperties;
+}
+declare const DescriptionsContext: React.Context<DescriptionsContextProps>;
+//#endregion
+export { DescriptionsContext as default };

package/es/descriptions/DescriptionsContext.js

@@ -0,0 +1 @@
+import e from"react";const t=e.createContext({});export{t as default};

package/es/descriptions/Item.d.ts

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+//#region components/descriptions/Item.d.ts
+export interface DescriptionsItemProps {
+  prefixCls?: string;
+  className?: string;
+  style?: React$1.CSSProperties;
+  label?: React$1.ReactNode;
+  labelStyle?: React$1.CSSProperties;
+  contentStyle?: React$1.CSSProperties;
+  children: React$1.ReactNode;
+  span?: number;
+}
+declare const DescriptionsItem: React$1.FC<DescriptionsItemProps>;
+//#endregion
+export { DescriptionsItem as default };

package/es/descriptions/Item.js

@@ -0,0 +1 @@
+const e=({children:e})=>e;export{e as default};

package/es/descriptions/Row.d.ts

@@ -0,0 +1,15 @@
+import { InternalDescriptionsItemType } from "./index.js";
+import * as React$1 from "react";
+//#region components/descriptions/Row.d.ts
+export interface RowProps {
+  prefixCls: string;
+  vertical: boolean;
+  row: InternalDescriptionsItemType[];
+  bordered?: boolean;
+  colon: boolean;
+  index: number;
+  children?: React$1.ReactNode;
+}
+declare const Row: React$1.FC<RowProps>;
+//#endregion
+export { Row as default };

package/es/descriptions/Row.js

@@ -0,0 +1 @@
+import e from"./DescriptionsContext.js";import t from"./Cell.js";import*as n from"react";function r(e,{colon:r,prefixCls:i,bordered:a},{component:o,type:s,showLabel:c,showContent:l,labelStyle:u,contentStyle:d}){return e.map(({label:e,children:f,prefixCls:p=i,className:m,style:h,labelStyle:g,contentStyle:_,span:v=1,key:y},b)=>typeof o==`string`?n.createElement(t,{key:`${s}-${y||b}`,className:m,style:h,labelStyle:{...u,...g},contentStyle:{...d,..._},span:v,colon:r,component:o,itemPrefixCls:p,bordered:a,label:c?e:null,content:l?f:null,type:s}):[n.createElement(t,{key:`label-${y||b}`,className:m,style:{...u,...h,...g},span:1,colon:r,component:o[0],itemPrefixCls:p,bordered:a,label:e,type:`label`}),n.createElement(t,{key:`content-${y||b}`,className:m,style:{...d,...h,..._},span:v*2-1,component:o[1],itemPrefixCls:p,bordered:a,content:f,type:`content`})])}const i=t=>{let i=n.useContext(e),{prefixCls:a,vertical:o,row:s,index:c,bordered:l}=t;return o?n.createElement(n.Fragment,null,n.createElement(`tr`,{key:`label-${c}`,className:`${a}-row`},r(s,t,{component:`th`,type:`label`,showLabel:!0,...i})),n.createElement(`tr`,{key:`content-${c}`,className:`${a}-row`},r(s,t,{component:`td`,type:`content`,showContent:!0,...i}))):n.createElement(`tr`,{key:c,className:`${a}-row`},r(s,t,{component:l?[`th`,`td`]:`td`,type:`item`,showLabel:!0,showContent:!0,...i}))};export{i as default};

package/es/descriptions/constant.d.ts

@@ -0,0 +1,5 @@
+import { Breakpoint } from "../_util/responsiveObserver.js";
+//#region components/descriptions/constant.d.ts
+declare const DEFAULT_COLUMN_MAP: Record<Breakpoint, number>;
+//#endregion
+export { DEFAULT_COLUMN_MAP as default };

package/es/descriptions/constant.js

@@ -0,0 +1 @@
+const e={xxl:3,xl:3,lg:3,md:3,sm:2,xs:1};export{e as default};

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

@@ -0,0 +1,6 @@
+import { ScreenMap } from "../../_util/responsiveObserver.js";
+import { DescriptionsItemType, InternalDescriptionsItemType } from "../index.js";
+import * as React$1 from "react";
+//#region components/descriptions/hooks/useItems.d.ts
+export default function useItems(screens: ScreenMap, items?: DescriptionsItemType[], children?: React$1.ReactNode): InternalDescriptionsItemType[];
+//#endregion

package/es/descriptions/hooks/useItems.js

@@ -0,0 +1 @@
+import{matchScreen as e}from"../../_util/responsiveObserver.js";import*as t from"react";import n from"rc-util/lib/Children/toArray";const r=e=>n(e).map(e=>({...e?.props,key:e.key}));function i(n,i,a){let o=t.useMemo(()=>i||r(a),[i,a]);return t.useMemo(()=>o.map(({span:t,...r})=>t===`filled`?{...r,filled:!0}:{...r,span:typeof t==`number`?t:e(n,t)}),[o,n])}export{i as default};

package/es/descriptions/hooks/useRow.d.ts

@@ -0,0 +1,5 @@
+import { InternalDescriptionsItemType } from "../index.js";
+//#region components/descriptions/hooks/useRow.d.ts
+declare const useRow: (mergedColumn: number, items: InternalDescriptionsItemType[]) => InternalDescriptionsItemType[][];
+//#endregion
+export { useRow as default };

package/es/descriptions/hooks/useRow.js

@@ -0,0 +1 @@
+import"../../_util/warning.js";import{useMemo as e}from"react";function t(e,t){let n=[],r=[],i=!1,a=0;return e.filter(e=>e).forEach(e=>{let{filled:o,...s}=e;if(o){r.push(s),n.push(r),r=[],a=0;return}let c=t-a;a+=e.span||1,a>=t?(a>t?(i=!0,r.push({...s,span:c})):r.push(s),n.push(r),r=[],a=0):r.push(s)}),r.length>0&&n.push(r),n=n.map(e=>{let n=e.reduce((e,t)=>e+(t.span||1),0);if(n<t){let r=e[e.length-1];return r.span=t-n+1,e}return e}),[n,i]}const n=(n,r)=>{let[i,a]=e(()=>t(r,n),[r,n]);return i};export{n as default};

package/es/descriptions/index.d.ts

@@ -0,0 +1,39 @@
+import { Breakpoint } from "../_util/responsiveObserver.js";
+import DescriptionsContext, { DescriptionsContextProps } from "./DescriptionsContext.js";
+import DescriptionsItem, { DescriptionsItemProps } from "./Item.js";
+import * as React$1 from "react";
+//#region components/descriptions/index.d.ts
+interface CompoundedComponent {
+  Item: typeof DescriptionsItem;
+}
+export interface InternalDescriptionsItemType extends DescriptionsItemProps {
+  key?: React$1.Key;
+  filled?: boolean;
+}
+export interface DescriptionsItemType extends Omit<InternalDescriptionsItemType, 'span' | 'filled'> {
+  span?: number | 'filled' | { [key in Breakpoint]?: number; };
+}
+export interface DescriptionsProps {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  bordered?: boolean;
+  size?: 'middle' | 'small' | 'default';
+  /**
+   * @deprecated use `items` instead
+   */
+  children?: React$1.ReactNode;
+  title?: React$1.ReactNode;
+  extra?: React$1.ReactNode;
+  column?: number | Partial<Record<Breakpoint, number>>;
+  layout?: 'horizontal' | 'vertical';
+  colon?: boolean;
+  labelStyle?: React$1.CSSProperties;
+  contentStyle?: React$1.CSSProperties;
+  items?: DescriptionsItemType[];
+  id?: string;
+}
+declare const Descriptions: React$1.FC<DescriptionsProps> & CompoundedComponent;
+//#endregion
+export { DescriptionsContext, type DescriptionsContextProps, Descriptions as default };

package/es/descriptions/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useSize.js";import{matchScreen as n}from"../_util/responsiveObserver.js";import r from"../grid/hooks/useBreakpoint.js";import i from"./constant.js";import a from"./DescriptionsContext.js";import o from"./hooks/useItems.js";import s from"./hooks/useRow.js";import c from"./Item.js";import l from"./Row.js";import u from"./style/index.js";import*as d from"react";import f from"classnames";const p=c=>{let{prefixCls:p,title:m,extra:h,column:g,colon:_=!0,bordered:v,layout:y,children:b,className:x,rootClassName:S,style:C,size:w,labelStyle:T,contentStyle:E,items:D,...O}=c,{getPrefixCls:k,direction:A,descriptions:j}=d.useContext(e),M=k(`descriptions`,p),N=r(),P=d.useMemo(()=>typeof g==`number`?g:n(N,{...i,...g})??3,[N,g]),F=o(N,D,b),I=t(w),L=s(P,F),[R,z,B]=u(M),V=d.useMemo(()=>({labelStyle:T,contentStyle:E}),[T,E]);return R(d.createElement(a.Provider,{value:V},d.createElement(`div`,{className:f(M,j?.className,{[`${M}-${I}`]:I&&I!=="default",[`${M}-bordered`]:!!v,[`${M}-rtl`]:A===`rtl`},x,S,z,B),style:{...j?.style,...C},...O},(m||h)&&d.createElement(`div`,{className:`${M}-header`},m&&d.createElement(`div`,{className:`${M}-title`},m),h&&d.createElement(`div`,{className:`${M}-extra`},h)),d.createElement(`div`,{className:`${M}-view`},d.createElement(`table`,null,d.createElement(`tbody`,null,L.map((e,t)=>d.createElement(l,{key:t,index:t,colon:_,prefixCls:M,vertical:y===`vertical`,bordered:v,row:e}))))))))};p.Item=c;export{a as DescriptionsContext,p as default};

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

@@ -0,0 +1,55 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/descriptions/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+  /**
+   * @desc 标签背景色
+   * @descEN Background color of label
+   */
+  labelBg: string;
+  /**
+   * @desc 标题文字颜色
+   * @descEN Text color of title
+   */
+  titleColor: string;
+  /**
+   * @desc 标题下间距
+   * @descEN Bottom margin of title
+   */
+  titleMarginBottom: number;
+  /**
+   * @desc 子项下间距
+   * @descEN Bottom padding of item
+   */
+  itemPaddingBottom: number;
+  /**
+   * @desc 子项结束间距
+   * @descEN End padding of item
+   */
+  itemPaddingEnd: number;
+  /**
+   * @desc 冒号右间距
+   * @descEN Right margin of colon
+   */
+  colonMarginRight: number;
+  /**
+   * @desc 冒号左间距
+   * @descEN Left margin of colon
+   */
+  colonMarginLeft: number;
+  /**
+   * @desc 内容区域文字颜色
+   * @descEN Text color of content
+   */
+  contentColor: string;
+  /**
+   * @desc 额外区域文字颜色
+   * @descEN Text color of extra area
+   */
+  extraColor: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Descriptions'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/descriptions/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e,textEllipsis as t}from"../../style/index.js";import{genStyleHooks as n}from"../../theme/util/genStyleUtils.js";import{mergeToken as r}from"../../theme/internal.js";import{unit as i}from"@ant-design/cssinjs";const a=e=>{let{componentCls:t,labelBg:n}=e;return{[`&${t}-bordered`]:{[`> ${t}-view`]:{border:`${i(e.lineWidth)} ${e.lineType} ${e.colorSplit}`,"> table":{tableLayout:`auto`},[`${t}-row`]:{borderBottom:`${i(e.lineWidth)} ${e.lineType} ${e.colorSplit}`,"&:last-child":{borderBottom:`none`},[`> ${t}-item-label, > ${t}-item-content`]:{padding:`${i(e.padding)} ${i(e.paddingLG)}`,borderInlineEnd:`${i(e.lineWidth)} ${e.lineType} ${e.colorSplit}`,"&:last-child":{borderInlineEnd:`none`}},[`> ${t}-item-label`]:{color:e.colorTextSecondary,backgroundColor:n,"&::after":{display:`none`}}}},[`&${t}-middle`]:{[`${t}-row`]:{[`> ${t}-item-label, > ${t}-item-content`]:{padding:`${i(e.paddingSM)} ${i(e.paddingLG)}`}}},[`&${t}-small`]:{[`${t}-row`]:{[`> ${t}-item-label, > ${t}-item-content`]:{padding:`${i(e.paddingXS)} ${i(e.padding)}`}}}}}},o=n=>{let{componentCls:r,extraColor:o,itemPaddingBottom:s,itemPaddingEnd:c,colonMarginRight:l,colonMarginLeft:u,titleMarginBottom:d}=n;return{[r]:{...e(n),...a(n),"&-rtl":{direction:`rtl`},[`${r}-header`]:{display:`flex`,alignItems:`center`,marginBottom:d},[`${r}-title`]:{...t,flex:`auto`,color:n.titleColor,fontWeight:n.fontWeightStrong,fontSize:n.fontSizeLG,lineHeight:n.lineHeightLG},[`${r}-extra`]:{marginInlineStart:`auto`,color:o,fontSize:n.fontSize},[`${r}-view`]:{width:`100%`,borderRadius:n.borderRadiusLG,table:{width:`100%`,tableLayout:`fixed`,borderCollapse:`collapse`}},[`${r}-row`]:{"> th, > td":{paddingBottom:s,paddingInlineEnd:c},"> th:last-child, > td:last-child":{paddingInlineEnd:0},"&:last-child":{borderBottom:`none`,"> th, > td":{paddingBottom:0}}},[`${r}-item-label`]:{color:n.colorTextTertiary,fontWeight:`normal`,fontSize:n.fontSize,lineHeight:n.lineHeight,textAlign:`start`,"&::after":{content:`":"`,position:`relative`,top:-.5,marginInline:`${i(u)} ${i(l)}`},[`&${r}-item-no-colon::after`]:{content:`""`}},[`${r}-item-no-label`]:{"&::after":{margin:0,content:`""`}},[`${r}-item-content`]:{display:`table-cell`,flex:1,color:n.contentColor,fontSize:n.fontSize,lineHeight:n.lineHeight,wordBreak:`break-word`,overflowWrap:`break-word`},[`${r}-item`]:{paddingBottom:0,verticalAlign:`top`,"&-container":{display:`flex`,[`${r}-item-label`]:{display:`inline-flex`,alignItems:`baseline`},[`${r}-item-content`]:{display:`inline-flex`,alignItems:`baseline`,minWidth:`1em`}}},"&-middle":{[`${r}-row`]:{"> th, > td":{paddingBottom:n.paddingSM}}},"&-small":{[`${r}-row`]:{"> th, > td":{paddingBottom:n.paddingXS}}}}}},s=e=>({labelBg:e.colorFillAlter,titleColor:e.colorText,titleMarginBottom:e.fontSizeSM*e.lineHeightSM,itemPaddingBottom:e.padding,itemPaddingEnd:e.padding,colonMarginRight:e.marginXS,colonMarginLeft:e.marginXXS/2,contentColor:e.colorText,extraColor:e.colorText});var c=n(`Descriptions`,e=>{let t=r(e,{});return o(t)},s);export{c as default,s as prepareComponentToken};

package/es/divider/index.d.ts

@@ -0,0 +1,22 @@
+import * as React$1 from "react";
+//#region components/divider/index.d.ts
+export interface DividerProps {
+  prefixCls?: string;
+  type?: 'horizontal' | 'vertical';
+  orientation?: 'left' | 'right' | 'center';
+  orientationMargin?: string | number;
+  className?: string;
+  rootClassName?: string;
+  children?: React$1.ReactNode;
+  dashed?: boolean;
+  /**
+   * @since 5.20.0
+   * @default solid
+   */
+  variant?: 'dashed' | 'dotted' | 'solid';
+  style?: React$1.CSSProperties;
+  plain?: boolean;
+}
+declare const Divider: React$1.FC<DividerProps>;
+//#endregion
+export { Divider as default };

package/es/divider/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"./style/index.js";import*as n from"react";import r from"classnames";const i=i=>{let{getPrefixCls:a,direction:o,divider:s}=n.useContext(e),{prefixCls:c,type:l=`horizontal`,orientation:u=`center`,orientationMargin:d,className:f,rootClassName:p,children:m,dashed:h,variant:g=`solid`,plain:_,style:v,...y}=i,b=a(`divider`,c),[x,S,C]=t(b),w=!!m,T=u===`left`&&d!=null,E=u===`right`&&d!=null,D=r(b,s?.className,S,C,`${b}-${l}`,{[`${b}-with-text`]:w,[`${b}-with-text-${u}`]:w,[`${b}-dashed`]:!!h,[`${b}-${g}`]:g!==`solid`,[`${b}-plain`]:!!_,[`${b}-rtl`]:o===`rtl`,[`${b}-no-default-orientation-margin-left`]:T,[`${b}-no-default-orientation-margin-right`]:E},f,p),O=n.useMemo(()=>typeof d==`number`?d:/^\d+$/.test(d)?Number(d):d,[d]),k={...T&&{marginLeft:O},...E&&{marginRight:O}};return x(n.createElement(`div`,{className:D,style:{...s?.style,...v},...y,role:`separator`},m&&l!==`vertical`&&n.createElement(`span`,{className:`${b}-inner-text`,style:k},m)))};export{i as default};

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

@@ -0,0 +1,26 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/divider/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+  /**
+   * @desc 文本横向内间距
+   * @descEN Horizontal padding of text
+   */
+  textPaddingInline: CSSProperties['paddingInline'];
+  /**
+   * @desc 文本与边缘距离，取值 0 ～ 1
+   * @descEN Distance between text and edge, which should be a number between 0 and 1.
+   */
+  orientationMargin: number;
+  /**
+   * @desc 纵向分割线的横向外间距
+   * @descEN Horizontal margin of vertical Divider
+   */
+  verticalMarginInline: CSSProperties['marginInline'];
+}
+export declare const prepareComponentToken: GetDefaultToken<'Divider'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/divider/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{unit as r}from"@ant-design/cssinjs";const i=t=>{let{componentCls:n,sizePaddingEdgeHorizontal:i,colorSplit:a,lineWidth:o,textPaddingInline:s,orientationMargin:c,verticalMarginInline:l}=t;return{[n]:{...e(t),borderBlockStart:`${r(o)} solid ${a}`,"&-vertical":{position:`relative`,top:`-0.06em`,display:`inline-block`,height:`0.9em`,marginInline:l,marginBlock:0,verticalAlign:`middle`,borderTop:0,borderInlineStart:`${r(o)} solid ${a}`},"&-horizontal":{display:`flex`,clear:`both`,width:`100%`,minWidth:`100%`,margin:`${r(t.dividerHorizontalGutterMargin)} 0`},[`&-horizontal${n}-with-text`]:{display:`flex`,alignItems:`center`,margin:`${r(t.dividerHorizontalWithTextGutterMargin)} 0`,color:t.colorTextHeading,fontWeight:500,fontSize:t.fontSizeLG,whiteSpace:`nowrap`,textAlign:`center`,borderBlockStart:`0 ${a}`,"&::before, &::after":{position:`relative`,width:`50%`,borderBlockStart:`${r(o)} solid transparent`,borderBlockStartColor:`inherit`,borderBlockEnd:0,transform:`translateY(50%)`,content:`''`}},[`&-horizontal${n}-with-text-left`]:{"&::before":{width:`calc(${c} * 100%)`},"&::after":{width:`calc(100% - ${c} * 100%)`}},[`&-horizontal${n}-with-text-right`]:{"&::before":{width:`calc(100% - ${c} * 100%)`},"&::after":{width:`calc(${c} * 100%)`}},[`${n}-inner-text`]:{display:`inline-block`,paddingBlock:0,paddingInline:s},"&-dashed":{background:`none`,borderColor:a,borderStyle:`dashed`,borderWidth:`${r(o)} 0 0`},[`&-horizontal${n}-with-text${n}-dashed`]:{"&::before, &::after":{borderStyle:`dashed none none`}},[`&-vertical${n}-dashed`]:{borderInlineStartWidth:o,borderInlineEnd:0,borderBlockStart:0,borderBlockEnd:0},"&-dotted":{background:`none`,borderColor:a,borderStyle:`dotted`,borderWidth:`${r(o)} 0 0`},[`&-horizontal${n}-with-text${n}-dotted`]:{"&::before, &::after":{borderStyle:`dotted none none`}},[`&-vertical${n}-dotted`]:{borderInlineStartWidth:o,borderInlineEnd:0,borderBlockStart:0,borderBlockEnd:0},[`&-plain${n}-with-text`]:{color:t.colorText,fontWeight:`normal`,fontSize:t.fontSize},[`&-horizontal${n}-with-text-left${n}-no-default-orientation-margin-left`]:{"&::before":{width:0},"&::after":{width:`100%`},[`${n}-inner-text`]:{paddingInlineStart:i}},[`&-horizontal${n}-with-text-right${n}-no-default-orientation-margin-right`]:{"&::before":{width:`100%`},"&::after":{width:0},[`${n}-inner-text`]:{paddingInlineEnd:i}}}}},a=e=>({textPaddingInline:`1em`,orientationMargin:.05,verticalMarginInline:e.marginXS});var o=t(`Divider`,e=>{let t=n(e,{dividerHorizontalWithTextGutterMargin:e.margin,dividerHorizontalGutterMargin:e.marginLG,sizePaddingEdgeHorizontal:0});return[i(t)]},a,{unitless:{orientationMargin:!0}});export{o as default,a as prepareComponentToken};

package/es/drag/SortableBoard.d.ts

@@ -0,0 +1,6 @@
+import { SortableBoardProps } from "./type.js";
+import React from "react";
+//#region components/drag/SortableBoard.d.ts
+export declare function SortableBoard<T extends Record<string, any>>({ boardScopeId, boards, itemKey, onDragFinish, className, style, boardClassName, boardStyle, zoneWrapClassName, zoneWrapStyle, itemClassName, itemStyle, renderBoardHeader, renderZoneHeader, renderItem, renderDragHandle }: SortableBoardProps<T>): React.JSX.Element;
+//#endregion
+export { SortableBoard as default };

package/es/drag/SortableBoard.js

@@ -0,0 +1 @@
+import{ZoneContainer as e}from"./SortableZoneShared.js";import{useSortableBoardContext as t}from"./SortableBoardProvider.js";import n,{useEffect as r,useMemo as i}from"react";function a({boardScopeId:a,boards:o,itemKey:s=`id`,onDragFinish:c,className:l,style:u,boardClassName:d,boardStyle:f,zoneWrapClassName:p,zoneWrapStyle:m,itemClassName:h,itemStyle:g,renderBoardHeader:_,renderZoneHeader:v,renderItem:y,renderDragHandle:b}){let{registerScope:x,unregisterScope:S,updateScope:C,getPreviewScopeBoards:w}=t();r(()=>(x(a,{scopeId:a,boards:o,itemKey:s,renderItem:y,onDragFinish:c}),()=>{S(a)}),[]),r(()=>{C(a,{scopeId:a,boards:o,itemKey:s,renderItem:y,onDragFinish:c})},[a,o,s,y,c,C]);let T=i(()=>w(a)??o,[a,o,w]);return n.createElement(`div`,{className:l,style:u},T.map((t,r)=>n.createElement(`div`,{key:String(t.id),className:t.className??d,style:{...f,...t.style}},_?_(t,r):t.title?n.createElement(`div`,null,t.title):null,n.createElement(`div`,{className:p,style:m},n.createElement(e,{zone:t,zoneIndex:r,itemKey:s,itemClassName:h,itemStyle:g,renderZoneHeader:v,renderItem:y,renderDragHandle:b})))))}export{a as SortableBoard,a as default};

package/es/drag/SortableBoardProvider.d.ts

@@ -0,0 +1,15 @@
+import { SortableBoardProviderProps } from "./type.js";
+import React from "react";
+import { UniqueIdentifier } from "@dnd-kit/core";
+//#region components/drag/SortableBoardProvider.d.ts
+interface ProviderContextValue {
+  registerScope: (scopeId: UniqueIdentifier, config: any) => void;
+  unregisterScope: (scopeId: UniqueIdentifier) => void;
+  updateScope: (scopeId: UniqueIdentifier, config: any) => void;
+  getScopeBoards: (scopeId: UniqueIdentifier) => any[];
+  getPreviewScopeBoards: (scopeId: UniqueIdentifier) => any[] | null;
+  activeId: UniqueIdentifier | null;
+}
+export declare function SortableBoardProvider({ children, activationDistance }: SortableBoardProviderProps): React.JSX.Element;
+export declare function useSortableBoardContext(): ProviderContextValue;
+//#endregion

package/es/drag/SortableBoardProvider.js

@@ -0,0 +1 @@
+import e,{createContext as t,useCallback as n,useContext as r,useMemo as i,useRef as a,useState as o}from"react";import{DndContext as s,DragOverlay as c,PointerSensor as l,getFirstCollision as u,pointerWithin as d,rectIntersection as f,useSensor as p,useSensors as m}from"@dnd-kit/core";import{arrayMove as h}from"@dnd-kit/sortable";const g=t(null);function _(e,t){return e[t]}function v(e=`both`){return e===`both`||e===`in-only`}function y(e=`both`){return e===`both`||e===`out-only`}function b(e){return e.map(e=>({...e,items:[...e.items]}))}function x(e,t){for(let[n,r]of e)for(let e=0;e<r.boards.length;e++){let i=r.boards[e],a=i.items.findIndex(e=>_(e,r.itemKey)===t);if(a!==-1)return{scopeId:n,zone:i,zoneIndex:e,itemIndex:a,item:i.items[a]}}return null}function S(e,t){for(let[n,r]of e)for(let e=0;e<r.boards.length;e++){let i=r.boards[e];if(i.id===t)return{scopeId:n,zone:i,zoneIndex:e,scope:r}}return null}function C(e,t){if(!e)return null;let n=e.data.current;if(n?.zoneId!=null)return n.zoneId;for(let[,n]of t)for(let t of n.boards)if(t.id===e.id||t.items.some(t=>_(t,n.itemKey)===e.id))return t.id;return null}function w({children:t,activationDistance:r=8}){let w=a(new Map),[T,E]=o(null),[D,O]=o(null),k=m(p(l,{activationConstraint:{distance:r}})),A=n((e,t)=>{w.current.set(e,t)},[]),j=n(e=>{w.current.delete(e)},[]),M=n((e,t)=>{w.current.set(e,t)},[]),N=n(e=>w.current.get(e)?.boards??[],[]),P=n(e=>D?D.get(e)??null:null,[D]),F=n(e=>{let t=d(e);if(t.length>0)return t;let n=f(e);return u(n,`id`)?n:[]},[]),I=({active:e})=>{E(e.id);let t=new Map;for(let[e,n]of w.current)t.set(e,b(n.boards));O(t)},L=({active:e,over:t})=>{if(!t||!D)return;let n=new Map;for(let[e,t]of w.current)n.set(e,{...t,boards:D.get(e)??t.boards});let r=x(n,e.id);if(!r)return;let i=C(t,n);if(i==null)return;let a=S(n,r.zone.id),o=S(n,i);if(!a||!o)return;let s=a.zone,c=o.zone,l=s.id!==c.id,u=s.transferMode??`both`,d=c.transferMode??`both`;if(l&&(!y(u)||!v(d)))return;let f=new Map(D),p=b(f.get(r.scopeId)??[]),m=r.scopeId===o.scopeId?p:b(f.get(o.scopeId)??[]),g=p.findIndex(e=>e.id===s.id),T=m.findIndex(e=>e.id===c.id);if(g===-1||T===-1)return;let E=p[g].items,k=m[T].items,A=n.get(r.scopeId);if(!A)return;let j=E.findIndex(t=>_(t,A.itemKey)===e.id);if(j===-1)return;if(!l&&r.scopeId===o.scopeId){let e=k.findIndex(e=>_(e,A.itemKey)===t.id);if(e===-1||e===j)return;p[g].items=h(E,j,e),f.set(r.scopeId,p),O(f);return}let[M]=E.splice(j,1);if(!M)return;let N=n.get(o.scopeId);if(!N)return;let P=k.length,F=k.findIndex(e=>_(e,N.itemKey)===t.id);F!==-1&&(P=F),k.splice(P,0,M),f.set(r.scopeId,p),f.set(o.scopeId,m),O(f)},R=({active:e,over:t})=>{if(!D){E(null);return}let n=new Map;for(let[e,t]of w.current)n.set(e,{...t,boards:D.get(e)??t.boards});let r=x(w.current,e.id),i=x(n,e.id);if(E(null),!t||!r||!i){O(null);return}let a=w.current.get(r.scopeId),o=w.current.get(i.scopeId);if(!a||!o){O(null);return}if(r.scopeId===i.scopeId&&r.zone.id===i.zone.id&&r.itemIndex===i.itemIndex){O(null);return}a.onDragFinish?.({scopeId:r.scopeId,boards:D.get(r.scopeId)??a.boards}),r.scopeId!==i.scopeId&&o.onDragFinish?.({scopeId:i.scopeId,boards:D.get(i.scopeId)??o.boards}),O(null)},z=()=>{E(null),O(null)},B=(()=>{if(T==null)return null;let e=new Map;for(let[t,n]of w.current)e.set(t,{...n,boards:D?.get(t)??n.boards});let t=x(e,T);if(!t)return null;let n=e.get(t.scopeId);return n?n.renderItem(t.item,t.itemIndex,t.zone,t.zoneIndex):null})(),V=i(()=>({registerScope:A,unregisterScope:j,updateScope:M,getScopeBoards:N,getPreviewScopeBoards:P,activeId:T}),[A,j,M,N,P,T]);return e.createElement(g.Provider,{value:V},e.createElement(s,{collisionDetection:F,sensors:k,onDragStart:I,onDragOver:L,onDragEnd:R,onDragCancel:z},t,e.createElement(c,null,B)))}function T(){let e=r(g);if(!e)throw Error(`SortableBoard must be used within SortableBoardProvider`);return e}export{w as SortableBoardProvider,T as useSortableBoardContext};

package/es/drag/SortableList.d.ts

@@ -0,0 +1,9 @@
+import { DragFinishParams, DragHandleProps, SortableListProps } from "./type.js";
+import React from "react";
+//#region components/drag/SortableList.d.ts
+/**
+ * 通用拖拽排序列表组件
+ */
+export declare function SortableList<T extends Record<string, any>>({ items, onDragFinish, renderItem, renderDragHandle, itemKey, direction, className, style, itemClassName, itemStyle, activationDistance }: SortableListProps<T>): React.JSX.Element;
+//#endregion
+export { type DragFinishParams, type DragHandleProps, SortableList as default, type SortableListProps };

package/es/drag/SortableList.js

@@ -0,0 +1 @@
+import e,{useMemo as t,useState as n}from"react";import{DndContext as r,DragOverlay as i,PointerSensor as a,closestCenter as o,useSensor as s,useSensors as c}from"@dnd-kit/core";import{restrictToHorizontalAxis as l,restrictToVerticalAxis as u}from"@dnd-kit/modifiers";import{SortableContext as d,arrayMove as f,horizontalListSortingStrategy as p,useSortable as m,verticalListSortingStrategy as h}from"@dnd-kit/sortable";import{CSS as g}from"@dnd-kit/utilities";function _(e,t){return e[t]}function v({item:t,index:n,itemKey:r,renderItem:i,renderDragHandle:a,className:o,style:s}){let c=_(t,r),{attributes:l,listeners:u,setNodeRef:d,transform:f,transition:p,isDragging:h}=m({id:c}),v=typeof a==`function`,y={...s,transform:g.Transform.toString(f),transition:p||`transform 200ms ease`,willChange:`transform`,touchAction:`none`,position:`relative`,zIndex:h?10:void 0,cursor:v?void 0:`move`,flexShrink:0,opacity:h?.3:1},b=v?a(t,n,{attributes:l,listeners:u,isDragging:h}):void 0;return e.createElement(`div`,{ref:d,style:y,className:o,...v?{}:l,...v?{}:u},i(t,n,b))}function y({items:m,onDragFinish:g,renderItem:y,renderDragHandle:b,itemKey:x=`id`,direction:S=`horizontal`,className:C,style:w,itemClassName:T,itemStyle:E,activationDistance:D=8}){let[O,k]=n(null),A=c(s(a,{activationConstraint:{distance:D}})),j=S===`horizontal`?[l]:[u],M=S===`horizontal`?p:h,N=t(()=>O==null?null:m.find(e=>_(e,x)===O)??null,[O,m,x]);return e.createElement(r,{collisionDetection:o,sensors:A,modifiers:j,onDragStart:({active:e})=>{k(e.id)},onDragEnd:({active:e,over:t})=>{if(k(null),!t||e.id===t.id)return;let n=m.findIndex(t=>_(t,x)===e.id),r=m.findIndex(e=>_(e,x)===t.id);if(n===-1||r===-1)return;let i=m[n],a=m[r];if(!i||!a)return;let o=f(m,n,r);g?.({activeItem:i,overItem:a,oldIndex:n,newIndex:r,newItems:o})},onDragCancel:()=>{k(null)}},e.createElement(d,{items:m.map(e=>_(e,x)),strategy:M},e.createElement(`div`,{className:C,style:w},m.map((t,n)=>e.createElement(v,{key:String(_(t,x)),item:t,index:n,itemKey:x,renderItem:y,renderDragHandle:b,className:T,style:E})))),e.createElement(i,null,N?e.createElement(`div`,{className:T,style:{...E,flexShrink:0,cursor:`grabbing`}},y(N,m.findIndex(e=>_(e,x)===O))):null))}export{y as SortableList,y as default};

package/es/drag/SortableZone.d.ts

@@ -0,0 +1,9 @@
+import { SortableZonesProps } from "./type.js";
+import React from "react";
+//#region components/drag/SortableZone.d.ts
+/**
+ * 多区域受控拖拽组件
+ */
+export declare function SortableZones<T extends Record<string, any>>({ zones, itemKey, onDragFinish, activationDistance, className, style, itemClassName, itemStyle, renderZoneHeader, renderItem, renderDragHandle }: SortableZonesProps<T>): React.JSX.Element;
+//#endregion
+export { SortableZones as default };

package/es/drag/SortableZone.js

@@ -0,0 +1 @@
+import{ZoneContainer as e,getItemId as t}from"./SortableZoneShared.js";import n,{useCallback as r,useMemo as i,useState as a}from"react";import{DndContext as o,DragOverlay as s,PointerSensor as c,getFirstCollision as l,pointerWithin as u,rectIntersection as d,useSensor as f,useSensors as p}from"@dnd-kit/core";import{arrayMove as m}from"@dnd-kit/sortable";function h(e,n,r){for(let i=0;i<e.length;i++){let a=e[i],o=a.items.findIndex(e=>t(e,r)===n);if(o!==-1)return{zone:a,zoneIndex:i,itemIndex:o,item:a.items[o]}}return null}function g(e=`both`){return e===`both`||e===`in-only`}function _(e=`both`){return e===`both`||e===`out-only`}function v(e){return e.map(e=>({...e,items:[...e.items]}))}function y(e,n,r){if(e.length!==n.length)return!1;for(let i=0;i<e.length;i++){if(e[i].id!==n[i].id||e[i].items.length!==n[i].items.length)return!1;for(let a=0;a<e[i].items.length;a++)if(t(e[i].items[a],r)!==t(n[i].items[a],r))return!1}return!0}function b(e,n,r){if(!e)return null;let i=e.data.current;if(i?.zoneId!=null)return i.zoneId;for(let i of n)if(i.id===e.id||i.items.some(n=>t(n,r)===e.id))return i.id;return null}function x({zones:x,itemKey:S=`id`,onDragFinish:C,activationDistance:w=8,className:T,style:E,itemClassName:D,itemStyle:O,renderZoneHeader:k,renderItem:A,renderDragHandle:j}){let[M,N]=a(null),[P,F]=a(null),I=p(f(c,{activationConstraint:{distance:w}})),L=P??x,R=i(()=>M==null?null:h(x,M,S),[M,x,S]),z=R?.item??null,B=r(e=>{let t=u(e);if(t.length>0)return t;let n=d(e);return l(n,`id`)?n:[]},[]);return n.createElement(o,{collisionDetection:B,sensors:I,onDragStart:({active:e})=>{N(e.id),F(v(x))},onDragOver:({active:e,over:n})=>{if(!n)return;let r=P??x,i=h(r,e.id,S);if(!i)return;let a=b(n,r,S);if(a==null)return;let o=r.find(e=>e.id===i.zone.id),s=r.find(e=>e.id===a);if(!o||!s)return;let c=o.transferMode??`both`,l=s.transferMode??`both`,u=o.id!==s.id;if(u&&(!_(c)||!g(l)))return;let d=v(r),f=d.findIndex(e=>e.id===o.id),p=d.findIndex(e=>e.id===s.id);if(f===-1||p===-1)return;let C=d[f].items,w=d[p].items,T=C.findIndex(n=>t(n,S)===e.id);if(T===-1)return;if(!u){let e=w.findIndex(e=>t(e,S)===n.id);if(e===-1||e===T)return;let i=m(C,T,e);d[f].items=i,y(r,d,S)||F(d);return}let[E]=C.splice(T,1);if(!E)return;let D=w.length,O=w.findIndex(e=>t(e,S)===n.id);O!==-1&&(D=O),w.splice(D,0,E),y(r,d,S)||F(d)},onDragEnd:({active:e,over:t})=>{let n=P??x;if(N(null),F(null),!t)return;let r=h(x,e.id,S),i=h(n,e.id,S);if(!r||!i)return;let a=x.find(e=>e.id===r.zone.id),o=n.find(e=>e.id===i.zone.id);if(a&&o){if(a.id!==o.id){let e=a.transferMode??`both`,t=o.transferMode??`both`;if(!_(e)||!g(t))return}(r.zone.id!==i.zone.id||r.itemIndex!==i.itemIndex)&&C?.({activeItem:r.item,fromZoneId:r.zone.id,toZoneId:i.zone.id,oldIndex:r.itemIndex,newIndex:i.itemIndex,newZones:n})}},onDragCancel:()=>{N(null),F(null)}},n.createElement(`div`,{className:T,style:E},L.map((t,r)=>n.createElement(e,{key:String(t.id),zone:t,zoneIndex:r,itemKey:S,itemClassName:D,itemStyle:O,renderZoneHeader:k,renderItem:A,renderDragHandle:j}))),n.createElement(s,null,z?n.createElement(`div`,{className:D,style:{...O,cursor:`grabbing`}},A(z,R?.itemIndex??-1,R?.zone,R?.zoneIndex??-1)):null))}export{x as SortableZones,x as default};

package/es/drag/SortableZoneShared.d.ts

@@ -0,0 +1,38 @@
+import { DragHandleProps, DragZone } from "./type.js";
+import React from "react";
+import { UniqueIdentifier } from "@dnd-kit/core";
+//#region components/drag/SortableZoneShared.d.ts
+export interface SortableZoneItemProps<T extends Record<string, any>> {
+  item: T;
+  itemIndex: number;
+  zone: DragZone<T>;
+  zoneIndex: number;
+  itemKey: keyof T;
+  itemClassName?: string;
+  itemStyle?: React.CSSProperties;
+  renderItem: (item: T, itemIndex: number, zone: DragZone<T>, zoneIndex: number, dragHandle?: React.ReactNode) => React.ReactNode;
+  renderDragHandle?: (item: T, itemIndex: number, zone: DragZone<T>, zoneIndex: number, dragHandleProps: DragHandleProps) => React.ReactNode;
+}
+export interface ZoneContainerProps<T extends Record<string, any>> {
+  zone: DragZone<T>;
+  zoneIndex: number;
+  itemKey: keyof T;
+  itemClassName?: string;
+  itemStyle?: React.CSSProperties;
+  renderZoneHeader?: (zone: DragZone<T>, zoneIndex: number) => React.ReactNode;
+  renderItem: (item: T, itemIndex: number, zone: DragZone<T>, zoneIndex: number, dragHandle?: React.ReactNode) => React.ReactNode;
+  renderDragHandle?: (item: T, itemIndex: number, zone: DragZone<T>, zoneIndex: number, dragHandleProps: DragHandleProps) => React.ReactNode;
+}
+/**
+ * 获取元素 id
+ */
+export declare function getItemId<T extends Record<string, any>>(item: T, itemKey: keyof T): UniqueIdentifier;
+/**
+ * 单个排序项
+ */
+export declare function SortableZoneItem<T extends Record<string, any>>({ item, itemIndex, zone, zoneIndex, itemKey, itemClassName, itemStyle, renderItem, renderDragHandle }: SortableZoneItemProps<T>): React.JSX.Element;
+/**
+ * 单个区域容器
+ */
+export declare function ZoneContainer<T extends Record<string, any>>({ zone, zoneIndex, itemKey, itemClassName, itemStyle, renderZoneHeader, renderItem, renderDragHandle }: ZoneContainerProps<T>): React.JSX.Element;
+//#endregion

package/es/drag/SortableZoneShared.js

@@ -0,0 +1 @@
+import e from"react";import{useDroppable as t}from"@dnd-kit/core";import{SortableContext as n,useSortable as r,verticalListSortingStrategy as i}from"@dnd-kit/sortable";import{CSS as a}from"@dnd-kit/utilities";function o(e,t){return e[t]}function s({item:t,itemIndex:n,zone:i,zoneIndex:s,itemKey:c,itemClassName:l,itemStyle:u,renderItem:d,renderDragHandle:f}){let p=o(t,c),{attributes:m,listeners:h,setNodeRef:g,transform:_,transition:v,isDragging:y}=r({id:p,data:{type:`item`,zoneId:i.id,itemId:p}}),b=typeof f==`function`,x={...u,transform:a.Transform.toString(_),transition:v||`transform 180ms ease`,willChange:`transform`,touchAction:`none`,position:`relative`,zIndex:y?10:void 0,cursor:b?void 0:`move`,opacity:y?.35:1},S=b?f(t,n,i,s,{attributes:m,listeners:h,isDragging:y}):void 0;return e.createElement(`div`,{ref:g,className:l,style:x,...b?{}:m,...b?{}:h},d(t,n,i,s,S))}function c({zone:r,zoneIndex:a,itemKey:c,itemClassName:l,itemStyle:u,renderZoneHeader:d,renderItem:f,renderDragHandle:p}){let{setNodeRef:m,isOver:h}=t({id:r.id,data:{type:`zone`,zoneId:r.id}});return e.createElement(`div`,{className:r.className,style:{...r.style}},d?d(r,a):r.title?e.createElement(`div`,null,r.title):null,e.createElement(`div`,{ref:m,className:r.bodyClassName,style:{display:`flex`,flexDirection:`column`,gap:8,minHeight:40,transition:`background-color 160ms ease, border-color 160ms ease`,...r.bodyStyle,backgroundColor:h?`#f5f9ff`:r.bodyStyle?.backgroundColor}},e.createElement(n,{items:r.items.map(e=>o(e,c)),strategy:i},r.items.map((t,n)=>e.createElement(s,{key:String(o(t,c)),item:t,itemIndex:n,zone:r,zoneIndex:a,itemKey:c,itemClassName:l,itemStyle:u,renderItem:f,renderDragHandle:p})))))}export{s as SortableZoneItem,c as ZoneContainer,o as getItemId};

package/es/drag/index.d.ts

@@ -0,0 +1,14 @@
+import { Direction, DragBoard, DragBoardFinishParams, DragFinishParams, DragHandleProps, DragZone, MultiSortableZonesProps, MultiZoneDragFinishParams, SortableBoardProps, SortableBoardProviderProps, SortableListProps, SortableZonesProps, TransferMode, ZoneDragFinishParams } from "./type.js";
+import { SortableList } from "./SortableList.js";
+import { SortableZones } from "./SortableZone.js";
+import { SortableBoard } from "./SortableBoard.js";
+import { SortableBoardProvider } from "./SortableBoardProvider.js";
+//#region components/drag/index.d.ts
+declare const Drag: {
+  SortableList: typeof SortableList;
+  SortableZones: typeof SortableZones;
+  SortableBoard: typeof SortableBoard;
+  SortableBoardProvider: typeof SortableBoardProvider;
+};
+//#endregion
+export { type Direction, type DragBoard, type DragBoardFinishParams, type DragFinishParams, type DragHandleProps, type DragZone, type MultiSortableZonesProps, type MultiZoneDragFinishParams, type SortableBoardProps, type SortableBoardProviderProps, type SortableListProps, type SortableZonesProps, type TransferMode, type ZoneDragFinishParams, Drag as default };

package/es/drag/index.js

@@ -0,0 +1 @@
+import{SortableList as e}from"./SortableList.js";import{SortableZones as t}from"./SortableZone.js";import{SortableBoardProvider as n}from"./SortableBoardProvider.js";import{SortableBoard as r}from"./SortableBoard.js";const i={SortableList:e,SortableZones:t,SortableBoard:r,SortableBoardProvider:n};export{i as default};