@swiftcrab/crab 0.0.5 → 0.0.7

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

@@ -0,0 +1,22 @@
+import { AnyObject } from "../../_util/type.js";
+import { ExpandType, GetPopupContainer, GetRowKey, Key, SelectionItem, TableLocale, TableRowSelection, TransformColumns } from "../interface.js";
+//#region components/table/hooks/useSelection.d.ts
+export declare const SELECTION_COLUMN: {};
+export declare const SELECTION_ALL: "SELECT_ALL";
+export declare const SELECTION_INVERT: "SELECT_INVERT";
+export declare const SELECTION_NONE: "SELECT_NONE";
+interface UseSelectionConfig<RecordType = AnyObject> {
+  prefixCls: string;
+  pageData: RecordType[];
+  data: RecordType[];
+  getRowKey: GetRowKey<RecordType>;
+  getRecordByKey: (key: Key) => RecordType;
+  expandType: ExpandType;
+  childrenColumnName: string;
+  locale: TableLocale;
+  getPopupContainer?: GetPopupContainer;
+}
+export type INTERNAL_SELECTION_ITEM = SelectionItem | typeof SELECTION_ALL | typeof SELECTION_INVERT | typeof SELECTION_NONE;
+declare const useSelection: <RecordType extends AnyObject = AnyObject>(config: UseSelectionConfig<RecordType>, rowSelection?: TableRowSelection<RecordType>) => readonly [TransformColumns<RecordType>, Set<Key>];
+//#endregion
+export { useSelection as default };

package/es/table/hooks/useSelection.js

@@ -0,0 +1 @@
+import{devUseWarning as e}from"../../_util/warning.js";import t from"../../radio/index.js";import n from"../../checkbox/index.js";import r from"../../dropdown/index.js";import i from"../../_util/hooks/useMultipleSelect.js";import*as a from"react";import{useCallback as o,useMemo as s}from"react";import c from"classnames";import l from"rc-util/lib/hooks/useMergedState";import u from"@ant-design/icons/DownOutlined";import{INTERNAL_COL_DEFINE as d}from"rc-table";import{arrAdd as ee,arrDel as te}from"rc-tree/lib/util";import{conductCheck as f}from"rc-tree/lib/utils/conductUtil";import{convertDataToEntities as p}from"rc-tree/lib/utils/treeUtil";const m={},h=`SELECT_ALL`,g=`SELECT_INVERT`,_=`SELECT_NONE`,v=[],y=(e,t)=>{let n=[];return(t||[]).forEach(t=>{n.push(t),t&&typeof t==`object`&&e in t&&(n=[...n,...y(e,t[e])])}),n},b=(b,x)=>{let{preserveSelectedRowKeys:S,selectedRowKeys:C,defaultSelectedRowKeys:w,getCheckboxProps:T,onChange:E,onSelect:D,onSelectAll:ne,onSelectInvert:O,onSelectNone:re,onSelectMultiple:ie,columnWidth:k,type:A,selections:j,fixed:ae,renderCell:oe,hideSelectAll:se,checkStrictly:M=!0}=x||{},{prefixCls:N,data:P,pageData:F,getRecordByKey:I,getRowKey:L,expandType:ce,childrenColumnName:R,locale:z,getPopupContainer:le}=b,B=e(`Table`),[ue,V]=i(e=>e),[H,U]=l(C||w||v,{value:C}),W=a.useRef(new Map),de=o(e=>{if(S){let t=new Map;e.forEach(e=>{let n=I(e);!n&&W.current.has(e)&&(n=W.current.get(e)),t.set(e,n)}),W.current=t}},[I,S]);a.useEffect(()=>{de(H)},[H]);let G=s(()=>y(R,F),[R,F]),{keyEntities:K}=s(()=>{if(M)return{keyEntities:null};let e=P;if(S){let t=new Set(G.map((e,t)=>L(e,t))),n=Array.from(W.current).reduce((e,[n,r])=>t.has(n)?e:e.concat(r),[]);e=[...e,...n]}return p(e,{externalGetKey:L,childrenPropName:R})},[P,L,M,R,S,G]),q=s(()=>{let e=new Map;return G.forEach((t,n)=>{let r=L(t,n),i=(T?T(t):null)||{};e.set(r,i),B(!(`checked`in i||`defaultChecked`in i),`usage`,"Do not set `checked` or `defaultChecked` in `getCheckboxProps`. Please use `selectedRowKeys` instead.")}),e},[G,L,T]),J=o(e=>!!q.get(L(e))?.disabled,[q,L]),[Y,fe]=s(()=>{if(M)return[H||[],[]];let{checkedKeys:e,halfCheckedKeys:t}=f(H,!0,K,J);return[e||[],t]},[H,M,K,J]),X=s(()=>{let e=A===`radio`?Y.slice(0,1):Y;return new Set(e)},[Y,A]),pe=s(()=>A===`radio`?new Set:new Set(fe),[fe,A]);a.useEffect(()=>{x||U(v)},[!!x]);let Z=o((e,t)=>{let n,r;de(e),S?(n=e,r=e.map(e=>W.current.get(e))):(n=[],r=[],e.forEach(e=>{let t=I(e);t!==void 0&&(n.push(e),r.push(t))})),U(n),E?.(n,r,{type:t})},[U,I,E,S]),Q=o((e,t,n,r)=>{if(D){let i=n.map(e=>I(e));D(I(e),t,i,r)}Z(n,`single`)},[D,I,Z]),$=s(()=>!j||se?null:(j===!0?[h,g,_]:j).map(e=>e===`SELECT_ALL`?{key:`all`,text:z.selectionAll,onSelect(){Z(P.map((e,t)=>L(e,t)).filter(e=>!q.get(e)?.disabled||X.has(e)),`all`)}}:e===`SELECT_INVERT`?{key:`invert`,text:z.selectInvert,onSelect(){let e=new Set(X);F.forEach((t,n)=>{let r=L(t,n);q.get(r)?.disabled||(e.has(r)?e.delete(r):e.add(r))});let t=Array.from(e);O&&(B.deprecated(!1,`onSelectInvert`,`onChange`),O(t)),Z(t,`invert`)}}:e===`SELECT_NONE`?{key:`none`,text:z.selectNone,onSelect(){re?.(),Z(Array.from(X).filter(e=>q.get(e)?.disabled),`none`)}}:e).map(e=>({...e,onSelect:(...t)=>{e.onSelect?.(...t),V(null)}})),[j,X,F,L,O,Z]);return[o(e=>{if(!x)return B(!e.includes(m),`usage`,"`rowSelection` is not config but `SELECTION_COLUMN` exists in the `columns`."),e.filter(e=>e!==m);let i=[...e],o=new Set(X),s=G.map(L).filter(e=>!q.get(e).disabled),l=s.every(e=>o.has(e)),p=s.some(e=>o.has(e)),h=()=>{let e=[];l?s.forEach(t=>{o.delete(t),e.push(t)}):s.forEach(t=>{o.has(t)||(o.add(t),e.push(t))});let t=Array.from(o);ne?.(!l,t.map(e=>I(e)),e.map(e=>I(e))),Z(t,`all`),V(null)},g,_;if(A!==`radio`){let e;if($){let t={getPopupContainer:le,items:$.map((e,t)=>{let{key:n,text:r,onSelect:i}=e;return{key:n??t,onClick:()=>{i?.(s)},label:r}})};e=a.createElement(`div`,{className:`${N}-selection-extra`},a.createElement(r,{menu:t,getPopupContainer:le},a.createElement(`span`,null,a.createElement(u,null))))}let t=G.map((e,t)=>{let n=L(e,t),r=q.get(n)||{};return{checked:o.has(n),...r}}).filter(({disabled:e})=>e),i=!!t.length&&t.length===G.length,c=i&&t.every(({checked:e})=>e),d=i&&t.some(({checked:e})=>e);_=a.createElement(n,{checked:i?c:!!G.length&&l,indeterminate:i?!c&&d:!l&&p,onChange:h,disabled:G.length===0||i,"aria-label":e?`Custom selection`:`Select all`,skipGroup:!0}),g=!se&&a.createElement(`div`,{className:`${N}-selection`},_,e)}let v;v=A===`radio`?(e,n,r)=>{let i=L(n,r),s=o.has(i),c=q.get(i);return{node:a.createElement(t,{...c,checked:s,onClick:e=>{e.stopPropagation(),c?.onClick?.(e)},onChange:e=>{o.has(i)||Q(i,!0,[i],e.nativeEvent),c?.onChange?.(e)}}),checked:s}}:(e,t,r)=>{let i=L(t,r),c=o.has(i),l=pe.has(i),u=q.get(i),d;return ce===`nest`?(d=l,B(typeof u?.indeterminate!=`boolean`,`usage`,"set `indeterminate` using `rowSelection.getCheckboxProps` is not allowed with tree structured dataSource.")):d=u?.indeterminate??l,{node:a.createElement(n,{...u,indeterminate:d,checked:c,skipGroup:!0,onClick:e=>{e.stopPropagation(),u?.onClick?.(e)},onChange:e=>{let{nativeEvent:t}=e,{shiftKey:n}=t,r=s.findIndex(e=>e===i),a=Y.some(e=>s.includes(e));if(n&&M&&a){let e=ue(r,s,o),t=Array.from(o);ie?.(!c,t.map(e=>I(e)),e.map(e=>I(e))),Z(t,`multiple`)}else{let e=Y;if(M){let n=c?te(e,i):ee(e,i);Q(i,!c,n,t)}else{let{checkedKeys:n,halfCheckedKeys:r}=f([...e,i],!0,K,J),a=n;if(c){let e=new Set(n);e.delete(i),a=f(Array.from(e),{checked:!1,halfCheckedKeys:r},K,J).checkedKeys}Q(i,!c,a,t)}}V(c?null:r),u?.onChange?.(e)}}),checked:c}};let y=(e,t,n)=>{let{node:r,checked:i}=v(e,t,n);return oe?oe(i,t,n,r):r};if(!i.includes(m)){if(i.findIndex(e=>e[d]?.columnType===`EXPAND_COLUMN`)===0){let[e,...t]=i;i=[e,m,...t]}else i=[m,...i]}let b=i.indexOf(m);B(i.filter(e=>e===m).length<=1,`usage`,"Multiple `SELECTION_COLUMN` exist in `columns`."),i=i.filter((e,t)=>e!==m||t===b);let S=i[b-1],C=i[b+1],w=ae;w===void 0&&(C?.fixed===void 0?S?.fixed!==void 0&&(w=S.fixed):w=C.fixed),w&&S&&S[d]?.columnType===`EXPAND_COLUMN`&&S.fixed===void 0&&(S.fixed=w);let T=c(`${N}-selection-col`,{[`${N}-selection-col-with-dropdown`]:j&&A===`checkbox`}),E={fixed:w,width:k,className:`${N}-selection-column`,title:x?.columnTitle?typeof x.columnTitle==`function`?x.columnTitle(_):x.columnTitle:g,render:y,onCell:x.onCell,[d]:{className:T}};return i.map(e=>e===m?E:e)},[L,G,x,Y,X,pe,k,$,ce,q,ie,Q,J]),X]};export{h as SELECTION_ALL,m as SELECTION_COLUMN,g as SELECTION_INVERT,_ as SELECTION_NONE,b as default};

