xmirror-components 1.0.27 → 1.0.28-alpha.2

package/build/lib/components/Table/Footer/index.js

@@ -0,0 +1,119 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_intl_1 = require("react-intl");
+var antd_1 = require("antd");
+var react_transition_group_1 = require("react-transition-group");
+var icons_1 = require("@ant-design/icons");
+require("./index.less");
+function Index(props) {
+    var _a, _b, _c;
+    var transitionNodeRef = (0, react_1.useRef)(null);
+    var _d = props, pagination = _d.pagination, _e = _d.rowSelection, rowSelection = _e === void 0 ? { selectedRowKeys: [], onChange: function () { } } : _e, _f = _d.dataSource, dataSource = _f === void 0 ? [] : _f, _g = _d.selectionPopover, selectionPopover = _g === void 0 ? false : _g;
+    /**
+     * 选中所有
+     * @param checked 选中状态
+     */
+    var changeCheckAll = function (_a) {
+        var checked = _a.target.checked;
+        var _b = props.rowKey, rowKey = _b === void 0 ? 'id' : _b;
+        if (!rowSelection || !rowSelection.onChange)
+            return;
+        if (checked) {
+            var getCheckboxProps_1 = rowSelection.getCheckboxProps;
+            var tableData = dataSource;
+            if (getCheckboxProps_1) {
+                tableData = dataSource.filter(function (item) {
+                    var data = getCheckboxProps_1(item);
+                    return !data.disabled;
+                });
+            }
+            // rowKey 可能为字符串或函数，这里只处理字符串情况
+            var keyGetter = typeof rowKey === 'function' ? rowKey : function (item) { return item[rowKey]; };
+            rowSelection.onChange(Array.from(tableData.map(keyGetter)), Array.from(tableData), { type: 'none' });
+        }
+        else {
+            rowSelection.onChange([], [], { type: 'none' });
+        }
+    };
+    /**
+     * optionalNum 可选的数量
+     * @return {number}
+     */
+    var optionalNum = (0, react_1.useMemo)(function () {
+        var getCheckboxProps = rowSelection.getCheckboxProps;
+        var tableData = dataSource;
+        if (getCheckboxProps) {
+            tableData = dataSource.filter(function (item) {
+                var data = getCheckboxProps(item);
+                return !data.disabled;
+            });
+        }
+        return tableData.length;
+    }, [dataSource, rowSelection]);
+    /**
+     * indeterminate 选了,但没全选
+     * @return {boolean}
+     */
+    var indeterminate = (0, react_1.useMemo)(function () {
+        var _a;
+        var selectedRowKeys = (_a = rowSelection.selectedRowKeys) !== null && _a !== void 0 ? _a : [];
+        return !!(selectedRowKeys.length > 0 && selectedRowKeys.length < optionalNum);
+    }, [rowSelection.selectedRowKeys, optionalNum]);
+    /**
+     * checked 选中状态
+     * @return {boolean}
+     */
+    var checked = (0, react_1.useMemo)(function () {
+        var _a;
+        var selectedRowKeys = (_a = rowSelection.selectedRowKeys) !== null && _a !== void 0 ? _a : [];
+        return !!(selectedRowKeys.length > 0 && selectedRowKeys.length === optionalNum);
+    }, [rowSelection.selectedRowKeys, optionalNum]);
+    return (react_1.default.createElement("div", { className: "table-footer" },
+        react_1.default.createElement(react_transition_group_1.CSSTransition, { in: Boolean(props.rowSelection && props.selectionPopover && (checked || indeterminate)), nodeRef: transitionNodeRef, classNames: "zoom", unmountOnExit: true, timeout: 300 },
+            react_1.default.createElement(antd_1.Row, { ref: transitionNodeRef, className: "table-batch-dialog", justify: "space-between" },
+                react_1.default.createElement(antd_1.Col, { style: { display: 'flex', alignItems: 'center' } },
+                    react_1.default.createElement(antd_1.Checkbox, { checked: checked, indeterminate: indeterminate, onChange: changeCheckAll },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "component.table.selected", defaultMessage: '已选{length}条', values: {
+                                length: (_b = (_a = rowSelection.selectedRowKeys) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0
+                            } }))),
+                react_1.default.createElement(antd_1.Col, { style: { display: 'flex', alignItems: 'center' } },
+                    selectionPopover,
+                    react_1.default.createElement("span", { className: "btn-close", onClick: function () { changeCheckAll({ target: { checked: false } }); } },
+                        react_1.default.createElement(icons_1.CloseOutlined, null))))),
+        pagination && (react_1.default.createElement("span", { className: "table-footer-total" }, pagination.showTotal ? pagination.showTotal((_c = pagination.total) !== null && _c !== void 0 ? _c : 0, [0, 0]) : null))));
+}
+exports.default = Index;

