xmirror-components 1.0.39 → 1.0.40-alpha.2

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

@@ -9,7 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useEffect, useMemo, useRef, useState, forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState, forwardRef } from 'react';
 import { Table, Tooltip } from 'antd';
 import { useLocalStorageState } from 'ahooks';
 import { DownOutlined } from '@ant-design/icons';
@@ -92,9 +93,7 @@ function Index(props, ref) {
     var initSettingButton = function (column) {
         var newColumn = __assign({}, column);
         var columnTitleRender = function (children) {
-            return (React.createElement("span", null,
-                children,
-                React.createElement(PopoverSetColumns, { onChangeOrder: changeOrder, onChangeVisible: changeVisibleItems, order: order, columnsSort: columnsSort, visibleItems: visibleItems, columns: columns, columnsVisible: columnsVisible })));
+            return (_jsxs("span", { children: [children, _jsx(PopoverSetColumns, { onChangeOrder: changeOrder, onChangeVisible: changeVisibleItems, order: order, columnsSort: columnsSort, visibleItems: visibleItems, columns: columns, columnsVisible: columnsVisible })] }));
         };
         if (typeof column.title === 'function') {
             newColumn.title = function (props) {
@@ -108,8 +107,7 @@ function Index(props, ref) {
     };
     var renderDefaultColumn = function (value) {
         return value !== null && value !== undefined && value !== ''
-            ? (React.createElement(Tooltip, { title: value, placement: "topLeft" },
-                React.createElement("span", { className: 'column-ellipsis' }, value)))
+            ? (_jsx(Tooltip, { title: value, placement: "topLeft", children: _jsx("span", { className: 'column-ellipsis', children: value }) }))
             : '-';
     };
     /**
@@ -154,7 +152,7 @@ function Index(props, ref) {
         }
         return returnColumns.map(function (item) {
             if (item.filters && !item.filterIcon) {
-                item.filterIcon = (React.createElement(DownOutlined, { type: "icon-xiajiantou", style: { fontWeight: 500 } }));
+                item.filterIcon = (_jsx(DownOutlined, { type: "icon-xiajiantou", style: { fontWeight: 500 } }));
             }
             if (item.ellipsis === false) {
                 item.ellipsis = false;
@@ -172,7 +170,7 @@ function Index(props, ref) {
     var paginationProps = useMemo(function () {
         if (props.pagination) {
             return __assign(__assign({}, (pagination || {})), { showTotal: function () {
-                    return dataSource && dataSource.length > 0 && (React.createElement(Footer, __assign({}, props)));
+                    return dataSource && dataSource.length > 0 && (_jsx(Footer, __assign({}, props)));
                 } });
         }
         else {
@@ -182,9 +180,8 @@ function Index(props, ref) {
     useEffect(function () {
         initColumnsSort();
     }, []);
-    return (React.createElement(TableWrapper, { ref: ref },
-        React.createElement(Table, __assign({ ref: tableRef, scroll: {
+    return (_jsx(TableWrapper, { ref: ref, children: _jsx(Table, __assign({ ref: tableRef, scroll: {
                 x: 900
-            }, components: { header: { cell: columnsResizable ? ResizableTitle : undefined } } }, props, { pagination: paginationProps, columns: columnsResizable ? resizableColumns(renderColumns, tableId) : renderColumns }))));
+            }, components: { header: { cell: columnsResizable ? ResizableTitle : undefined } } }, props, { pagination: paginationProps, columns: columnsResizable ? resizableColumns(renderColumns, tableId) : renderColumns })) }));
 }
 export default forwardRef(Index);

package/build/es/components/TagGroup/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Checkbox } from 'antd';
+import { type CheckboxChangeEvent } from 'antd/es/checkbox';
+/**
+ * checkbox 可自定义 value 和 label
+ * 使用场景：
+ * 1. 需要自定义 value 和 label
+ */
+interface CheckboxValueProps<T = any, F = any> extends Omit<React.ComponentProps<typeof Checkbox>, 'checked' | 'onChange'> {
+    /**
+     * 选中值
+     */
+    trueValue?: T;
+    /**
+     * 未选中值
+     */
+    falseValue?: F;
+    /**
+     * 选中值
+     */
+    checked?: T | F;
+    /**
+     * 选中事件
+     */
+    onChange?: (value: T | F, event: CheckboxChangeEvent) => void;
+    /**
+     * 选中标签
+     */
+    trueLabel?: string;
+    /**
+     * 未选中标签
+     */
+    falseLabel?: string;
+    /**
+     * 子元素
+     */
+    children?: React.ReactNode;
+}
+declare const CheckboxValue: <T = any, F = any>({ checked, onChange, trueValue, falseValue, trueLabel, falseLabel, children, ...props }: CheckboxValueProps<T, F>) => import("react/jsx-runtime").JSX.Element;
+export default CheckboxValue;

package/build/es/components/TagGroup/index.js

@@ -0,0 +1,33 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox } from '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 (_jsx(Checkbox, __assign({ checked: _checked, onChange: change }, props, { children: children || (_checked ? trueLabel : falseLabel) })));
+};
+export default CheckboxValue;

package/build/es/hooks/useSearchParams/index.js

@@ -45,9 +45,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { useRef, useEffect, useContext } from 'react';
-import { useBlocker, useNavigate, useLocation } from 'react-router-dom';
-import useUrlState from '@ahooksjs/use-url-state';
+import { useRef, useEffect, useContext, useMemo, useCallback } from 'react';
+import { useBlocker, useNavigate, useLocation, useSearchParams as useRouterSearchParams } from 'react-router-dom';
 import { useUpdate } from 'ahooks';
 import { noop } from 'lodash-es';
 import { encodeParams, decodeParams } from './util';
@@ -64,9 +63,29 @@ var useSearchParams = function (initialValue, options) {
     var update = useUpdate();
     var navigator = useNavigate();
     var location = useLocation();
-    var _e = useUrlState(encodeParams(__assign(__assign({}, initialSearchParams), initialValue)), {
-        navigateMode: 'replace'
-    }), urlParams = _e[0], setUrlParams = _e[1];
+    var _e = useRouterSearchParams(), routerSearchParams = _e[0], setRouterSearchParams = _e[1];
+    var urlParams = useMemo(function () {
+        var params = {};
+        routerSearchParams.forEach(function (value, key) {
+            params[key] = value;
+        });
+        return params;
+    }, [routerSearchParams]);
+    var setUrlParams = useCallback(function (params) {
+        var nextParams = new URLSearchParams(routerSearchParams);
+        Object.entries(params).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            if (value === undefined || value === null || value === '') {
+                nextParams.delete(key);
+            }
+            else {
+                nextParams.set(key, String(value));
+            }
+        });
+        setRouterSearchParams(nextParams, {
+            replace: true
+        });
+    }, [routerSearchParams, setRouterSearchParams]);
     var initialDecodedParams = storage === 'url'
         ? decodeParams(urlParams)
         : (((_a = location.state) === null || _a === void 0 ? void 0 : _a[stateKey]) || {});
@@ -87,21 +106,23 @@ var useSearchParams = function (initialValue, options) {
      * 根据配置更新存储
      */
     var persistParams = function (params) { return __awaiter(void 0, void 0, void 0, function () {
-        var payload, params_1, search, key, value;
-        var _a, _b;
-        return __generator(this, function (_c) {
+        var payload, params_1, urlSearchParams, _i, _a, _b, key, value, search;
+        var _c, _d;
+        return __generator(this, function (_e) {
             payload = __assign(__assign({}, params), { y: window.scrollY });
             if (storage === 'url') {
                 params_1 = encodeParams(payload);
                 setUrlParams(params_1);
-                search = '';
-                for (key in params_1) {
-                    value = params_1[key];
-                    search += "".concat(key, "=").concat(value, "&");
+                urlSearchParams = new URLSearchParams();
+                for (_i = 0, _a = Object.entries(params_1); _i < _a.length; _i++) {
+                    _b = _a[_i], key = _b[0], value = _b[1];
+                    if (value !== undefined && value !== null && value !== '') {
+                        urlSearchParams.set(key, String(value));
+                    }
                 }
-                search = search.slice(0, -1);
+                search = urlSearchParams.toString();
                 window.routerHistory.set(location.pathname, {
-                    path: "".concat(location.pathname, "?").concat(search),
+                    path: search ? "".concat(location.pathname, "?").concat(search) : location.pathname,
                     replace: true,
                 });
                 return [2 /*return*/];
@@ -109,11 +130,11 @@ var useSearchParams = function (initialValue, options) {
             window.routerHistory.set(location.pathname, {
                 path: location.pathname,
                 replace: true,
-                state: __assign(__assign({}, (location.state || {})), (_a = {}, _a[stateKey] = payload, _a)),
+                state: __assign(__assign({}, (location.state || {})), (_c = {}, _c[stateKey] = payload, _c)),
             });
             navigator(location.pathname, {
                 replace: true,
-                state: __assign(__assign({}, location.state), (_b = {}, _b[stateKey] = payload, _b))
+                state: __assign(__assign({}, location.state), (_d = {}, _d[stateKey] = payload, _d))
             });
             return [2 /*return*/];
         });

package/build/es/hooks/useTable/index.js

@@ -85,6 +85,7 @@ function useTable(request, options) {
     var intl = useIntl();
     var _a = __assign(__assign({}, defaultOptions), options), rowKey = _a.rowKey, interval = _a.interval, immediate = _a.immediate, defaultPagination = _a.defaultPagination, showRowSelection = _a.showRowSelection, multiPageSelection = _a.multiPageSelection, onBeforeRequest = _a.onBeforeRequest, onAfterRequest = _a.onAfterRequest;
     var tableTimerRef = useRef(null);
+    var latestRequestIdRef = useRef(0);
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState([]), tableData = _c[0], setTableData = _c[1];
     var _d = useState(__assign({ current: 1, pageSize: 10, total: 0 }, defaultPagination)), pagination = _d[0], setPagination = _d[1];
@@ -110,7 +111,7 @@ function useTable(request, options) {
             args_1[_i] = arguments[_i];
         }
         return __awaiter(_this, __spreadArray([], args_1, true), void 0, function (page, pageSize, auto) {
-            var requestParams, params, finalParams, response, _a, records, total, current, size, data, list, maxPage, error_1, errorMessage;
+            var requestId, requestParams, params, finalParams, response, _a, records, total_1, current_1, size_1, data, list, maxPage, error_1, errorMessage;
             if (page === void 0) { page = 1; }
             if (pageSize === void 0) { pageSize = 10; }
             return __generator(this, function (_b) {
@@ -124,6 +125,7 @@ function useTable(request, options) {
                             resetTableTimer(page, pageSize);
                             return [2 /*return*/];
                         }
+                        requestId = ++latestRequestIdRef.current;
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 5, 6, 7]);
@@ -135,35 +137,48 @@ function useTable(request, options) {
                         return [4 /*yield*/, request(finalParams)];
                     case 3:
                         response = _b.sent();
-                        _a = response.data, records = _a.records, total = _a.total, current = _a.current, size = _a.size;
+                        _a = response.data, records = _a.records, total_1 = _a.total, current_1 = _a.current, size_1 = _a.size;
                         return [4 /*yield*/, (onAfterRequest === null || onAfterRequest === void 0 ? void 0 : onAfterRequest(response))];
                     case 4:
                         data = _b.sent();
                         list = Array.isArray(data) ? data : records;
-                        setTableData(list);
-                        if (current !== pagination.current ||
-                            pageSize !== pagination.pageSize ||
-                            total !== pagination.total) {
-                            setPagination({
-                                current: current,
-                                pageSize: size,
-                                total: total
-                            });
+                        // 仅处理最新请求，避免并发请求导致旧数据覆盖新状态
+                        if (requestId !== latestRequestIdRef.current) {
+                            return [2 /*return*/];
                         }
-                        if (list.length === 0 && current && current > 1 && total && total > 0) {
-                            maxPage = Math.ceil(total / size);
+                        setTableData(list);
+                        setPagination(function (prev) {
+                            if (current_1 === prev.current &&
+                                size_1 === prev.pageSize &&
+                                total_1 === prev.total) {
+                                return prev;
+                            }
+                            return {
+                                current: current_1,
+                                pageSize: size_1,
+                                total: total_1
+                            };
+                        });
+                        if (list.length === 0 && current_1 && current_1 > 1 && total_1 && total_1 > 0) {
+                            maxPage = Math.ceil(total_1 / size_1);
                             initList(maxPage, pageSize, auto);
                         }
                         else {
-                            resetTableTimer(current, size);
+                            resetTableTimer(current_1, size_1);
                         }
                         return [3 /*break*/, 7];
                     case 5:
                         error_1 = _b.sent();
+                        if (requestId !== latestRequestIdRef.current) {
+                            return [2 /*return*/];
+                        }
                         errorMessage = error_1 instanceof Error ? error_1.message : '请求失败';
                         message.error(errorMessage);
                         return [3 /*break*/, 7];
                     case 6:
+                        if (requestId !== latestRequestIdRef.current) {
+                            return [2 /*return*/];
+                        }
                         if (!multiPageSelection) {
                             setSelectedRows([]);
                         }
@@ -293,6 +308,7 @@ function useTable(request, options) {
         // 使用当前分页值作为默认值，处理可能为 undefined 的情况
         var currentPage = (_b = pagination.current) !== null && _b !== void 0 ? _b : paginationRef.current.current;
         var currentPageSize = (_c = pagination.pageSize) !== null && _c !== void 0 ? _c : paginationRef.current.pageSize;
+        setPagination(function (prev) { return (__assign(__assign({}, prev), { current: currentPage, pageSize: currentPageSize })); });
         initList(currentPage, currentPageSize);
     }, [initList, searchParams]);
     var reset = function () {

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.modal = exports.notification = exports.message = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var antd_1 = require("antd");
 var GlobalLoading_1 = __importDefault(require("./../GlobalLoading"));
 var ConfigProvider_1 = __importDefault(require("./../ConfigProvider"));
@@ -46,9 +46,6 @@ function InitApp(_a) {
 }
 function Index(_a) {
     var children = _a.children, config = _a.config, props = __rest(_a, ["children", "config"]);
-    return (react_1.default.createElement(ConfigProvider_1.default, { config: config || {} },
-        react_1.default.createElement(antd_1.App, __assign({}, props),
-            react_1.default.createElement(GlobalLoading_1.default, null),
-            react_1.default.createElement(InitApp, null, children))));
+    return ((0, jsx_runtime_1.jsx)(ConfigProvider_1.default, { config: config || {}, children: (0, jsx_runtime_1.jsxs)(antd_1.App, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(GlobalLoading_1.default, {}), (0, jsx_runtime_1.jsx)(InitApp, { children: children })] })) }));
 }
 exports.default = Index;

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

@@ -21,11 +21,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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 jsx_runtime_1 = require("react/jsx-runtime");
 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"]);
@@ -33,6 +30,6 @@ var CheckboxValue = function (_a) {
     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)));
+    return ((0, jsx_runtime_1.jsx)(antd_1.Checkbox, __assign({ checked: _checked, onChange: change }, props, { children: children || (_checked ? trueLabel : falseLabel) })));
 };
 exports.default = CheckboxValue;

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

@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfigContext = void 0;
 exports.default = ConfigProvider;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importDefault(require("react"));
 var IntlProvider_1 = __importDefault(require("../IntlProvider"));
 var locale_1 = require("../../locale");
@@ -53,9 +54,8 @@ exports.ConfigContext = react_1.default.createContext(baseConfig);
 function ConfigProvider(_a) {
     var children = _a.children, config = _a.config;
     var mergeConfig = deepMerge(baseConfig, config);
-    return (react_1.default.createElement(exports.ConfigContext.Provider, { value: mergeConfig },
-        react_1.default.createElement(IntlProvider_1.default, { config: {
+    return ((0, jsx_runtime_1.jsx)(exports.ConfigContext.Provider, { value: mergeConfig, children: (0, jsx_runtime_1.jsx)(IntlProvider_1.default, { config: {
                 locale: config.locale,
                 messages: locale_1.messages
-            } }, children)));
+            }, children: children }) }));
 }

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

@@ -3,45 +3,13 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 });
 exports.setGlobalLoading = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_transition_group_1 = require("react-transition-group");
 var styled_1 = __importDefault(require("@emotion/styled"));
 var react_2 = require("@emotion/react");
@@ -75,24 +43,12 @@ function GlobalLoading() {
             setLoading(value);
         };
     }, []);
-    return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: loading, nodeRef: ref, timeout: 500, classNames: "global-loading-transition", unmountOnExit: true }, function () {
-        return (react_1.default.createElement(GlobalLoadingWrapper, { ref: ref, className: "global-loading" },
-            react_1.default.createElement(LoadingContainer, { className: "global-loading-container" },
-                react_1.default.createElement(Dot, { className: "dot dot-1", size: 15, delay: "0.0s" }),
-                react_1.default.createElement(Dot, { className: "dot dot-2", size: 13, delay: "0.2s" }),
-                react_1.default.createElement(Dot, { className: "dot dot-3", size: 11, delay: "0.4s" }),
-                react_1.default.createElement(Dot, { className: "dot dot-4", size: 9, delay: "0.6s" }),
-                react_1.default.createElement(Dot, { className: "dot dot-5", size: 7, delay: "0.8s" })),
-            react_1.default.createElement("svg", { style: {
-                    visibility: 'hidden',
-                    position: 'absolute'
-                } },
-                react_1.default.createElement("defs", null,
-                    react_1.default.createElement("filter", { id: "goo" },
-                        react_1.default.createElement("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "3", result: "blur" }),
-                        react_1.default.createElement("feColorMatrix", { in: "blur", type: "matrix", values: "\n                      1 0 0 0 0\n                      0 1 0 0 0\n                      0 0 1 0 0\n                      0 0 0 18 -6" }),
-                        react_1.default.createElement("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" }))))));
-    }));
+    return ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { in: loading, nodeRef: ref, timeout: 500, classNames: "global-loading-transition", unmountOnExit: true, children: function () {
+            return ((0, jsx_runtime_1.jsxs)(GlobalLoadingWrapper, { ref: ref, className: "global-loading", children: [(0, jsx_runtime_1.jsxs)(LoadingContainer, { className: "global-loading-container", children: [(0, jsx_runtime_1.jsx)(Dot, { className: "dot dot-1", size: 15, delay: "0.0s" }), (0, jsx_runtime_1.jsx)(Dot, { className: "dot dot-2", size: 13, delay: "0.2s" }), (0, jsx_runtime_1.jsx)(Dot, { className: "dot dot-3", size: 11, delay: "0.4s" }), (0, jsx_runtime_1.jsx)(Dot, { className: "dot dot-4", size: 9, delay: "0.6s" }), (0, jsx_runtime_1.jsx)(Dot, { className: "dot dot-5", size: 7, delay: "0.8s" })] }), (0, jsx_runtime_1.jsx)("svg", { style: {
+                            visibility: 'hidden',
+                            position: 'absolute'
+                        }, children: (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("filter", { id: "goo", children: [(0, jsx_runtime_1.jsx)("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "3", result: "blur" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { in: "blur", type: "matrix", values: "\n                      1 0 0 0 0\n                      0 1 0 0 0\n                      0 0 1 0 0\n                      0 0 0 18 -6" }), (0, jsx_runtime_1.jsx)("feComposite", { in: "SourceGraphic", in2: "goo", operator: "atop" })] }) }) })] }));
+        } }));
 }
 exports.default = GlobalLoading;
 var templateObject_1, templateObject_2, templateObject_3;

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

@@ -62,6 +62,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importStar(require("react"));
 var antd_1 = require("antd");
 var lodash_es_1 = require("lodash-es");
@@ -70,7 +71,7 @@ var IconFont_1 = __importDefault(require("../IconFont"));
 var ConfigProvider_1 = require("../ConfigProvider");
 var styled_1 = __importDefault(require("@emotion/styled"));
 // 1. 先用 forwardRef 包裹 antd Button，确保 ref 类型
-var BaseButton = react_1.default.forwardRef(function (props, ref) { return (react_1.default.createElement(antd_1.Button, __assign({ ref: ref }, props))); });
+var BaseButton = react_1.default.forwardRef(function (props, ref) { return ((0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ ref: ref }, props))); });
 // 2. 用 styled/emotion 包裹 BaseButton
 var StyledButton = (0, styled_1.default)(BaseButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &&.icon-button {\n    font-size: 18px;\n    color: var(--color-primary);\n    background-color: transparent;\n    border: none;\n    box-shadow: initial;\n    transition: background-color 0.2s;\n\n    &[disabled], &[aria-disabled='true'] {\n      color: #9da2a6 !important;\n      cursor: not-allowed;\n      background-color: transparent;\n    }\n\n    &:hover, &:active, &:focus {\n      background: var(--color-primary-bg);\n    }\n  }\n"], ["\n  &&.icon-button {\n    font-size: 18px;\n    color: var(--color-primary);\n    background-color: transparent;\n    border: none;\n    box-shadow: initial;\n    transition: background-color 0.2s;\n\n    &[disabled], &[aria-disabled='true'] {\n      color: #9da2a6 !important;\n      cursor: not-allowed;\n      background-color: transparent;\n    }\n\n    &:hover, &:active, &:focus {\n      background: var(--color-primary-bg);\n    }\n  }\n"])));
 var ButtonTooltip = function (_a) {
@@ -79,7 +80,7 @@ var ButtonTooltip = function (_a) {
         return children;
     }
     else {
-        return (react_1.default.createElement(antd_1.Tooltip, __assign({ title: disabled ? disabledReason || title : title }, attrs), children));
+        return ((0, jsx_runtime_1.jsx)(antd_1.Tooltip, __assign({ title: disabled ? disabledReason || title : title }, attrs, { children: children })));
     }
 };
 var IconButton = (0, react_1.forwardRef)(function (props, ref) {
@@ -87,7 +88,7 @@ var IconButton = (0, react_1.forwardRef)(function (props, ref) {
     var Icon = props.icon, _a = props.tooltipDisabled, tooltipDisabled = _a === void 0 ? false : _a, title = props.title, _b = props.hide, hide = _b === void 0 ? false : _b, disabledReason = props.disabledReason, _c = props.onClick, onClick = _c === void 0 ? lodash_es_1.noop : _c, disabled = props.disabled, _d = props.size, size = _d === void 0 ? iconButton.size || 'small' : _d, _e = props.style, style = _e === void 0 ? {} : _e, className = props.className, _f = props.loading, loading = _f === void 0 ? false : _f, attrs = __rest(props, ["icon", "tooltipDisabled", "title", "hide", "disabledReason", "onClick", "disabled", "size", "style", "className", "loading"]);
     var createIcon = function () {
         if ((0, lodash_es_1.isString)(Icon)) {
-            return react_1.default.createElement(IconFont_1.default, { type: Icon });
+            return (0, jsx_runtime_1.jsx)(IconFont_1.default, { type: Icon });
         }
         else {
             return Icon;
@@ -97,9 +98,7 @@ var IconButton = (0, react_1.forwardRef)(function (props, ref) {
     if (!Icon) {
         console.warn('Icon props not found');
     }
-    return (react_1.default.createElement(IconButtonRender, __assign({}, props),
-        react_1.default.createElement(ButtonTooltip, __assign({ tooltipDisabled: tooltipDisabled, hide: hide, disabled: disabled, disabledReason: disabledReason, title: title }, attrs),
-            react_1.default.createElement(StyledButton, { ref: ref, icon: createIcon(), size: size, className: (0, classnames_1.default)(['icon-button', iconButton.className, className]), disabled: disabled, style: __assign(__assign({}, iconButton.style), style), loading: loading, onClick: onClick }))));
+    return ((0, jsx_runtime_1.jsx)(IconButtonRender, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(ButtonTooltip, __assign({ tooltipDisabled: tooltipDisabled, hide: hide, disabled: disabled, disabledReason: disabledReason, title: title }, attrs, { children: (0, jsx_runtime_1.jsx)(StyledButton, { ref: ref, icon: createIcon(), size: size, className: (0, classnames_1.default)(['icon-button', iconButton.className, className]), disabled: disabled, style: __assign(__assign({}, iconButton.style), style), loading: loading, onClick: onClick }) })) })));
 });
 exports.default = IconButton;
 var templateObject_1;

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

@@ -10,39 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -58,22 +25,22 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
 var ConfigProvider_1 = require("../ConfigProvider");
 var IconFont = (0, react_1.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, style = _a.style, attrs = __rest(_a, ["type", "className", "symbol", "style"]);
     var iconFont = (0, react_1.useContext)(ConfigProvider_1.ConfigContext).iconFont;
     if (symbol) {
-        return (react_1.default.createElement("svg", __assign({ className: (0, classnames_1.default)([
+        return ((0, jsx_runtime_1.jsx)("svg", __assign({ className: (0, classnames_1.default)([
                 'iconfont-symbol',
                 iconFont.className || '',
                 type,
                 className,
-            ]), "aria-hidden": "true", ref: ref, style: __assign(__assign({}, iconFont.style), (style || {})) }, attrs),
-            react_1.default.createElement("use", { xlinkHref: "#".concat(type) })));
+            ]), "aria-hidden": "true", ref: ref, style: __assign(__assign({}, iconFont.style), (style || {})) }, attrs, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#".concat(type) }) })));
     }
-    return (react_1.default.createElement("i", __assign({ className: (0, classnames_1.default)([
+    return ((0, jsx_runtime_1.jsx)("i", __assign({ className: (0, classnames_1.default)([
             'iconfont',
             iconFont.className || '',
             type,

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

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIntl = exports.FormattedMessage = exports.IntlContext = void 0;
 exports.default = IntlProvider;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importDefault(require("react"));
 var locale_1 = require("../../locale");
 var FormattedMessage_1 = __importDefault(require("./FormattedMessage"));
@@ -18,8 +19,8 @@ var baseConfig = {
 exports.IntlContext = react_1.default.createContext(baseConfig);
 function IntlProvider(_a) {
     var children = _a.children, config = _a.config;
-    return (react_1.default.createElement(exports.IntlContext.Provider, { value: {
+    return ((0, jsx_runtime_1.jsx)(exports.IntlContext.Provider, { value: {
             locale: config.locale,
             messages: locale_1.messages
-        } }, children));
+        }, children: children }));
 }

package/build/lib/components/SearchArea/Item/index.js

@@ -29,13 +29,14 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
 var antd_1 = require("antd");
 var styled_1 = __importDefault(require("@emotion/styled"));
 var StyledFormItem = (0, styled_1.default)(antd_1.Form.Item)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"], ["\n  .search-item__label {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    max-width: 100%;\n    height: 32px;\n    font-size: 14px;\n    color: rgba(0, 0, 0, 85%);\n\n    &::after {\n      position: relative;\n      top: -0.5px;\n      margin: 0 8px 0 2px;\n      content: ':';\n    }\n  }\n\n  .search-item__content {\n    flex: 1;\n  }\n"
     /**
      * 筛选项
      * @param props
+     * @param children
      * @return {JSX.Element}
      * @constructor
      */
@@ -43,12 +44,13 @@ var StyledFormItem = (0, styled_1.default)(antd_1.Form.Item)(templateObject_1 ||
 /**
  * 筛选项
  * @param props
+ * @param children
  * @return {JSX.Element}
  * @constructor
  */
 function Index(_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return (react_1.default.createElement(StyledFormItem, __assign({}, props), children));
+    return ((0, jsx_runtime_1.jsx)(StyledFormItem, __assign({}, props, { children: children })));
 }
 exports.default = Index;
 var templateObject_1;