package/es/table/hooks/useSorter.d.ts

@@ -0,0 +1,21 @@
+import { AnyObject } from "../../_util/type.js";
+import { ColumnTitleProps, ColumnType, ColumnsType, Key, SortOrder, SorterResult, SorterTooltipProps, TableLocale, TransformColumns } from "../interface.js";
+//#region components/table/hooks/useSorter.d.ts
+export interface SortState<RecordType = AnyObject> {
+  column: ColumnType<RecordType>;
+  key: Key;
+  sortOrder: SortOrder | null;
+  multiplePriority: number | false;
+}
+export declare const getSortData: <RecordType extends AnyObject = AnyObject>(data: readonly RecordType[], sortStates: SortState<RecordType>[], childrenColumnName: string) => RecordType[];
+interface SorterConfig<RecordType = AnyObject> {
+  prefixCls: string;
+  mergedColumns: ColumnsType<RecordType>;
+  onSorterChange: (sorterResult: SorterResult<RecordType> | SorterResult<RecordType>[], sortStates: SortState<RecordType>[]) => void;
+  sortDirections: SortOrder[];
+  tableLocale?: TableLocale;
+  showSorterTooltip?: boolean | SorterTooltipProps;
+}
+declare const useFilterSorter: <RecordType extends AnyObject = AnyObject>(props: SorterConfig<RecordType>) => [TransformColumns<RecordType>, SortState<RecordType>[], ColumnTitleProps<RecordType>, () => SorterResult<RecordType> | SorterResult<RecordType>[]];
+//#endregion
+export { useFilterSorter as default };

package/es/table/hooks/useSorter.js

