@ecoding/components.antd 0.4.18 → 0.4.20

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

@@ -30,7 +30,7 @@ interface IProps extends SelectProps<any> {
     searchIface?: IFace;
     emptyType?: 'null' | 'undefined' | '';
     onChange?: any;
-    onChangeOpts?: any;
+    labelInValue?: boolean;
 }
 declare const AsyncSelect: React.FC<IProps>;
 export default AsyncSelect;

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

@@ -165,7 +165,6 @@ const AsyncSelect = memo((props) => {
             }
         }
         props.onChange && props.onChange(v);
-        props.onChangeOpts && props.onChangeOpts(opts);
     };
     const children = useMemo(() => {
         return (options &&

package/lib/core/drawer/index.js

@@ -49,7 +49,7 @@ export class Drawers extends React.Component {
     }
     render() {
         // if (!this.props.visible) return null;
-        return (React.createElement(Drawer, { className: this.state.className, placement: this.state.placement, height: this.state.height, open: this.state.open, destroyOnClose: true, maskClosable: this.state.maskClosable, keyboard: false, title: this.state.title, extra: this.state.extra === null ? null : this.state.extra ? (this.state.extra) : (React.createElement("div", { className: "tac" },
+        return (React.createElement(Drawer, { className: this.state.className, placement: this.state.placement, height: this.state.height, open: this.state.open, destroyOnHidden: true, maskClosable: this.state.maskClosable, keyboard: false, title: this.state.title, extra: this.state.extra === null ? null : this.state.extra ? (this.state.extra) : (React.createElement("div", { className: "tac" },
                 this.state.addonBefore ? this.state.addonBefore : null,
                 React.createElement(Button, Object.assign({}, this.state.cancelButtonProps, { className: "mr10", key: "back", onClick: this.cancel }), this.state.cancelText),
                 React.createElement(Button, Object.assign({}, this.state.okButtonProps, { danger: this.state.okDanger, key: "submit", type: this.state.okType, loading: this.state.loading, onClick: this.ok }), this.state.okText),

package/lib/core/form.list/index.d.ts

@@ -8,6 +8,7 @@ interface IC {
     name?: string;
     rules?: any;
     width?: number;
+    noStyleHidden?: boolean;
     hideRemove?: boolean | ((field: FormListFieldData, index: number) => boolean);
     render?: (field: FormListFieldData, index: number, { add, remove }: {
         add: any;

package/lib/core/form.list/index.js

@@ -58,6 +58,10 @@ const SortableItem = (props) => {
                             } }, i18n ? i18n.$t("global.del", '删除') : '删除')))));
             }
             else {
+                if (column.noStyleHidden) {
+                    return (React.createElement("td", { style: { display: "none" } },
+                        React.createElement(Form.Item, { noStyle: true, hidden: true, name: [field.name, column.name] }, column.render(field, index, { add, remove }))));
+                }
                 return (React.createElement("td", { style: tdStyle },
                     React.createElement(Form.Item, { style: { marginBottom: 0 }, name: [field.name, column.name], rules: column.rules || [] }, column.render(field, index, { add, remove }))));
             }
@@ -85,6 +89,9 @@ const C = ({ columns, rules, tStyle, name, hideHeader, hideBottom, operation, i1
     const widths = useMemo(() => {
         let w = 60;
         columns.forEach((column) => {
+            if (column.noStyleHidden) {
+                return;
+            }
             w += column.width || 200;
         });
         if (operation) {
@@ -105,7 +112,7 @@ const C = ({ columns, rules, tStyle, name, hideHeader, hideBottom, operation, i1
                             if (column.type == "operation") {
                                 return null;
                             }
-                            return (React.createElement("col", { style: Object.assign({}, { width: column.width || 200 }) }));
+                            return (React.createElement("col", { style: Object.assign({}, { width: column.width || 200 }, column.noStyleHidden ? { display: "none" } : {}) }));
                         }),
                         (operation === null || operation === void 0 ? void 0 : operation.hide) ? null : (React.createElement("col", { style: Object.assign({}, { width: (operation === null || operation === void 0 ? void 0 : operation.width) || 150 }) }))),
                     React.createElement("thead", null, hideHeader ? null : (React.createElement("tr", null,
@@ -115,13 +122,13 @@ const C = ({ columns, rules, tStyle, name, hideHeader, hideBottom, operation, i1
                                 return null;
                             }
                             if (column.require) {
-                                return (React.createElement("th", { style: thStyle },
+                                return (React.createElement("th", { style: Object.assign({}, thStyle, column.noStyleHidden ? { display: "none" } : {}) },
                                     React.createElement("span", { style: { color: '#ff4d4f' } }, "*"),
                                     column.title,
                                     column.tooltip ? (React.createElement(Tooltip, { placement: "top", title: column.tooltip || undefined },
                                         React.createElement(QuestionCircleOutlined, { style: { paddingLeft: 4, color: "rgba(0, 0, 0, 0.45)" } }))) : null));
                             }
-                            return (React.createElement("th", { style: thStyle },
+                            return (React.createElement("th", { style: Object.assign({}, thStyle, column.noStyleHidden ? { display: "none" } : {}) },
                                 column.title,
                                 column.tooltip ? (React.createElement(Tooltip, { placement: "top", title: column.tooltip || undefined },
                                     React.createElement(QuestionCircleOutlined, { style: { paddingLeft: 4, color: "rgba(0, 0, 0, 0.45)" } }))) : null));

package/lib/core/modal/index.js

@@ -46,7 +46,7 @@ export class Modals extends React.Component {
     }
     render() {
         // if (!this.props.visible) return null;
-        return (React.createElement(Modal, { className: this.state.className, wrapClassName: this.state.wrapClassName, open: this.state.open, style: this.state.style, width: this.state.width, zIndex: this.state.zIndex, mask: this.state.mask, title: typeof this.state.title === "string" ? (React.createElement("div", { style: { boxShadow: "inset 0px -1px 0px #F0F0F0", marginBottom: "20px", paddingBottom: "12px" } }, this.state.title)) : (this.state.title), closable: this.state.closable, maskClosable: this.state.maskClosable, onCancel: this.cancel, destroyOnClose: true, keyboard: false, footer: this.state.footer === null ? null : this.state.footer ? (this.state.footer) : (React.createElement(React.Fragment, null,
+        return (React.createElement(Modal, { className: this.state.className, wrapClassName: this.state.wrapClassName, open: this.state.open, style: this.state.style, width: this.state.width, height: this.state.height ? this.state.height : undefined, zIndex: this.state.zIndex, mask: this.state.mask, title: typeof this.state.title === "string" ? (React.createElement("div", { style: { boxShadow: "inset 0px -1px 0px #F0F0F0", marginBottom: "20px", paddingBottom: "12px" } }, this.state.title)) : (this.state.title), closable: this.state.closable, maskClosable: this.state.maskClosable, onCancel: this.cancel, destroyOnHidden: true, keyboard: false, footer: this.state.footer === null ? null : this.state.footer ? (this.state.footer) : (React.createElement(React.Fragment, null,
                 this.state.addonBefore ? this.state.addonBefore : null,
                 React.createElement(Button, Object.assign({}, this.state.cancelButtonProps, { key: "back", onClick: this.cancel }), this.state.cancelText),
                 React.createElement(Button, Object.assign({}, this.state.okButtonProps, { danger: this.state.okDanger, key: "submit", type: this.state.okType, loading: this.state.loading, onClick: this.ok }), this.state.okText),

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

@@ -3,7 +3,8 @@ import type { FilterValue, SorterResult, TableCurrentDataSource, TablePagination
 import type { ColProps } from 'antd/lib/col';
 interface TableProRef {
     clear: () => void;
-    setSelectedRowKeys: (key: string[]) => void;
+    setSelectedRowKeys: (key: React.Key[]) => void;
+    getSelectedRowKeys: () => React.Key[];
 }
 interface IProps {
     className?: string;
@@ -27,6 +28,7 @@ interface IProps {
     bordered?: boolean;
     dataSource: any;
     columns: any[];
+    selectKeys?: React.Key[];
     operationColumn?: any[];
     pagination?: any;
     offsetY?: number;
@@ -35,7 +37,7 @@ interface IProps {
     filterTitle?: string;
     columnsTitle?: string;
     selectType?: "checkbox" | "radio";
-    selectChangeHandler?: any;
+    selectChangeHandler?: (keys: React.Key[], selectedRows: any[]) => void;
     i18n?: any;
     locale?: TableLocale;
 }

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

@@ -1,15 +1,17 @@
 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 { isEqual } from "@ecoding/helper.is";
 import TableProColumns from "./columns";
 import { getDelateTargetByClassName } from "../../helpers/dom";
 import FilterHorizontal from "./filters.horizontal";
-const TablePro = ({ className, header, buttonArea, filterArea, filters, searchInputArea, loading, rowKey, dataSource, pagination, offsetY, columns, operationColumn, bordered = false, selectChangeHandler, selectType, onChange, expandable, columnsTitle, filterTitle, locale, scrollY = '100%', scrollX, i18n, }, ref) => {
+const TablePro = ({ className, header, buttonArea, filterArea, filters, searchInputArea, loading, rowKey, dataSource, pagination, offsetY, columns, operationColumn, bordered = false, selectChangeHandler, selectType, selectKeys, onChange, expandable, columnsTitle, filterTitle, locale, scrollY = '100%', scrollX, i18n, }, ref) => {
     const tableRef = useRef(null);
     const disColumnRef = useRef([]);
     const [y, setY] = useState(scrollY);
     const [innerColumns, setColumns] = useState(columns);
     const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+    const [selectedRows, setSelectedRows] = useState([]);
     const flexColumnStyle = {
         display: 'flex',
         height: '100%',
@@ -51,7 +53,7 @@ const TablePro = ({ className, header, buttonArea, filterArea, filters, searchIn
             tempKeys.splice(index, 1);
         }
         setSelectedRowKeys(tempKeys);
-        selectChangeHandler && selectChangeHandler(tempKeys);
+        selectChangeHandler && selectChangeHandler(tempKeys, selectedRows);
     };
     const onSelectAll = (selected, selectedRows, changeRows) => {
         let tempKeys = selectedRowKeys.concat([]);
@@ -68,15 +70,20 @@ const TablePro = ({ className, header, buttonArea, filterArea, filters, searchIn
             }
         });
         setSelectedRowKeys(tempKeys);
-        selectChangeHandler && selectChangeHandler(tempKeys);
+        selectChangeHandler && selectChangeHandler(tempKeys, selectedRows);
     };
-    const rowSelection = {
+    const rowSelection = Object.assign({}, {
         type: selectType,
         selectedRowKeys,
+    }, selectType === 'checkbox' ? {
         onSelect: onSelect,
         onSelectAll: onSelectAll
-        // onChange: onSelectChange
-    };
+    } : {}, selectType === 'radio' ? {
+        onChange: (selectedRowKeys, selectedRows) => {
+            setSelectedRowKeys(selectedRowKeys);
+            selectChangeHandler && selectChangeHandler(selectedRowKeys, selectedRows);
+        }
+    } : {});
     useEffect(() => {
         if (disColumnRef.current && disColumnRef.current.length > 0 && columns.length > 0) {
             setColumns(columns.map((c) => {
@@ -108,12 +115,20 @@ const TablePro = ({ className, header, buttonArea, filterArea, filters, searchIn
             }, 100);
         }
     }, [header, loading, innerColumns]);
+    useEffect(() => {
+        if (selectKeys && selectKeys.length > 0 && !isEqual(selectedRowKeys, selectKeys)) {
+            setSelectedRowKeys(selectKeys);
+        }
+    }, [selectKeys]);
     useImperativeHandle(ref, () => ({
         clear: () => {
             setSelectedRowKeys([]);
         },
         setSelectedRowKeys: (keys) => {
             setSelectedRowKeys(keys);
+        },
+        getSelectedRowKeys: () => {
+            return selectedRowKeys;
         }
     }));
     return (React.createElement("div", { style: flexColumnStyle, className: className || '' },
@@ -121,7 +136,7 @@ const TablePro = ({ className, header, buttonArea, filterArea, filters, searchIn
         filters ? (React.createElement(FilterHorizontal, Object.assign({ y: y, setY: setY }, filters, { i18n: i18n }))) : null,
         React.createElement("div", { style: operationWrap },
             buttonArea ? React.createElement("div", null, buttonArea) : React.createElement("div", null),
-            React.createElement("div", null,
+            React.createElement("div", { style: { display: 'flex' } },
                 searchInputArea ? searchInputArea : null,
                 filterArea ? (React.createElement(Popover, { placement: "leftBottom", title: React.createElement(Typography.Title, { level: 5 }, filterTitleStr), content: React.cloneElement(filterArea, { hide: hideOpenFilter }), trigger: "click", open: openFilter, onOpenChange: (newOpen) => {
                         setOpenFilter(newOpen);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.4.18",
+    "version": "0.4.20",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -47,5 +47,5 @@
         "antd": "5.27.0",
         "axios": "^1.1.2"
     },
-    "gitHead": "0b06f78f06fce0cee8c4e16b59560eaa1f3ff288"
+    "gitHead": "571168c21c039e8eed8da932957c8b567fa22abb"
 }