xmirror-components 1.0.2 → 1.0.3

package/build/es/ChunkUploader/generateFileUniqueID.js

@@ -0,0 +1,140 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateFileUniqueID = void 0;
+exports.getFileMD5 = getFileMD5;
+var spark_md5_1 = __importDefault(require("spark-md5"));
+function getFileMD5(file) {
+    return new Promise(function (resolve, reject) {
+        var reader = new FileReader();
+        var chunkSize = 1024 * 1024; // 以1MB为单位分割文件
+        var chunks = Math.ceil(file.size / chunkSize);
+        var currentChunk = 0;
+        var spark = new spark_md5_1.default.ArrayBuffer();
+        reader.onload = function (e) {
+            spark.append(e.target.result); // 将分片添加到MD5计算器
+            currentChunk++;
+            if (currentChunk < chunks) {
+                loadNext();
+            }
+            else {
+                var md5 = spark.end();
+                resolve(md5);
+            }
+        };
+        reader.onerror = function () {
+            reject(new Error('文件读取错误！'));
+        };
+        function loadNext() {
+            var start = currentChunk * chunkSize;
+            var end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize;
+            reader.readAsArrayBuffer(file.slice(start, end));
+        }
+        loadNext();
+    });
+}
+// 生成文件的唯一id
+var generateFileUniqueID = function (file) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, getFileMD5(file)
+                // }
+                //
+                // const size = file.size
+                // const hash = new SparkMD5()
+                // const sampleCount = 20 // 抽样数量、数值越高。精度越高。但是性能会越低。20个抽样能保证在20毫秒内生成
+                // const range = 10 // 样品单个大小
+                // const md5Task = []
+                // const sliceSize = size / sampleCount
+                //
+                // hash.append(size.toString())
+                //
+                // for (let i = 0; i < sampleCount; i++) {
+                //   if (i === 0) {
+                //     md5Task.push(getFileMD5(file.slice(0, range)))
+                //   } else if (i + 1 === sampleCount) {
+                //     md5Task.push(getFileMD5(file.slice(size - range, size)))
+                //   } else {
+                //     md5Task.push(getFileMD5(file.slice(sliceSize * i, sliceSize * i + range)))
+                //   }
+                // }
+                //
+                // const md5 = await Promise.all(md5Task)
+                //
+                // hash.append(md5.join(''))
+                //
+                // return hash.end()
+            ];
+            case 1: 
+            // size小于 200kb直接全量生成
+            // if (file.size <= 200 * 1024) {
+            return [2 /*return*/, _a.sent()
+                // }
+                //
+                // const size = file.size
+                // const hash = new SparkMD5()
+                // const sampleCount = 20 // 抽样数量、数值越高。精度越高。但是性能会越低。20个抽样能保证在20毫秒内生成
+                // const range = 10 // 样品单个大小
+                // const md5Task = []
+                // const sliceSize = size / sampleCount
+                //
+                // hash.append(size.toString())
+                //
+                // for (let i = 0; i < sampleCount; i++) {
+                //   if (i === 0) {
+                //     md5Task.push(getFileMD5(file.slice(0, range)))
+                //   } else if (i + 1 === sampleCount) {
+                //     md5Task.push(getFileMD5(file.slice(size - range, size)))
+                //   } else {
+                //     md5Task.push(getFileMD5(file.slice(sliceSize * i, sliceSize * i + range)))
+                //   }
+                // }
+                //
+                // const md5 = await Promise.all(md5Task)
+                //
+                // hash.append(md5.join(''))
+                //
+                // return hash.end()
+            ];
+        }
+    });
+}); };
+exports.generateFileUniqueID = generateFileUniqueID;

package/build/es/ChunkUploader/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/ChunkUploader/index.js