@@ -0,0 +1 @@
+import e from"../../tooltip/index.js";import{getColumnKey as t,getColumnPos as n,renderColumnTitle as r,safeColumnTitle as i}from"../util.js";import*as a from"react";import o from"classnames";import s from"rc-util/lib/KeyCode";import c from"@ant-design/icons/CaretDownOutlined";import l from"@ant-design/icons/CaretUpOutlined";const u=`ascend`,d=`descend`,f=e=>typeof e.sorter==`object`&&typeof e.sorter.multiple==`number`&&e.sorter.multiple,p=e=>typeof e==`function`?e:e&&typeof e==`object`&&e.compare?e.compare:!1,m=(e,t)=>t?e[e.indexOf(t)+1]:e[0],h=(e,r,i)=>{let a=[],o=(e,n)=>{a.push({column:e,key:t(e,n),multiplePriority:f(e),sortOrder:e.sortOrder})};return(e||[]).forEach((e,s)=>{let c=n(s,i);e.children?(`sortOrder`in e&&o(e,c),a=[...a,...h(e.children,r,c)]):e.sorter&&(`sortOrder`in e?o(e,c):r&&e.defaultSortOrder&&a.push({column:e,key:t(e,c),multiplePriority:f(e),sortOrder:e.defaultSortOrder}))}),a},g=(p,h,_,v,y,b,x,S)=>(h||[]).map((h,C)=>{let w=n(C,S),T=h;if(T.sorter){let n=T.sortDirections||y,g=T.showSorterTooltip===void 0?x:T.showSorterTooltip,S=t(T,w),C=_.find(({key:e})=>e===S),E=C?C.sortOrder:null,D=m(n,E),O;if(h.sortIcon)O=h.sortIcon({sortOrder:E});else{let e=n.includes(u)&&a.createElement(l,{className:o(`${p}-column-sorter-up`,{active:E===u})}),t=n.includes(d)&&a.createElement(c,{className:o(`${p}-column-sorter-down`,{active:E===d})});O=a.createElement(`span`,{className:o(`${p}-column-sorter`,{[`${p}-column-sorter-full`]:!!(e&&t)})},a.createElement(`span`,{className:`${p}-column-sorter-inner`,"aria-hidden":`true`},e,t))}let{cancelSort:k,triggerAsc:A,triggerDesc:j}=b||{},M=k;D===d?M=j:D===u&&(M=A);let N=typeof g==`object`?{title:M,...g}:{title:M};T={...T,className:o(T.className,{[`${p}-column-sort`]:E}),title:t=>{let n=`${p}-column-sorters`,i=a.createElement(`span`,{className:`${p}-column-title`},r(h.title,t)),o=a.createElement(`div`,{className:n},i,O);return g?typeof g!=`boolean`&&g?.target===`sorter-icon`?a.createElement(`div`,{className:`${n} ${p}-column-sorters-tooltip-target-sorter`},i,a.createElement(e,N,O)):a.createElement(e,N,o):o},onHeaderCell:e=>{let t=h.onHeaderCell?.(e)||{},n=t.onClick,r=t.onKeyDown;t.onClick=e=>{v({column:h,key:S,sortOrder:D,multiplePriority:f(h)}),n?.(e)},t.onKeyDown=e=>{e.keyCode===s.ENTER&&(v({column:h,key:S,sortOrder:D,multiplePriority:f(h)}),r?.(e))};let a=i(h.title,{}),c=a?.toString();return E?t[`aria-sort`]=E===`ascend`?`ascending`:`descending`:t[`aria-label`]=c||``,t.className=o(t.className,`${p}-column-has-sorters`),t.tabIndex=0,h.ellipsis&&(t.title=(a??``).toString()),t}}}return`children`in T&&(T={...T,children:g(p,T.children,_,v,y,b,x,w)}),T}),_=e=>{let{column:t,sortOrder:n}=e;return{column:t,order:n,field:t.dataIndex,columnKey:t.key}},v=e=>{let t=e.filter(({sortOrder:e})=>e).map(_);if(t.length===0&&e.length){let t=e.length-1;return{..._(e[t]),column:void 0,order:void 0,field:void 0,columnKey:void 0}}return t.length<=1?t[0]||{}:t},y=(e,t,n)=>{let r=t.slice().sort((e,t)=>t.multiplePriority-e.multiplePriority),i=e.slice(),a=r.filter(({column:{sorter:e},sortOrder:t})=>p(e)&&t);return a.length?i.sort((e,t)=>{for(let n=0;n<a.length;n+=1){let{column:{sorter:r},sortOrder:i}=a[n],o=p(r);if(o&&i){let n=o(e,t,i);if(n!==0)return i===u?n:-n}}return 0}).map(e=>{let r=e[n];return r?{...e,[n]:y(r,t,n)}:e}):i},b=e=>{let{prefixCls:r,mergedColumns:i,sortDirections:o,tableLocale:s,showSorterTooltip:c,onSorterChange:l}=e,[u,d]=a.useState(h(i,!0)),f=(e,r)=>{let i=[];return e.forEach((e,a)=>{let o=n(a,r);if(i.push(t(e,o)),Array.isArray(e.children)){let t=f(e.children,o);i.push(...t)}}),i},p=a.useMemo(()=>{let e=!0,t=h(i,!1);if(!t.length){let e=f(i);return u.filter(({key:t})=>e.includes(t))}let n=[];function r(t){e?n.push(t):n.push({...t,sortOrder:null})}let a=null;return t.forEach(t=>{a===null?(r(t),t.sortOrder&&(t.multiplePriority===!1?e=!1:a=!0)):(a&&t.multiplePriority!==!1||(e=!1),r(t))}),n},[i,u]),m=a.useMemo(()=>{let e=p.map(({column:e,sortOrder:t})=>({column:e,order:t}));return{sortColumns:e,sortColumn:e[0]?.column,sortOrder:e[0]?.order}},[p]),_=e=>{let t;t=e.multiplePriority===!1||!p.length||p[0].multiplePriority===!1?[e]:[...p.filter(({key:t})=>t!==e.key),e],d(t),l(v(t),t)};return[e=>g(r,e,p,_,o,s,c),p,m,()=>v(p)]};export{b as default,y as getSortData};

package/es/table/hooks/useTitleColumns.d.ts

@@ -0,0 +1,6 @@
+import { AnyObject } from "../../_util/type.js";
+import { ColumnTitleProps, TransformColumns } from "../interface.js";
+//#region components/table/hooks/useTitleColumns.d.ts
+declare const useTitleColumns: <RecordType extends AnyObject = AnyObject>(columnTitleProps: ColumnTitleProps<RecordType>) => readonly [TransformColumns<RecordType>];
+//#endregion
+export { useTitleColumns as default };

package/es/table/hooks/useTitleColumns.js

@@ -0,0 +1 @@
+import{renderColumnTitle as e}from"../util.js";import*as t from"react";const n=(t,r)=>t.map(t=>{let i={...t};return i.title=e(t.title,r),`children`in i&&(i.children=n(i.children,r)),i}),r=e=>[t.useCallback(t=>n(t,e),[e])];export{r as default};

package/es/table/index.d.ts

@@ -0,0 +1,6 @@
+import { TableProps } from "./InternalTable.js";
+import { ColumnGroupType, ColumnType, ColumnsType, TablePaginationConfig } from "./interface.js";
+import { ColumnProps } from "./Column.js";
+import ForwardTable from "./Table.js";
+import { Reference as TableRef } from "rc-table";
+export { type ColumnGroupType, type ColumnProps, type ColumnType, type ColumnsType, type TablePaginationConfig, type TableProps, type TableRef, ForwardTable as default };

package/es/table/index.js

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

package/es/table/interface.d.ts

