dcp-design-react 1.12.16 → 1.12.17

package/lib/style/mixins/reset.less

@@ -1,37 +1,37 @@
-/*
- * @Author: 焦质晔
- * @Date: 2021-07-23 18:58:43
- * @Last Modified by:   焦质晔
- * @Last Modified time: 2021-07-23 18:58:43
- */
-@import '../themes/index';
-
-.reset-container() {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: @--text-color;
-  font-variant: @font-variant-base;
-  line-height: @--line-height-base;
-  list-style: none;
-  font-feature-settings: @font-feature-settings-base;
-}
-
-.box-sizing-content() {
-  box-sizing: border-box;
-}
-
-.text-overflow-cut() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.text-ellipsis-2 () {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 18:58:43
+ * @Last Modified by:   焦质晔
+ * @Last Modified time: 2021-07-23 18:58:43
+ */
+@import '../themes/index';
+
+.reset-container() {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: @--text-color;
+  font-variant: @font-variant-base;
+  line-height: @--line-height-base;
+  list-style: none;
+  font-feature-settings: @font-feature-settings-base;
+}
+
+.box-sizing-content() {
+  box-sizing: border-box;
+}
+
+.text-overflow-cut() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.text-ellipsis-2 () {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

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

@@ -23,5 +23,5 @@ export type NodeType = {
     data: IRecord;
     props: IProps;
 };
-declare const DraggableTr: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
+declare const DraggableTr: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLTableRowElement>>;
 export default DraggableTr;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { IColumn, IRecord, IRowKey } from '../table/types';
+import { type CellEditRef } from '../edit';
 type ICellProps = {
     row: IRecord;
     column: IColumn;
@@ -9,5 +10,5 @@ type ICellProps = {
     showTitle?: boolean;
     onUnmount?: () => void;
 };
-declare const Cell: React.ForwardRefExoticComponent<ICellProps & React.RefAttributes<any>>;
+declare const Cell: React.ForwardRefExoticComponent<ICellProps & React.RefAttributes<CellEditRef>>;
 export default Cell;

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

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-import type { TableBodyRef, IColumn, IFetchParams, IPagination, IRecord, IRowColSpan, IRowKey, IRule, IMergeCellItem, IMergedCell } from '../table/types';
+import type { IColumn, IFetchParams, IPagination, IRecord, IRowColSpan, IRowKey, IRule, IMergeCellItem, IMergedCell } from '../table/types';
 import type { ITableRef } from '../hooks/useTableRef';
 import type { ITableState } from '../hooks/useTableState';
 import type { ComponentSize } from '../../../_utils/types';
 export type ITableContext = {
     getRowKey: (row: IRecord, index: number) => IRowKey;
     tableRef: React.MutableRefObject<ITableRef>;
-    tableBodyRef: React.RefObject<TableBodyRef>;
     prefixCls: string;
     $size: ComponentSize;
     tableFlatData: IRecord[];
@@ -14,7 +13,7 @@ export type ITableContext = {
     editableColumns: IColumn[];
     leftFixedColumns: IColumn[];
     rightFixedColumns: IColumn[];
-    treeExpandIndex: string;
+    expandIconIndex: string;
     sorter: ITableState['sorter'];
     filters: ITableState['filters'];
     superFilters: ITableState['superFilters'];

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

@@ -7,7 +7,7 @@ type ICellEditProps = {
     columnKey: string;
     children?: React.ReactNode;
 };
-type CellEditRef = {
+export type CellEditRef = {
     focus: () => void;
     blur: () => void;
     isEditable: () => boolean;

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

@@ -1,11 +1,10 @@
 import React from 'react';
 import type { ITableRef } from './useTableRef';
-import type { getRowKeyType, IColumn, IFetchParams, IPagination, IRecord, IRowKey, IRule, IValidItem, TableRef, ToolBoxRef, TableBodyRef, ColumnDefineRef } from '../table/types';
+import type { getRowKeyType, IColumn, IFetchParams, IPagination, IRecord, IRowKey, IRule, IValidItem, TableRef, ToolBoxRef, ColumnDefineRef } from '../table/types';
 type IExtra = {
     getRowKey: getRowKeyType;
     tableRef: React.MutableRefObject<ITableRef>;
     toolBoxRef: React.RefObject<ToolBoxRef>;
-    tableBodyRef: React.RefObject<TableBodyRef>;
     columnFilterRef: React.RefObject<ColumnDefineRef>;
     flattenColumns: IColumn[];
     editableColumns: IColumn[];

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

@@ -1,10 +1,9 @@
 import React from 'react';
 import type { ITableRef } from './useTableRef';
-import type { TableBodyRef, IColumn, IPagination, IRowKey, ITableProps, IDerivedRowKeys } from '../table/types';
+import type { IColumn, IPagination, IRowKey, ITableProps, IDerivedRowKeys } from '../table/types';
 import type { ComponentSize } from '../../../_utils/types';
 type IExtra = {
     tableRef: React.MutableRefObject<ITableRef>;
-    tableBodyRef: React.RefObject<TableBodyRef>;
     $size: ComponentSize;
     pagination: IPagination;
     selectionKeys: IDerivedRowKeys;

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, TableBodyRef } from '../table/types';
+import type { IColumn, IMergeCellItem, IRecord, IRowKey, ITableProps } from '../table/types';
 import type { ITableState } from './useTableState';
 import type { ITableRef } from './useTableRef';
 import type { ComponentSize } from '../../../_utils/types';
@@ -9,7 +9,6 @@ type IExtra = {
     tableRef: React.MutableRefObject<ITableRef>;
     topElementRef: React.RefObject<HTMLDivElement>;
     tableElementRef: React.RefObject<HTMLDivElement>;
-    tableBodyRef: React.RefObject<TableBodyRef>;
     $size: ComponentSize;
     tableColumns: IColumn[];
     flattenColumns: IColumn[];

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

@@ -29,7 +29,7 @@ declare const useTableMemo: <T extends ITableProps>(props: T, extra: IExtra) =>
     rightFixedColumns: IColumn[];
     tableRowHeight: number;
     derivedMergeCells: IMergeCellItem[];
-    treeExpandIndex: string;
+    expandIconIndex: string;
     showSummary: boolean;
     showFooter: boolean;
     isHeadGroup: boolean;

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

@@ -3,7 +3,7 @@ import TableManager from '../manager';
 import Store from '../store';
 import type { Nullable } from '../../../_utils/types';
 import type { ScrollbarRef } from '../../../scrollbar/src/scrollbar';
-import type { getRowKeyType, IColumn, IFieldAuthItem, InsertMode, IRecord, IRowKey, ITableProps } from '../table/types';
+import type { getRowKeyType, IColumn, IFieldAuthItem, InsertMode, IRecord, IRowKey, ITableProps, TableBodyRef } from '../table/types';
 export type ITableRef = {
     props: ITableProps;
     uid: string;
@@ -16,6 +16,7 @@ export type ITableRef = {
     fieldAuth: Record<string, IFieldAuthItem>;
     columnsDefined: boolean;
     scrollBarRef: React.RefObject<ScrollbarRef>;
+    tableBodyRef: React.RefObject<TableBodyRef>;
     store: Store;
     resizeState: {
         width: number;
@@ -53,7 +54,7 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey }: IExt
     setSummaries: (option: ITableRef['summaries']) => void;
     setScrollXLoad: (value: boolean) => void;
     setScrollYLoad: (value: boolean) => void;
-    setSelectionRows: (selectKeys: IRecord[]) => void;
+    setSelectionRows: (records: IRecord[]) => void;
     setUnMounted: (value: boolean) => void;
     clearElementStore: () => void;
     props: ITableProps;
@@ -67,6 +68,7 @@ declare const useTableRef: <T extends ITableProps>(props: T, { getRowKey }: IExt
     fieldAuth: Record<string, IFieldAuthItem>;
     columnsDefined: boolean;
     scrollBarRef: React.RefObject<ScrollbarRef>;
+    tableBodyRef: React.RefObject<TableBodyRef>;
     store: Store;
     resizeState: {
         width: number;

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

@@ -253,6 +253,14 @@ export type ISummation = {
     };
     onChange?: (summationRows: Record<string, number | string>[]) => void;
 };
+export type ITreeDropEvent = {
+    node: IRecord;
+    dragNode: IRecord;
+    dragNodesKeys: IRowKey[];
+    dropPosition: number;
+    dropToGap?: boolean;
+    event: React.MouseEvent<HTMLElement>;
+};
 export type IExportExcel = {
     fileName?: string;
     fetch?: {
@@ -373,7 +381,7 @@ export type ITableProps = {
         tableData: IRecord[];
     }) => IRowColSpan | [number, number];
     rowDraggable?: boolean;
-    beforeRowDrop?: (options: any, tableData: IRecord[]) => boolean;
+    beforeRowDrop?: (options: ITreeDropEvent, tableData: IRecord[]) => boolean;
     initialSorter?: ISorter;
     initialFilter?: IFilter;
     rowSelection?: IRowSelection;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import dayjs, { Dayjs } from 'dayjs';
-import type { IColumn, IDerivedRowKeys, IMergeCellItem, IRecord, IRowKey, ISorter } from '../table/types';
+import dayjs, { type Dayjs } from 'dayjs';
+import type { IColumn, IDerivedRowKeys, IFilter, IMergeCellItem, IRecord, IRowKey, ISorter } from '../table/types';
 import type { Nullable, AnyObject } from '../../../_utils/types';
 export declare const columnsFlatMap: (columns: IColumn[]) => IColumn[];
 export declare const createFilterColumns: (columns: IColumn[]) => IColumn[];
@@ -36,6 +36,8 @@ export declare const formatDisplayPrecision: (value: number | string, precision:
 export declare const stringToNumber: (value: string) => number | '';
 export declare const getDate: (dateString: string | undefined, format: string) => dayjs.Dayjs | null;
 export declare const formatDate: (date: Dayjs | Date | null, format: string) => string;
+export declare const formatSorterValue: (sorter: ISorter) => ISorter;
+export declare const formatFilterValue: (filters: IFilter, showFilterType: boolean) => IFilter;
 export declare const createUidKey: (prefix?: string) => string;
 export declare const getTextFromVNode: <T extends string | number>(node: React.ReactNode | T) => T[];
 export declare const getTHeadTitle: (title: React.ReactNode | string) => string;