xmirror-components 1.0.1 → 1.0.3

package/build/es/Table/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/build/es/Table/index.js

@@ -0,0 +1,230 @@
+"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 react_router_dom_1 = require("react-router-dom");
+var ahooks_1 = require("ahooks");
+var IconFont_1 = __importDefault(require("@/components/public/IconFont"));
+var PopoverSetColumns_1 = __importDefault(require("./PopoverSetColumns"));
+var Footer_1 = __importDefault(require("./Footer"));
+require("./index.less");
+/**
+ * 列表新增属性
+ *
+ * 排序属性：columnsSort
+ * 数据类型 {boolean}，为 true 类型时，控制是否展示排序功能，默认配置按钮放在最后一个字段上
+ * 可通过给 columns 项的配置 columnSortDisabled 属性来控制该字段是否支持排序
+ * （columnSortDisabled，尽量只给首尾字段加，中间的字段加了用处不大）
+ *
+ *
+ * 字段的显示隐藏属性：columnsVisible
+ * 数据类型 {boolean}，为 true 类型时，控制是否展示字段的显示隐藏功能，默认配置按钮放在最后一个字段上
+ * 可通过给 columns 项的配置 columnVisibleDisabled 属性来控制该字段是否支持操作
+ *
+ * tableId：列表唯一值，用来处理一个页面多个列表的情况
+ *
+ * selectionPopover：中间的批量操作弹出层
+ * **/
+function Index(props, ref) {
+    var columns = props.columns, columnsSort = props.columnsSort, columnsVisible = props.columnsVisible, _a = props.tableId, tableId = _a === void 0 ? '' : _a, pagination = props.pagination, dataSource = props.dataSource;
+    var pathname = (0, react_router_dom_1.useLocation)().pathname;
+    var _tableId = pathname + tableId;
+    var _b = (0, ahooks_1.useLocalStorageState)('SCS_TABLE_' + _tableId, {
+        defaultValue: null
+    }), tableCache = _b[0], setTableCache = _b[1];
+    var _c = (0, react_1.useState)([]), order = _c[0], setOrder = _c[1];
+    var _d = (0, react_1.useState)([]), visibleItems = _d[0], setVisibleItems = _d[1];
+    var tableRef = (0, react_1.useRef)();
+    /**
+     * 修改字段顺序
+     * @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 (Array.isArray(item.dataIndex)) {
+                    id = item.dataIndex.join(',');
+                }
+                else {
+                    id = item.dataIndex;
+                }
+                orderDataIndex.push(id);
+                if (!(Object.prototype.hasOwnProperty.call(item, 'columnVisible') && item.columnVisible === false)) {
+                    visibleDataIndex.push(id);
+                }
+            }
+            setOrder(orderDataIndex);
+            setVisibleItems(visibleDataIndex);
+        }
+    };
+    /**
+     * 初始化设置按钮
+     * @param column{object} 列表字段，加入按钮的字段
+     * */
+    var initSettingButton = function (column) {
+        var newColumn = __assign({}, column);
+        var textTitle = newColumn.title;
+        newColumn.title = (react_1.default.createElement("span", null,
+            textTitle,
+            react_1.default.createElement(PopoverSetColumns_1.default, { onChangeOrder: changeOrder, onChangeVisible: changeVisibleItems, order: order, columnsSort: columnsSort, visibleItems: visibleItems, columns: columns, columnsVisible: columnsVisible })));
+        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 in columns) {
+                    var dataIndex = void 0;
+                    if (Array.isArray(columns[i].dataIndex)) {
+                        dataIndex = columns[i].dataIndex.join(',');
+                    }
+                    else {
+                        dataIndex = columns[i].dataIndex;
+                    }
+                    if (item === dataIndex) {
+                        if ((columnsSort || columnsVisible) && (index === array.length - 1)) {
+                            /***
+                             * 如果是 columnsSort 是 true 就把排序按钮放最后一个字段上
+                             * */
+                            newColumns_1.push(initSettingButton(columns[i]));
+                        }
+                        else {
+                            newColumns_1.push(columns[i]);
+                        }
+                        break;
+                    }
+                }
+            });
+            returnColumns = newColumns_1;
+        }
+        return returnColumns.map(function (item) {
+            if (item.filters && !item.filterIcon) {
+                item.filterIcon = (react_1.default.createElement(IconFont_1.default, { type: "icon-xiajiantou", style: { fontWeight: 500 } }));
+            }
+            if (item.ellipsis === false) {
+                item.ellipsis = false;
+            }
+            else {
+                item.ellipsis = __assign({ showTitle: false }, (item.ellipsis || {}));
+                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.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/es/Uploader/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    value?: any;
+    onChange?: (value: any) => void;
+    accepts?: string;
+    placeholder?: string;
+    disabled?: boolean;
+}
+declare function Uploader({ value, onChange, accepts, disabled, placeholder }: Props): React.JSX.Element;
+export default Uploader;

package/build/es/Uploader/index.js

@@ -0,0 +1,175 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 lodash_es_1 = require("lodash-es");
+var IconFont_1 = __importDefault(require("@/components/public/IconFont"));
+var AntdApp_1 = require("@/components/public/AntdApp");
+var defaultAccepts = '.jar,.war,.rar,.zip,.tar,.tar.gz,.tgz,.bz2,nuget,egg,.whl,.exe';
+function Uploader(_a) {
+    var _this = this;
+    var value = _a.value, onChange = _a.onChange, _b = _a.accepts, accepts = _b === void 0 ? defaultAccepts : _b, disabled = _a.disabled, placeholder = _a.placeholder;
+    var _c = (0, react_1.useState)(value), defaultFile = _c[0], setDefaultFile = _c[1];
+    var uploadFile = function (_a) { return __awaiter(_this, [_a], void 0, function (_b) {
+        var error_1;
+        var file = _b.file;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _c.trys.push([0, 6, , 7]);
+                    if (!((file === null || file === void 0 ? void 0 : file.status) === 'removed')) return [3 /*break*/, 1];
+                    setDefaultFile(undefined);
+                    onChange(undefined);
+                    return [3 /*break*/, 5];
+                case 1:
+                    onChange(file);
+                    if (!((file === null || file === void 0 ? void 0 : file.status) === 'done')) return [3 /*break*/, 4];
+                    return [4 /*yield*/, isAccept(file, accepts)];
+                case 2:
+                    _c.sent();
+                    return [4 /*yield*/, limitSize(file)];
+                case 3:
+                    _c.sent();
+                    onChange(file);
+                    _c.label = 4;
+                case 4:
+                    setDefaultFile(file);
+                    _c.label = 5;
+                case 5: return [3 /*break*/, 7];
+                case 6:
+                    error_1 = _c.sent();
+                    setDefaultFile(undefined);
+                    onChange(undefined);
+                    AntdApp_1.message.error(error_1.message);
+                    return [3 /*break*/, 7];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onRemove = function () {
+        return true;
+    };
+    var fileList = (0, react_1.useMemo)(function () {
+        return value ? [value] : (defaultFile ? [defaultFile] : []);
+    }, [value, defaultFile]);
+    return (react_1.default.createElement(antd_1.Upload.Dragger, { onChange: uploadFile, customRequest: function (_a) {
+            var onSuccess = _a.onSuccess, pro = __rest(_a, ["onSuccess"]);
+            onSuccess(null);
+        }, onRemove: onRemove, fileList: fileList, disabled: disabled },
+        react_1.default.createElement("p", { className: "ant-upload-drag-icon" },
+            react_1.default.createElement(IconFont_1.default, { style: { fontSize: '30px' }, type: "icon-jiemianpeizhishangchuan" })),
+        react_1.default.createElement("p", { className: "ant-upload-text" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u6587\u4EF6\u81F3\u6B64\u5373\u53EF\u4E0A\u4F20\u6587\u4EF6"),
+        react_1.default.createElement("p", { className: "ant-upload-hint" }, placeholder !== undefined ? placeholder : "\u652F\u6301\u4E0A\u4F20\u7684\u5E94\u7528\u5305\u683C\u5F0F\uFF1A".concat(accepts))));
+}
+function isAccept(file, accepts) {
+    return __awaiter(this, void 0, void 0, function () {
+        var name, accept;
+        return __generator(this, function (_a) {
+            if (!accepts) {
+                return [2 /*return*/];
+            }
+            name = file.name.toLocaleLowerCase();
+            accept = accepts.split(',');
+            if (accept.every(function (x) { return !(0, lodash_es_1.endsWith)(name, x); })) {
+                throw new Error("\u8BF7\u9009\u62E9".concat(accept, "\u683C\u5F0F\u7684\u6587\u4EF6"));
+            }
+            return [2 /*return*/];
+        });
+    });
+}
+function limitSize(file) {
+    return __awaiter(this, void 0, void 0, function () {
+        var size;
+        return __generator(this, function (_a) {
+            size = file.size;
+            if (size > 10 * 1024 * 1024 * 1024) {
+                throw new Error('请上传10G以内文件');
+            }
+            return [2 /*return*/];
+        });
+    });
+}
+exports.default = Uploader;

package/build/es/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CheckboxValue } from './CheckboxValue';
+export { default as IconButton } from './IconButton';
+export { default as IconFont } from './IconFont';
+export { default as SwitchValue } from './SwitchValue';
+export { default as App, message, notification, modal } from './AntdApp';

package/build/es/index.js

@@ -0,0 +1,5 @@
+export { default as CheckboxValue } from './CheckboxValue';
+export { default as IconButton } from './IconButton';
+export { default as IconFont } from './IconFont';
+export { default as SwitchValue } from './SwitchValue';
+export { default as App, message, notification, modal } from './AntdApp';

package/build/lib/AntdApp/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.modal = exports.notification = exports.message = void 0;
+var antd_1 = require("antd");
+var message = antd_1.message;
+exports.message = message;
+var notification = antd_1.notification;
+exports.notification = notification;
+var modal = antd_1.Modal;
+exports.modal = modal;
+function Index(_a) {
+    var children = _a.children;
+    var staticFunction = antd_1.App.useApp();
+    exports.message = message = staticFunction.message;
+    exports.modal = modal = staticFunction.modal;
+    exports.notification = notification = staticFunction.notification;
+    return children;
+}
+exports.default = Index;

package/build/lib/Button/button.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+var Button = function (props) {
+    return react_1.default.createElement(antd_1.Button, __assign({}, props));
+};
+exports.default = Button;

package/build/lib/Button/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var button_1 = __importDefault(require("./button"));
+exports.default = button_1.default;

package/build/lib/CheckboxValue/index.js

@@ -0,0 +1,38 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+var CheckboxValue = function (_a) {
+    var checked = _a.checked, onChange = _a.onChange, _b = _a.trueValue, trueValue = _b === void 0 ? true : _b, _c = _a.falseValue, falseValue = _c === void 0 ? false : _c, _d = _a.trueLabel, trueLabel = _d === void 0 ? '' : _d, _e = _a.falseLabel, falseLabel = _e === void 0 ? '' : _e, children = _a.children, props = __rest(_a, ["checked", "onChange", "trueValue", "falseValue", "trueLabel", "falseLabel", "children"]);
+    var _checked = checked === trueValue;
+    var change = function (e) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e.target.checked ? trueValue : falseValue, e);
+    };
+    return (react_1.default.createElement(antd_1.Checkbox, __assign({ checked: _checked, onChange: change }, props), children || (_checked ? trueLabel : falseLabel)));
+};
+exports.default = CheckboxValue;

package/build/lib/IconButton/index.js

@@ -0,0 +1,91 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var lodash_es_1 = require("lodash-es");
+var classnames_1 = __importDefault(require("classnames"));
+var ahooks_1 = require("ahooks");
+var IconFont_1 = __importDefault(require("@/components/IconFont"));
+var index_module_less_1 = __importDefault(require("./index.module.less"));
+var Icon = function (props, buttonRef) {
+    var ref = (0, react_1.useRef)(null);
+    var Icon = props.icon, _a = props.tooltipDisabled, tooltipDisabled = _a === void 0 ? false : _a, _b = props.onClick, onClick = _b === void 0 ? lodash_es_1.noop : _b, disabled = props.disabled, _c = props.size, size = _c === void 0 ? 'middle' : _c, _d = props.style, style = _d === void 0 ? {} : _d, className = props.className, _e = props.loading, loading = _e === void 0 ? false : _e, attrs = __rest(props, ["icon", "tooltipDisabled", "onClick", "disabled", "size", "style", "className", "loading"]);
+    var visible = (0, ahooks_1.useHover)(ref);
+    var createIcon = function () {
+        if ((0, lodash_es_1.isString)(Icon) && Icon.includes('icon-')) {
+            return react_1.default.createElement(IconFont_1.default, { type: Icon });
+        }
+        else {
+            return Icon;
+        }
+    };
+    var children = (react_1.default.createElement(antd_1.Button, { onClick: onClick, size: size, disabled: disabled, style: style, ref: buttonRef, loading: loading, className: (0, classnames_1.default)([className, index_module_less_1.default.btn_icon__warp]), icon: createIcon() }));
+    if (!Icon) {
+        throw new Error('IconButton 组件必须传入 icon 属性');
+    }
+    return (react_1.default.createElement(react_1.Fragment, null,
+        tooltipDisabled && children,
+        !tooltipDisabled && (react_1.default.createElement(antd_1.Tooltip, __assign({ open: visible, trigger: 'contextMenu', destroyTooltipOnHide: true }, attrs),
+            react_1.default.createElement("span", { ref: ref, style: { display: 'inline-block' }, className: "icon-button-box" }, children)))));
+};
+exports.Icon = Icon;
+exports.default = react_1.default.forwardRef(exports.Icon);