@ecoding/components.antd 0.3.44 → 0.3.45

package/lib/core/table-pro/index.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import type { FilterValue, SorterResult, TableCurrentDataSource, TablePaginationConfig, TableLocale } from 'antd/lib/table/interface';
 import type { ColProps } from 'antd/lib/col';
+interface TableProRef {
+    clear: () => void;
+}
 interface IProps {
     className?: string;
     header?: React.ReactNode;
@@ -30,5 +33,5 @@ interface IProps {
     selectChangeHandler?: any;
     locale?: TableLocale;
 }
-declare const TablePro: React.FC<IProps>;
-export default TablePro;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IProps & React.RefAttributes<TableProRef>>>;
+export default _default;

package/lib/core/table-pro/index.js

@@ -1,11 +1,11 @@
-import React, { memo, useEffect, useMemo, useRef, useState } from 'react';
+import React, { memo, useEffect, useMemo, useRef, useState, useImperativeHandle, forwardRef } from 'react';
 import { Popover, Button, Typography, Table } from 'antd';
 import { FilterOutlined, MenuOutlined } from '@ant-design/icons';
 import TableProColumns from "./columns";
 import { getDelateTargetByClassName } from "../../helpers/dom";
 import FilterHorizontal from "./filters.horizontal";
-const TablePro = memo(({ className, header, buttonArea, filterArea, filters, searchInputArea, loading, rowKey, dataSource, pagination, offsetY, columns, operationColumn, bordered, selectChangeHandler, selectType, onChange, expandable, columnsTitle, filterTitle, locale }) => {
-    const ref = useRef(null);
+const TablePro = ({ className, header, buttonArea, filterArea, filters, searchInputArea, loading, rowKey, dataSource, pagination, offsetY, columns, operationColumn, bordered = false, selectChangeHandler, selectType, onChange, expandable, columnsTitle = "显示列", filterTitle = "筛选", locale }, ref) => {
+    const tableRef = useRef(null);
     const disColumnRef = useRef([]);
     const [y, setY] = useState('100%');
     const [innerColumns, setColumns] = useState(columns);
@@ -86,22 +86,27 @@ const TablePro = memo(({ className, header, buttonArea, filterArea, filters, sea
         }
     }, [columns]);
     useEffect(() => {
-        if (ref.current && innerColumns.length > 0) {
-            const thead = ref.current.querySelector('thead');
+        if (tableRef.current && innerColumns.length > 0) {
+            const thead = tableRef.current.querySelector('thead');
             setTimeout(() => {
                 if (offsetY && offsetY > 0) {
-                    if (ref.current) {
-                        setY(ref.current.clientHeight - offsetY);
+                    if (tableRef.current) {
+                        setY(tableRef.current.clientHeight - offsetY);
                     }
                 }
                 else {
-                    if (ref.current && thead) {
-                        setY(ref.current.clientHeight - (thead.clientHeight && thead.clientHeight + (pagination ? 64 : 20)));
+                    if (tableRef.current && thead) {
+                        setY(tableRef.current.clientHeight - (thead.clientHeight && thead.clientHeight + (pagination ? 64 : 20)));
                     }
                 }
             }, 100);
         }
     }, [header, loading, innerColumns]);
+    useImperativeHandle(ref, () => ({
+        clear: () => {
+            setSelectedRowKeys([]);
+        }
+    }));
     return (React.createElement("div", { style: flexColumnStyle, className: className || '' },
         header ? header : null,
         filters ? (React.createElement(FilterHorizontal, Object.assign({ y: y, setY: setY }, filters))) : null,
@@ -117,7 +122,7 @@ const TablePro = memo(({ className, header, buttonArea, filterArea, filters, sea
                         setOpenColumnFilter(newOpen);
                     } },
                     React.createElement(Button, { type: "text", icon: React.createElement(MenuOutlined, null) }, columnsTitle))) : null)),
-        dataSource ? (React.createElement("div", { style: { height: '100%', overflow: 'hidden' }, ref: ref },
+        dataSource ? (React.createElement("div", { style: { height: '100%', overflow: 'hidden' }, ref: tableRef },
             React.createElement(Table, { rowSelection: selectType ? rowSelection : undefined, locale: locale ? locale : undefined, onRow: (record, index) => {
                     return {
                         onClick: (e) => {
@@ -132,10 +137,5 @@ const TablePro = memo(({ className, header, buttonArea, filterArea, filters, sea
                         }, // 点击行
                     };
                 }, expandable: expandable || undefined, bordered: bordered, rowKey: rowKey, columns: showColumns, dataSource: dataSource, scroll: { y }, loading: loading, pagination: pagination || false, onChange: onChange || undefined }))) : null));
-});
-TablePro.defaultProps = {
-    filterTitle: "筛选",
-    columnsTitle: "显示列",
-    bordered: false
 };
-export default TablePro;
+export default memo(forwardRef(TablePro));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.3.44",
+    "version": "0.3.45",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -43,5 +43,5 @@
         "antd": "^5.8.4",
         "axios": "^1.1.2"
     },
-    "gitHead": "7c457d112c0557002ea634938125a865e255ccd9"
+    "gitHead": "05e5da568460902e58b9a156bd4bf72b4ce33411"
 }