@@ -0,0 +1,259 @@
+"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 __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 react_draggable_1 = __importDefault(require("react-draggable"));
+var icons_1 = require("@ant-design/icons");
+var AntdApp_1 = require("@/components/public/AntdApp");
+var ahooks_1 = require("ahooks");
+var antd_1 = require("antd");
+var FileItem_1 = __importDefault(require("./FileItem"));
+require("./index.less");
+// 生成一个唯一id
+function createId() {
+    var date = new Date().valueOf(); // 获取时间戳
+    var txt = '1234567890'; // 生成的随机机器码
+    var len = 13; // 机器码有多少位
+    var pwd = ''; // 定义空变量用来接收机器码
+    for (var i = 0; i < len; i++) {
+        pwd += txt.charAt(Math.floor(Math.random() * txt.length)); // 循环机器码位数随机填充
+    }
+    return date + pwd;
+}
+function ChunkUploader(props, ref) {
+    var _a = (0, react_1.useState)([]), fileList = _a[0], setFileList = _a[1];
+    var fileListRef = (0, ahooks_1.useLatest)(fileList);
+    var _b = (0, react_1.useState)(0), uploadingNum = _b[0], setUploadingNum = _b[1];
+    /**
+     * 声明一个 Map 用来存储所有的 FileItem 的 ref
+     * @type {React.MutableRefObject<Map<string, { current }>>}
+     */
+    var fileItemsRefMap = (0, react_1.useRef)(new Map());
+    // 新增上传文件项
+    var add = function (file, _a, callback) {
+        var uploadSource = _a.uploadSource, params = __rest(_a, ["uploadSource"]);
+        setShow(true);
+        var key = createId();
+        var ref = { current: null };
+        var item = (react_1.default.createElement(FileItem_1.default, { file: file, key: key, ref: ref, params: params, uploadSource: uploadSource, retry: retry, callback: callback, remove: function () { return remove(key); }, onChangeStatus: onChangeStatus }));
+        fileItemsRefMap.current.set(key, ref);
+        setFileList(function (prev) {
+            return __spreadArray([item], prev, true);
+        });
+    };
+    // 移除
+    var remove = function (key) {
+        setFileList(function (value) {
+            return value.filter(function (item) {
+                return item.key !== key;
+            });
+        });
+    };
+    var onChangeStatus = function () {
+        var map = fileItemsRefMap.current;
+        var count = 0;
+        map.forEach(function (fileItem) {
+            if ((fileItem === null || fileItem === void 0 ? void 0 : fileItem.current) && fileItem.current.status === 'uploading') {
+                count += 1;
+            }
+        });
+        setUploadingNum(count);
+    };
+    var next = (0, react_1.useCallback)(function () {
+        var map = fileItemsRefMap.current;
+        var maxUploadingNum = 3;
+        var availableNum = maxUploadingNum - uploadingNum;
+        if (availableNum > 0) {
+            for (var _i = 0, _a = fileListRef.current; _i < _a.length; _i++) {
+                var item = _a[_i];
+                var key = item.key;
+                var ref_1 = map.get(key);
+                if ((ref_1 === null || ref_1 === void 0 ? void 0 : ref_1.current) && (ref_1 === null || ref_1 === void 0 ? void 0 : ref_1.current.status) === 'waiting' && availableNum > 0) {
+                    ref_1.current.start();
+                    availableNum -= 1;
+                }
+                if (availableNum === 0)
+                    return;
+            }
+        }
+    }, [uploadingNum]);
+    (0, react_1.useEffect)(function () {
+        next();
+    }, [uploadingNum, fileList]);
+    // 重试
+    var retry = function (file, params, callback) {
+        add(file, params, callback);
+    };
+    var draggleRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)({
+        left: 0,
+        top: 0,
+        bottom: 0,
+        right: 0
+    }), bounds = _c[0], setBounds = _c[1];
+    var onStart = function (_event, uiData) {
+        var _a;
+        var _b = window.document.documentElement, clientWidth = _b.clientWidth, clientHeight = _b.clientHeight;
+        var targetRect = (_a = draggleRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!targetRect) {
+            return;
+        }
+        setBounds({
+            left: -targetRect.left + uiData.x,
+            right: clientWidth - (targetRect.right - uiData.x),
+            top: -targetRect.top + uiData.y,
+            bottom: clientHeight - (targetRect.bottom - uiData.y)
+        });
+    };
+    var _d = (0, react_1.useState)(true), collapsed = _d[0], setCollapsed = _d[1];
+    var setCollapseFn = function () {
+        setCollapsed(function (prev) { return !prev; });
+    };
+    var _e = (0, react_1.useState)(false), show = _e[0], setShow = _e[1];
+    var close = function () {
+        if (uploadingNum > 0) {
+            AntdApp_1.modal.confirm({
+                title: '提示',
+                width: 400,
+                content: "\u6709".concat(uploadingNum, "\u4E2A\u6587\u4EF6\u6B63\u5728\u4E0A\u4F20\u4E2D\uFF0C\u786E\u5B9A\u5173\u95ED\u5417\uFF1F"),
+                type: 'warning',
+                onOk: function () {
+                    return __awaiter(this, void 0, void 0, function () {
+                        var map;
+                        return __generator(this, function (_a) {
+                            map = fileItemsRefMap.current;
+                            map.forEach(function (fileItem) {
+                                if (fileItem === null || fileItem === void 0 ? void 0 : fileItem.current) {
+                                    fileItem.current.close();
+                                }
+                            });
+                            setFileList([]);
+                            setShow(false);
+                            return [2 /*return*/];
+                        });
+                    });
+                }
+            });
+        }
+        else {
+            setFileList([]);
+            setShow(false);
+        }
+    };
+    (0, react_1.useImperativeHandle)(ref, function () {
+        return {
+            add: add
+        };
+    }, []);
+    return (react_1.default.createElement(react_draggable_1.default, { nodeRef: draggleRef, bounds: bounds, onStart: function (event, uiData) { return onStart(event, uiData); } },
+        react_1.default.createElement("div", { style: { display: show ? 'block' : 'none' }, id: "uploader-container", ref: draggleRef },
+            react_1.default.createElement(antd_1.Collapse, { collapsible: "disabled", expandIcon: function () { return ''; }, defaultActiveKey: ['1'], activeKey: [collapsed ? '1' : ''], className: "uploader-collapse", ghost: true, items: [
+                    {
+                        key: '1',
+                        label: (react_1.default.createElement("div", { className: "uploader-header-title" },
+                            react_1.default.createElement("span", { onClick: setCollapseFn },
+                                "\u5C55\u5F00/\u6536\u8D77",
+                                react_1.default.createElement(icons_1.DownOutlined, { className: "fold-btn", rotate: collapsed ? 0 : 180 })),
+                            react_1.default.createElement("span", null,
+                                uploadingNum,
+                                "\u4E2A\u6587\u4EF6\u4E0A\u4F20\u4E2D"),
+                            react_1.default.createElement(icons_1.CloseOutlined, { className: "close-btn", onClick: close }))),
+                        children: (react_1.default.createElement("ul", null,
+                            fileList,
+                            fileList.length === 0 && (react_1.default.createElement("li", { className: "uploader-empty" },
+                                react_1.default.createElement(antd_1.Empty, { image: antd_1.Empty.PRESENTED_IMAGE_SIMPLE, description: "\u6682\u65E0\u4E0A\u4F20\u4EFB\u52A1" })))))
+                    }
+                ] }))));
+}
+exports.default = (0, react_1.forwardRef)(ChunkUploader);

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