package/build/lib/components/Table/PopoverSetColumns/index.js

@@ -0,0 +1,212 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var react_intl_1 = require("react-intl");
+var icons_1 = require("@ant-design/icons");
+// import { message, IconFont } from 'xmirror-components'
+var AntdApp_1 = require("../../AntdApp");
+var IconFont_1 = __importDefault(require("../../IconFont"));
+require("./index.less");
+function PopoverSetColumns(_a) {
+    var order = _a.order, visibleItems = _a.visibleItems, _b = _a.columns, columns = _b === void 0 ? [] : _b, onChangeOrder = _a.onChangeOrder, columnsVisible = _a.columnsVisible, columnsSort = _a.columnsSort, onChangeVisible = _a.onChangeVisible;
+    var dragged = (0, react_1.useRef)(null);
+    var over = (0, react_1.useRef)(null);
+    /**
+     * 开始拖拽字段
+     * @param event{React.DragEvent<HTMLLIElement>}
+     * */
+    var dragStart = function (event) {
+        dragged.current = event.currentTarget;
+    };
+    /**
+     * 拖拽结束
+     * @param event{React.DragEvent<HTMLLIElement>}
+     * */
+    var dragEnd = function (event) {
+        if (!over.current || !dragged.current) {
+            return;
+        }
+        dragged.current.style.display = 'block';
+        event.currentTarget.classList.remove('drag-up');
+        over.current.classList.remove('drag-up');
+        event.currentTarget.classList.remove('drag-down');
+        over.current.classList.remove('drag-down');
+        var newOrder = __spreadArray([], order, true);
+        var from = Number(dragged.current.dataset.index);
+        var to = Number(over.current.dataset.index);
+        newOrder.splice(to, 0, newOrder.splice(from, 1)[0]);
+        onChangeOrder(newOrder);
+    };
+    /**
+     * 拖拽中
+     * @param event{React.DragEvent<HTMLUListElement>}
+     * */
+    var dragOver = function (event) {
+        event.preventDefault();
+        if (!dragged.current)
+            return;
+        dragged.current.style.display = 'none';
+        var target = event.target;
+        if (target.tagName !== 'LI') {
+            return;
+        }
+        var dgIndex = dragged.current.dataset.index;
+        var taIndex = target.dataset.index;
+        var id = target.dataset.id;
+        if (!id || notDraggableIds.includes(id)) {
+            return;
+        }
+        if (!dgIndex || !taIndex)
+            return;
+        var animateName = dgIndex > taIndex ? 'drag-up' : 'drag-down';
+        if (over.current && target.dataset.index !== over.current.dataset.index) {
+            over.current.classList.remove('drag-up', 'drag-down');
+        }
+        if (!target.classList.contains(animateName)) {
+            target.classList.add(animateName);
+            over.current = target;
+        }
+    };
+    /**
+     * 列显示隐藏
+     * @param event{CheckboxChangeEvent}
+     * @param dataIndex{array|string} 列表字段（columns）的 dataIndex
+     * */
+    var changeVisible = function (_a, _b) {
+        var checked = _a.target.checked;
+        var dataIndex = _b.dataIndex;
+        if (visibleItems.length === 1 && !checked) {
+            AntdApp_1.message.error(react_1.default.createElement(react_intl_1.FormattedMessage, { id: "component.table.visibleError", defaultMessage: '列表最少保留一个字段' }));
+            return;
+        }
+        var id = Array.isArray(dataIndex) ? dataIndex.join(',') : dataIndex;
+        var newVisibleItems = __spreadArray([], visibleItems, true);
+        if (checked) {
+            newVisibleItems.push(id);
+        }
+        else {
+            newVisibleItems.splice(newVisibleItems.indexOf(id), 1);
+        }
+        onChangeVisible(newVisibleItems);
+    };
+    /**
+     * 不可拖拽字段的 dataIndex
+     * */
+    var notDraggableIds = (0, react_1.useMemo)(function () {
+        var arr = [];
+        for (var _i = 0, columns_1 = columns; _i < columns_1.length; _i++) {
+            var item = columns_1[_i];
+            if (item.columnSortDisabled && ('dataIndex' in item)) {
+                var dataIndex = void 0;
+                if (Array.isArray(item.dataIndex)) {
+                    dataIndex = item.dataIndex.join(',');
+                }
+                else {
+                    dataIndex = item.dataIndex;
+                }
+                arr.push(dataIndex);
+            }
+        }
+        return arr;
+    }, [columns]);
+    /**
+     * 渲染到页面上的列表
+     * */
+    var renderList = (0, react_1.useMemo)(function () {
+        return order.map(function (item, index) {
+            var column;
+            for (var _i = 0, columns_2 = columns; _i < columns_2.length; _i++) {
+                var col = columns_2[_i];
+                if ('dataIndex' in col) {
+                    var dataIndex = void 0;
+                    if (Array.isArray(col.dataIndex)) {
+                        dataIndex = col.dataIndex.join(',');
+                    }
+                    else {
+                        dataIndex = col.dataIndex;
+                    }
+                    if (item === dataIndex) {
+                        column = col;
+                        break;
+                    }
+                }
+            }
+            if (!column || !('dataIndex' in column)) {
+                return '';
+            }
+            var draggable = columnsSort && column && !column.columnSortDisabled;
+            var id;
+            if (column && Array.isArray(column.dataIndex)) {
+                id = column.dataIndex.join(',');
+            }
+            else if (column) {
+                id = column.dataIndex;
+            }
+            var checked = typeof id === 'string' && visibleItems.includes(id);
+            return column
+                ? (react_1.default.createElement("li", { key: Array.isArray(column.dataIndex) ? column.dataIndex.join(',') : String(column.dataIndex), draggable: draggable, onDragEnd: dragEnd, onDragStart: dragStart, "data-index": index, "data-id": Array.isArray(column.dataIndex) ? column.dataIndex.join(',') : String(column.dataIndex) },
+                    columnsSort && react_1.default.createElement(icons_1.HolderOutlined, { className: "icon-drag" }),
+                    columnsVisible &&
+                        react_1.default.createElement(antd_1.Checkbox, { style: { marginRight: '10px' }, checked: Boolean(checked), disabled: column.columnVisibleDisabled, onChange: function (event) { changeVisible(event, column); } }),
+                    typeof column.title === 'function' ? column.title({}) : column.title))
+                : null;
+        });
+    }, [order, visibleItems, columns, columnsSort, columnsVisible]);
+    return (react_1.default.createElement(antd_1.Popover, { overlayClassName: "table-columns-setting-popover", content: react_1.default.createElement("ul", { onDragOver: dragOver, className: "table-columns-setting-wrapper" }, renderList), trigger: "click", align: {
+            offset: [-60, -14]
+        } },
+        react_1.default.createElement(IconFont_1.default, { type: "icon-setting", style: {
+                float: 'right',
+                fontSize: '17px',
+                lineHeight: 1,
+                marginTop: '2px',
+                fontWeight: 500
+            } })));
+}
+exports.default = PopoverSetColumns;

