dcp-design-react 1.11.1 → 1.11.3

package/lib/table/src/body/DraggableTr.d.ts

@@ -3,6 +3,7 @@ import type { DropOption } from './useDragSort';
 import type { IRecord, IRowKey } from '../table/types';
 export type IProps = {
     rowKey: IRowKey;
+    rowIndex: number;
     row: IRecord;
     className: string;
     style?: React.CSSProperties;
@@ -22,5 +23,5 @@ export type NodeType = {
     data: IRecord;
     props: IProps;
 };
-declare const DraggableTr: React.FC<IProps>;
+declare const DraggableTr: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
 export default DraggableTr;

package/lib/table/src/body/index.d.ts

@@ -1,8 +1,4 @@
 import React from 'react';
-import type { IColumn, IRecord, TableBodyRef } from '../table/types';
-type IBodyProps = {
-    tableFlatColumns: IColumn[];
-    tableData: IRecord[];
-};
-declare const TableBody: React.ForwardRefExoticComponent<IBodyProps & React.RefAttributes<TableBodyRef>>;
+import type { TableBodyRef } from '../table/types';
+declare const TableBody: React.ForwardRefExoticComponent<React.RefAttributes<TableBodyRef>>;
 export default TableBody;

package/lib/table/src/config/index.d.ts

@@ -44,5 +44,6 @@ declare const config: {
     selectionColumn: string;
     expandableColumn: string;
     summaryIgnore: string;
+    popupClassName: string;
 };
 export default config;

package/lib/table/src/context/index.d.ts

@@ -9,6 +9,7 @@ export type ITableContext = {
     tableBodyRef: React.RefObject<TableBodyRef>;
     prefixCls: string;
     $size: ComponentSize;
+    tableFlatData: IRecord[];
     flattenColumns: IColumn[];
     editableColumns: IColumn[];
     leftFixedColumns: IColumn[];
@@ -24,8 +25,6 @@ export type ITableContext = {
     showFooter: boolean;
     showSummary: boolean;
     summationRows: Record<string, number | string>[];
-    scrollX: ITableState['scrollX'];
-    scrollY: ITableState['scrollY'];
     pagination: IPagination;
     fetchParams: IFetchParams;
     selectionKeys: IRowKey[];
@@ -40,16 +39,15 @@ export type ITableContext = {
     isFullScreen: boolean;
     isTableEmpty: boolean;
     isHeadGroup: boolean;
-    isTreeTable: boolean;
     isGroupSubtotal: boolean;
     isWebPagination: boolean;
     dataChange: () => void;
     tableChange: () => void;
     getTableData: () => Promise<void>;
     setElementStore: (key: string, value: HTMLElement) => void;
-    createWebPageData: () => IRecord[];
+    createTableList: () => IRecord[];
     createTableFullData: (records: IRecord[]) => void;
-    updateTableData: () => void;
+    updateTableFlatData: () => void;
     setSorter: (value: ITableState['sorter']) => void;
     setFilters: (value: ITableState['filters']) => void;
     setSuperFilters: (options: ITableState['superFilters']) => void;
@@ -64,7 +62,6 @@ export type ITableContext = {
     getStickyRight: (dataIndex: string, part?: string) => number;
     scrollXToColumn: (dataIndex: string, index?: number) => void;
     scrollYToRecord: (rowKey: IRowKey, index?: number) => void;
-    rowInViewport: (index: number) => boolean;
     setPagination: (pagination: IPagination) => void;
     setPingLeft: (value: boolean) => void;
     setPingRight: (value: boolean) => void;
@@ -76,8 +73,6 @@ export type ITableContext = {
     createGroupData: (records: IRecord[]) => IRecord[];
     findParentRowKeys: (deriveRowKeys: IDerivedRowKey[], key: IRowKey) => IRowKey[];
     getAllChildRowKeys: (deriveRowKeys: IDerivedRowKey[]) => IRowKey[];
-    triggerScrollXEvent: (sl: number) => void;
-    triggerScrollYEvent: (st: number) => void;
     scrollBottomDebouncer: (event: React.MouseEvent<HTMLDivElement>) => void;
     resetTableScroll: () => void;
     clearTableSorter: () => void;

package/lib/table/src/export/useExport.d.ts

@@ -1,6 +1,6 @@
 import type { IColumn, IRecord } from '../table/types';
 import type { IOptions } from './index';
-type IParamsFn1 = (columns: IColumn[], tableData: IRecord[]) => Record<string, number>[];
+type IParamsFn1 = (columns: IColumn[], records: IRecord[]) => Record<string, number>[];
 type IParamsFn2 = (row: IRecord, rowIndex: number, column: IColumn, columnIndex: number) => string | number;
 declare const useExport: () => {
     exportXLSX: (options: IOptions, dataList: IRecord[], calcSummationValues: IParamsFn1, renderCell: IParamsFn2) => Promise<Blob>;

package/lib/table/src/footer/index.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-type IFootProps = {
-    summationRows: Record<string, string | number>[];
-};
-declare const TableFooter: React.FC<IFootProps>;
+declare const TableFooter: React.FC;
 export default TableFooter;

package/lib/table/src/header/index.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
-import type { IColumn, IFilter, ISorter } from '../table/types';
+import type { IColumn } from '../table/types';
 type IHeaderProps = {
     tableColumns: IColumn[];
-    sorter: ISorter;
-    filters: IFilter;
 };
 declare const TableHeader: React.FC<IHeaderProps>;
 export default TableHeader;

package/lib/table/src/hooks/useImperativeMethod.d.ts

@@ -17,7 +17,6 @@ type IExtra = {
     isFetch: boolean;
     dataChange: () => void;
     getTableData: () => Promise<void>;
-    handleTableData: (records: IRecord[]) => void;
     createTableData: (records: IRecord[]) => void;
     createTableFullData: (records: IRecord[]) => void;
     calcTableHeight: () => void;

package/lib/table/src/hooks/useTableCore.d.ts

@@ -23,22 +23,20 @@ type IExtra = {
     rowExpandedKeys: IRowKey[];
     highlightKey: IRowKey;
     summationColumns: IColumn[];
-    shouldUpdateHeight: boolean;
     isFetch: boolean;
-    isTreeTable: boolean;
     isWebPagination: boolean;
     isScrollPagination: boolean;
     isServiceSummation: boolean;
     isGroupSubtotal: boolean;
     doLayout: () => void;
-    setTableData: (records: IRecord[]) => void;
-    setTableFlatColumns: (columns: IColumn[]) => void;
     setTableFullData: (records: IRecord[]) => void;
     setTableOriginData: (records: IRecord[]) => void;
     setTableFlatData: (records: IRecord[]) => void;
     setAllTableData: (records: IRecord[]) => void;
     setDeriveRowKeys: (records: IRecord[]) => void;
     setPagination: <T extends IPagination>(pagination: T | ((prev: T) => T)) => void;
+    setPingRight: (value: boolean) => void;
+    setPingLeft: (value: boolean) => void;
     setSpinning: (value: boolean) => void;
     setSorter: (sorter: ITableState['sorter']) => void;
     setFilters: (sorter: ITableState['filters']) => void;
@@ -49,15 +47,6 @@ type IExtra = {
     setSelectionRows: (records: IRecord[]) => void;
     setScrollXLoad: (value: boolean) => void;
     setScrollYLoad: (value: boolean) => void;
-    setScrollXStore: (option: ITableRef['scrollXStore']) => void;
-    setScrollYStore: (option: ITableRef['scrollYStore']) => void;
-    computeVirtualX: (sl: number, tableWidth: number) => {
-        toVisibleIndex: number;
-        visibleSize: number;
-    };
-    computeVirtualY: (st: number, rowHeight: number) => {
-        toVisibleIndex: number;
-    };
     setFieldAuth: (key: string, value: IFieldAuthItem) => void;
     setResizeState: (option: ITableRef['resizeState']) => void;
     setSummaries: (option: ITableRef['summaries']) => void;
@@ -72,8 +61,7 @@ declare const useTableCore: <T extends ITableProps>(props: T, extra: IExtra) =>
     checkDataIndex: () => void;
     createTableFullData: (list: IRecord[]) => void;
     getTableData: () => Promise<void>;
-    handleTableData: (dataList: IRecord[]) => void;
-    createWebPageData: () => IRecord<any>[];
+    createTableList: () => IRecord<any>[];
     createTableData: (list: IRecord[]) => void;
     createGroupData: (list: IRecord[]) => IRecord<any>[];
     createSelectionKeys: (rowKeys?: IRowKey[]) => (string | number)[];
@@ -95,8 +83,6 @@ declare const useTableCore: <T extends ITableProps>(props: T, extra: IExtra) =>
     toFirstPage: () => void;
     getPageCount: () => number;
     pagerChangeHandle: ({ current, pageSize }: Omit<IPagination, 'total'>) => void;
-    triggerScrollXEvent: (sl: number) => void;
-    triggerScrollYEvent: (st: number) => void;
     scrollBottomDebouncer: (ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     clearTableSorter: () => void;
     clearTableFilter: () => void;

package/lib/table/src/hooks/useTableEffect.d.ts

@@ -6,7 +6,6 @@ type IExtra = {
     tableRef: React.MutableRefObject<ITableRef>;
     tableBodyRef: React.RefObject<TableBodyRef>;
     $size: ComponentSize;
-    scrollX: boolean;
     pagination: IPagination;
     selectionKeys: IDerivedRowKeys;
     rowExpandedKeys: IDerivedRowKeys;
@@ -26,7 +25,6 @@ type IExtra = {
     setRowExpandedKeys: (rowKeys: IRowKey[]) => void;
     setHighlightKey: (rowKey: IRowKey) => void;
     setResizeState: (option: ITableRef['resizeState']) => void;
-    setPingRight: (value: boolean) => void;
     setUnMounted: (value: boolean) => void;
     calcTableHeight: () => void;
     createSelectionKeys: (rowKeys?: IRowKey[]) => IRowKey[];

package/lib/table/src/hooks/useTableLayout.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { getRowKeyType } from '../table/types';
-import type { IColumn, IMergeCellItem, IRecord, IRowKey, ITableProps } from '../table/types';
+import type { IColumn, IMergeCellItem, IRecord, IRowKey, ITableProps, TableBodyRef } from '../table/types';
 import type { ITableState } from './useTableState';
 import type { ITableRef } from './useTableRef';
 import type { ComponentSize } from '../../../_utils/types';
@@ -9,23 +9,19 @@ type IExtra = {
     tableRef: React.MutableRefObject<ITableRef>;
     topElementRef: React.RefObject<HTMLDivElement>;
     tableElementRef: React.RefObject<HTMLDivElement>;
+    tableBodyRef: React.RefObject<TableBodyRef>;
     $size: ComponentSize;
     tableColumns: IColumn[];
     flattenColumns: IColumn[];
     leftFixedColumns: IColumn[];
     derivedMergeCells: IMergeCellItem[];
+    tableFlatData: IRecord[];
     layout: ITableState['layout'];
-    scrollX: boolean;
-    scrollY: boolean;
     showFooter: boolean;
     showPagination: boolean;
     isFullScreen: boolean;
     setLayout: <T extends ITableState['layout']>(layout: T | ((prev: T) => T)) => void;
-    setScrollX: (scrollX: boolean) => void;
-    setScrollY: (scrollY: boolean) => void;
     setElementStore: (key: string, value: HTMLElement) => void;
-    setScrollXStore: (option: ITableRef['scrollXStore']) => void;
-    setScrollYStore: (option: ITableRef['scrollYStore']) => void;
     setShouldToTop: (value: boolean) => void;
 };
 declare const useTableLayout: <T extends ITableProps>(props: T, extra: IExtra) => {
@@ -39,16 +35,8 @@ declare const useTableLayout: <T extends ITableProps>(props: T, extra: IExtra) =
     getStickyRight: (dataIndex: string, part?: string) => number;
     scrollXToColumn: (dataIndex: string, index?: number) => void;
     scrollYToRecord: (rowKey: IRowKey, index?: number) => void;
-    rowInViewport: (index: number) => boolean;
     calcTableHeight: () => void;
     resetTableScroll: () => void;
-    computeVirtualX: (sl: number, tableWidth: number) => {
-        toVisibleIndex: number;
-        visibleSize: number;
-    };
-    computeVirtualY: (st: number, rowHeight: number) => {
-        toVisibleIndex: number;
-    };
     doLayout: () => void;
 };
 export default useTableLayout;

package/lib/table/src/hooks/useTableMemo.d.ts

@@ -5,7 +5,7 @@ type IExtra = {
     getRowKey: getRowKeyType;
     tableRef: React.MutableRefObject<ITableRef>;
     tableFullData: IRecord[];
-    tableData: IRecord[];
+    tableFlatData: IRecord[];
     sorter: ISorter;
     filters: IFilter;
     superFilters: ISuperFilter[];
@@ -18,7 +18,6 @@ declare const useTableMemo: <T extends ITableProps>(props: T, extra: IExtra) =>
     isWebPagination: boolean;
     isScrollPagination: boolean;
     showPagination: boolean;
-    shouldUpdateHeight: boolean;
     tableColumns: IColumn[];
     flattenColumns: IColumn[];
     editableColumns: IColumn[];
@@ -42,7 +41,6 @@ declare const useTableMemo: <T extends ITableProps>(props: T, extra: IExtra) =>
     isPivotGrid: boolean;
     isGroupSummary: boolean;
     isGroupSubtotal: boolean;
-    isTreeTable: boolean;
     isTableEmpty: boolean;
     summationRows: Record<string, string | number>[];
     fetchParams: IFetchParams;

package/lib/table/src/hooks/useTableRef.d.ts

@@ -12,7 +12,6 @@ export type ITableRef = {
     originColumns: IColumn[];
     tableFullData: IRecord[];
     tableOriginData: IRecord[];
-    tableFlatData: IRecord[];
     allTableData: IRecord[];
     allRowKeys: IRowKey[];
     deriveRowKeys: IDerivedRowKey[];
@@ -21,19 +20,7 @@ export type ITableRef = {
     fieldAuth: Record<string, IFieldAuthItem>;
     columnsDefined: boolean;
     scrollBarRef: React.RefObject<ScrollbarRef>;
-    scrollXStore: {
-        startIndex: number;
-        endIndex: number;
-        offsetSize: number;
-        visibleSize: number;
-    };
-    scrollYStore: {
-        startIndex: number;
-        endIndex: number;
-        offsetSize: number;
-        visibleSize: number;
-        rowHeight: number;
-    };
+    rowHeight: number;
     store: Store;
     resizeState: {
         width: number;
@@ -45,7 +32,7 @@ export type ITableRef = {
         remove: boolean;
     };
     summaries: Record<string, number>;
-    treeTable: boolean;
+    isTreeTable: boolean;
     scrollXLoad: boolean;
     scrollYLoad: boolean;
     shouldToTop: boolean;
@@ -62,15 +49,12 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
     setElementStore: (key: string, value: HTMLElement) => void;
     setOriginColumns: (columns: IColumn[]) => void;
     setTableFullData: (records: IRecord[]) => void;
-    setTableFlatData: (records: IRecord[]) => void;
     setTableOriginData: (records: IRecord[]) => void;
     setAllTableData: (records: IRecord[]) => void;
     setDeriveRowKeys: (records: IRecord[]) => void;
     setInvalidRowKeys: (rowKeys: IRowKey[]) => void;
     setFieldAuth: (key: string, value: IFieldAuthItem) => void;
     setColumnsDefined: (value: boolean) => void;
-    setScrollXStore: (option: ITableRef['scrollXStore']) => void;
-    setScrollYStore: (option: ITableRef['scrollYStore']) => void;
     setResizeState: (option: ITableRef['resizeState']) => void;
     setHandleState: (option: ITableRef['handleState']) => void;
     setSummaries: (option: ITableRef['summaries']) => void;
@@ -89,7 +73,6 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
     originColumns: IColumn[];
     tableFullData: IRecord[];
     tableOriginData: IRecord[];
-    tableFlatData: IRecord[];
     allTableData: IRecord[];
     allRowKeys: IRowKey[];
     deriveRowKeys: IDerivedRowKey[];
@@ -98,19 +81,7 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
     fieldAuth: Record<string, IFieldAuthItem>;
     columnsDefined: boolean;
     scrollBarRef: React.RefObject<ScrollbarRef>;
-    scrollXStore: {
-        startIndex: number;
-        endIndex: number;
-        offsetSize: number;
-        visibleSize: number;
-    };
-    scrollYStore: {
-        startIndex: number;
-        endIndex: number;
-        offsetSize: number;
-        visibleSize: number;
-        rowHeight: number;
-    };
+    rowHeight: number;
     store: Store;
     resizeState: {
         width: number;
@@ -122,7 +93,7 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey, $size
         remove: boolean;
     };
     summaries: Record<string, number>;
-    treeTable: boolean;
+    isTreeTable: boolean;
     scrollXLoad: boolean;
     scrollYLoad: boolean;
     shouldToTop: boolean;

package/lib/table/src/hooks/useTableState.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import type { IColumn, IFilter, IMergedCell, IPagination, IRecord, IRowKey, ISorter, ISuperFilter, ITableProps } from '../table/types';
+import type { IFilter, IMergedCell, IPagination, IRecord, IRowKey, ISorter, ISuperFilter, ITableProps } from '../table/types';
 export type ITableState = {
-    tableData: IRecord[];
-    tableFlatColumns: IColumn[];
+    tableFlatData: IRecord[];
     filters: IFilter;
     sorter: ISorter;
     superFilters: ISuperFilter[];
@@ -29,17 +28,13 @@ export type ITableState = {
         print: boolean;
     };
     spinning: boolean;
-    scrollX: boolean;
-    scrollY: boolean;
     isPingLeft: boolean;
     isPingRight: boolean;
     isFullScreen: boolean;
 };
 declare const useTableState: <T extends ITableProps>(props: T) => {
-    tableData: IRecord<any>[];
-    setTableData: React.Dispatch<React.SetStateAction<IRecord<any>[]>>;
-    tableFlatColumns: IColumn[];
-    setTableFlatColumns: React.Dispatch<React.SetStateAction<IColumn[]>>;
+    tableFlatData: IRecord<any>[];
+    setTableFlatData: React.Dispatch<React.SetStateAction<IRecord<any>[]>>;
     filters: IFilter;
     setFilters: React.Dispatch<IFilter>;
     sorter: ISorter;
@@ -92,16 +87,12 @@ declare const useTableState: <T extends ITableProps>(props: T) => {
     }>>;
     spinning: boolean;
     setSpinning: React.Dispatch<React.SetStateAction<boolean>>;
-    scrollX: boolean;
-    setScrollX: React.Dispatch<React.SetStateAction<boolean>>;
-    scrollY: boolean;
-    setScrollY: React.Dispatch<React.SetStateAction<boolean>>;
     isPingLeft: boolean;
     setPingLeft: React.Dispatch<React.SetStateAction<boolean>>;
     isPingRight: boolean;
     setPingRight: React.Dispatch<React.SetStateAction<boolean>>;
     isFullScreen: boolean;
     setFullScreen: React.Dispatch<React.SetStateAction<boolean>>;
-    updateTableData: () => void;
+    updateTableFlatData: () => void;
 };
 export default useTableState;

package/lib/table/src/hooks/useTableVirtual.d.ts

@@ -0,0 +1,17 @@
+import type { IColumn, IRecord } from '../table/types';
+declare const useTableVirtual: (tableFlatData: IRecord[], tableFlatColumns: IColumn[]) => {
+    rowVirtualizer: import("../../../virtual-list/src/core").Virtualizer<HTMLElement, Element>;
+    columnVirtualizer: import("../../../virtual-list/src/core").Virtualizer<HTMLElement, Element>;
+    virtualRows: import("../../../virtual-list/src/core").VirtualItem[];
+    virtualColumns: import("../../../virtual-list/src/core").VirtualItem[];
+    resetItemXSize: (columns: IColumn[]) => void;
+    getYIndexes: () => number[];
+    getXIndexes: () => number[];
+    virtualTranslateY: () => number;
+    virtualTranslateX: () => number;
+    calcVirtualYSize: () => number | undefined;
+    calcVirtualXSize: () => number | undefined;
+    scrollToYIndex: (index: number) => void;
+    scrollToXIndex: (index: number) => void;
+};
+export default useTableVirtual;

package/lib/table/src/table/props.d.ts

@@ -142,7 +142,6 @@ export declare const propTypes: {
     showHeader: PropTypes.Requireable<boolean>;
     ellipsis: PropTypes.Requireable<boolean>;
     dynamicThead: PropTypes.Requireable<boolean>;
-    nativeScrollBar: PropTypes.Requireable<boolean>;
     rowStyle: PropTypes.Requireable<object>;
     cellStyle: PropTypes.Requireable<object>;
     mergedCells: PropTypes.Requireable<any[]>;

package/lib/table/src/table/types.d.ts

@@ -293,7 +293,7 @@ export type IColumn = {
     className?: string;
     theadClassName?: string;
     children?: Array<IColumn> | Nullable<undefined>;
-    sorter?: boolean | ((a: IRecord, b: IRecord) => boolean);
+    sorter?: boolean | ((a: IRecord, b: IRecord) => number);
     filter?: {
         type: IFilterType;
         items?: Array<IDict>;
@@ -357,7 +357,6 @@ export type ITableProps = {
     showHeader?: boolean;
     ellipsis?: boolean;
     dynamicThead?: boolean;
-    nativeScrollBar?: boolean;
     rowStyle?: CSSProperties | ((row: IRecord, rowIndex: number) => CSSProperties);
     cellStyle?: CSSProperties | ((row: IRecord, column: IColumn, rowIndex: number, columnIndex: number) => CSSProperties);
     mergedCells?: IMergedCell[];
@@ -458,6 +457,8 @@ export type TableBodyRef = {
     setClickedValues: (clicked: IClicked) => void;
     createFocus: (rowKey: IRowKey, dataIndex: string) => void;
     forceUpdate: () => void;
+    resetItemXSize: (columns: IColumn[]) => void;
+    scrollToYIndex: (index: number) => void;
 };
 export type ColumnDefineRef = {
     initialHandler: () => void;