@@ -0,0 +1,11 @@
+import './index.less';
+/**
+ * 设置全局 loading
+ */
+declare let setGlobalLoading: (value: boolean) => void;
+/**
+ * 全局 loading 组件
+ */
+declare function GlobalLoading(): import("react").JSX.Element;
+export { setGlobalLoading };
+export default GlobalLoading;

package/build/es/GlobalLoading/index.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setGlobalLoading = void 0;
+var react_1 = require("react");
+var antd_1 = require("antd");
+var react_transition_group_1 = require("react-transition-group");
+var site_1 = require("@/store/site");
+var hook_1 = require("@/store/hook");
+require("./index.less");
+/**
+ * 设置全局 loading
+ */
+var setGlobalLoading = function (value) { };
+exports.setGlobalLoading = setGlobalLoading;
+/**
+ * 全局 loading 组件
+ */
+function GlobalLoading() {
+    var ref = (0, react_1.useRef)(null);
+    var loading = (0, hook_1.useAppSelector)(function (state) { return state.site.globalLoading; });
+    var dispatch = (0, hook_1.useAppDispatch)();
+    (0, react_1.useEffect)(function () {
+        exports.setGlobalLoading = setGlobalLoading = function (value) {
+            dispatch((0, site_1.setGlobalLoading)(value));
+        };
+    }, []);
+    return (React.createElement(react_transition_group_1.CSSTransition, { in: loading, nodeRef: ref, timeout: 500, classNames: "global-loading-transition", unmountOnExit: true }, function () {
+        return (React.createElement("div", { ref: ref, className: "global-loading" },
+            React.createElement(antd_1.Spin, { size: "large", spinning: true })));
+    }));
+}
+exports.default = GlobalLoading;

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