@@ -0,0 +1,198 @@
+import { AnyObject } from "../_util/type.js";
+import { TooltipProps } from "../tooltip/index.js";
+import { PaginationProps } from "../pagination/Pagination.js";
+import { Breakpoint } from "../_util/responsiveObserver.js";
+import { CheckboxProps } from "../checkbox/Checkbox.js";
+import "../checkbox/index.js";
+import { DropdownProps } from "../dropdown/dropdown.js";
+import "../dropdown/index.js";
+import "../pagination/index.js";
+import { INTERNAL_SELECTION_ITEM } from "./hooks/useSelection.js";
+import { InternalTableProps, TableProps as TableProps$1 } from "./InternalTable.js";
+import * as React$1 from "react";
+import { Reference } from "rc-table";
+import { ColumnType as ColumnType$1, ExpandableConfig, FixedType, GetComponentProps, GetRowKey, RenderedCell } from "rc-table/lib/interface";
+//#region components/table/interface.d.ts
+export type RefTable = <RecordType = AnyObject>(props: React$1.PropsWithChildren<TableProps$1<RecordType>> & React$1.RefAttributes<Reference>) => React$1.ReactElement;
+export type RefInternalTable = <RecordType = AnyObject>(props: React$1.PropsWithChildren<InternalTableProps<RecordType>> & React$1.RefAttributes<Reference>) => React$1.ReactElement;
+export type Key = React$1.Key;
+export type SafeKey = Exclude<Key, bigint>;
+export type RowSelectionType = 'checkbox' | 'radio';
+export type SelectionItemSelectFn = (currentRowKeys: Key[]) => void;
+export type ExpandType = null | 'row' | 'nest';
+export interface TableLocale {
+  filterTitle?: string;
+  filterConfirm?: React$1.ReactNode;
+  filterReset?: React$1.ReactNode;
+  filterEmptyText?: React$1.ReactNode;
+  filterCheckall?: React$1.ReactNode;
+  filterSearchPlaceholder?: string;
+  emptyText?: React$1.ReactNode | (() => React$1.ReactNode);
+  selectAll?: React$1.ReactNode;
+  selectNone?: React$1.ReactNode;
+  selectInvert?: React$1.ReactNode;
+  selectionAll?: React$1.ReactNode;
+  sortTitle?: string;
+  expand?: string;
+  collapse?: string;
+  triggerDesc?: string;
+  triggerAsc?: string;
+  cancelSort?: string;
+}
+export type SortOrder = 'descend' | 'ascend' | null;
+export type SorterTooltipTarget = 'full-header' | 'sorter-icon';
+export type SorterTooltipProps = TooltipProps & {
+  target?: SorterTooltipTarget;
+};
+declare const _TableActions: readonly ["paginate", "sort", "filter"];
+export type TableAction = (typeof _TableActions)[number];
+export type CompareFn<T = AnyObject> = (a: T, b: T, sortOrder?: SortOrder) => number;
+export interface ColumnFilterItem {
+  text: React$1.ReactNode;
+  value: React$1.Key | boolean;
+  children?: ColumnFilterItem[];
+}
+export interface ColumnTitleProps<RecordType = AnyObject> {
+  /** @deprecated Please use `sorterColumns` instead. */
+  sortOrder?: SortOrder;
+  /** @deprecated Please use `sorterColumns` instead. */
+  sortColumn?: ColumnType<RecordType>;
+  sortColumns?: {
+    column: ColumnType<RecordType>;
+    order: SortOrder;
+  }[];
+  filters?: Record<string, FilterValue>;
+}
+export type ColumnTitle<RecordType = AnyObject> = React$1.ReactNode | ((props: ColumnTitleProps<RecordType>) => React$1.ReactNode);
+export type FilterValue = (Key | boolean)[];
+export type FilterKey = (string | number)[] | null;
+export type FilterSearchType<RecordType = AnyObject> = boolean | ((input: string, record: RecordType) => boolean);
+export interface FilterConfirmProps {
+  closeDropdown: boolean;
+}
+export interface FilterRestProps {
+  confirm?: boolean;
+  closeDropdown?: boolean;
+}
+export interface FilterDropdownProps {
+  prefixCls: string;
+  setSelectedKeys: (selectedKeys: React$1.Key[]) => void;
+  selectedKeys: React$1.Key[];
+  /**
+   * Confirm filter value, if you want to close dropdown before commit, you can call with
+   * {closeDropdown: true}
+   */
+  confirm: (param?: FilterConfirmProps) => void;
+  clearFilters?: (param?: FilterRestProps) => void;
+  filters?: ColumnFilterItem[];
+  /** Only close filterDropdown */
+  close: () => void;
+  visible: boolean;
+}
+interface CoverableDropdownProps extends Omit<DropdownProps, 'onOpenChange' | 'overlay' | 'visible' | 'onVisibleChange'> {
+  onOpenChange?: (open: boolean) => void;
+}
+export interface ColumnType<RecordType = AnyObject> extends Omit<ColumnType$1<RecordType>, 'title'> {
+  title?: ColumnTitle<RecordType>;
+  sorter?: boolean | CompareFn<RecordType> | {
+    compare?: CompareFn<RecordType>;
+    /** Config multiple sorter order priority */
+    multiple?: number;
+  };
+  sortOrder?: SortOrder;
+  defaultSortOrder?: SortOrder;
+  sortDirections?: SortOrder[];
+  sortIcon?: (props: {
+    sortOrder: SortOrder;
+  }) => React$1.ReactNode;
+  showSorterTooltip?: boolean | SorterTooltipProps;
+  filtered?: boolean;
+  filters?: ColumnFilterItem[];
+  filterDropdown?: React$1.ReactNode | ((props: FilterDropdownProps) => React$1.ReactNode);
+  filterOnClose?: boolean;
+  filterMultiple?: boolean;
+  filteredValue?: FilterValue | null;
+  defaultFilteredValue?: FilterValue | null;
+  filterIcon?: React$1.ReactNode | ((filtered: boolean) => React$1.ReactNode);
+  filterMode?: 'menu' | 'tree';
+  filterSearch?: FilterSearchType<ColumnFilterItem>;
+  onFilter?: (value: React$1.Key | boolean, record: RecordType) => boolean;
+  /**
+   * Can cover `<Dropdown>` props
+   * @since 5.22.0
+   */
+  filterDropdownProps?: CoverableDropdownProps;
+  filterResetToDefaultFilteredValue?: boolean;
+  responsive?: Breakpoint[];
+  /**
+   * @deprecated Please use `filterDropdownProps.open` instead.
+   * @since 4.23.0
+   */
+  filterDropdownOpen?: boolean;
+  /**
+   * @deprecated Please use `filterDropdownProps.onOpenChange` instead.
+   * @since 4.23.0
+   */
+  onFilterDropdownOpenChange?: (visible: boolean) => void;
+  /** @deprecated Please use `filterDropdownProps.open` instead. */
+  filterDropdownVisible?: boolean;
+  /** @deprecated Please use `filterDropdownProps.onOpenChange` instead */
+  onFilterDropdownVisibleChange?: (visible: boolean) => void;
+}
+export interface ColumnGroupType<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
+  children: ColumnsType<RecordType>;
+}
+export type ColumnsType<RecordType = AnyObject> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[];
+export interface SelectionItem {
+  key: string;
+  text: React$1.ReactNode;
+  onSelect?: SelectionItemSelectFn;
+}
+export type SelectionSelectFn<T = AnyObject> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
+export type RowSelectMethod = 'all' | 'none' | 'invert' | 'single' | 'multiple';
+export interface TableRowSelection<T = AnyObject> {
+  /** Keep the selection keys in list even the key not exist in `dataSource` anymore */
+  preserveSelectedRowKeys?: boolean;
+  type?: RowSelectionType;
+  selectedRowKeys?: Key[];
+  defaultSelectedRowKeys?: Key[];
+  onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
+    type: RowSelectMethod;
+  }) => void;
+  getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>>;
+  onSelect?: SelectionSelectFn<T>;
+  /** @deprecated This function is deprecated and should use `onChange` instead */
+  onSelectMultiple?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+  /** @deprecated This function is deprecated and should use `onChange` instead */
+  onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+  /** @deprecated This function is deprecated and should use `onChange` instead */
+  onSelectInvert?: (selectedRowKeys: Key[]) => void;
+  /** @deprecated This function is deprecated and should use `onChange` instead */
+  onSelectNone?: () => void;
+  selections?: INTERNAL_SELECTION_ITEM[] | boolean;
+  hideSelectAll?: boolean;
+  fixed?: FixedType;
+  columnWidth?: string | number;
+  columnTitle?: React$1.ReactNode | ((checkboxNode: React$1.ReactNode) => React$1.ReactNode);
+  checkStrictly?: boolean;
+  renderCell?: (value: boolean, record: T, index: number, originNode: React$1.ReactNode) => React$1.ReactNode | RenderedCell<T>;
+  onCell?: GetComponentProps<T>;
+}
+export type TransformColumns<RecordType = AnyObject> = (columns: ColumnsType<RecordType>) => ColumnsType<RecordType>;
+export interface TableCurrentDataSource<RecordType = AnyObject> {
+  currentDataSource: RecordType[];
+  action: TableAction;
+}
+export interface SorterResult<RecordType = AnyObject> {
+  column?: ColumnType<RecordType>;
+  order?: SortOrder;
+  field?: Key | readonly Key[];
+  columnKey?: Key;
+}
+export type GetPopupContainer = (triggerNode: HTMLElement) => HTMLElement;
+type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'none';
+export interface TablePaginationConfig extends PaginationProps {
+  position?: TablePaginationPosition[];
+}
+//#endregion
+export { ExpandableConfig, GetRowKey };