package/build/lib/components/Table/index.js

@@ -0,0 +1,227 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var ahooks_1 = require("ahooks");
+var icons_1 = require("@ant-design/icons");
+var PopoverSetColumns_1 = __importDefault(require("./PopoverSetColumns"));
+var Footer_1 = __importDefault(require("./Footer"));
+require("./index.less");
+function Index(props, ref) {
+    var _a = props.columns, columns = _a === void 0 ? [] : _a, columnsSort = props.columnsSort, columnsVisible = props.columnsVisible, _b = props.tableId, tableId = _b === void 0 ? '' : _b, pagination = props.pagination, dataSource = props.dataSource;
+    var pathname = location.pathname;
+    var _tableId = pathname + tableId;
+    var _c = (0, ahooks_1.useLocalStorageState)('TABLE_' + _tableId, {
+        defaultValue: null
+    }), tableCache = _c[0], setTableCache = _c[1];
+    var _d = (0, react_1.useState)([]), order = _d[0], setOrder = _d[1];
+    var _e = (0, react_1.useState)([]), visibleItems = _e[0], setVisibleItems = _e[1];
+    var tableRef = (0, react_1.useRef)(null);
+    /**
+     * 修改字段顺序
+     * @param newOrder{array} 新顺序
+     * */
+    var changeOrder = function (newOrder) {
+        setOrder(newOrder);
+        setCache(newOrder, visibleItems);
+    };
+    /**
+     * 修改显示的字段
+     * @param visibleItems{array} 显示的字段列表
+     * */
+    var changeVisibleItems = function (visibleItems) {
+        setVisibleItems(visibleItems);
+        setCache(order, visibleItems);
+    };
+    /**
+     * 把排序和显示储存到浏览器
+     * @param visibleItems{array} 显示的字段列表
+     * @param newOrder{array} 新顺序
+     * */
+    var setCache = function (newOrder, visibleItems) {
+        setTableCache({
+            order: newOrder,
+            visibleItems: visibleItems
+        });
+    };
+    /**
+     * 初始化字段的排序和显示隐藏
+     * */
+    var initColumnsSort = function () {
+        if (tableCache) {
+            setOrder(tableCache.order);
+            setVisibleItems(tableCache.visibleItems);
+        }
+        else {
+            var orderDataIndex = [];
+            var visibleDataIndex = [];
+            for (var _i = 0, columns_1 = columns; _i < columns_1.length; _i++) {
+                var item = columns_1[_i];
+                var id = void 0;
+                if ('dataIndex' in item) {
+                    if (Array.isArray(item.dataIndex)) {
+                        id = item.dataIndex.join(',');
+                    }
+                    else {
+                        id = item.dataIndex;
+                    }
+                    orderDataIndex.push(id);
+                    if (!('columnVisible' in item && !item.columnVisible)) {
+                        visibleDataIndex.push(id);
+                    }
+                }
+            }
+            setOrder(orderDataIndex);
+            setVisibleItems(visibleDataIndex);
+        }
+    };
+    /**
+     * 初始化设置按钮
+     * @param column{object} 列表字段，加入按钮的字段
+     * */
+    var initSettingButton = function (column) {
+        var newColumn = __assign({}, column);
+        var columnTitleRender = function (children) {
+            return (react_1.default.createElement("span", null,
+                children,
+                react_1.default.createElement(PopoverSetColumns_1.default, { onChangeOrder: changeOrder, onChangeVisible: changeVisibleItems, order: order, columnsSort: columnsSort, visibleItems: visibleItems, columns: columns, columnsVisible: columnsVisible })));
+        };
+        if (typeof column.title === 'function') {
+            newColumn.title = function (props) {
+                return columnTitleRender(column.title(props));
+            };
+        }
+        else {
+            newColumn.title = columnTitleRender(column.title);
+        }
+        return newColumn;
+    };
+    var renderDefaultColumn = function (value) {
+        return value !== null && value !== undefined && value !== ''
+            ? (react_1.default.createElement(antd_1.Tooltip, { title: value, placement: "topLeft" },
+                react_1.default.createElement("span", { className: 'column-ellipsis' }, value)))
+            : '-';
+    };
+    /**
+     * 展示在页面上的列表字段
+     * */
+    var renderColumns = (0, react_1.useMemo)(function () {
+        var returnColumns = columns;
+        if (!columnsSort && !columnsVisible) {
+            returnColumns = columns;
+        }
+        else {
+            var newColumns_1 = [];
+            order.filter(function (item) {
+                return visibleItems.includes(item);
+            }).forEach(function (item, index, array) {
+                for (var _i = 0, columns_2 = columns; _i < columns_2.length; _i++) {
+                    var column = columns_2[_i];
+                    if ('dataIndex' in column) {
+                        var dataIndex = void 0;
+                        if (Array.isArray(column.dataIndex)) {
+                            dataIndex = column.dataIndex.join(',');
+                        }
+                        else {
+                            dataIndex = column.dataIndex;
+                        }
+                        if (item === dataIndex) {
+                            if ((columnsSort || columnsVisible) && (index === array.length - 1)) {
+                                /***
+                                 * 如果是 columnsSort 是 true 就把排序按钮放最后一个字段上
+                                 * */
+                                newColumns_1.push(initSettingButton(column));
+                            }
+                            else {
+                                newColumns_1.push(column);
+                            }
+                            break;
+                        }
+                    }
+                }
+            });
+            returnColumns = newColumns_1;
+        }
+        return returnColumns.map(function (item) {
+            if (item.filters && !item.filterIcon) {
+                item.filterIcon = (react_1.default.createElement(icons_1.DownOutlined, { type: "icon-xiajiantou", style: { fontWeight: 500 } }));
+            }
+            if (item.ellipsis === false) {
+                item.ellipsis = false;
+            }
+            else {
+                var ellipsisConfig = item.ellipsis || {};
+                item.ellipsis = __assign({ showTitle: false }, ellipsisConfig);
+                if (!item.render) {
+                    item.render = renderDefaultColumn;
+                }
+            }
+            return item;
+        });
+    }, [order, visibleItems, columns]);
+    var paginationProps = (0, react_1.useMemo)(function () {
+        if (props.pagination) {
+            return __assign(__assign({}, (pagination || {})), { showTotal: function () {
+                    return dataSource && dataSource.length > 0 && (react_1.default.createElement(Footer_1.default, __assign({}, props)));
+                } });
+        }
+        else {
+            return false;
+        }
+    }, [pagination]);
+    (0, react_1.useEffect)(function () {
+        initColumnsSort();
+    }, []);
+    return (react_1.default.createElement("div", { className: "table-wrapper", style: { position: 'relative' }, ref: ref },
+        react_1.default.createElement(antd_1.Table, __assign({ ref: tableRef, scroll: {
+                x: 900
+            } }, props, { pagination: paginationProps, columns: renderColumns }))));
+}
+exports.default = react_1.default.forwardRef(Index);