@@ -0,0 +1,42 @@
+import React, { type ForwardedRef } from 'react';
+interface IconButtonProps {
+    /**
+     * 图标
+     */
+    icon?: React.ReactNode | string;
+    /**
+     * 是否禁用 tooltip
+     */
+    tooltipDisabled?: boolean;
+    /**
+     * 点击事件
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 大小
+     */
+    size?: 'small' | 'middle' | 'large';
+    /**
+     * 样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 类名
+     */
+    className?: string;
+    /**
+     * 是否加载中
+     */
+    loading?: boolean;
+    /**
+     * 其他属性
+     */
+    [key: string]: any;
+}
+export declare const Icon: (props: IconButtonProps, buttonRef: ForwardedRef<any>) => React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<any>>;
+export default _default;

package/build/es/IconButton/index.js

@@ -0,0 +1,51 @@
+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;
+};
+import React, { Fragment, useRef } from 'react';
+import { Tooltip, Button } from 'antd';
+import { noop, isString } from 'lodash-es';
+import classNames from 'classnames';
+import { useHover } from 'ahooks';
+import IconFont from '@/components/IconFont';
+import styles from './index.module.less';
+export var Icon = function (props, buttonRef) {
+    var ref = useRef(null);
+    var Icon = props.icon, _a = props.tooltipDisabled, tooltipDisabled = _a === void 0 ? false : _a, _b = props.onClick, onClick = _b === void 0 ? 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 = useHover(ref);
+    var createIcon = function () {
+        if (isString(Icon) && Icon.includes('icon-')) {
+            return React.createElement(IconFont, { type: Icon });
+        }
+        else {
+            return Icon;
+        }
+    };
+    var children = (React.createElement(Button, { onClick: onClick, size: size, disabled: disabled, style: style, ref: buttonRef, loading: loading, className: classNames([className, styles.btn_icon__warp]), icon: createIcon() }));
+    if (!Icon) {
+        throw new Error('IconButton 组件必须传入 icon 属性');
+    }
+    return (React.createElement(Fragment, null,
+        tooltipDisabled && children,
+        !tooltipDisabled && (React.createElement(Tooltip, __assign({ open: visible, trigger: 'contextMenu', destroyTooltipOnHide: true }, attrs),
+            React.createElement("span", { ref: ref, style: { display: 'inline-block' }, className: "icon-button-box" }, children)))));
+};
+export default React.forwardRef(Icon);

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

@@ -0,0 +1,21 @@
+import React from 'react';
+interface IconFontCommonProps {
+    /**
+     * 图标类型
+     */
+    type: string;
+    /**
+     * 类名
+     */
+    className?: string;
+    /**
+     * 是否使用 symbol 模式
+     */
+    symbol?: boolean;
+}
+declare const IconFont: React.ForwardRefExoticComponent<((IconFontCommonProps & React.HTMLAttributes<HTMLElement> & {
+    symbol?: false;
+}) | Omit<IconFontCommonProps & React.SVGProps<SVGSVGElement> & {
+    symbol: true;
+}, "ref">) & React.RefAttributes<HTMLElement | SVGSVGElement>>;
+export default IconFont;