package/es/table/interface.js

@@ -0,0 +1 @@
+import{ExpandableConfig as e,GetRowKey as t}from"rc-table/lib/interface";export{e as ExpandableConfig,t as GetRowKey};

package/es/table/style/bordered.d.ts

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

package/es/table/style/bordered.js

@@ -0,0 +1,10 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,lineWidth:r,lineType:i,tableBorderColor:a,tableHeaderBg:o,tablePaddingVertical:s,tablePaddingHorizontal:c,calc:l}=t,u=`${e(r)} ${i} ${a}`,d=(t,i,a)=>({[`&${n}-${t}`]:{[`> ${n}-container`]:{[`> ${n}-content, > ${n}-body`]:{"\n            > table > tbody > tr > th,\n            > table > tbody > tr > td\n          ":{[`> ${n}-expanded-row-fixed`]:{margin:`${e(l(i).mul(-1).equal())}
+              ${e(l(l(a).add(r)).mul(-1).equal())}`}}}}}});return{[`${n}-wrapper`]:{[`${n}${n}-bordered`]:{[`> ${n}-title`]:{border:u,borderBottom:0},[`> ${n}-container`]:{borderInlineStart:u,borderTop:u,[`
+            > ${n}-content,
+            > ${n}-header,
+            > ${n}-body,
+            > ${n}-summary
+          `]:{"> table":{"\n                > thead > tr > th,\n                > thead > tr > td,\n                > tbody > tr > th,\n                > tbody > tr > td,\n                > tfoot > tr > th,\n                > tfoot > tr > td\n              ":{borderInlineEnd:u},"> thead":{"> tr:not(:last-child) > th":{borderBottom:u},"> tr > th::before":{backgroundColor:`transparent !important`}},"\n                > thead > tr,\n                > tbody > tr,\n                > tfoot > tr\n              ":{[`> ${n}-cell-fix-right-first::after`]:{borderInlineEnd:u}},"\n                > tbody > tr > th,\n                > tbody > tr > td\n              ":{[`> ${n}-expanded-row-fixed`]:{margin:`${e(l(s).mul(-1).equal())} ${e(l(l(c).add(r)).mul(-1).equal())}`,"&::after":{position:`absolute`,top:0,insetInlineEnd:r,bottom:0,borderInlineEnd:u,content:`""`}}}}}},[`&${n}-scroll-horizontal`]:{[`> ${n}-container > ${n}-body`]:{"> table > tbody":{[`
+                > tr${n}-expanded-row,
+                > tr${n}-placeholder
+              `]:{"> th, > td":{borderInlineEnd:0}}}}},...d(`middle`,t.tablePaddingVerticalMiddle,t.tablePaddingHorizontalMiddle),...d(`small`,t.tablePaddingVerticalSmall,t.tablePaddingHorizontalSmall),[`> ${n}-footer`]:{border:u,borderTop:0}},[`${n}-cell`]:{[`${n}-container:first-child`]:{borderTop:0},"&-scrollbar:not([rowspan])":{boxShadow:`0 ${e(r)} 0 ${e(r)} ${o}`}},[`${n}-bordered ${n}-cell-scrollbar`]:{borderInlineEnd:u}}}};export{t as default};

package/es/table/style/ellipsis.d.ts

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

package/es/table/style/ellipsis.js

