@ecoding/components.antd 0.2.25 → 0.2.27

package/lib/core/async-select/index.d.ts

@@ -23,7 +23,7 @@ interface IProps extends SelectProps<any> {
     data?: IData;
     searchIface?: IFace;
     onChange?: any;
-    onChangeAry?: any;
+    onChangeOpts?: any;
 }
 declare const AsyncSlect: React.FC<IProps>;
 export default AsyncSlect;

package/lib/core/async-select/index.js

@@ -117,9 +117,9 @@ const AsyncSlect = memo((props) => {
         });
         timeout = setTimeout(innerEx, 300);
     });
-    const changeHandler = (v, ary) => {
+    const changeHandler = (v, opts) => {
         props.onChange(v);
-        props.onChangeAry && props.onChangeAry(ary);
+        props.onChangeOpts && props.onChangeOpts(opts);
     };
     const children = useMemo(() => {
         return (options &&

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

@@ -15,6 +15,8 @@ interface IProps {
     offsetY?: number;
     filterTitle?: string;
     columnsTitle?: string;
+    selectType?: "checkbox" | "radio";
+    selectChangeHandler?: any;
 }
 declare const TablePro: React.FC<IProps>;
 export default TablePro;

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

@@ -2,11 +2,12 @@ import React, { memo, useEffect, useMemo, useRef, useState } from 'react';
 import { Popover, Button, Typography, Table } from 'antd';
 import { FilterOutlined, MenuOutlined } from '@ant-design/icons';
 import TableProColumns from "./columns";
-const TablePro = memo(({ className, header, buttonArea, filterArea, searchInputArea, loading, rowKey, dataSource, pagination, offsetY, columns, operationColumn, bordered, columnsTitle, filterTitle }) => {
+const TablePro = memo(({ className, header, buttonArea, filterArea, searchInputArea, loading, rowKey, dataSource, pagination, offsetY, columns, operationColumn, bordered, selectChangeHandler, selectType, columnsTitle, filterTitle }) => {
     const ref = useRef(null);
     const disColumnRef = useRef([]);
     const [y, setY] = useState('100%');
     const [innerColumns, setColumns] = useState(columns);
+    const [selectedRowKeys, setSelectedRowKeys] = useState([]);
     const flexColumnStyle = {
         display: 'flex',
         height: '100%',
@@ -29,6 +30,15 @@ const TablePro = memo(({ className, header, buttonArea, filterArea, searchInputA
         }
         return [];
     }, [innerColumns, dataSource]);
+    const onSelectChange = (newSelectedRowKeys) => {
+        setSelectedRowKeys(newSelectedRowKeys);
+        selectChangeHandler && selectChangeHandler(newSelectedRowKeys);
+    };
+    const rowSelection = {
+        type: selectType,
+        selectedRowKeys,
+        onChange: onSelectChange,
+    };
     useEffect(() => {
         if (disColumnRef.current && disColumnRef.current.length > 0 && columns.length > 0) {
             setColumns(columns.map((c) => {
@@ -46,14 +56,16 @@ const TablePro = memo(({ className, header, buttonArea, filterArea, searchInputA
     useEffect(() => {
         if (ref.current && innerColumns.length > 0) {
             const thead = ref.current.querySelector('thead');
-            setTimeout(() => {
-                if (offsetY && offsetY > 0) {
-                    setY(ref.current.clientHeight - offsetY);
-                }
-                else {
-                    setY(ref.current.clientHeight - (thead.clientHeight && thead.clientHeight + (pagination ? 64 : 20)));
-                }
-            }, 100);
+            if (thead) {
+                setTimeout(() => {
+                    if (offsetY && offsetY > 0) {
+                        setY(ref.current.clientHeight - offsetY);
+                    }
+                    else {
+                        setY(ref.current.clientHeight - (thead.clientHeight && thead.clientHeight + (pagination ? 64 : 20)));
+                    }
+                }, 100);
+            }
         }
     }, [header, loading, innerColumns]);
     return (React.createElement("div", { style: flexColumnStyle, className: className || '' },
@@ -71,7 +83,7 @@ const TablePro = memo(({ className, header, buttonArea, filterArea, searchInputA
                     } },
                     React.createElement(Button, { type: "text", icon: React.createElement(MenuOutlined, null) }, columnsTitle))) : null)),
         dataSource ? (React.createElement("div", { style: { height: '100%', overflow: 'hidden' }, ref: ref },
-            React.createElement(Table, { bordered: bordered, rowKey: rowKey, columns: showColumns, dataSource: dataSource, scroll: { y }, loading: loading, pagination: pagination || false }))) : null));
+            React.createElement(Table, { rowSelection: selectType ? rowSelection : undefined, bordered: bordered, rowKey: rowKey, columns: showColumns, dataSource: dataSource, scroll: { y }, loading: loading, pagination: pagination || false }))) : null));
 });
 TablePro.defaultProps = {
     filterTitle: "筛选",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.2.25",
+    "version": "0.2.27",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -44,5 +44,5 @@
     "dependencies": {
         "react-quill": "^2.0.0"
     },
-    "gitHead": "d70071f8ed2efa6df62ff1dcf2870eefec83e45c"
+    "gitHead": "33d2b463df5bd1ca90fb49b964d671b5e152262e"
 }