package/build/es/IconFont/index.js

@@ -0,0 +1,32 @@
+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;
+};
+import React, { forwardRef } from 'react';
+var IconFont = forwardRef(function (_a, ref) {
+    var _b = _a.type, type = _b === void 0 ? '' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.symbol, symbol = _d === void 0 ? false : _d, attrs = __rest(_a, ["type", "className", "symbol"]);
+    if (symbol) {
+        return (React.createElement("svg", __assign({ className: "iconfont-symbol ".concat(type, " ").concat(className), "aria-hidden": "true", ref: ref }, attrs),
+            React.createElement("use", { xlinkHref: "#".concat(type) })));
+    }
+    return (React.createElement("i", __assign({ className: "iconfont ".concat(type, " ").concat(className), ref: ref }, attrs)));
+});
+export default IconFont;

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

@@ -0,0 +1,10 @@
+import { type LevelOptions } from '@/store/static';
+import './index.less';
+interface Props {
+    type?: 'vul' | 'component' | 'license';
+    values: number[];
+    onItemClick?: (item: any, value: number) => void;
+    levels?: LevelOptions;
+}
+declare const LevelGroup: ({ type, values, onItemClick, levels }: Props) => import("react").JSX.Element;
+export default LevelGroup;

package/build/es/LevelGroup/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var antd_1 = require("antd");
+var lodash_es_1 = require("lodash-es");
+var static_1 = require("@/store/static");
+var ahooks_1 = require("ahooks");
+var react_countup_1 = __importDefault(require("react-countup"));
+require("./index.less");
+var LevelGroup = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'vul' : _b, _c = _a.values, values = _c === void 0 ? [] : _c, _d = _a.onItemClick, onItemClick = _d === void 0 ? lodash_es_1.noop : _d, levels = _a.levels;
+    var _levels = levels || static_1.LEVELS;
+    switch (type) {
+        case 'component':
+            _levels = static_1.COMPONENT_LEVELS;
+            break;
+        case 'license':
+            _levels = static_1.LICENSE_LEVELS;
+            break;
+    }
+    var oldValues = (0, ahooks_1.usePrevious)(values) || [0, 0, 0, 0, 0];
+    return (React.createElement(antd_1.Space, { className: "level-group", size: 2 }, _levels.map(function (item, index) {
+        return (React.createElement(antd_1.Tooltip, { key: item.value, title: React.createElement(React.Fragment, null,
+                item.label,
+                "\uFF1A",
+                values[index] || 0) },
+            React.createElement("span", { className: "level-item ".concat((values[index] || 0) > 0 ? item.color : 'default'), onClick: function () { return onItemClick(item, values[index]); } },
+                React.createElement(react_countup_1.default, { start: oldValues[index], end: values[index] || 0, duration: 2.5 }))));
+    })));
+};
+exports.default = LevelGroup;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ComponentLevelValue, LevelValue, LicenseLevelValue } from '@/store/static/types.ts';
+interface LevelTagProps {
+    level: ComponentLevelValue | LevelValue | LicenseLevelValue;
+    type?: 'default' | 'license' | 'component' | 'url' | 'sensitive' | 'crypto' | 'asset';
+    children?: React.ReactNode;
+    theme?: 'solid';
+    [attrs: string]: any;
+}
+/**
+ * 等级tag
+ * @param level
+ * @param type {'default' | 'license' | 'component' | 'sensitive' | 'url'}
+ * @param children
+ * @param theme
+ * @param attrs
+ * @returns {JSX.Element}
+ * @constructor
+ */
+declare const LevelTag: ({ level, type, children, theme, ...attrs }: LevelTagProps) => React.JSX.Element;
+export default LevelTag;