@@ -0,0 +1,4 @@
+import{textEllipsis as e}from"../../style/index.js";const t=t=>{let{componentCls:n}=t;return{[`${n}-wrapper`]:{[`${n}-cell-ellipsis`]:{...e,wordBreak:`keep-all`,[`
+          &${n}-cell-fix-left-last,
+          &${n}-cell-fix-right-first
+        `]:{overflow:`visible`,[`${n}-cell-content`]:{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`}},[`${n}-column-title`]:{overflow:`hidden`,textOverflow:`ellipsis`,wordBreak:`keep-all`}}}}};export{t as default};

package/es/table/style/empty.d.ts

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

package/es/table/style/empty.js

@@ -0,0 +1 @@
+const e=e=>{let{componentCls:t}=e;return{[`${t}-wrapper`]:{[`${t}-tbody > tr${t}-placeholder`]:{textAlign:`center`,color:e.colorTextDisabled,"\n          &:hover > th,\n          &:hover > td,\n        ":{background:e.colorBgContainer}}}}};export{e as default};

package/es/table/style/expand.d.ts

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

package/es/table/style/expand.js

@@ -0,0 +1 @@
+import{operationUnit as e}from"../../style/index.js";import{unit as t}from"@ant-design/cssinjs";const n=n=>{let{componentCls:r,antCls:i,motionDurationSlow:a,lineWidth:o,paddingXS:s,lineType:c,tableBorderColor:l,tableExpandIconBg:u,tableExpandColumnWidth:d,borderRadius:f,tablePaddingVertical:p,tablePaddingHorizontal:m,tableExpandedRowBg:h,paddingXXS:g,expandIconMarginTop:_,expandIconSize:v,expandIconHalfInner:y,expandIconScale:b,calc:x}=n,S=`${t(o)} ${c} ${l}`,C=x(g).sub(o).equal();return{[`${r}-wrapper`]:{[`${r}-expand-icon-col`]:{width:d},[`${r}-row-expand-icon-cell`]:{textAlign:`center`,[`${r}-row-expand-icon`]:{display:`inline-flex`,float:`none`,verticalAlign:`sub`}},[`${r}-row-indent`]:{height:1,float:`left`},[`${r}-row-expand-icon`]:{...e(n),position:`relative`,float:`left`,width:v,height:v,color:`inherit`,lineHeight:t(v),background:u,border:S,borderRadius:f,transform:`scale(${b})`,"&:focus, &:hover, &:active":{borderColor:`currentcolor`},"&::before, &::after":{position:`absolute`,background:`currentcolor`,transition:`transform ${a} ease-out`,content:`""`},"&::before":{top:y,insetInlineEnd:C,insetInlineStart:C,height:o},"&::after":{top:C,bottom:C,insetInlineStart:y,width:o,transform:`rotate(90deg)`},"&-collapsed::before":{transform:`rotate(-180deg)`},"&-collapsed::after":{transform:`rotate(0deg)`},"&-spaced":{"&::before, &::after":{display:`none`,content:`none`},background:`transparent`,border:0,visibility:`hidden`}},[`${r}-row-indent + ${r}-row-expand-icon`]:{marginTop:_,marginInlineEnd:s},[`tr${r}-expanded-row`]:{"&, &:hover":{"> th, > td":{background:h}},[`${i}-descriptions-view`]:{display:`flex`,table:{flex:`auto`,width:`100%`}}},[`${r}-expanded-row-fixed`]:{position:`relative`,margin:`${t(x(p).mul(-1).equal())} ${t(x(m).mul(-1).equal())}`,padding:`${t(p)} ${t(m)}`}}}};export{n as default};

package/es/table/style/filter.d.ts

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

package/es/table/style/filter.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{unit as t}from"@ant-design/cssinjs";const n=n=>{let{componentCls:r,antCls:i,iconCls:a,tableFilterDropdownWidth:o,tableFilterDropdownSearchWidth:s,paddingXXS:c,paddingXS:l,colorText:u,lineWidth:d,lineType:f,tableBorderColor:p,headerIconColor:m,fontSizeSM:h,tablePaddingHorizontal:g,borderRadius:_,motionDurationSlow:v,colorTextDescription:y,colorPrimary:b,tableHeaderFilterActiveBg:x,colorTextDisabled:S,tableFilterDropdownBg:C,tableFilterDropdownHeight:w,controlItemBgHover:T,controlItemBgActive:E,boxShadowSecondary:D,filterDropdownMenuBg:O,calc:k}=n,A=`${i}-dropdown`,j=`${r}-filter-dropdown`,M=`${i}-tree`,N=`${t(d)} ${f} ${p}`;return[{[`${r}-wrapper`]:{[`${r}-filter-column`]:{display:`flex`,justifyContent:`space-between`},[`${r}-filter-trigger`]:{position:`relative`,display:`flex`,alignItems:`center`,marginBlock:k(c).mul(-1).equal(),marginInline:`${t(c)} ${t(k(g).div(2).mul(-1).equal())}`,padding:`0 ${t(c)}`,color:m,fontSize:h,borderRadius:_,cursor:`pointer`,transition:`all ${v}`,"&:hover":{color:y,background:x},"&.active":{color:b}}}},{[`${i}-dropdown`]:{[j]:{...e(n),minWidth:o,backgroundColor:C,borderRadius:_,boxShadow:D,overflow:`hidden`,[`${A}-menu`]:{maxHeight:w,overflowX:`hidden`,border:0,boxShadow:`none`,borderRadius:`unset`,backgroundColor:O,"&:empty::after":{display:`block`,padding:`${t(l)} 0`,color:S,fontSize:h,textAlign:`center`,content:`"Not Found"`}},[`${j}-tree`]:{paddingBlock:`${t(l)} 0`,paddingInline:l,[M]:{padding:0},[`${M}-treenode ${M}-node-content-wrapper:hover`]:{backgroundColor:T},[`${M}-treenode-checkbox-checked ${M}-node-content-wrapper`]:{"&, &:hover":{backgroundColor:E}}},[`${j}-search`]:{padding:l,borderBottom:N,"&-input":{input:{minWidth:s},[a]:{color:S}}},[`${j}-checkall`]:{width:`100%`,marginBottom:c,marginInlineStart:c},[`${j}-btns`]:{display:`flex`,justifyContent:`space-between`,padding:`${t(k(l).sub(d).equal())} ${t(l)}`,overflow:`hidden`,borderTop:N}}}},{[`${i}-dropdown ${j}, ${j}-submenu`]:{[`${i}-checkbox-wrapper + span`]:{paddingInlineStart:l,color:u},"> ul":{maxHeight:`calc(100vh - 130px)`,overflowX:`hidden`,overflowY:`auto`}}}]};export{n as default};

package/es/table/style/fixed.d.ts

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

package/es/table/style/fixed.js

@@ -0,0 +1,21 @@
+const e=e=>{let{componentCls:t,lineWidth:n,colorSplit:r,motionDurationSlow:i,zIndexTableFixed:a,tableBg:o,zIndexTableSticky:s,calc:c}=e,l=r;return{[`${t}-wrapper`]:{[`
+        ${t}-cell-fix-left,
+        ${t}-cell-fix-right
+      `]:{position:`sticky !important`,zIndex:a,background:o},[`
+        ${t}-cell-fix-left-first::after,
+        ${t}-cell-fix-left-last::after
+      `]:{position:`absolute`,top:0,right:{_skip_check_:!0,value:0},bottom:c(n).mul(-1).equal(),width:30,transform:`translateX(100%)`,transition:`box-shadow ${i}`,content:`""`,pointerEvents:`none`},[`${t}-cell-fix-left-all::after`]:{display:`none`},[`
+        ${t}-cell-fix-right-first::after,
+        ${t}-cell-fix-right-last::after
+      `]:{position:`absolute`,top:0,bottom:c(n).mul(-1).equal(),left:{_skip_check_:!0,value:0},width:30,transform:`translateX(-100%)`,transition:`box-shadow ${i}`,content:`""`,pointerEvents:`none`},[`${t}-container`]:{position:`relative`,"&::before, &::after":{position:`absolute`,top:0,bottom:0,zIndex:c(s).add(1).equal({unit:!1}),width:30,transition:`box-shadow ${i}`,content:`""`,pointerEvents:`none`},"&::before":{insetInlineStart:0},"&::after":{insetInlineEnd:0}},[`${t}-ping-left`]:{[`&:not(${t}-has-fix-left) ${t}-container::before`]:{boxShadow:`inset 10px 0 8px -8px ${l}`},[`
+          ${t}-cell-fix-left-first::after,
+          ${t}-cell-fix-left-last::after
+        `]:{boxShadow:`inset 10px 0 8px -8px ${l}`},[`${t}-cell-fix-left-last::before`]:{backgroundColor:`transparent !important`}},[`${t}-ping-right`]:{[`&:not(${t}-has-fix-right) ${t}-container::after`]:{boxShadow:`inset -10px 0 8px -8px ${l}`},[`
+          ${t}-cell-fix-right-first::after,
+          ${t}-cell-fix-right-last::after
+        `]:{boxShadow:`inset -10px 0 8px -8px ${l}`}},[`${t}-fixed-column-gapped`]:{[`
+        ${t}-cell-fix-left-first::after,
+        ${t}-cell-fix-left-last::after,
+        ${t}-cell-fix-right-first::after,
+        ${t}-cell-fix-right-last::after
+      `]:{boxShadow:`none`}}}}};export{e as default};

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

@@ -0,0 +1,205 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/table/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 表头背景
+   * @descEN Background of table header
+   */
+  headerBg: string;
+  /**
+   * @desc 表头文字颜色
+   * @descEN Color of table header text
+   */
+  headerColor: string;
+  /**
+   * @desc 表头排序激活态背景色
+   * @descEN Background color of table header when sorted
+   */
+  headerSortActiveBg: string;
+  /**
+   * @desc 表头排序激活态悬浮背景色
+   * @descEN Background color of table header when sorted and hovered
+   */
+  headerSortHoverBg: string;
+  /**
+   * @desc 表格排序列背景色
+   * @descEN Background color of table sorted column
+   */
+  bodySortBg: string;
+  /**
+   * @desc 表格行悬浮背景色
+   * @descEN Background color of table hovered row
+   */
+  rowHoverBg: string;
+  /**
+   * @desc 表格行选中背景色
+   * @descEN Background color of table selected row
+   */
+  rowSelectedBg: string;
+  /**
+   * @desc 表格行选中悬浮背景色
+   * @descEN Background color of table selected row when hovered
+   */
+  rowSelectedHoverBg: string;
+  /**
+   * @desc 表格行展开背景色
+   * @descEN Background color of table expanded row
+   */
+  rowExpandedBg: string;
+  /**
+   * @desc 单元格纵向内间距
+   * @descEN Vertical padding of table cell
+   */
+  cellPaddingBlock: number;
+  /**
+   * @desc 单元格横向内间距（默认大尺寸）
+   * @descEN Horizontal padding of table cell (large size by default)
+   */
+  cellPaddingInline: number;
+  /**
+   * @desc 单元格纵向内间距（中等尺寸）
+   * @descEN Vertical padding of table cell (middle size)
+   */
+  cellPaddingBlockMD: number;
+  /**
+   * @desc 单元格横向内间距（中等尺寸）
+   * @descEN Horizontal padding of table cell (middle size)
+   */
+  cellPaddingInlineMD: number;
+  /**
+   * @desc 单元格纵向内间距（小尺寸）
+   * @descEN Vertical padding of table cell (small size)
+   */
+  cellPaddingBlockSM: number;
+  /**
+   * @desc 单元格横向内间距（小尺寸）
+   * @descEN Horizontal padding of table cell (small size)
+   */
+  cellPaddingInlineSM: number;
+  /**
+   * @desc 表格边框/分割线颜色
+   * @descEN Border color of table
+   */
+  borderColor: string;
+  /**
+   * @desc 表头圆角
+   * @descEN Border radius of table header
+   */
+  headerBorderRadius: number;
+  /**
+   * @desc 表格底部背景色
+   * @descEN Background of footer
+   */
+  footerBg: string;
+  /**
+   * @desc 表格底部文字颜色
+   * @descEN Color of footer text
+   */
+  footerColor: string;
+  /**
+   * @desc 单元格文字大小（默认大尺寸）
+   * @descEN Font size of table cell (large size by default)
+   */
+  cellFontSize: number;
+  /**
+   * @desc 单元格文字大小（中等尺寸）
+   * @descEN Font size of table cell (middle size)
+   */
+  cellFontSizeMD: number;
+  /**
+   * @desc 单元格文字大小（小尺寸）
+   * @descEN Font size of table cell (small size)
+   */
+  cellFontSizeSM: number;
+  /**
+   * @desc 表头分割线颜色
+   * @descEN Split border color of table header
+   */
+  headerSplitColor: string;
+  /**
+   * @desc 固定表头排序激活态背景色
+   * @descEN Background color of fixed table header when sorted
+   */
+  fixedHeaderSortActiveBg: string;
+  /**
+   * @desc 表头过滤按钮悬浮背景色
+   * @descEN Background color of table header filter button when hovered
+   */
+  headerFilterHoverBg: string;
+  /**
+   * @desc 过滤下拉菜单选项背景
+   * @descEN Background of filter dropdown menu item
+   */
+  filterDropdownMenuBg: string;
+  /**
+   * @desc 过滤下拉菜单颜色
+   * @descEN Color of filter dropdown
+   */
+  filterDropdownBg: string;
+  /**
+   * @desc 展开按钮背景色
+   * @descEN Background of expand button
+   */
+  expandIconBg: string;
+  /**
+   * @desc 选择列宽度
+   * @descEN Width of selection column
+   */
+  selectionColumnWidth: number | string;
+  /**
+   * @desc Sticky 模式下滚动条背景色
+   * @descEN Background of sticky scrollbar
+   */
+  stickyScrollBarBg: string;
+  /**
+   * @desc Sticky 模式下滚动条圆角
+   * @descEN Border radius of sticky scrollbar
+   */
+  stickyScrollBarBorderRadius: number;
+}
+export interface TableToken extends FullToken<'Table'> {
+  tableFontSize: number;
+  tableBg: string;
+  tableRadius: number;
+  tablePaddingHorizontal: number;
+  tablePaddingVertical: number;
+  tablePaddingHorizontalMiddle: number;
+  tablePaddingVerticalMiddle: number;
+  tablePaddingHorizontalSmall: number;
+  tablePaddingVerticalSmall: number;
+  tableBorderColor: string;
+  tableHeaderTextColor: string;
+  tableHeaderBg: string;
+  tableFooterTextColor: string;
+  tableFooterBg: string;
+  tableHeaderCellSplitColor: string;
+  tableHeaderSortBg: string;
+  tableHeaderSortHoverBg: string;
+  tableBodySortBg: string;
+  tableFixedHeaderSortActiveBg: string;
+  tableHeaderFilterActiveBg: string;
+  tableFilterDropdownBg: string;
+  tableFilterDropdownHeight: number | string;
+  tableRowHoverBg: string;
+  tableSelectedRowBg: string;
+  tableSelectedRowHoverBg: string;
+  tableFontSizeMiddle: number;
+  tableFontSizeSmall: number;
+  tableSelectionColumnWidth: number | string;
+  tableExpandIconBg: string;
+  tableExpandColumnWidth: number | string;
+  tableExpandedRowBg: string;
+  tableFilterDropdownWidth: number;
+  tableFilterDropdownSearchWidth: number;
+  zIndexTableFixed: number;
+  zIndexTableSticky: number | string;
+  tableScrollThumbSize: number;
+  tableScrollThumbBg: string;
+  tableScrollThumbBgHover: string;
+  tableScrollBg: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Table'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/table/style/index.js

@@ -0,0 +1,12 @@
+import{clearFix 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 i from"./bordered.js";import a from"./ellipsis.js";import o from"./empty.js";import s from"./expand.js";import c from"./filter.js";import l from"./fixed.js";import u from"./pagination.js";import d from"./radius.js";import f from"./rtl.js";import p from"./selection.js";import m from"./size.js";import h from"./sorter.js";import g from"./sticky.js";import _ from"./summary.js";import v from"./virtual.js";import{unit as y}from"@ant-design/cssinjs";import{TinyColor as b}from"@ctrl/tinycolor";const x=n=>{let{componentCls:r,fontWeightStrong:i,tablePaddingVertical:a,tablePaddingHorizontal:o,tableExpandColumnWidth:s,lineWidth:c,lineType:l,tableBorderColor:u,tableFontSize:d,tableBg:f,tableRadius:p,tableHeaderTextColor:m,motionDurationMid:h,tableHeaderBg:g,tableHeaderCellSplitColor:_,tableFooterTextColor:v,tableFooterBg:b,calc:x}=n,S=`${y(c)} ${l} ${u}`;return{[`${r}-wrapper`]:{clear:`both`,maxWidth:`100%`,...e(),[r]:{...t(n),fontSize:d,background:f,borderRadius:`${y(p)} ${y(p)} 0 0`,scrollbarColor:`${n.tableScrollThumbBg} ${n.tableScrollBg}`},table:{width:`100%`,textAlign:`start`,borderRadius:`${y(p)} ${y(p)} 0 0`,borderCollapse:`separate`,borderSpacing:0},[`
+          ${r}-cell,
+          ${r}-thead > tr > th,
+          ${r}-tbody > tr > th,
+          ${r}-tbody > tr > td,
+          tfoot > tr > th,
+          tfoot > tr > td
+        `]:{position:`relative`,padding:`${y(a)} ${y(o)}`,overflowWrap:`break-word`},[`${r}-title`]:{padding:`${y(a)} ${y(o)}`},[`${r}-thead`]:{"\n          > tr > th,\n          > tr > td\n        ":{position:`relative`,color:m,fontWeight:i,textAlign:`start`,background:g,borderBottom:S,transition:`background ${h} ease`,"&[colspan]:not([colspan='1'])":{textAlign:`center`},[`&:not(:last-child):not(${r}-selection-column):not(${r}-row-expand-icon-cell):not([colspan])::before`]:{position:`absolute`,top:`50%`,insetInlineEnd:0,width:1,height:`1.6em`,backgroundColor:_,transform:`translateY(-50%)`,transition:`background-color ${h}`,content:`""`}},"> tr:not(:last-child) > th[colspan]":{borderBottom:0}},[`${r}-tbody`]:{"> tr":{"> th, > td":{transition:`background ${h}, border-color ${h}`,borderBottom:S,[`
+              > ${r}-wrapper:only-child,
+              > ${r}-expanded-row-fixed > ${r}-wrapper:only-child
+            `]:{[r]:{marginBlock:y(x(a).mul(-1).equal()),marginInline:`${y(x(s).sub(o).equal())}
+                ${y(x(o).mul(-1).equal())}`,[`${r}-tbody > tr:last-child > td`]:{borderBottom:0,"&:first-child, &:last-child":{borderRadius:0}}}}},"> th":{position:`relative`,color:m,fontWeight:i,textAlign:`start`,background:g,borderBottom:S,transition:`background ${h} ease`}}},[`${r}-footer`]:{padding:`${y(a)} ${y(o)}`,color:v,background:b}}}},S=e=>{let{colorFillAlter:t,colorBgContainer:n,colorTextHeading:r,colorFillSecondary:i,colorFillContent:a,controlItemBgActive:o,controlItemBgActiveHover:s,padding:c,paddingSM:l,paddingXS:u,colorBorderSecondary:d,borderRadiusLG:f,controlHeight:p,colorTextPlaceholder:m,fontSize:h,fontSizeSM:g,lineHeight:_,lineWidth:v,colorIcon:y,colorIconHover:x,opacityLoading:S,controlInteractiveSize:C}=e,w=new b(i).onBackground(n).toHexShortString(),T=new b(a).onBackground(n).toHexShortString(),E=new b(t).onBackground(n).toHexShortString(),D=new b(y),O=new b(x),k=C/2-v,A=k*2+v*3;return{headerBg:E,headerColor:r,headerSortActiveBg:w,headerSortHoverBg:T,bodySortBg:E,rowHoverBg:E,rowSelectedBg:o,rowSelectedHoverBg:s,rowExpandedBg:t,cellPaddingBlock:c,cellPaddingInline:c,cellPaddingBlockMD:l,cellPaddingInlineMD:u,cellPaddingBlockSM:u,cellPaddingInlineSM:u,borderColor:d,headerBorderRadius:f,footerBg:E,footerColor:r,cellFontSize:h,cellFontSizeMD:h,cellFontSizeSM:h,headerSplitColor:d,fixedHeaderSortActiveBg:w,headerFilterHoverBg:a,filterDropdownMenuBg:n,filterDropdownBg:n,expandIconBg:n,selectionColumnWidth:p,stickyScrollBarBg:m,stickyScrollBarBorderRadius:100,expandIconMarginTop:(h*_-v*3)/2-Math.ceil((g*1.4-v*3)/2),headerIconColor:D.clone().setAlpha(D.getAlpha()*S).toRgbString(),headerIconHoverColor:O.clone().setAlpha(O.getAlpha()*S).toRgbString(),expandIconHalfInner:k,expandIconSize:A,expandIconScale:C/A}};var C=n(`Table`,e=>{let{colorTextHeading:t,colorSplit:n,colorBgContainer:y,controlInteractiveSize:b,headerBg:S,headerColor:C,headerSortActiveBg:w,headerSortHoverBg:T,bodySortBg:E,rowHoverBg:D,rowSelectedBg:O,rowSelectedHoverBg:k,rowExpandedBg:A,cellPaddingBlock:j,cellPaddingInline:M,cellPaddingBlockMD:N,cellPaddingInlineMD:P,cellPaddingBlockSM:F,cellPaddingInlineSM:I,borderColor:L,footerBg:R,footerColor:z,headerBorderRadius:B,cellFontSize:V,cellFontSizeMD:H,cellFontSizeSM:U,headerSplitColor:W,fixedHeaderSortActiveBg:G,headerFilterHoverBg:K,filterDropdownBg:q,expandIconBg:J,selectionColumnWidth:Y,stickyScrollBarBg:X,calc:Z}=e,Q=r(e,{tableFontSize:V,tableBg:y,tableRadius:B,tablePaddingVertical:j,tablePaddingHorizontal:M,tablePaddingVerticalMiddle:N,tablePaddingHorizontalMiddle:P,tablePaddingVerticalSmall:F,tablePaddingHorizontalSmall:I,tableBorderColor:L,tableHeaderTextColor:C,tableHeaderBg:S,tableFooterTextColor:z,tableFooterBg:R,tableHeaderCellSplitColor:W,tableHeaderSortBg:w,tableHeaderSortHoverBg:T,tableBodySortBg:E,tableFixedHeaderSortActiveBg:G,tableHeaderFilterActiveBg:K,tableFilterDropdownBg:q,tableRowHoverBg:D,tableSelectedRowBg:O,tableSelectedRowHoverBg:k,zIndexTableFixed:2,zIndexTableSticky:Z(2).add(1).equal({unit:!1}),tableFontSizeMiddle:H,tableFontSizeSmall:U,tableSelectionColumnWidth:Y,tableExpandIconBg:J,tableExpandColumnWidth:Z(b).add(Z(e.padding).mul(2)).equal(),tableExpandedRowBg:A,tableFilterDropdownWidth:120,tableFilterDropdownHeight:264,tableFilterDropdownSearchWidth:140,tableScrollThumbSize:8,tableScrollThumbBg:X,tableScrollThumbBgHover:t,tableScrollBg:n});return[x(Q),u(Q),_(Q),h(Q),c(Q),i(Q),d(Q),s(Q),_(Q),o(Q),p(Q),l(Q),g(Q),a(Q),m(Q),f(Q),v(Q)]},S,{unitless:{expandIconScale:!0}});export{C as default,S as prepareComponentToken};