package/build/lib/components/Table/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/lib/index.d.ts

@@ -95,7 +95,7 @@ declare interface ConfigProviderProps {
 
 export declare function GlobalLoading(): default_2.JSX.Element;
 
-export declare const IconButton: (props: IconButtonProps) => default_2.JSX.Element;
+export declare const IconButton: default_2.ForwardRefExoticComponent<IconButtonProps & default_2.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 
 declare type IconButtonConfig = Pick<IconButtonProps, 'size' | 'className' | 'style'> & {
     render: (props: IconButtonProps & {

package/build/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmirror-components",
-  "version": "1.0.27",
+  "version": "1.0.28-alpha.2",
   "type": "module",
   "main": "build/lib/index.js",
   "module": "build/es/index.js",

package/build/types/components/IconButton/index.d.ts

@@ -52,5 +52,5 @@ export interface IconButtonProps extends Omit<ButtonTooltipProps, 'children'> {
      */
     flag?: string | number;
 }
-declare const IconButton: (props: IconButtonProps) => React.JSX.Element;
-export default IconButton;
+declare const _default: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export default _default;

package/build/types/components/Table/Footer/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+import type { TableComponentProps } from '../types';
+declare function Index(props: TableComponentProps): React.JSX.Element;
+export default Index;

package/build/types/components/Table/PopoverSetColumns/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type TableComponentProps } from '../types';
+import './index.less';
+interface PopoverSetColumnsProps {
+    order: string[];
+    visibleItems: string[];
+    columns: TableComponentProps['columns'];
+    onChangeOrder: (newOrder: string[]) => void;
+    columnsVisible: TableComponentProps['columnsVisible'];
+    columnsSort: TableComponentProps['columnsSort'];
+    onChangeVisible: (newVisibleItems: string[]) => void;
+}
+declare function PopoverSetColumns({ order, visibleItems, columns, onChangeOrder, columnsVisible, columnsSort, onChangeVisible }: PopoverSetColumnsProps): React.JSX.Element;
+export default PopoverSetColumns;

package/build/types/components/Table/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AnyObject, TableComponentProps } from './types';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<TableComponentProps<AnyObject> & React.RefAttributes<HTMLDivElement>>;
+export default _default;