@ant-design/pro-components 2.3.27 → 2.3.29

package/dist/components.js

@@ -20101,6 +20101,7 @@ __webpack_require__.d(__webpack_exports__, {
   "omitBoolean": function() { return /* reexport */ omitBoolean; },
   "omitUndefined": function() { return /* reexport */ omitUndefined; },
   "omitUndefinedAndEmptyArr": function() { return /* reexport */ omitUndefinedAndEmptyArr; },
+  "openVisibleCompatible": function() { return /* reexport */ openVisibleCompatible; },
   "operationUnit": function() { return /* reexport */ operationUnit; },
   "parseValueToDay": function() { return /* reexport */ parseValueToDay; },
   "pickProFormItemProps": function() { return /* reexport */ pickProFormItemProps; },
@@ -20130,7 +20131,6 @@ __webpack_require__.d(__webpack_exports__, {
   "useMountMergeState": function() { return /* reexport */ useMergedState/* default */.Z; },
   "usePrevious": function() { return /* reexport */ usePrevious; },
   "useRefFunction": function() { return /* reexport */ useRefFunction; },
-  "useSafeState": function() { return /* reexport */ useSafeState; },
   "useStyle": function() { return /* reexport */ useStyle; },
   "useToken": function() { return /* reexport */ useStyle_useToken; },
   "version": function() { return /* reexport */ version_version; },
@@ -20633,7 +20633,7 @@ var unitlessKeys = {
   strokeWidth: 1
 };
 /* harmony default export */ var unitless_browser_esm = (unitlessKeys);
-;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Enum.js
+;// CONCATENATED MODULE: ./node_modules/stylis/src/Enum.js
 var MS = '-ms-';
 var MOZ = '-moz-';
 var WEBKIT = '-webkit-';
@@ -20652,7 +20652,7 @@ var KEYFRAMES = '@keyframes';
 var FONT_FACE = '@font-face';
 var COUNTER_STYLE = '@counter-style';
 var FONT_FEATURE_VALUES = '@font-feature-values';
-;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Utility.js
+;// CONCATENATED MODULE: ./node_modules/stylis/src/Utility.js
 /**
  * @param {number}
  * @return {number}
@@ -20768,7 +20768,7 @@ function Utility_append(value, array) {
 function combine(array, callback) {
   return array.map(callback).join('');
 }
-;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Serializer.js
+;// CONCATENATED MODULE: ./node_modules/stylis/src/Serializer.js
 
 
 
@@ -20807,7 +20807,7 @@ function stringify(element, index, children, callback) {
   }
   return strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : '';
 }
-;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Tokenizer.js
+;// CONCATENATED MODULE: ./node_modules/stylis/src/Tokenizer.js
 
 var line = 1;
 var column = 1;
@@ -21071,7 +21071,7 @@ function identifier(index) {
   }
   return slice(index, position);
 }
-;// CONCATENATED MODULE: ./node_modules/@ant-design/cssinjs/node_modules/stylis/src/Parser.js
+;// CONCATENATED MODULE: ./node_modules/stylis/src/Parser.js
 
 
 
@@ -22326,11 +22326,17 @@ var localeValues = {
     cancelText: '取消',
     justOkText: '知道了'
   },
+  Tour: {
+    Next: '下一步',
+    Previous: '上一步',
+    Finish: '结束导览'
+  },
   Popconfirm: {
     cancelText: '取消',
     okText: '确定'
   },
   Transfer: {
+    titles: ['', ''],
     searchPlaceholder: '请输入搜索内容',
     itemUnit: '项',
     itemsUnit: '项',
@@ -25733,7 +25739,7 @@ var defaultTheme = {
   motionEaseOutBack: 'cubic-bezier(0.12, 0.4, 0.29, 1.46)',
   motionEaseInQuint: 'cubic-bezier(0.645, 0.045, 0.355, 1)',
   motionEaseOutQuint: 'cubic-bezier(0.23, 1, 0.32, 1)',
-  radiusBase: 6,
+  borderRadius: 6,
   sizeUnit: 4,
   sizeBaseStep: 4,
   sizePopupArrow: 16,
@@ -27289,6 +27295,49 @@ var FieldLabelFunction = function FieldLabelFunction(props, ref) {
   }));
 };
 var FieldLabel = /*#__PURE__*/external_React_default().forwardRef(FieldLabelFunction);
+;// CONCATENATED MODULE: ./packages/utils/es/components/FilterDropdown/style.js
+
+
+
+var FilterDropdown_style_genProStyle = function genProStyle(token) {
+  var _ref;
+  return _ref = {}, defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-label"), {
+    cursor: 'pointer'
+  }), defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-overlay"), {
+    minWidth: '200px',
+    marginBlockStart: '4px',
+    backgroundColor: token.colorBgContainer,
+    boxShadow: token.boxShadowCard,
+    '*': {
+      fontFamily: token.fontFamily,
+      boxSizing: 'border-box'
+    }
+  }), defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-content"), {
+    paddingBlock: 16,
+    paddingInline: 16
+  }), _ref;
+};
+function FilterDropdown_style_useStyle(prefixCls) {
+  return useStyle('FilterDropdown', function (token) {
+    var proToken = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [FilterDropdown_style_genProStyle(proToken)];
+  });
+}
+;// CONCATENATED MODULE: ./packages/utils/es/omitUndefined/index.js
+var omitUndefined = function omitUndefined(obj) {
+  var newObj = {};
+  Object.keys(obj || {}).forEach(function (key) {
+    if (obj[key] !== undefined) {
+      newObj[key] = obj[key];
+    }
+  });
+  if (Object.keys(newObj).length < 1) {
+    return undefined;
+  }
+  return newObj;
+};
 ;// CONCATENATED MODULE: ./packages/utils/es/compareVersions/index.js
 
 
@@ -27345,14 +27394,9 @@ var compareSegments = function compareSegments(a, b) {
  * @returns RegExpMatchArray
  */
 var validateAndParse = function validateAndParse(version) {
-  if (typeof version !== 'string') {
-    throw new TypeError('Invalid argument expected string');
-  }
+  var _match$shift;
   var match = version.match(semver);
-  if (!match) {
-    throw new Error("Invalid argument not valid semver ('".concat(version, "' received)"));
-  }
-  match.shift();
+  match === null || match === void 0 ? void 0 : (_match$shift = match.shift) === null || _match$shift === void 0 ? void 0 : _match$shift.call(match);
   return match;
 };
 /**
@@ -27372,44 +27416,27 @@ var compareVersions = function compareVersions(v1, v2) {
   // validate numbers
   var r = compareSegments(n1, n2);
   if (r !== 0) return r;
-  // validate pre-release
-  if (p1 && p2) {
-    return compareSegments(p1.split('.'), p2.split('.'));
-  } else if (p1 || p2) {
+  if (p1 || p2) {
     return p1 ? -1 : 1;
   }
   return 0;
 };
-;// CONCATENATED MODULE: ./packages/utils/es/components/FilterDropdown/style.js
+;// CONCATENATED MODULE: ./packages/utils/es/compareVersions/openVisibleCompatible.js
 
 
 
-var FilterDropdown_style_genProStyle = function genProStyle(token) {
-  var _ref;
-  return _ref = {}, defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-label"), {
-    cursor: 'pointer'
-  }), defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-overlay"), {
-    minWidth: '200px',
-    marginBlockStart: '4px',
-    backgroundColor: token.colorBgContainer,
-    boxShadow: token.boxShadowCard,
-    '*': {
-      fontFamily: token.fontFamily,
-      boxSizing: 'border-box'
-    }
-  }), defineProperty_defineProperty(_ref, "".concat(token.componentCls, "-content"), {
-    paddingBlock: 16,
-    paddingInline: 16
-  }), _ref;
+var openVisibleCompatible = function openVisibleCompatible(open, onOpenChange) {
+  var _process, _process$env;
+  var props = compareVersions(((_process = process) === null || _process === void 0 ? void 0 : (_process$env = _process.env) === null || _process$env === void 0 ? void 0 : _process$env.ANTD_VERSION) || external_antd_.version, '4.23.0') > -1 ? {
+    open: open,
+    onOpenChange: onOpenChange
+  } : {
+    visible: open,
+    onVisibleChange: onOpenChange
+  };
+  return omitUndefined(props);
 };
-function FilterDropdown_style_useStyle(prefixCls) {
-  return useStyle('FilterDropdown', function (token) {
-    var proToken = objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
-    return [FilterDropdown_style_genProStyle(proToken)];
-  });
-}
+
 ;// CONCATENATED MODULE: ./packages/utils/es/components/FilterDropdown/index.js
 
 
@@ -27436,13 +27463,7 @@ var FilterDropdown = function FilterDropdown(props) {
   var _useStyle = FilterDropdown_style_useStyle(prefixCls),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
-  var dropdownOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
-    open: open || visible || false,
-    onOpenChange: onOpenChange || onVisibleChange
-  } : {
-    visible: open || visible || false,
-    onVisibleChange: onOpenChange || onVisibleChange
-  };
+  var dropdownOpenProps = openVisibleCompatible(open || visible || false, onOpenChange || onVisibleChange);
   return wrapSSR((0,jsx_runtime.jsx)(external_antd_.Dropdown, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
     disabled: disabled,
     placement: placement,
@@ -27576,7 +27597,6 @@ var InlineErrorFormItem_excluded = ["label", "rules", "name", "children", "popov
 
 
 
-
 var FIX_INLINE_STYLE = {
   marginBlockStart: -5,
   marginBlockEnd: -5,
@@ -27608,23 +27628,14 @@ var InlineErrorFormItemPopover = function InlineErrorFormItemPopover(_ref) {
       setErrorList(inputProps.errors);
     }
   }, [inputProps.errors, inputProps.validateStatus]);
-  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
-    open: errorStringList.length < 1 ? false : open,
-    onOpenChange: function onOpenChange(changeOpen) {
-      if (changeOpen === open) return;
-      setOpen(changeOpen);
-    }
-  } : {
-    visible: errorStringList.length < 1 ? false : open,
-    onVisibleChange: function onVisibleChange(changeOpen) {
-      if (changeOpen === open) return;
-      setOpen(changeOpen);
-    }
-  };
+  var popoverOpenProps = openVisibleCompatible(errorStringList.length < 1 ? false : open, function (changeOpen) {
+    if (changeOpen === open) return;
+    setOpen(changeOpen);
+  });
   return (0,jsx_runtime.jsx)(external_antd_.Popover, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
     trigger: (popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.trigger) || 'focus',
     placement: (popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.placement) || 'topRight'
-  }, drawerOpenProps), {}, {
+  }, popoverOpenProps), {}, {
     getPopupContainer: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.getPopupContainer,
     getTooltipContainer: popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.getTooltipContainer,
     content: wrapSSR((0,jsx_runtime.jsxs)("div", {
@@ -28038,6 +28049,13 @@ var isNeedTranText = function isNeedTranText(item) {
   }
   return false;
 };
+var getEllipsis = function getEllipsis(item) {
+  var _item$ellipsis;
+  if (((_item$ellipsis = item.ellipsis) === null || _item$ellipsis === void 0 ? void 0 : _item$ellipsis.showTitle) === false) {
+    return false;
+  }
+  return item.ellipsis;
+};
 /**
  * 生成 Copyable 或 Ellipsis 的 dom
  *
@@ -28053,7 +28071,7 @@ var genCopyable = function genCopyable(dom, item, text) {
     } : undefined;
     /** 有些 valueType 需要设置copy的为string */
     var needTranText = isNeedTranText(item);
-    var ellipsis = item.ellipsis && text ? {
+    var ellipsis = getEllipsis(item) && text ? {
       tooltip:
       // 支持一下 tooltip 的关闭
       (item === null || item === void 0 ? void 0 : item.tooltip) !== false && needTranText ? (0,jsx_runtime.jsx)("div", {
@@ -28112,6 +28130,9 @@ function _regeneratorRuntime() {
   var exports = {},
     Op = Object.prototype,
     hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    },
     $Symbol = "function" == typeof Symbol ? Symbol : {},
     iteratorSymbol = $Symbol.iterator || "@@iterator",
     asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
@@ -28135,40 +28156,9 @@ function _regeneratorRuntime() {
     var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
       generator = Object.create(protoGenerator.prototype),
       context = new Context(tryLocsList || []);
-    return generator._invoke = function (innerFn, self, context) {
-      var state = "suspendedStart";
-      return function (method, arg) {
-        if ("executing" === state) throw new Error("Generator is already running");
-        if ("completed" === state) {
-          if ("throw" === method) throw arg;
-          return doneResult();
-        }
-        for (context.method = method, context.arg = arg;;) {
-          var delegate = context.delegate;
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-            if ("suspendedStart" === state) throw state = "completed", context.arg;
-            context.dispatchException(context.arg);
-          } else "return" === context.method && context.abrupt("return", context.arg);
-          state = "executing";
-          var record = tryCatch(innerFn, self, context);
-          if ("normal" === record.type) {
-            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          }
-          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-        }
-      };
-    }(innerFn, self, context), generator;
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
   }
   function tryCatch(fn, obj, arg) {
     try {
@@ -28222,13 +28212,49 @@ function _regeneratorRuntime() {
       reject(record.arg);
     }
     var previousPromise;
-    this._invoke = function (method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function (resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
+    defineProperty(this, "_invoke", {
+      value: function value(method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
+      }
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        }
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
       }
-      return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
     };
   }
   function maybeInvokeDelegate(delegate, context) {
@@ -28286,7 +28312,13 @@ function _regeneratorRuntime() {
       done: !0
     };
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
     var ctor = "function" == typeof genFun && genFun.constructor;
     return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
   }, exports.mark = function (genFun) {
@@ -28307,8 +28339,9 @@ function _regeneratorRuntime() {
     return this;
   }), define(Gp, "toString", function () {
     return "[object Generator]";
-  }), exports.keys = function (object) {
-    var keys = [];
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
     for (var key in object) {
       keys.push(key);
     }
@@ -28913,19 +28946,6 @@ var omitBoolean = function omitBoolean(obj) {
   }
   return undefined;
 };
-;// CONCATENATED MODULE: ./packages/utils/es/omitUndefined/index.js
-var omitUndefined = function omitUndefined(obj) {
-  var newObj = {};
-  Object.keys(obj || {}).forEach(function (key) {
-    if (obj[key] !== undefined) {
-      newObj[key] = obj[key];
-    }
-  });
-  if (Object.keys(newObj).length < 1) {
-    return undefined;
-  }
-  return newObj;
-};
 ;// CONCATENATED MODULE: ./packages/utils/es/omitUndefinedAndEmptyArr/index.js
 var omitUndefinedAndEmptyArr = function omitUndefinedAndEmptyArr(obj) {
   var newObj = {};
@@ -29312,7 +29332,7 @@ function editableRowByKey(keyProps, action) {
  *
  * @param ActionRenderConfig
  */
-function SaveEditableAction(_ref) {
+function SaveEditableAction(_ref, ref) {
   var recordKey = _ref.recordKey,
     onSave = _ref.onSave,
     row = _ref.row,
@@ -29326,59 +29346,85 @@ function SaveEditableAction(_ref) {
     _useMountMergeState2 = slicedToArray_slicedToArray(_useMountMergeState, 2),
     loading = _useMountMergeState2[0],
     setLoading = _useMountMergeState2[1];
+  var save = useRefFunction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _context$getFieldForm, isMapEditor, namePath, fields, _recordKey, recordKeyPath, curValue, data, res;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            isMapEditor = editorType === 'Map'; // 为了兼容类型为 array 的 dataIndex,当 recordKey 是一个数组时，用于获取表单值的 key 只取第一项，
+            // 从表单中获取回来之后，再根据 namepath 获取具体的某个字段并设置
+            namePath = [tableName, Array.isArray(recordKey) ? recordKey[0] : recordKey].map(function (key) {
+              return key === null || key === void 0 ? void 0 : key.toString();
+            }).flat(1).filter(Boolean);
+            setLoading(true);
+            // @ts-expect-error
+            _context.next = 6;
+            return form.validateFields(namePath, {
+              recursive: true
+            });
+          case 6:
+            fields = ((_context$getFieldForm = context.getFieldFormatValue) === null || _context$getFieldForm === void 0 ? void 0 : _context$getFieldForm.call(context, namePath)) || form.getFieldValue(namePath); // 处理 dataIndex 为数组的情况
+            if (Array.isArray(recordKey) && recordKey.length > 1) {
+              // 获取 namepath
+              _recordKey = _toArray(recordKey), recordKeyPath = _recordKey.slice(1); // 将目标值获取出来并设置到 fields 当中
+              curValue = (0,utils_get["default"])(fields, recordKeyPath);
+              (0,set/* default */.Z)(fields, recordKeyPath, curValue);
+            }
+            data = isMapEditor ? (0,set/* default */.Z)({}, namePath, fields, true) : fields; // 获取数据并保存
+            _context.next = 11;
+            return onSave === null || onSave === void 0 ? void 0 : onSave(recordKey,
+            // 如果是 map 模式，fields 就是一个值，所以需要set 到对象中
+            // 数据模式 fields 是一个对象，所以不需要
+            merge_merge({}, row, data), row, newLineConfig);
+          case 11:
+            res = _context.sent;
+            setLoading(false);
+            return _context.abrupt("return", res);
+          case 16:
+            _context.prev = 16;
+            _context.t0 = _context["catch"](0);
+            // eslint-disable-next-line no-console
+            console.log(_context.t0);
+            setLoading(false);
+            throw _context.t0;
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[0, 16]]);
+  })));
+  (0,external_React_.useImperativeHandle)(ref, function () {
+    return {
+      save: save
+    };
+  });
   return (0,jsx_runtime.jsxs)("a", {
     onClick: function () {
-      var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-        var _context$getFieldForm, isMapEditor, namePath, fields, _recordKey, recordKeyPath, curValue, data, res;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
+      var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) {
-            switch (_context.prev = _context.next) {
+            switch (_context2.prev = _context2.next) {
               case 0:
                 e.stopPropagation();
                 e.preventDefault();
-                _context.prev = 2;
-                isMapEditor = editorType === 'Map'; // 为了兼容类型为 array 的 dataIndex,当 recordKey 是一个数组时，用于获取表单值的 key 只取第一项，
-                // 从表单中获取回来之后，再根据 namepath 获取具体的某个字段并设置
-                namePath = [tableName, Array.isArray(recordKey) ? recordKey[0] : recordKey].map(function (key) {
-                  return key === null || key === void 0 ? void 0 : key.toString();
-                }).flat(1).filter(Boolean);
-                setLoading(true);
-                // @ts-expect-error
-                _context.next = 8;
-                return form.validateFields(namePath, {
-                  recursive: true
-                });
-              case 8:
-                fields = ((_context$getFieldForm = context.getFieldFormatValue) === null || _context$getFieldForm === void 0 ? void 0 : _context$getFieldForm.call(context, namePath)) || form.getFieldValue(namePath); // 处理 dataIndex 为数组的情况
-                if (Array.isArray(recordKey) && recordKey.length > 1) {
-                  // 获取 namepath
-                  _recordKey = _toArray(recordKey), recordKeyPath = _recordKey.slice(1); // 将目标值获取出来并设置到 fields 当中
-                  curValue = (0,utils_get["default"])(fields, recordKeyPath);
-                  (0,set/* default */.Z)(fields, recordKeyPath, curValue);
-                }
-                data = isMapEditor ? (0,set/* default */.Z)({}, namePath, fields, true) : fields; // 获取数据并保存
-                _context.next = 13;
-                return onSave === null || onSave === void 0 ? void 0 : onSave(recordKey,
-                // 如果是 map 模式，fields 就是一个值，所以需要set 到对象中
-                // 数据模式 fields 是一个对象，所以不需要
-                merge_merge({}, row, data), row, newLineConfig);
-              case 13:
-                res = _context.sent;
-                setLoading(false);
-                return _context.abrupt("return", res);
-              case 18:
-                _context.prev = 18;
-                _context.t0 = _context["catch"](2);
-                // eslint-disable-next-line no-console
-                console.log(_context.t0);
-                setLoading(false);
-                return _context.abrupt("return", null);
-              case 23:
+                _context2.prev = 2;
+                _context2.next = 5;
+                return save();
+              case 5:
+                _context2.next = 9;
+                break;
+              case 7:
+                _context2.prev = 7;
+                _context2.t0 = _context2["catch"](2);
+              case 9:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
           }
-        }, _callee, null, [[2, 18]]);
+        }, _callee2, null, [[2, 7]]);
       }));
       function onClick(_x) {
         return _onClick.apply(this, arguments);
@@ -29397,45 +29443,45 @@ function SaveEditableAction(_ref) {
  *
  * @param ActionRenderConfig
  */
-var DeleteEditableAction = function DeleteEditableAction(_ref2) {
-  var recordKey = _ref2.recordKey,
-    onDelete = _ref2.onDelete,
-    row = _ref2.row,
-    children = _ref2.children,
-    deletePopconfirmMessage = _ref2.deletePopconfirmMessage;
+var DeleteEditableAction = function DeleteEditableAction(_ref3) {
+  var recordKey = _ref3.recordKey,
+    onDelete = _ref3.onDelete,
+    row = _ref3.row,
+    children = _ref3.children,
+    deletePopconfirmMessage = _ref3.deletePopconfirmMessage;
   var _useMountMergeState3 = (0,useMergedState/* default */.Z)(function () {
       return false;
     }),
     _useMountMergeState4 = slicedToArray_slicedToArray(_useMountMergeState3, 2),
     loading = _useMountMergeState4[0],
     setLoading = _useMountMergeState4[1];
-  var _onConfirm = useRefFunction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+  var _onConfirm = useRefFunction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
     var res;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
       while (1) {
-        switch (_context2.prev = _context2.next) {
+        switch (_context3.prev = _context3.next) {
           case 0:
-            _context2.prev = 0;
+            _context3.prev = 0;
             setLoading(true);
-            _context2.next = 4;
+            _context3.next = 4;
             return onDelete === null || onDelete === void 0 ? void 0 : onDelete(recordKey, row);
           case 4:
-            res = _context2.sent;
+            res = _context3.sent;
             setLoading(false);
-            return _context2.abrupt("return", res);
+            return _context3.abrupt("return", res);
           case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](0);
+            _context3.prev = 9;
+            _context3.t0 = _context3["catch"](0);
             // eslint-disable-next-line no-console
-            console.log(_context2.t0);
+            console.log(_context3.t0);
             setLoading(false);
-            return _context2.abrupt("return", null);
+            return _context3.abrupt("return", null);
           case 14:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
       }
-    }, _callee2, null, [[0, 9]]);
+    }, _callee3, null, [[0, 9]]);
   })));
   return children !== false ? (0,jsx_runtime.jsx)(external_antd_.Popconfirm, {
     title: deletePopconfirmMessage,
@@ -29464,12 +29510,12 @@ var CancelEditableAction = function CancelEditableAction(props) {
   var form = external_antd_.Form.useFormInstance();
   return (0,jsx_runtime.jsx)("a", {
     onClick: function () {
-      var _onClick2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e) {
+      var _onClick2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(e) {
         var _context$getFieldForm2;
         var isMapEditor, namePath, fields, record, res;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
           while (1) {
-            switch (_context3.prev = _context3.next) {
+            switch (_context4.prev = _context4.next) {
               case 0:
                 e.stopPropagation();
                 e.preventDefault();
@@ -29477,20 +29523,20 @@ var CancelEditableAction = function CancelEditableAction(props) {
                 namePath = [tableName, recordKey].flat(1).filter(Boolean);
                 fields = ((_context$getFieldForm2 = context.getFieldFormatValue) === null || _context$getFieldForm2 === void 0 ? void 0 : _context$getFieldForm2.call(context, namePath)) || form.getFieldValue(namePath);
                 record = isMapEditor ? (0,set/* default */.Z)({}, namePath, fields) : fields;
-                _context3.next = 8;
+                _context4.next = 8;
                 return onCancel === null || onCancel === void 0 ? void 0 : onCancel(recordKey, record, row, newLineConfig);
               case 8:
-                res = _context3.sent;
+                res = _context4.sent;
                 cancelEditable(recordKey);
                 /** 充值为默认值，不然编辑的行会丢掉 */
                 form.setFieldsValue(defineProperty_defineProperty({}, recordKey, isMapEditor ? (0,utils_get["default"])(row, namePath) : row));
-                return _context3.abrupt("return", res);
+                return _context4.abrupt("return", res);
               case 12:
               case "end":
-                return _context3.stop();
+                return _context4.stop();
             }
           }
-        }, _callee3);
+        }, _callee4);
       }));
       function onClick(_x2) {
         return _onClick2.apply(this, arguments);
@@ -29505,15 +29551,23 @@ function defaultActionRender(row, config) {
     newLineConfig = config.newLineConfig,
     saveText = config.saveText,
     deleteText = config.deleteText;
-  return [(0,jsx_runtime.jsx)(SaveEditableAction, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), {}, {
-    row: row,
-    children: saveText
-  }), 'save' + recordKey), (newLineConfig === null || newLineConfig === void 0 ? void 0 : newLineConfig.options.recordKey) !== recordKey ? (0,jsx_runtime.jsx)(DeleteEditableAction, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), {}, {
-    row: row,
-    children: deleteText
-  }), 'delete' + recordKey) : null, (0,jsx_runtime.jsx)(CancelEditableAction, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), {}, {
-    row: row
-  }), 'cancel' + recordKey)];
+  var SaveEditableActionRef = /*#__PURE__*/(0,external_React_.forwardRef)(SaveEditableAction);
+  var saveRef = /*#__PURE__*/(0,external_React_.createRef)();
+  return {
+    save: (0,jsx_runtime.jsx)(SaveEditableActionRef, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), {}, {
+      row: row,
+      ref: saveRef,
+      children: saveText
+    }), 'save' + recordKey),
+    saveRef: saveRef,
+    delete: (newLineConfig === null || newLineConfig === void 0 ? void 0 : newLineConfig.options.recordKey) !== recordKey ? (0,jsx_runtime.jsx)(DeleteEditableAction, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), {}, {
+      row: row,
+      children: deleteText
+    }), 'delete' + recordKey) : undefined,
+    cancel: (0,jsx_runtime.jsx)(CancelEditableAction, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, config), {}, {
+      row: row
+    }), 'cancel' + recordKey)
+  };
 }
 /**
  * 一个方便的hooks 用于维护编辑的状态
@@ -29618,21 +29672,21 @@ function useEditableArray(props) {
    * @param recordKey
    */
   var cancelEditable = useRefFunction( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(recordKey, needReTry) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(recordKey, needReTry) {
       var relayKey, key;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context4.prev = _context4.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               relayKey = recordKeyToString(recordKey).toString();
               key = dataSourceKeyIndexMapRef.current.get(relayKey);
               /** 如果没找到key，转化一下再去找 */
               if (!(!editableKeysSet.has(relayKey) && key && (needReTry !== null && needReTry !== void 0 ? needReTry : true) && props.tableName)) {
-                _context4.next = 5;
+                _context5.next = 5;
                 break;
               }
               cancelEditable(key, false);
-              return _context4.abrupt("return");
+              return _context5.abrupt("return");
             case 5:
               /** 如果这个是 new Line 直接删除 */
               if (newLineRecordCache && newLineRecordCache.options.recordKey === recordKey) {
@@ -29641,39 +29695,39 @@ function useEditableArray(props) {
               editableKeysSet.delete(relayKey);
               editableKeysSet.delete(recordKeyToString(recordKey));
               setEditableRowKeys(Array.from(editableKeysSet));
-              return _context4.abrupt("return", true);
+              return _context5.abrupt("return", true);
             case 10:
             case "end":
-              return _context4.stop();
+              return _context5.stop();
           }
         }
-      }, _callee4);
+      }, _callee5);
     }));
     return function (_x3, _x4) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }());
-  var propsOnValuesChange = useDebounceFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+  var propsOnValuesChange = useDebounceFn( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
     var _props$onValuesChange;
     var _len,
       rest,
       _key,
-      _args5 = arguments;
-    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      _args6 = arguments;
+    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
       while (1) {
-        switch (_context5.prev = _context5.next) {
+        switch (_context6.prev = _context6.next) {
           case 0:
-            for (_len = _args5.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
-              rest[_key] = _args5[_key];
+            for (_len = _args6.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+              rest[_key] = _args6[_key];
             }
             //@ts-ignore
             (_props$onValuesChange = props.onValuesChange) === null || _props$onValuesChange === void 0 ? void 0 : _props$onValuesChange.call.apply(_props$onValuesChange, [props].concat(rest));
           case 2:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
       }
-    }, _callee5);
+    }, _callee6);
   })), 64);
   var onValuesChange = useRefFunction(function (value, values) {
     var _Object$keys$pop;
@@ -29714,6 +29768,67 @@ function useEditableArray(props) {
     }) : newLineRecordData;
     propsOnValuesChange.run(editRow || newLineRecordData, dataSource);
   });
+  var saveRefsMap = (0,external_React_.useRef)(new Map());
+  (0,external_React_.useEffect)(function () {
+    // 确保只保留编辑状态的，其它的都删除掉
+    saveRefsMap.current.forEach(function (ref, key) {
+      if (!editableKeysSet.has(key)) {
+        saveRefsMap.current.delete(key);
+      }
+    });
+  }, [saveRefsMap, editableKeysSet]);
+  /**
+   * 保存编辑行
+   *
+   * @param recordKey
+   * @param needReTry
+   */
+  var saveEditable = useRefFunction( /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(recordKey, needReTry) {
+      var relayKey, key, saveRef, _saveRef$current;
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) {
+          switch (_context7.prev = _context7.next) {
+            case 0:
+              relayKey = recordKeyToString(recordKey);
+              key = dataSourceKeyIndexMapRef.current.get(recordKey.toString());
+              /** 如果没找到key，转化一下再去找 */
+              if (!(!editableKeysSet.has(relayKey) && key && (needReTry !== null && needReTry !== void 0 ? needReTry : true) && props.tableName)) {
+                _context7.next = 6;
+                break;
+              }
+              _context7.next = 5;
+              return saveEditable(key, false);
+            case 5:
+              return _context7.abrupt("return", _context7.sent);
+            case 6:
+              saveRef = saveRefsMap.current.get(relayKey) || saveRefsMap.current.get(relayKey.toString());
+              _context7.prev = 7;
+              _context7.next = 10;
+              return saveRef === null || saveRef === void 0 ? void 0 : (_saveRef$current = saveRef.current) === null || _saveRef$current === void 0 ? void 0 : _saveRef$current.save();
+            case 10:
+              _context7.next = 15;
+              break;
+            case 12:
+              _context7.prev = 12;
+              _context7.t0 = _context7["catch"](7);
+              return _context7.abrupt("return", false);
+            case 15:
+              editableKeysSet.delete(relayKey);
+              editableKeysSet.delete(relayKey.toString());
+              setEditableRowKeys(Array.from(editableKeysSet));
+              return _context7.abrupt("return", true);
+            case 19:
+            case "end":
+              return _context7.stop();
+          }
+        }
+      }, _callee7, null, [[7, 12]]);
+    }));
+    return function (_x5, _x6) {
+      return _ref7.apply(this, arguments);
+    };
+  }());
   /**
    * 同时只能支持一行,取消之后数据消息，不会触发 dataSource
    *
@@ -29775,22 +29890,22 @@ function useEditableArray(props) {
   var deleteText = (props === null || props === void 0 ? void 0 : props.deleteText) || intl.getMessage('editableTable.action.delete', '删除');
   var cancelText = (props === null || props === void 0 ? void 0 : props.cancelText) || intl.getMessage('editableTable.action.cancel', '取消');
   var actionSaveRef = useRefFunction( /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(recordKey, editRow, originRow, newLine) {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(recordKey, editRow, originRow, newLine) {
       var _props$onSave, _recordKeyToString4, _options$parentKey;
-      var _ref7, options, res, actionProps;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+      var _ref9, options, res, actionProps;
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
-              _ref7 = newLine || newLineRecordRef.current || {}, options = _ref7.options;
-              _context6.next = 3;
+              _ref9 = newLine || newLineRecordRef.current || {}, options = _ref9.options;
+              _context8.next = 3;
               return props === null || props === void 0 ? void 0 : (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, recordKey, editRow, originRow, newLine);
             case 3:
-              res = _context6.sent;
+              res = _context8.sent;
               // 保存时解除编辑模式
               cancelEditable(recordKey);
               if (!(!(options === null || options === void 0 ? void 0 : options.parentKey) && (options === null || options === void 0 ? void 0 : options.recordKey) === recordKey)) {
-                _context6.next = 8;
+                _context8.next = 8;
                 break;
               }
               if ((options === null || options === void 0 ? void 0 : options.position) === 'top') {
@@ -29798,7 +29913,7 @@ function useEditableArray(props) {
               } else {
                 props.setDataSource([].concat(toConsumableArray_toConsumableArray(props.dataSource), [editRow]));
               }
-              return _context6.abrupt("return", res);
+              return _context8.abrupt("return", res);
             case 8:
               actionProps = {
                 data: props.dataSource,
@@ -29810,25 +29925,25 @@ function useEditableArray(props) {
                 childrenColumnName: props.childrenColumnName || 'children'
               };
               props.setDataSource(editableRowByKey(actionProps, (options === null || options === void 0 ? void 0 : options.position) === 'top' ? 'top' : 'update'));
-              return _context6.abrupt("return", res);
+              return _context8.abrupt("return", res);
             case 11:
             case "end":
-              return _context6.stop();
+              return _context8.stop();
           }
         }
-      }, _callee6);
+      }, _callee8);
     }));
-    return function (_x5, _x6, _x7, _x8) {
-      return _ref6.apply(this, arguments);
+    return function (_x7, _x8, _x9, _x10) {
+      return _ref8.apply(this, arguments);
     };
   }());
   var actionDeleteRef = useRefFunction( /*#__PURE__*/function () {
-    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(recordKey, editRow) {
+    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(recordKey, editRow) {
       var _props$onDelete;
       var actionProps, res;
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context9.prev = _context9.next) {
             case 0:
               actionProps = {
                 data: props.dataSource,
@@ -29837,48 +29952,48 @@ function useEditableArray(props) {
                 key: recordKey,
                 childrenColumnName: props.childrenColumnName || 'children'
               };
-              _context7.next = 3;
+              _context9.next = 3;
               return props === null || props === void 0 ? void 0 : (_props$onDelete = props.onDelete) === null || _props$onDelete === void 0 ? void 0 : _props$onDelete.call(props, recordKey, editRow);
             case 3:
-              res = _context7.sent;
-              _context7.next = 6;
+              res = _context9.sent;
+              _context9.next = 6;
               return cancelEditable(recordKey);
             case 6:
               props.setDataSource(editableRowByKey(actionProps, 'delete'));
-              return _context7.abrupt("return", res);
+              return _context9.abrupt("return", res);
             case 8:
             case "end":
-              return _context7.stop();
+              return _context9.stop();
           }
         }
-      }, _callee7);
+      }, _callee9);
     }));
-    return function (_x9, _x10) {
-      return _ref8.apply(this, arguments);
+    return function (_x11, _x12) {
+      return _ref10.apply(this, arguments);
     };
   }());
   var actionCancelRef = useRefFunction( /*#__PURE__*/function () {
-    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(recordKey, editRow, originRow, newLine) {
+    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(recordKey, editRow, originRow, newLine) {
       var _props$onCancel;
       var res;
-      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
         while (1) {
-          switch (_context8.prev = _context8.next) {
+          switch (_context10.prev = _context10.next) {
             case 0:
-              _context8.next = 2;
+              _context10.next = 2;
               return props === null || props === void 0 ? void 0 : (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 ? void 0 : _props$onCancel.call(props, recordKey, editRow, originRow, newLine);
             case 2:
-              res = _context8.sent;
-              return _context8.abrupt("return", res);
+              res = _context10.sent;
+              return _context10.abrupt("return", res);
             case 4:
             case "end":
-              return _context8.stop();
+              return _context10.stop();
           }
         }
-      }, _callee8);
+      }, _callee10);
     }));
-    return function (_x11, _x12, _x13, _x14) {
-      return _ref9.apply(this, arguments);
+    return function (_x13, _x14, _x15, _x16) {
+      return _ref11.apply(this, arguments);
     };
   }());
   var actionRender = function actionRender(row) {
@@ -29900,13 +30015,19 @@ function useEditableArray(props) {
       setEditableRowKeys: setEditableRowKeys,
       deletePopconfirmMessage: props.deletePopconfirmMessage || "".concat(intl.getMessage('deleteThisLine', '删除此行'), "?")
     };
-    var defaultDoms = defaultActionRender(row, config);
+    var renderResult = defaultActionRender(row, config);
+    // 缓存一下saveRef
+    if (props.tableName) {
+      saveRefsMap.current.set(dataSourceKeyIndexMapRef.current.get(recordKeyToString(key)) || recordKeyToString(key), renderResult.saveRef);
+    } else {
+      saveRefsMap.current.set(recordKeyToString(key), renderResult.saveRef);
+    }
     if (props.actionRender) return props.actionRender(row, config, {
-      save: defaultDoms[0],
-      delete: defaultDoms[1],
-      cancel: defaultDoms[2]
+      save: renderResult.save,
+      delete: renderResult.delete,
+      cancel: renderResult.cancel
     });
-    return defaultDoms;
+    return [renderResult.save, renderResult.delete, renderResult.cancel];
   };
   return {
     editableKeys: editableKeys,
@@ -29916,6 +30037,7 @@ function useEditableArray(props) {
     startEditable: startEditable,
     cancelEditable: cancelEditable,
     addEditRecord: addEditRecord,
+    saveEditable: saveEditable,
     newLineRecord: newLineRecordCache,
     preEditableKeys: editableKeysRef,
     onValuesChange: onValuesChange
@@ -30093,15 +30215,15 @@ function useEditableMap(props) {
       deletePopconfirmMessage: "".concat(intl.getMessage('deleteThisLine', '删除此行'), "?"),
       editorType: 'Map'
     }, config);
-    var defaultDoms = defaultActionRender(props.dataSource, renderConfig);
+    var renderResult = defaultActionRender(props.dataSource, renderConfig);
     if (props.actionRender) {
       return props.actionRender(props.dataSource, renderConfig, {
-        save: defaultDoms[0],
-        delete: defaultDoms[1],
-        cancel: defaultDoms[2]
+        save: renderResult.save,
+        delete: renderResult.delete,
+        cancel: renderResult.cancel
       });
     }
-    return defaultDoms;
+    return [renderResult.save, renderResult.delete, renderResult.cancel];
   }, [editableKeys && editableKeys.join(','), props.dataSource]);
   return {
     editableKeys: editableKeys,
@@ -30112,34 +30234,6 @@ function useEditableMap(props) {
     cancelEditable: cancelEditable
   };
 }
-;// CONCATENATED MODULE: ./packages/utils/es/useSafeState/index.js
-
-
-/**
- * Same as React.useState but `setState` accept `ignoreDestroy` param to not to setState after destroyed.
- * We do not make this auto is to avoid real memory leak.
- * Developer should confirm it's safe to ignore themselves.
- */
-function useSafeState(defaultValue) {
-  var destroyRef = external_React_.useRef(false);
-  var _React$useState = external_React_.useState(defaultValue),
-    _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  external_React_.useEffect(function () {
-    destroyRef.current = false;
-    return function () {
-      destroyRef.current = true;
-    };
-  }, []);
-  function safeSetState(updater, ignoreDestroy) {
-    if (ignoreDestroy && destroyRef.current) {
-      return;
-    }
-    setValue(updater);
-  }
-  return [value, safeSetState];
-}
 ;// CONCATENATED MODULE: ./packages/utils/es/index.js
 
 
@@ -30461,7 +30555,7 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
     lineHeight: token.lineHeight,
     verticalAlign: 'top',
     backgroundColor: token.colorBgBase,
-    borderRadius: token.radiusBase,
+    borderRadius: token.borderRadius,
     cursor: 'pointer',
     transition: "all 0.3s",
     '&:last-child': {
@@ -30529,7 +30623,7 @@ var CheckCard_style_genProStyle = function genProStyle(token) {
       width: '100%',
       height: '100%',
       overflow: 'hidden',
-      borderRadius: token.radiusBase
+      borderRadius: token.borderRadius
     }
   }), defineProperty_defineProperty(_token$componentCls, '&-content', {
     display: 'flex',
@@ -31078,11 +31172,10 @@ var ProCardActions = function ProCardActions(props) {
       })
     }));
   }
-  if (actions) return wrapSSR((0,jsx_runtime.jsx)("ul", {
+  return wrapSSR((0,jsx_runtime.jsx)("ul", {
     className: classnames_default()("".concat(prefixCls, "-actions"), hashId),
     children: actions
   }));
-  return null;
 };
 /* harmony default export */ var Actions = (ProCardActions);
 ;// CONCATENATED MODULE: ./packages/card/es/components/Loading/style.js
@@ -31109,7 +31202,7 @@ var Loading_style_genProStyle = function genProStyle(token) {
     marginBlock: '4px',
     background: "linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2))",
     backgroundSize: '600% 600%',
-    borderRadius: token.radiusBase,
+    borderRadius: token.borderRadius,
     animationName: 'card-loading',
     animationDuration: '1.4s',
     animationTimingFunction: 'ease',
@@ -31329,7 +31422,7 @@ var genProCardStyle = function genProCardStyle(token) {
     paddingBlock: 0,
     paddingInline: 0,
     backgroundColor: token.colorBgContainer,
-    borderRadius: token.radiusBase
+    borderRadius: token.borderRadius
   }, resetComponent === null || resetComponent === void 0 ? void 0 : resetComponent(token)), {}, (_objectSpread2 = {
     '*': {
       boxSizing: 'border-box',
@@ -31752,10 +31845,10 @@ var Card = /*#__PURE__*/external_React_default().forwardRef(function (props, ref
       className: bodyCls,
       style: cardBodyStyle,
       children: loading ? loadingDOM : childrenModified
-    }), (0,jsx_runtime.jsx)(Actions, {
+    }), actions ? (0,jsx_runtime.jsx)(Actions, {
       actions: actions,
       prefixCls: prefixCls
-    })]
+    }) : null]
   })));
 });
 /* harmony default export */ var components_Card = (Card);
@@ -37063,12 +37156,12 @@ var useFieldFetchData = function useFieldFetchData(props) {
   var _ref5, _props$debounceTime, _props$fieldProps3, _props$fieldProps6;
   var cacheForSwr = props.cacheForSwr,
     fieldProps = props.fieldProps;
-  var _useSafeState = useSafeState(props.defaultKeyWords),
-    _useSafeState2 = slicedToArray_slicedToArray(_useSafeState, 2),
-    keyWords = _useSafeState2[0],
-    setKeyWords = _useSafeState2[1];
+  var _useState = (0,external_React_.useState)(props.defaultKeyWords),
+    _useState2 = slicedToArray_slicedToArray(_useState, 2),
+    keyWords = _useState2[0],
+    setKeyWords = _useState2[1];
   /** Key 是用来缓存请求的，如果不在是有问题 */
-  var _useState = (0,external_React_.useState)(function () {
+  var _useState3 = (0,external_React_.useState)(function () {
       if (props.proFieldKey) {
         return props.proFieldKey.toString();
       }
@@ -37077,8 +37170,8 @@ var useFieldFetchData = function useFieldFetchData(props) {
       }
       return 'no-fetch';
     }),
-    _useState2 = slicedToArray_slicedToArray(_useState, 1),
-    cacheKey = _useState2[0];
+    _useState4 = slicedToArray_slicedToArray(_useState3, 1),
+    cacheKey = _useState4[0];
   var proFieldKeyRef = (0,external_React_.useRef)(cacheKey);
   var getOptionsFormValueEnum = (0,external_React_.useCallback)(function (coverValueEnum) {
     return proFieldParsingValueEnumToArray(ObjToMap(coverValueEnum)).map(function (_ref3) {
@@ -40518,10 +40611,10 @@ var Money_excluded = ["content", "numberFormatOptions", "numberPopoverRender", "
 
 
 
-
 // 兼容代码-----------
 
 
+//----------------------
 
 var defaultMoneyIntl = new Intl.NumberFormat('zh-Hans-CN', {
   currency: 'CNY',
@@ -40630,11 +40723,7 @@ var InputNumberPopover = /*#__PURE__*/external_React_default().forwardRef(functi
   var dom = content === null || content === void 0 ? void 0 : content(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, rest), {}, {
     value: value
   }));
-  var props = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
-    open: dom ? open : false
-  } : {
-    visible: dom ? open : false
-  };
+  var props = openVisibleCompatible(dom ? open : false);
   return (0,jsx_runtime.jsx)(external_antd_.Popover, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
     placement: "topLeft"
   }, props), {}, {
@@ -44972,28 +45061,17 @@ function DrawerForm(_ref) {
       return _ref3.apply(this, arguments);
     };
   }());
-  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
-    open: open,
-    onOpenChange: onVisibleChange,
-    afterOpenChange: function afterOpenChange(e) {
-      var _drawerProps$afterOpe;
-      if (!e) resetFields();
-      drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterOpe = drawerProps.afterOpenChange) === null || _drawerProps$afterOpe === void 0 ? void 0 : _drawerProps$afterOpe.call(drawerProps, e);
-    }
-  } : {
-    visible: open,
-    onVisibleChange: onVisibleChange,
-    afterVisibleChange: function afterVisibleChange(e) {
-      var _drawerProps$afterOpe2;
-      if (!e) resetFields();
-      drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterOpe2 = drawerProps.afterOpenChange) === null || _drawerProps$afterOpe2 === void 0 ? void 0 : _drawerProps$afterOpe2.call(drawerProps, e);
-    }
-  };
+  var drawerOpenProps = openVisibleCompatible(open, onVisibleChange);
   return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [(0,jsx_runtime.jsx)(external_antd_.Drawer, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
       title: title,
       width: width || 800
     }, drawerProps), drawerOpenProps), {}, {
+      afterOpenChange: function afterOpenChange(e) {
+        var _drawerProps$afterOpe;
+        if (!e) resetFields();
+        drawerProps === null || drawerProps === void 0 ? void 0 : (_drawerProps$afterOpe = drawerProps.afterOpenChange) === null || _drawerProps$afterOpe === void 0 ? void 0 : _drawerProps$afterOpe.call(drawerProps, e);
+      },
       onClose: function onClose(e) {
         var _drawerProps$onClose2;
         // 提交表单loading时，阻止弹框关闭
@@ -45393,7 +45471,6 @@ var ModalForm_excluded = ["children", "trigger", "onVisibleChange", "onOpenChang
 
 
 
-
 function ModalForm(_ref) {
   var _context$locale3, _context$locale3$Moda, _context$locale4, _context$locale4$Moda;
   var children = _ref.children,
@@ -45545,11 +45622,7 @@ function ModalForm(_ref) {
       return _ref5.apply(this, arguments);
     };
   }(), [onFinish, setOpen, submitTimeout]);
-  var modalOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
-    open: open
-  } : {
-    visible: open
-  };
+  var modalOpenProps = openVisibleCompatible(open);
   return (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [(0,jsx_runtime.jsx)(external_antd_.Modal, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
       title: title,
@@ -51732,7 +51805,6 @@ function PageHeader_style_useStyle(prefixCls) {
 
 
 
-
 var renderBack = function renderBack(prefixCls, hashId, backIcon, onBack) {
   if (!backIcon || !onBack) {
     return null;
@@ -51825,13 +51897,13 @@ var renderChildren = function renderChildren(prefixCls, children, hashId) {
 };
 var PageHeader = function PageHeader(props) {
   var _breadcrumbRender, _classNames;
-  var _useSafeState = useSafeState(false),
-    _useSafeState2 = slicedToArray_slicedToArray(_useSafeState, 2),
-    compact = _useSafeState2[0],
-    updateCompact = _useSafeState2[1];
+  var _React$useState = external_React_.useState(false),
+    _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
+    compact = _React$useState2[0],
+    updateCompact = _React$useState2[1];
   var onResize = function onResize(_ref) {
     var width = _ref.width;
-    updateCompact(width < 768, true);
+    updateCompact(width < 768);
   };
   var _React$useContext = external_React_.useContext(external_antd_.ConfigProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -52104,8 +52176,8 @@ function PageContainer_style_useStyle(prefixCls, componentsToken) {
 
 
 
-var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header", "prefixedClassName", "extraContent", "style", "prefixCls", "hashId", "value", "breadcrumbRender"],
-  PageContainer_excluded2 = ["children", "loading", "className", "style", "footer", "affixProps", "token", "fixedHeader", "breadcrumbRender"];
+var PageContainer_excluded = ["title", "content", "pageHeaderRender", "header", "prefixedClassName", "extraContent", "childrenContentStyle", "style", "prefixCls", "hashId", "value", "breadcrumbRender"],
+  PageContainer_excluded2 = ["children", "loading", "className", "style", "footer", "affixProps", "token", "fixedHeader", "breadcrumbRender", "childrenContentStyle"];
 
 
 
@@ -52213,6 +52285,7 @@ var memoRenderPageHeader = function memoRenderPageHeader(props) {
     header = props.header,
     prefixedClassName = props.prefixedClassName,
     extraContent = props.extraContent,
+    childrenContentStyle = props.childrenContentStyle,
     style = props.style,
     prefixCls = props.prefixCls,
     hashId = props.hashId,
@@ -52273,6 +52346,7 @@ var PageContainerBase = function PageContainerBase(props) {
     propsToken = props.token,
     fixedHeader = props.fixedHeader,
     breadcrumbRender = props.breadcrumbRender,
+    childrenContentStyle = props.childrenContentStyle,
     restProps = objectWithoutProperties_objectWithoutProperties(props, PageContainer_excluded2);
   var value = (0,external_React_.useContext)(RouteContext);
   /** 告诉 props 是否存在 footerBar */
@@ -52332,10 +52406,11 @@ var PageContainerBase = function PageContainerBase(props) {
     return children ? (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
       children: (0,jsx_runtime.jsx)("div", {
         className: classnames_default()("".concat(basePageContainer, "-children-content ").concat(hashId)),
+        style: childrenContentStyle,
         children: children
       })
     }) : null;
-  }, [children, basePageContainer, hashId]);
+  }, [children, basePageContainer, childrenContentStyle, hashId]);
   var renderContentDom = (0,external_React_.useMemo)(function () {
     // 只要loadingDom非空我们就渲染loadingDom,否则渲染内容
     var dom = loadingDom || content;
@@ -52853,7 +52928,7 @@ var genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaul
           verticalAlign: 'top',
           listStyleType: 'none',
           transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
-          borderRadius: token.radiusBase,
+          borderRadius: token.borderRadius,
           '&:hover': {
             backgroundColor: 'rgba(0, 0, 0, 0.03)'
           },
@@ -52919,7 +52994,7 @@ var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleL
           verticalAlign: 'top',
           listStyleType: 'none',
           transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
-          borderRadius: token.radiusBase,
+          borderRadius: token.borderRadius,
           '&:hover': {
             backgroundColor: 'rgba(0, 0, 0, 0.03)'
           },
@@ -52939,7 +53014,7 @@ var genAppsLogoComponentsSimpleListStyle = function genAppsLogoComponentsSimpleL
               lineHeight: '40px',
               textAlign: 'center',
               backgroundImage: 'linear-gradient(180deg, #E8F0FB 0%, #F6F8FC 100%)',
-              borderRadius: token.radiusBase
+              borderRadius: token.borderRadius
             },
             '& > img': {
               width: 40,
@@ -53085,13 +53160,9 @@ var AppsLogoComponents = function AppsLogoComponents(props) {
     });
   }, [appList, baseClassName, hashId]);
   if (!(props === null || props === void 0 ? void 0 : (_props$appList = props.appList) === null || _props$appList === void 0 ? void 0 : _props$appList.length)) return null;
-  var popoverOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
-    onOpenChange: setOpen
-  } : {
-    onVisibleChange: function onVisibleChange() {
-      return setOpen;
-    }
-  };
+  var popoverOpenProps = openVisibleCompatible(undefined, function (openChange) {
+    return setOpen(openChange);
+  });
   return wrapSSR((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [(0,jsx_runtime.jsx)("div", {
       ref: ref,
@@ -53412,22 +53483,24 @@ var MenuCounter = createContainer(useMenuCounter);
 
 
 var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
-  var _token$layout, _token$layout$sider, _collapsed, _collapsed2, _$concat2, _itemTitle, _$concat4;
-  return defineProperty_defineProperty({}, "".concat(token.componentCls), (_$concat4 = {
+  var _token$layout, _token$layout$sider, _collapsed, _collapsed2, _$concat3, _itemTitle, _$concat5;
+  return defineProperty_defineProperty({}, "".concat(token.componentCls), (_$concat5 = {
     background: 'transparent',
     border: 'none'
-  }, defineProperty_defineProperty(_$concat4, "".concat(token.componentCls, "-menu-item"), {
+  }, defineProperty_defineProperty(_$concat5, "".concat(token.componentCls, "-menu-item"), {
     transition: 'none !important'
-  }), defineProperty_defineProperty(_$concat4, "& &-collapsed", (_collapsed = {}, defineProperty_defineProperty(_collapsed, "".concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title, \n        ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title"), {
+  }), defineProperty_defineProperty(_$concat5, "".concat(token.componentCls, "-submenu-has-icon"), defineProperty_defineProperty({}, "> ".concat(token.antCls, "-menu-sub"), {
+    paddingInlineStart: 10
+  })), defineProperty_defineProperty(_$concat5, "& &-collapsed", (_collapsed = {}, defineProperty_defineProperty(_collapsed, "".concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-item, \n        ").concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title, \n        ").concat(token.antCls, "-menu-submenu > ").concat(token.antCls, "-menu-submenu-title"), {
     paddingInline: '0 !important',
     height: 'auto !important',
     marginBlock: '8px !important'
   }), defineProperty_defineProperty(_collapsed, "".concat(token.antCls, "-menu-item-group > ").concat(token.antCls, "-menu-item-group-list > ").concat(token.antCls, "-menu-submenu-selected > ").concat(token.antCls, "-menu-submenu-title, \n        ").concat(token.antCls, "-menu-submenu-selected > ").concat(token.antCls, "-menu-submenu-title"), {
     backgroundColor: (_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : (_token$layout$sider = _token$layout.sider) === null || _token$layout$sider === void 0 ? void 0 : _token$layout$sider.colorBgMenuItemSelected,
-    borderRadius: token.radiusBase
+    borderRadius: token.borderRadius
   }), defineProperty_defineProperty(_collapsed, "".concat(token.componentCls, "-group"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
     paddingInline: 0
-  })), _collapsed)), defineProperty_defineProperty(_$concat4, "".concat(token.componentCls, "-item-icon"), {
+  })), _collapsed)), defineProperty_defineProperty(_$concat5, "".concat(token.componentCls, "-item-icon"), {
     height: '14px',
     width: '14px',
     opacity: '0.85',
@@ -53435,7 +53508,7 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
       lineHeight: '14px',
       height: '14px'
     }
-  }), defineProperty_defineProperty(_$concat4, '& &-item-title', (_itemTitle = {
+  }), defineProperty_defineProperty(_$concat5, '& &-item-title', (_itemTitle = {
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
@@ -53454,16 +53527,16 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
   }), defineProperty_defineProperty(_itemTitle, "&".concat(token.componentCls, "-item-collapsed-show-title"), defineProperty_defineProperty({
     lineHeight: '16px',
     height: '48px'
-  }, "&".concat(token.componentCls, "-item-title-collapsed"), (_$concat2 = {
+  }, "&".concat(token.componentCls, "-item-title-collapsed"), (_$concat3 = {
     display: 'flex'
-  }, defineProperty_defineProperty(_$concat2, "".concat(token.componentCls, "-item-icon"), {
+  }, defineProperty_defineProperty(_$concat3, "".concat(token.componentCls, "-item-icon"), {
     height: '16px',
     lineHeight: '16px !important',
     '.anticon': {
       lineHeight: '16px',
       height: '16px'
     }
-  }), defineProperty_defineProperty(_$concat2, "".concat(token.componentCls, "-item-text"), {
+  }), defineProperty_defineProperty(_$concat3, "".concat(token.componentCls, "-item-text"), {
     opacity: '1 !important',
     display: 'inline !important',
     textAlign: 'center',
@@ -53477,17 +53550,17 @@ var genProLayoutBaseMenuStyle = function genProLayoutBaseMenuStyle(token) {
     margin: 0,
     padding: 0,
     marginBlockStart: 4
-  }), _$concat2))), _itemTitle)), defineProperty_defineProperty(_$concat4, '&-group', defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
+  }), _$concat3))), _itemTitle)), defineProperty_defineProperty(_$concat5, '&-group', defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item-group-title"), {
     fontSize: 12,
     color: token.colorTextLabel,
     '.anticon': {
       marginInlineEnd: 8
     }
-  })), defineProperty_defineProperty(_$concat4, '&-group-divider', {
+  })), defineProperty_defineProperty(_$concat5, '&-group-divider', {
     color: token.colorTextSecondary,
     fontSize: 12,
     lineHeight: 20
-  }), _$concat4));
+  }), _$concat5));
 };
 function menu_useStyle(prefixCls) {
   return useStyle('ProLayoutBaseMenu', function (token) {
@@ -53580,7 +53653,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
     var children = (item === null || item === void 0 ? void 0 : item.children) || (item === null || item === void 0 ? void 0 : item.routes);
     var menuType = isGroup && level === 0 ? 'group' : undefined;
     if (Array.isArray(children) && children.length > 0) {
-      var _this$props2, _this$props3, _classNames, _this$props4, _this$props5, _designToken$layout, _designToken$layout$s;
+      var _this$props2, _this$props3, _classNames, _this$props4, _this$props5, _classNames3, _designToken$layout, _designToken$layout$s;
       /** Menu 第一级可以有icon，或者 isGroup 时第二级别也要有 */
       var shouldHasIcon = level === 0 || isGroup && level === 1;
       //  get defaultTitle by menuItemRender
@@ -53615,7 +53688,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
         label: title,
         onClick: isGroup ? undefined : item.onTitleClick,
         children: childrenList,
-        className: menuType == 'group' ? "".concat(baseClassName, "-group") : "".concat(baseClassName, "-submenu")
+        className: classnames_default()((_classNames3 = {}, defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-group"), menuType === 'group'), defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-submenu"), menuType !== 'group'), defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-submenu-has-icon"), menuType !== 'group' && shouldHasIcon && iconDom), _classNames3))
       }, isGroup && level === 0 ? {
         type: 'divider',
         prefixCls: prefixCls,
@@ -53654,7 +53727,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
     return name;
   };
   this.getMenuItemPath = function (item, level) {
-    var _this$props9, _this$props10, _classNames3, _this$props11, _this$props12;
+    var _this$props9, _this$props10, _classNames4, _this$props11, _this$props12;
     var itemPath = _this.conversionPath(item.path || '/');
     var _this$props7 = _this.props,
       _this$props7$location = _this$props7.location,
@@ -53677,7 +53750,7 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
     var icon = !hasIcon ? null : getIcon(item.icon, iconPrefixes, "".concat(baseClassName, "-icon ").concat((_this$props9 = _this.props) === null || _this$props9 === void 0 ? void 0 : _this$props9.hashId));
     var defaultIcon = collapsed && hasIcon ? getMenuTitleSymbol(name) : null;
     var defaultItem = (0,jsx_runtime.jsxs)("div", {
-      className: classnames_default()("".concat(baseClassName, "-item-title"), (_this$props10 = _this.props) === null || _this$props10 === void 0 ? void 0 : _this$props10.hashId, (_classNames3 = {}, defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames3, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames3)),
+      className: classnames_default()("".concat(baseClassName, "-item-title"), (_this$props10 = _this.props) === null || _this$props10 === void 0 ? void 0 : _this$props10.hashId, (_classNames4 = {}, defineProperty_defineProperty(_classNames4, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames4, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames4)),
       children: [icon ? (0,jsx_runtime.jsx)("span", {
         className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props11 = _this.props) === null || _this$props11 === void 0 ? void 0 : _this$props11.hashId),
         children: icon
@@ -53689,14 +53762,14 @@ var MenuUtil = /*#__PURE__*/_createClass(function MenuUtil(props) {
     var isHttpUrl = isUrl(itemPath);
     // Is it a http link
     if (isHttpUrl) {
-      var _this$props13, _classNames5, _this$props14, _this$props15;
+      var _this$props13, _classNames6, _this$props14, _this$props15;
       defaultItem = (0,jsx_runtime.jsxs)("span", {
         title: name,
         onClick: function onClick() {
           var _window, _window$open;
           (_window = window) === null || _window === void 0 ? void 0 : (_window$open = _window.open) === null || _window$open === void 0 ? void 0 : _window$open.call(_window, itemPath, '_blank');
         },
-        className: classnames_default()("".concat(baseClassName, "-item-title"), (_this$props13 = _this.props) === null || _this$props13 === void 0 ? void 0 : _this$props13.hashId, (_classNames5 = {}, defineProperty_defineProperty(_classNames5, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames5, "".concat(baseClassName, "-item-link"), true), defineProperty_defineProperty(_classNames5, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames5)),
+        className: classnames_default()("".concat(baseClassName, "-item-title"), (_this$props13 = _this.props) === null || _this$props13 === void 0 ? void 0 : _this$props13.hashId, (_classNames6 = {}, defineProperty_defineProperty(_classNames6, "".concat(baseClassName, "-item-title-collapsed"), collapsed), defineProperty_defineProperty(_classNames6, "".concat(baseClassName, "-item-link"), true), defineProperty_defineProperty(_classNames6, "".concat(baseClassName, "-item-collapsed-show-title"), (menu === null || menu === void 0 ? void 0 : menu.collapsedShowTitle) && collapsed), _classNames6)),
         children: [icon ? (0,jsx_runtime.jsx)("span", {
           className: "anticon ".concat(baseClassName, "-item-icon ").concat((_this$props14 = _this.props) === null || _this$props14 === void 0 ? void 0 : _this$props14.hashId),
           children: icon
@@ -53746,7 +53819,7 @@ var getOpenKeysProps = function getOpenKeysProps(openKeys, _ref) {
   return openKeysProps;
 };
 var BaseMenu = function BaseMenu(props) {
-  var _classNames7;
+  var _classNames8;
   var mode = props.mode,
     className = props.className,
     handleOpenChange = props.handleOpenChange,
@@ -53887,7 +53960,7 @@ var BaseMenu = function BaseMenu(props) {
       backgroundColor: 'transparent',
       border: 'none'
     }, style),
-    className: classnames_default()(className, hashId, baseClassName, (_classNames7 = {}, defineProperty_defineProperty(_classNames7, "".concat(baseClassName, "-horizontal"), mode === 'horizontal'), defineProperty_defineProperty(_classNames7, "".concat(baseClassName, "-collapsed"), props.collapsed), _classNames7)),
+    className: classnames_default()(className, hashId, baseClassName, (_classNames8 = {}, defineProperty_defineProperty(_classNames8, "".concat(baseClassName, "-horizontal"), mode === 'horizontal'), defineProperty_defineProperty(_classNames8, "".concat(baseClassName, "-collapsed"), props.collapsed), _classNames8)),
     items: menuUtils.getNavMenuItems(finallyData, 0),
     onOpenChange: setOpenKeys
   }, props.menuProps)));
@@ -54192,11 +54265,11 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
         color: token === null || token === void 0 ? void 0 : (_token$layout = token.layout) === null || _token$layout === void 0 ? void 0 : (_token$layout$header = _token$layout.header) === null || _token$layout$header === void 0 ? void 0 : _token$layout$header.colorTextRightActionsItem,
         fontSize: '16px',
         cursor: 'pointer',
-        borderRadius: token.radiusBase,
+        borderRadius: token.borderRadius,
         '> *': {
           paddingInline: 6,
           paddingBlock: 6,
-          borderRadius: token.radiusBase,
+          borderRadius: token.borderRadius,
           '&:hover': {
             backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout2 = token.layout) === null || _token$layout2 === void 0 ? void 0 : (_token$layout2$header = _token$layout2.header) === null || _token$layout2$header === void 0 ? void 0 : _token$layout2$header.colorBgRightActionsItemHover
           }
@@ -54218,7 +54291,7 @@ var genTopNavHeaderStyle = function genTopNavHeaderStyle(token) {
           display: 'flex',
           alignItems: 'center',
           lineHeight: '44px',
-          borderRadius: token.radiusBase,
+          borderRadius: token.borderRadius,
           '&:hover': {
             backgroundColor: 'rgba(0, 0, 0, 0.03)'
           }
@@ -55013,7 +55086,7 @@ var darkreader = __webpack_require__(897);
   'app.setting.themecolor.sunset': '日暮',
   'app.setting.themecolor.cyan': '明青',
   'app.setting.themecolor.green': '极光绿',
-  'app.setting.themecolor.techBlue': '科技蓝（默认',
+  'app.setting.themecolor.techBlue': '科技蓝（默认）',
   'app.setting.themecolor.daybreak': '拂晓',
   'app.setting.themecolor.geekblue': '极客蓝',
   'app.setting.themecolor.purple': '酱紫',
@@ -55810,10 +55883,11 @@ var ThemeColor = function ThemeColor(_ref2) {
     className: "".concat(baseClassName, " ").concat(hashId),
     children: colorList === null || colorList === void 0 ? void 0 : colorList.map(function (_ref3) {
       var key = _ref3.key,
-        color = _ref3.color;
+        color = _ref3.color,
+        title = _ref3.title;
       if (!key) return null;
       return (0,jsx_runtime.jsx)(external_antd_.Tooltip, {
-        title: formatMessage({
+        title: title !== null && title !== void 0 ? title : formatMessage({
           id: "app.setting.themecolor.".concat(key)
         }),
         children: (0,jsx_runtime.jsx)(Tag, {
@@ -56153,17 +56227,7 @@ var SettingDrawer = function SettingDrawer(props) {
   var _useStyle = SettingDrawer_style_useStyle(baseClassName),
     wrapSSR = _useStyle.wrapSSR,
     hashId = _useStyle.hashId;
-  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
-    open: open,
-    onClose: function onClose() {
-      return setOpen(false);
-    }
-  } : {
-    visible: open,
-    onClose: function onClose() {
-      return setOpen(false);
-    }
-  };
+  var drawerOpenProps = openVisibleCompatible(open);
   return wrapSSR((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [(0,jsx_runtime.jsx)("div", {
       className: "".concat(baseClassName, "-handle ").concat(hashId),
@@ -56187,6 +56251,9 @@ var SettingDrawer = function SettingDrawer(props) {
       })
     }), (0,jsx_runtime.jsx)(external_antd_.Drawer, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, drawerOpenProps), {}, {
       width: 300,
+      onClose: function onClose() {
+        return setOpen(false);
+      },
       closable: false,
       placement: "right",
       getContainer: getContainer,
@@ -58307,7 +58374,7 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
         lineHeight: '16px',
         fontSize: 16,
         cursor: 'pointer',
-        borderRadius: token.radiusBase,
+        borderRadius: token.borderRadius,
         '&:hover': {
           background: 'rgba(0, 0, 0, 0.018)'
         }
@@ -58317,7 +58384,7 @@ var style_genSiderMenuStyle = function genSiderMenuStyle(token) {
       fontSize: 14,
       paddingInline: 8,
       paddingBlock: 8,
-      borderRadius: token.radiusBase,
+      borderRadius: token.borderRadius,
       '& *': {
         cursor: 'pointer'
       },
@@ -58417,17 +58484,9 @@ var SiderMenuWrapper = function SiderMenuWrapper(props) {
   if (hide) {
     return null;
   }
-  var drawerOpenProps = compareVersions(external_antd_.version, '4.23.0') > -1 ? {
-    open: !collapsed,
-    onClose: function onClose() {
-      return onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(true);
-    }
-  } : {
-    visible: !collapsed,
-    onClose: function onClose() {
-      return onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(true);
-    }
-  };
+  var drawerOpenProps = openVisibleCompatible(!collapsed, function () {
+    return onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(true);
+  });
   return wrapSSR(isMobile ? (0,jsx_runtime.jsx)(external_antd_.Drawer, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
     placement: "left",
     className: classnames_default()("".concat(prefixCls, "-drawer-sider"), className)
@@ -58509,15 +58568,15 @@ var compatibleStyle = function compatibleStyle(token) {
     backgroundColor: 'transparent!important'
   }), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu-light"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-item:hover, \n            ").concat(token.antCls, "-menu-item-active,\n            ").concat(token.antCls, "-menu-submenu-active, \n            ").concat(token.antCls, "-menu-submenu-title:hover"), defineProperty_defineProperty({
     color: token === null || token === void 0 ? void 0 : (_token$layout4 = token.layout) === null || _token$layout4 === void 0 ? void 0 : (_token$layout4$sider = _token$layout4.sider) === null || _token$layout4$sider === void 0 ? void 0 : _token$layout4$sider.colorTextMenuActive,
-    borderRadius: token.radiusBase
+    borderRadius: token.borderRadius
   }, "".concat(token.antCls, "-menu-submenu-arrow"), {
     color: token === null || token === void 0 ? void 0 : (_token$layout5 = token.layout) === null || _token$layout5 === void 0 ? void 0 : (_token$layout5$sider = _token$layout5.sider) === null || _token$layout5$sider === void 0 ? void 0 : _token$layout5$sider.colorTextMenuActive
   }))), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu:not(").concat(token.antCls, "-menu-horizontal)"), (_$concat$concat = {}, defineProperty_defineProperty(_$concat$concat, "".concat(token.antCls, "-menu-item-selected"), {
     backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout6 = token.layout) === null || _token$layout6 === void 0 ? void 0 : (_token$layout6$sider = _token$layout6.sider) === null || _token$layout6$sider === void 0 ? void 0 : _token$layout6$sider.colorBgMenuItemSelected,
-    borderRadius: token.radiusBase
+    borderRadius: token.borderRadius
   }), defineProperty_defineProperty(_$concat$concat, "".concat(token.antCls, "-menu-item:hover, \n            ").concat(token.antCls, "-menu-item-active,\n            ").concat(token.antCls, "-menu-submenu-title:hover"), defineProperty_defineProperty({
     color: token === null || token === void 0 ? void 0 : (_token$layout7 = token.layout) === null || _token$layout7 === void 0 ? void 0 : (_token$layout7$sider = _token$layout7.sider) === null || _token$layout7$sider === void 0 ? void 0 : _token$layout7$sider.colorTextMenuActive,
-    borderRadius: token.radiusBase,
+    borderRadius: token.borderRadius,
     backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout8 = token.layout) === null || _token$layout8 === void 0 ? void 0 : (_token$layout8$sider = _token$layout8.sider) === null || _token$layout8$sider === void 0 ? void 0 : _token$layout8$sider.colorBgMenuItemHover
   }, "".concat(token.antCls, "-menu-submenu-arrow"), {
     color: token === null || token === void 0 ? void 0 : (_token$layout9 = token.layout) === null || _token$layout9 === void 0 ? void 0 : (_token$layout9$sider = _token$layout9.sider) === null || _token$layout9$sider === void 0 ? void 0 : _token$layout9$sider.colorTextMenuActive
@@ -58528,7 +58587,7 @@ var compatibleStyle = function compatibleStyle(token) {
   }), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu:not(").concat(token.antCls, "-menu-inline) ").concat(token.antCls, "-menu-submenu-open"), {
     color: token === null || token === void 0 ? void 0 : (_token$layout12 = token.layout) === null || _token$layout12 === void 0 ? void 0 : (_token$layout12$sider = _token$layout12.sider) === null || _token$layout12$sider === void 0 ? void 0 : _token$layout12$sider.colorTextMenuSelected
   }), defineProperty_defineProperty(_$concat6, "&".concat(token.antCls, "-menu-vertical"), defineProperty_defineProperty({}, "".concat(token.antCls, "-menu-submenu-selected"), {
-    borderRadius: token.radiusBase,
+    borderRadius: token.borderRadius,
     color: token === null || token === void 0 ? void 0 : (_token$layout13 = token.layout) === null || _token$layout13 === void 0 ? void 0 : (_token$layout13$sider = _token$layout13.sider) === null || _token$layout13$sider === void 0 ? void 0 : _token$layout13$sider.colorTextMenuSelected
   })), defineProperty_defineProperty(_$concat6, "".concat(token.antCls, "-menu-submenu:hover > ").concat(token.antCls, "-menu-submenu-title > ").concat(token.antCls, "-menu-submenu-arrow"), {
     color: token === null || token === void 0 ? void 0 : (_token$layout14 = token.layout) === null || _token$layout14 === void 0 ? void 0 : (_token$layout14$sider = _token$layout14.sider) === null || _token$layout14$sider === void 0 ? void 0 : _token$layout14$sider.colorTextMenuActive
@@ -58539,7 +58598,7 @@ var compatibleStyle = function compatibleStyle(token) {
     backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout16 = token.layout) === null || _token$layout16 === void 0 ? void 0 : (_token$layout16$heade = _token$layout16.header) === null || _token$layout16$heade === void 0 ? void 0 : _token$layout16$heade.colorBgMenuItemHover
   }), defineProperty_defineProperty(_$concat5, "".concat(token.antCls, "-menu-item-open,\n          ").concat(token.antCls, "-menu-submenu-open,\n          ").concat(token.antCls, "-menu-item-selected,\n          ").concat(token.antCls, "-menu-submenu-selected"), defineProperty_defineProperty({
     backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout17 = token.layout) === null || _token$layout17 === void 0 ? void 0 : (_token$layout17$heade = _token$layout17.header) === null || _token$layout17$heade === void 0 ? void 0 : _token$layout17$heade.colorBgMenuItemSelected,
-    borderRadius: token.radiusBase,
+    borderRadius: token.borderRadius,
     transition: 'none',
     color: token === null || token === void 0 ? void 0 : (_token$layout18 = token.layout) === null || _token$layout18 === void 0 ? void 0 : (_token$layout18$heade = _token$layout18.header) === null || _token$layout18$heade === void 0 ? void 0 : _token$layout18$heade.colorTextMenuSelected
   }, "".concat(token.antCls, "-menu-submenu-arrow"), {
@@ -58555,14 +58614,14 @@ var compatibleStyle = function compatibleStyle(token) {
     color: 'inherit'
   })), defineProperty_defineProperty(_$concat9, "&".concat(token.antCls, "-menu-light"), (_$concat8 = {}, defineProperty_defineProperty(_$concat8, "".concat(token.antCls, "-menu-item:hover, \n            ").concat(token.antCls, "-menu-item-active,\n            ").concat(token.antCls, "-menu-submenu-active, \n            ").concat(token.antCls, "-menu-submenu-title:hover"), defineProperty_defineProperty({
     color: token === null || token === void 0 ? void 0 : (_token$layout21 = token.layout) === null || _token$layout21 === void 0 ? void 0 : (_token$layout21$heade = _token$layout21.header) === null || _token$layout21$heade === void 0 ? void 0 : _token$layout21$heade.colorTextMenuActive,
-    borderRadius: token.radiusBase,
+    borderRadius: token.borderRadius,
     transition: 'none',
     backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout22 = token.layout) === null || _token$layout22 === void 0 ? void 0 : (_token$layout22$heade = _token$layout22.header) === null || _token$layout22$heade === void 0 ? void 0 : _token$layout22$heade.colorBgMenuItemSelected
   }, "".concat(token.antCls, "-menu-submenu-arrow"), {
     color: token === null || token === void 0 ? void 0 : (_token$layout23 = token.layout) === null || _token$layout23 === void 0 ? void 0 : (_token$layout23$heade = _token$layout23.header) === null || _token$layout23$heade === void 0 ? void 0 : _token$layout23$heade.colorTextMenuActive
   })), defineProperty_defineProperty(_$concat8, "".concat(token.antCls, "-menu-item-selected"), {
     color: token === null || token === void 0 ? void 0 : (_token$layout24 = token.layout) === null || _token$layout24 === void 0 ? void 0 : (_token$layout24$heade = _token$layout24.header) === null || _token$layout24$heade === void 0 ? void 0 : _token$layout24$heade.colorTextMenuSelected,
-    borderRadius: token.radiusBase,
+    borderRadius: token.borderRadius,
     backgroundColor: token === null || token === void 0 ? void 0 : (_token$layout25 = token.layout) === null || _token$layout25 === void 0 ? void 0 : (_token$layout25$heade = _token$layout25.header) === null || _token$layout25$heade === void 0 ? void 0 : _token$layout25$heade.colorBgMenuItemSelected
   }), _$concat8)), _$concat9)), _token$componentCls)), defineProperty_defineProperty(_ref, "".concat(token.antCls, "-menu-sub").concat(token.antCls, "-menu-inline"), {
     backgroundColor: 'transparent!important'
@@ -58581,11 +58640,11 @@ var compatibleStyle = function compatibleStyle(token) {
     color: token === null || token === void 0 ? void 0 : (_token$layout27 = token.layout) === null || _token$layout27 === void 0 ? void 0 : (_token$layout27$sider = _token$layout27.sider) === null || _token$layout27$sider === void 0 ? void 0 : _token$layout27$sider.colorTextMenuSelected
   }), defineProperty_defineProperty(_$concat11, "".concat(token.antCls, "-menu:not(").concat(token.antCls, "-menu-horizontal)"), (_$concat$concat2 = {}, defineProperty_defineProperty(_$concat$concat2, "".concat(token.antCls, "-menu-item-selected"), {
     backgroundColor: 'rgba(0, 0, 0, 0.04)',
-    borderRadius: token.radiusBase,
+    borderRadius: token.borderRadius,
     color: token === null || token === void 0 ? void 0 : (_token$layout28 = token.layout) === null || _token$layout28 === void 0 ? void 0 : (_token$layout28$sider = _token$layout28.sider) === null || _token$layout28$sider === void 0 ? void 0 : _token$layout28$sider.colorTextMenuSelected
   }), defineProperty_defineProperty(_$concat$concat2, "".concat(token.antCls, "-menu-item:hover, \n          ").concat(token.antCls, "-menu-item-active,\n          ").concat(token.antCls, "-menu-submenu-title:hover"), defineProperty_defineProperty({
     color: token === null || token === void 0 ? void 0 : (_token$layout29 = token.layout) === null || _token$layout29 === void 0 ? void 0 : (_token$layout29$sider = _token$layout29.sider) === null || _token$layout29$sider === void 0 ? void 0 : _token$layout29$sider.colorTextMenuActive,
-    borderRadius: token.radiusBase
+    borderRadius: token.borderRadius
   }, "".concat(token.antCls, "-menu-submenu-arrow"), {
     color: token === null || token === void 0 ? void 0 : (_token$layout30 = token.layout) === null || _token$layout30 === void 0 ? void 0 : (_token$layout30$sider = _token$layout30.sider) === null || _token$layout30$sider === void 0 ? void 0 : _token$layout30$sider.colorTextMenuActive
   })), _$concat$concat2)), _$concat11)), _ref;
@@ -59326,7 +59385,7 @@ var ProLayout_ProLayout = function ProLayout(props) {
     theme: {
       hashed: ((_process$env$NODE_ENV = "production") === null || _process$env$NODE_ENV === void 0 ? void 0 : _process$env$NODE_ENV.toLowerCase()) !== 'test',
       token: {
-        radiusBase: 4,
+        borderRadius: 4,
         colorPrimary: colorPrimary || '#1677FF',
         colorError: '#ff4d4f',
         colorInfo: '#1677FF'
@@ -60826,7 +60885,7 @@ var Alert_style_genProStyle = function genProStyle(token) {
   return defineProperty_defineProperty({}, token.componentCls, {
     marginBlockEnd: 16,
     backgroundColor: 'rgba(0,0,0,0.02)',
-    borderRadius: token.radiusBase,
+    borderRadius: token.borderRadius,
     border: '0.5px solid #BFBFBF',
     '&-container': {
       paddingBlock: token.paddingSM,
@@ -69914,7 +69973,7 @@ function conductCheck(keyList, checked, keyEntities, getCheckDisabled) {
  * Developer should confirm it's safe to ignore themselves.
  */
 
-function useState_useSafeState(defaultValue) {
+function useSafeState(defaultValue) {
   var destroyRef = external_React_.useRef(false);
   var _React$useState = external_React_.useState(defaultValue),
     _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
@@ -69962,7 +70021,7 @@ function useMergedState_useMergedState(defaultStateValue, option) {
     onChange = _ref.onChange,
     postState = _ref.postState; // ======================= Init =======================
 
-  var _useState = useState_useSafeState(function () {
+  var _useState = useSafeState(function () {
       var finalValue = undefined;
       var source;
       if (hasValue(value)) {
@@ -70335,6 +70394,11 @@ function statisticToken(token) {
 
 
 
+var textEllipsis = {
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  textOverflow: 'ellipsis'
+};
 var style_resetComponent = function resetComponent(token) {
   return {
     boxSizing: 'border-box',
@@ -70449,12 +70513,38 @@ var genFocusStyle = function genFocusStyle(token) {
   };
 };
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/version.js
-/* harmony default export */ var version = ('5.0.0-alpha.4');
+/* harmony default export */ var version = ('5.0.0-alpha.34');
 ;// CONCATENATED MODULE: ./node_modules/antd/es/version/index.js
 /* eslint import/no-unresolved: 0 */
 // @ts-ignore
 
 /* harmony default export */ var es_version = (version);
+;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/shared/genControlHeight.js
+var genControlHeight = function genControlHeight(token) {
+  var controlHeight = token.controlHeight;
+  return {
+    controlHeightSM: controlHeight * 0.75,
+    controlHeightXS: controlHeight * 0.5,
+    controlHeightLG: controlHeight * 1.25
+  };
+};
+/* harmony default export */ var shared_genControlHeight = (genControlHeight);
+;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/shared/genSizeMapToken.js
+function genSizeMapToken(token) {
+  var sizeUnit = token.sizeUnit,
+    sizeStep = token.sizeStep;
+  return {
+    sizeXXL: sizeUnit * (sizeStep + 8),
+    sizeXL: sizeUnit * (sizeStep + 4),
+    sizeLG: sizeUnit * (sizeStep + 2),
+    sizeMD: sizeUnit * (sizeStep + 1),
+    sizeMS: sizeUnit * sizeStep,
+    size: sizeUnit * sizeStep,
+    sizeSM: sizeUnit * (sizeStep - 1),
+    sizeXS: sizeUnit * (sizeStep - 2),
+    sizeXXS: sizeUnit * (sizeStep - 3) // 4
+  };
+}
 ;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/seed.js
 
 var defaultPresetColors = {
@@ -70480,14 +70570,10 @@ var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
   colorError: '#f5222d',
   colorInfo: '#1677ff',
   colorTextBase: '',
-  colorTextLightSolid: '#fff',
   colorBgBase: '',
   // Font
   fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n'Noto Color Emoji'",
-  fontSizeBase: 14,
-  // Grid
-  gridUnit: 4,
-  gridBaseStep: 2,
+  fontSize: 14,
   // Line
   lineWidth: 1,
   lineType: 'solid',
@@ -70502,10 +70588,10 @@ var seedToken = extends_extends(extends_extends({}, defaultPresetColors), {
   motionEaseInQuint: "cubic-bezier(0.645, 0.045, 0.355, 1)",
   motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
   // Radius
-  radiusBase: 6,
+  borderRadius: 6,
   // Size
   sizeUnit: 4,
-  sizeBaseStep: 4,
+  sizeStep: 4,
   sizePopupArrow: 16,
   // Control Base
   controlHeight: 32,
@@ -70588,7 +70674,8 @@ function genColorMapToken(seed, _ref) {
     colorInfoTextHover: infoColors[8],
     colorInfoText: infoColors[9],
     colorInfoTextActive: infoColors[10],
-    colorBgMask: new TinyColor('#000').setAlpha(0.45).toRgbString()
+    colorBgMask: new TinyColor('#000').setAlpha(0.45).toRgbString(),
+    colorWhite: '#fff'
   });
 }
 ;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/shared/genFontSizes.js
@@ -70649,11 +70736,11 @@ var genRadius = function genRadius(radiusBase) {
     radiusOuter = 6;
   }
   return {
-    radiusBase: radiusBase > 16 ? 16 : radiusBase,
-    radiusXS: radiusXS,
-    radiusSM: radiusSM,
-    radiusLG: radiusLG,
-    radiusOuter: radiusOuter
+    borderRadius: radiusBase > 16 ? 16 : radiusBase,
+    borderRadiusXS: radiusXS,
+    borderRadiusSM: radiusSM,
+    borderRadiusLG: radiusLG,
+    borderRadiusOuter: radiusOuter
   };
 };
 /* harmony default export */ var shared_genRadius = (genRadius);
@@ -70664,18 +70751,13 @@ var genRadius = function genRadius(radiusBase) {
 function genCommonMapToken(token) {
   var motionUnit = token.motionUnit,
     motionBase = token.motionBase,
-    fontSizeBase = token.fontSizeBase,
-    sizeUnit = token.sizeUnit,
-    sizeBaseStep = token.sizeBaseStep,
-    gridUnit = token.gridUnit,
-    gridBaseStep = token.gridBaseStep,
-    radiusBase = token.radiusBase,
-    controlHeight = token.controlHeight,
+    fontSize = token.fontSize,
+    borderRadius = token.borderRadius,
     lineWidth = token.lineWidth;
-  var fontSizes = getFontSizes(fontSizeBase);
-  return extends_extends(extends_extends({
+  var fontSizes = getFontSizes(fontSize);
+  return extends_extends({
     // motion
-    motionDurationFast: "".concat((motionBase + motionUnit * 1).toFixed(1), "s"),
+    motionDurationFast: "".concat((motionBase + motionUnit).toFixed(1), "s"),
     motionDurationMid: "".concat((motionBase + motionUnit * 2).toFixed(1), "s"),
     motionDurationSlow: "".concat((motionBase + motionUnit * 3).toFixed(1), "s"),
     // font
@@ -70685,25 +70767,9 @@ function genCommonMapToken(token) {
     lineHeights: fontSizes.map(function (fs) {
       return fs.lineHeight;
     }),
-    // size
-    sizeSpaceSM: sizeUnit * (sizeBaseStep - 1),
-    sizeSpace: sizeUnit * sizeBaseStep,
-    sizeSpaceXS: sizeUnit * (sizeBaseStep - 2),
-    sizeSpaceXXS: sizeUnit * (sizeBaseStep - 3),
-    // grid
-    gridSpaceSM: gridUnit * (gridBaseStep - 1),
-    gridSpaceBase: gridUnit * gridBaseStep,
-    gridSpaceLG: gridUnit * (gridBaseStep + 1),
-    gridSpaceXL: gridUnit * (gridBaseStep + 2),
-    gridSpaceXXL: gridUnit * (gridBaseStep + 5),
     // line
     lineWidthBold: lineWidth + 1
-  }, shared_genRadius(radiusBase)), {
-    // control
-    controlHeightSM: controlHeight * 0.75,
-    controlHeightXS: controlHeight * 0.5,
-    controlHeightLG: controlHeight * 1.25
-  });
+  }, shared_genRadius(borderRadius));
 }
 ;// CONCATENATED MODULE: ./node_modules/antd/es/theme/themes/default/colorAlgorithm.js
 
@@ -70765,6 +70831,8 @@ var generateNeutralColorPalettes = function generateNeutralColorPalettes(bgBaseC
 
 
 
+
+
 function derivative(token) {
   var colorPalettes = Object.keys(defaultPresetColors).map(function (colorKey) {
     var colors = (0,index_esm.generate)(token[colorKey]);
@@ -70776,10 +70844,10 @@ function derivative(token) {
     prev = extends_extends(extends_extends({}, prev), cur);
     return prev;
   }, {});
-  return extends_extends(extends_extends(extends_extends(extends_extends({}, token), colorPalettes), genColorMapToken(token, {
+  return extends_extends(extends_extends(extends_extends(extends_extends(extends_extends(extends_extends({}, token), colorPalettes), genColorMapToken(token, {
     generateColorPalettes: generateColorPalettes,
     generateNeutralColorPalettes: generateNeutralColorPalettes
-  })), genCommonMapToken(token));
+  })), genSizeMapToken(token)), shared_genControlHeight(token)), genCommonMapToken(token));
 }
 ;// CONCATENATED MODULE: ./node_modules/antd/es/theme/util/getAlphaColor.js
 
@@ -70876,6 +70944,7 @@ function formatToken(derivativeToken) {
     colorTextHeading: mergedToken.colorText,
     colorTextLabel: mergedToken.colorTextSecondary,
     colorTextDescription: mergedToken.colorTextTertiary,
+    colorTextLightSolid: mergedToken.colorWhite,
     colorHighlight: mergedToken.colorError,
     colorBgTextHover: mergedToken.colorFillSecondary,
     colorBgTextActive: mergedToken.colorFill,
@@ -70903,7 +70972,7 @@ function formatToken(derivativeToken) {
     lineHeightHeading4: lineHeights[3],
     lineHeightHeading5: lineHeights[2],
     // Control
-    controlLineWidth: mergedToken.lineWidth,
+    lineWidth: mergedToken.lineWidth,
     controlOutlineWidth: mergedToken.lineWidth * 2,
     // Checkbox size and expand icon size
     controlInteractiveSize: mergedToken.controlHeight / 2,
@@ -70913,11 +70982,11 @@ function formatToken(derivativeToken) {
     controlItemBgActiveDisabled: mergedToken.colorFill,
     controlTmpOutline: mergedToken.colorFillQuaternary,
     controlOutline: util_getAlphaColor(mergedToken.colorPrimaryBg, mergedToken.colorBgContainer),
-    controlLineType: mergedToken.lineType,
-    controlRadius: mergedToken.radiusBase,
-    controlRadiusXS: mergedToken.radiusXS,
-    controlRadiusSM: mergedToken.radiusSM,
-    controlRadiusLG: mergedToken.radiusLG,
+    lineType: mergedToken.lineType,
+    borderRadius: mergedToken.borderRadius,
+    borderRadiusXS: mergedToken.borderRadiusXS,
+    borderRadiusSM: mergedToken.borderRadiusSM,
+    borderRadiusLG: mergedToken.borderRadiusLG,
     fontWeightStrong: 600,
     opacityLoading: 0.65,
     linkDecoration: 'none',
@@ -70925,21 +70994,27 @@ function formatToken(derivativeToken) {
     linkFocusDecoration: 'none',
     controlPaddingHorizontal: 12,
     controlPaddingHorizontalSM: 8,
-    padding: 16,
-    margin: 16,
-    paddingXXS: 4,
-    paddingXS: 8,
-    paddingSM: 12,
-    paddingLG: 24,
-    paddingXL: 32,
-    paddingTmp: 20,
-    marginXXS: 4,
-    marginXS: 8,
-    marginSM: 12,
-    marginLG: 24,
-    marginXL: 32,
-    marginXXL: 48,
-    marginTmp: 20,
+    paddingXXS: mergedToken.sizeXXS,
+    paddingXS: mergedToken.sizeXS,
+    paddingSM: mergedToken.sizeSM,
+    padding: mergedToken.size,
+    paddingMD: mergedToken.sizeMD,
+    paddingLG: mergedToken.sizeLG,
+    paddingXL: mergedToken.sizeXL,
+    paddingContentHorizontalLG: mergedToken.sizeLG,
+    paddingContentVerticalLG: mergedToken.sizeMS,
+    paddingContentHorizontal: mergedToken.sizeMS,
+    paddingContentVertical: mergedToken.sizeSM,
+    paddingContentHorizontalSM: mergedToken.size,
+    paddingContentVerticalSM: mergedToken.sizeXS,
+    marginXXS: mergedToken.sizeXXS,
+    marginXS: mergedToken.sizeXS,
+    marginSM: mergedToken.sizeSM,
+    margin: mergedToken.size,
+    marginMD: mergedToken.sizeMD,
+    marginLG: mergedToken.sizeLG,
+    marginXL: mergedToken.sizeXL,
+    marginXXL: mergedToken.sizeXXL,
     boxShadow: "\n      0 1px 2px 0 rgba(0, 0, 0, 0.03),\n      0 1px 6px -1px rgba(0, 0, 0, 0.02),\n      0 2px 4px 0 rgba(0, 0, 0, 0.02)\n    ",
     boxShadowSecondary: "\n      0 6px 16px 0 rgba(0, 0, 0, 0.08),\n      0 3px 6px -4px rgba(0, 0, 0, 0.12),\n      0 9px 28px 8px rgba(0, 0, 0, 0.05)\n    ",
     screenXS: screenXS,
@@ -71150,8 +71225,8 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     height: token.checkboxSize,
     direction: 'ltr',
     backgroundColor: token.colorBgContainer,
-    border: "".concat(token.controlLineWidth, "px ").concat(token.controlLineType, " ").concat(token.colorBorder),
-    borderRadius: token.controlRadiusSM,
+    border: "".concat(token.lineWidth, "px ").concat(token.lineType, " ").concat(token.colorBorder),
+    borderRadius: token.borderRadiusSM,
     borderCollapse: 'separate',
     transition: "all ".concat(token.motionDurationFast),
     '&:after': {
@@ -71162,7 +71237,7 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
       display: 'table',
       width: token.checkboxSize / 14 * 5,
       height: token.checkboxSize / 14 * 8,
-      border: "".concat(token.lineWidthBold, "px solid ").concat(token.colorBgContainer),
+      border: "".concat(token.lineWidthBold, "px solid ").concat(token.colorWhite),
       borderTop: 0,
       borderInlineStart: 0,
       transform: 'rotate(45deg) scale(0) translate(-50%,-50%)',
@@ -71209,7 +71284,7 @@ var genCheckboxStyle = function genCheckboxStyle(token) {
     insetInlineStart: 0,
     width: '100%',
     height: '100%',
-    borderRadius: token.controlRadiusSM,
+    borderRadius: token.borderRadiusSM,
     visibility: 'hidden',
     border: "".concat(token.lineWidthBold, "px solid ").concat(token.colorPrimary),
     animationName: antCheckboxEffect,
@@ -71332,7 +71407,7 @@ var InternalCheckboxGroup = function InternalCheckboxGroup(_a, ref) {
     }
     var opts = getOptions();
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue.filter(function (val) {
-      return registeredValues.indexOf(val) !== -1;
+      return registeredValues.includes(val);
     }).sort(function (a, b) {
       var indexA = opts.findIndex(function (opt) {
         return opt.value === a;
@@ -71357,7 +71432,7 @@ var InternalCheckboxGroup = function InternalCheckboxGroup(_a, ref) {
         key: option.value.toString(),
         disabled: 'disabled' in option ? option.disabled : restProps.disabled,
         value: option.value,
-        checked: value.indexOf(option.value) !== -1,
+        checked: value.includes(option.value),
         onChange: option.onChange,
         className: "".concat(groupPrefixCls, "-item"),
         style: option.style
@@ -71482,7 +71557,7 @@ var InternalCheckbox = function InternalCheckbox(_a, ref) {
       }
     };
     checkboxProps.name = checkboxGroup.name;
-    checkboxProps.checked = checkboxGroup.value.indexOf(restProps.value) !== -1;
+    checkboxProps.checked = checkboxGroup.value.includes(restProps.value);
   }
   var classString = classnames_default()((_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper"), true), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-checked"), checkboxProps.checked), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-disabled"), mergedDisabled), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-wrapper-in-form-item"), isFormItemInput), _classNames), className, hashId);
   var checkboxClass = classnames_default()(defineProperty_defineProperty({}, "".concat(prefixCls, "-indeterminate"), indeterminate), hashId);
@@ -71768,7 +71843,7 @@ function isActive(step) {
   return step === STEP_ACTIVE || step === STEP_ACTIVATED;
 }
 /* harmony default export */ var useStepQueue = (function (status, callback) {
-  var _useState = useState_useSafeState(STEP_NONE),
+  var _useState = useSafeState(STEP_NONE),
     _useState2 = slicedToArray_slicedToArray(_useState, 2),
     step = _useState2[0],
     setStep = _useState2[1];
@@ -71887,15 +71962,15 @@ function useStatus(supportMotion, visible, getElement, _ref) {
     onVisibleChanged = _ref.onVisibleChanged;
 
   // Used for outer render usage to avoid `visible: false & status: none` to render nothing
-  var _useState = useState_useSafeState(),
+  var _useState = useSafeState(),
     _useState2 = slicedToArray_slicedToArray(_useState, 2),
     asyncVisible = _useState2[0],
     setAsyncVisible = _useState2[1];
-  var _useState3 = useState_useSafeState(STATUS_NONE),
+  var _useState3 = useSafeState(STATUS_NONE),
     _useState4 = slicedToArray_slicedToArray(_useState3, 2),
     status = _useState4[0],
     setStatus = _useState4[1];
-  var _useState5 = useState_useSafeState(null),
+  var _useState5 = useSafeState(null),
     _useState6 = slicedToArray_slicedToArray(_useState5, 2),
     style = _useState6[0],
     setStyle = _useState6[1];
@@ -73921,7 +73996,7 @@ RcAlign.displayName = 'Align';
 
 var StatusQueue = ['measure', 'alignPre', 'align', null, 'motion'];
 /* harmony default export */ var useVisibleStatus = (function (visible, doMeasure) {
-  var _useState = useState_useSafeState(null),
+  var _useState = useSafeState(null),
     _useState2 = slicedToArray_slicedToArray(_useState, 2),
     status = _useState2[0],
     setInternalStatus = _useState2[1];
@@ -76003,14 +76078,14 @@ var date_picker_locale_en_US_locale = {
 ;// CONCATENATED MODULE: ./node_modules/antd/es/calendar/locale/en_US.js
 
 /* harmony default export */ var calendar_locale_en_US = (date_picker_locale_en_US);
-;// CONCATENATED MODULE: ./node_modules/antd/es/locale/default.js
+;// CONCATENATED MODULE: ./node_modules/antd/es/locale/en_US.js
 /* eslint-disable no-template-curly-in-string */
 
 
 
 
-var default_typeTemplate = '${label} is not a valid ${type}';
-var default_localeValues = {
+var en_US_typeTemplate = '${label} is not a valid ${type}';
+var en_US_localeValues = {
   locale: 'en',
   Pagination: locale_en_US,
   DatePicker: date_picker_locale_en_US,
@@ -76038,6 +76113,11 @@ var default_localeValues = {
     triggerAsc: 'Click to sort ascending',
     cancelSort: 'Click to cancel sorting'
   },
+  Tour: {
+    Next: 'Next',
+    Previous: 'Previous',
+    Finish: 'Finish'
+  },
   Modal: {
     okText: 'OK',
     cancelText: 'Cancel',
@@ -76094,19 +76174,19 @@ var default_localeValues = {
         invalid: '${label} is an invalid date'
       },
       types: {
-        string: default_typeTemplate,
-        method: default_typeTemplate,
-        array: default_typeTemplate,
-        object: default_typeTemplate,
-        number: default_typeTemplate,
-        date: default_typeTemplate,
-        "boolean": default_typeTemplate,
-        integer: default_typeTemplate,
-        "float": default_typeTemplate,
-        regexp: default_typeTemplate,
-        email: default_typeTemplate,
-        url: default_typeTemplate,
-        hex: default_typeTemplate
+        string: en_US_typeTemplate,
+        method: en_US_typeTemplate,
+        array: en_US_typeTemplate,
+        object: en_US_typeTemplate,
+        number: en_US_typeTemplate,
+        date: en_US_typeTemplate,
+        "boolean": en_US_typeTemplate,
+        integer: en_US_typeTemplate,
+        "float": en_US_typeTemplate,
+        regexp: en_US_typeTemplate,
+        email: en_US_typeTemplate,
+        url: en_US_typeTemplate,
+        hex: en_US_typeTemplate
       },
       string: {
         len: '${label} must be ${len} characters',
@@ -76135,16 +76215,16 @@ var default_localeValues = {
     preview: 'Preview'
   }
 };
-/* harmony default export */ var locale_default = (default_localeValues);
+/* harmony default export */ var antd_es_locale_en_US = (en_US_localeValues);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/modal/locale.js
 
 
-var runtimeLocale = extends_extends({}, locale_default.Modal);
+var runtimeLocale = extends_extends({}, antd_es_locale_en_US.Modal);
 function changeConfirmLocale(newLocale) {
   if (newLocale) {
     runtimeLocale = extends_extends(extends_extends({}, runtimeLocale), newLocale);
   } else {
-    runtimeLocale = extends_extends({}, locale_default.Modal);
+    runtimeLocale = extends_extends({}, antd_es_locale_en_US.Modal);
   }
 }
 function getConfirmLocale() {
@@ -76183,9 +76263,6 @@ var LocaleProvider = function LocaleProvider(props) {
   }, children);
 };
 /* harmony default export */ var locale_provider = (LocaleProvider);
-;// CONCATENATED MODULE: ./node_modules/antd/es/locale-provider/default.js
-
-/* harmony default export */ var locale_provider_default = (locale_default);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/locale-provider/LocaleReceiver.js
 
 
@@ -76199,7 +76276,7 @@ var LocaleReceiver = function LocaleReceiver(props) {
   var antLocale = external_React_.useContext(locale_provider_context);
   var getLocale = external_React_.useMemo(function () {
     var _a;
-    var locale = defaultLocale || locale_provider_default[componentName];
+    var locale = defaultLocale || antd_es_locale_en_US[componentName];
     var localeFromContext = (_a = antLocale === null || antLocale === void 0 ? void 0 : antLocale[componentName]) !== null && _a !== void 0 ? _a : {};
     return extends_extends(extends_extends({}, locale instanceof Function ? locale() : locale), localeFromContext || {});
   }, [componentName, defaultLocale, antLocale]);
@@ -76207,7 +76284,7 @@ var LocaleReceiver = function LocaleReceiver(props) {
     var localeCode = antLocale && antLocale.locale;
     // Had use LocaleProvide but didn't set locale
     if (antLocale && antLocale.exist && !localeCode) {
-      return locale_provider_default.locale;
+      return antd_es_locale_en_US.locale;
     }
     return localeCode;
   }, [antLocale]);
@@ -76494,7 +76571,7 @@ var ProviderChildren = function ProviderChildren(props) {
   // Additional Form provider
   var validateMessages = {};
   if (locale) {
-    validateMessages = ((_a = locale.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || ((_b = locale_default.Form) === null || _b === void 0 ? void 0 : _b.defaultValidateMessages) || {};
+    validateMessages = ((_a = locale.Form) === null || _a === void 0 ? void 0 : _a.defaultValidateMessages) || ((_b = antd_es_locale_en_US.Form) === null || _b === void 0 ? void 0 : _b.defaultValidateMessages) || {};
   }
   if (form && form.validateMessages) {
     validateMessages = extends_extends(extends_extends({}, validateMessages), form.validateMessages);
@@ -76841,6 +76918,154 @@ var tupleNum = function tupleNum() {
   }
   return args;
 };
+;// CONCATENATED MODULE: ./node_modules/antd/es/space/style/compact.js
+
+var genSpaceCompactStyle = function genSpaceCompactStyle(token) {
+  var componentCls = token.componentCls;
+  return defineProperty_defineProperty({}, componentCls, {
+    display: 'inline-flex',
+    '&-block': {
+      display: 'flex',
+      width: '100%'
+    },
+    '&-vertical': {
+      flexDirection: 'column'
+    }
+  });
+};
+// ============================== Export ==============================
+/* harmony default export */ var compact = (genSpaceCompactStyle);
+;// CONCATENATED MODULE: ./node_modules/antd/es/space/style/index.js
+
+
+
+var genSpaceStyle = function genSpaceStyle(token) {
+  var componentCls = token.componentCls;
+  return defineProperty_defineProperty({}, componentCls, defineProperty_defineProperty({
+    display: 'inline-flex',
+    '&-rtl': {
+      direction: 'rtl'
+    },
+    '&-vertical': {
+      flexDirection: 'column'
+    },
+    '&-align': {
+      flexDirection: 'column',
+      '&-center': {
+        alignItems: 'center'
+      },
+      '&-start': {
+        alignItems: 'flex-start'
+      },
+      '&-end': {
+        alignItems: 'flex-end'
+      },
+      '&-baseline': {
+        alignItems: 'flex-baseline'
+      }
+    }
+  }, "".concat(componentCls, "-space-item"), {
+    '&:empty': {
+      display: 'none'
+    }
+  }));
+};
+// ============================== Export ==============================
+/* harmony default export */ var space_style = (genComponentStyleHook('Space', function (token) {
+  return [genSpaceStyle(token), compact(token)];
+}));
+;// CONCATENATED MODULE: ./node_modules/antd/es/space/Compact.js
+
+
+
+var Compact_rest = undefined && undefined.__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 SpaceCompactItemContext = /*#__PURE__*/external_React_.createContext(null);
+var useCompactItemContext = function useCompactItemContext(prefixCls, direction) {
+  var compactItemContext = external_React_.useContext(SpaceCompactItemContext);
+  var compactItemClassnames = external_React_.useMemo(function () {
+    var _classNames;
+    if (!compactItemContext) return '';
+    var compactDirection = compactItemContext.compactDirection,
+      isFirstItem = compactItemContext.isFirstItem,
+      isLastItem = compactItemContext.isLastItem;
+    var separator = compactDirection === 'vertical' ? '-vertical-' : '-';
+    return classnames_default()((_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-compact").concat(separator, "item"), true), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-compact").concat(separator, "first-item"), isFirstItem), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-compact").concat(separator, "last-item"), isLastItem), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-compact").concat(separator, "item-rtl"), direction === 'rtl'), _classNames));
+  }, [prefixCls, direction, compactItemContext]);
+  return {
+    compactSize: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactSize,
+    compactDirection: compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.compactDirection,
+    compactItemClassnames: compactItemClassnames
+  };
+};
+var NoCompactStyle = function NoCompactStyle(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(SpaceCompactItemContext.Provider, {
+    value: null
+  }, children);
+};
+var CompactItem = function CompactItem(_a) {
+  var children = _a.children,
+    otherProps = Compact_rest(_a, ["children"]);
+  return /*#__PURE__*/external_React_.createElement(SpaceCompactItemContext.Provider, {
+    value: otherProps
+  }, children);
+};
+var Compact = function Compact(props) {
+  var _classNames2;
+  var _React$useContext = external_React_.useContext(context_ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    directionConfig = _React$useContext.direction;
+  var _props$size = props.size,
+    size = _props$size === void 0 ? 'middle' : _props$size,
+    direction = props.direction,
+    block = props.block,
+    customizePrefixCls = props.prefixCls,
+    className = props.className,
+    children = props.children,
+    restProps = Compact_rest(props, ["size", "direction", "block", "prefixCls", "className", "children"]);
+  var prefixCls = getPrefixCls('space-compact', customizePrefixCls);
+  var _useStyle = space_style(prefixCls),
+    _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  var clx = classnames_default()(prefixCls, hashId, (_classNames2 = {}, defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), directionConfig === 'rtl'), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-block"), block), defineProperty_defineProperty(_classNames2, "".concat(prefixCls, "-vertical"), direction === 'vertical'), _classNames2), className);
+  var compactItemContext = external_React_.useContext(SpaceCompactItemContext);
+  var childNodes = toArray_toArray(children);
+  var nodes = external_React_.useMemo(function () {
+    return childNodes.map(function (child, i) {
+      var key = child && child.key || "".concat(prefixCls, "-item-").concat(i);
+      return /*#__PURE__*/external_React_.createElement(CompactItem, {
+        key: key,
+        compactSize: size,
+        compactDirection: direction,
+        isFirstItem: i === 0 && (!compactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isFirstItem)),
+        isLastItem: i === childNodes.length - 1 && (!compactItemContext || (compactItemContext === null || compactItemContext === void 0 ? void 0 : compactItemContext.isLastItem))
+      }, child);
+    });
+  }, [size, childNodes, compactItemContext]);
+  // =========================== Render ===========================
+  if (childNodes.length === 0) {
+    return null;
+  }
+  return wrapSSR( /*#__PURE__*/external_React_.createElement("div", extends_extends({
+    className: clx
+  }, restProps), nodes));
+};
+/* harmony default export */ var space_Compact = (Compact);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/_util/raf.js
 
 var id = 0;
@@ -77009,7 +77234,7 @@ var InternalWave = /*#__PURE__*/function (_React$Component) {
       var _this$props = _this.props,
         insertExtraNode = _this$props.insertExtraNode,
         disabled = _this$props.disabled;
-      if (disabled || !node || isHidden(node) || node.className.indexOf('-leave') >= 0) {
+      if (disabled || !node || isHidden(node) || node.className.includes('-leave')) {
         return;
       }
       _this.extraNode = document.createElement('div');
@@ -77054,7 +77279,7 @@ var InternalWave = /*#__PURE__*/function (_React$Component) {
       _this.resetEffect(e.target);
     };
     _this.bindAnimationEvent = function (node) {
-      if (!node || !node.getAttribute || node.getAttribute('disabled') || node.className.indexOf('disabled') >= 0) {
+      if (!node || !node.getAttribute || node.getAttribute('disabled') || node.className.includes('disabled')) {
         return;
       }
       var onClick = function onClick(e) {
@@ -77291,8 +77516,8 @@ var genButtonBorderStyle = function genButtonBorderStyle(buttonTypeCls, borderCo
 var genGroupStyle = function genGroupStyle(token) {
   var _componentCls, _ref2;
   var componentCls = token.componentCls,
-    fontSizeBase = token.fontSizeBase,
-    controlLineWidth = token.controlLineWidth,
+    fontSize = token.fontSize,
+    lineWidth = token.lineWidth,
     colorPrimaryHover = token.colorPrimaryHover,
     colorErrorHover = token.colorErrorHover;
   return defineProperty_defineProperty({}, "".concat(componentCls, "-group"), [(_ref2 = {
@@ -77304,7 +77529,7 @@ var genGroupStyle = function genGroupStyle(token) {
       borderEndEndRadius: 0
     }),
     '&:not(:first-child)': defineProperty_defineProperty({
-      marginInlineStart: -controlLineWidth
+      marginInlineStart: -lineWidth
     }, "&, & > ".concat(componentCls), {
       borderStartStartRadius: 0,
       borderEndStartRadius: 0
@@ -77317,24 +77542,109 @@ var genGroupStyle = function genGroupStyle(token) {
   }), defineProperty_defineProperty(_componentCls, '&[disabled]', {
     zIndex: 0
   }), _componentCls)), defineProperty_defineProperty(_ref2, "".concat(componentCls, "-icon-only"), {
-    fontSize: fontSizeBase
+    fontSize: fontSize
   }), _ref2),
   // Border Color
   genButtonBorderStyle("".concat(componentCls, "-primary"), colorPrimaryHover), genButtonBorderStyle("".concat(componentCls, "-danger"), colorErrorHover)]);
 };
 /* harmony default export */ var style_group = (genGroupStyle);
+;// CONCATENATED MODULE: ./node_modules/antd/es/style/compact-item.js
+
+
+// handle border collapse
+function compactItemBorder(token, borderedItemCls, popoverFocusedCls) {
+  var childCombinator = borderedItemCls ? '> *' : '';
+  return {
+    '&-item:not(&-last-item)': {
+      marginInlineEnd: -token.lineWidth
+    },
+    '&-item': extends_extends(extends_extends(defineProperty_defineProperty({}, "&:hover ".concat(childCombinator, ", &:focus ").concat(childCombinator, ", &:active ").concat(childCombinator), {
+      zIndex: 2
+    }), popoverFocusedCls ? defineProperty_defineProperty({}, "&".concat(popoverFocusedCls), {
+      zIndex: 2
+    }) : {}), defineProperty_defineProperty({}, "&[disabled] ".concat(childCombinator), {
+      zIndex: 0
+    }))
+  };
+}
+// handle border-radius
+function compactItemBorderRadius(prefixCls, borderedElementCls) {
+  var _ref2;
+  var childCombinator = borderedElementCls ? "> ".concat(borderedElementCls) : '';
+  return _ref2 = {}, defineProperty_defineProperty(_ref2, "&-item:not(&-first-item):not(&-last-item) ".concat(childCombinator), {
+    borderRadius: 0
+  }), defineProperty_defineProperty(_ref2, '&-item&-first-item', defineProperty_defineProperty({}, "& ".concat(childCombinator, ", &").concat(prefixCls, "-sm ").concat(childCombinator, ", &").concat(prefixCls, "-lg ").concat(childCombinator), {
+    borderStartEndRadius: 0,
+    borderEndEndRadius: 0
+  })), defineProperty_defineProperty(_ref2, '&-item&-last-item', defineProperty_defineProperty({}, "& ".concat(childCombinator, ", &").concat(prefixCls, "-sm ").concat(childCombinator, ", &").concat(prefixCls, "-lg ").concat(childCombinator), {
+    borderStartStartRadius: 0,
+    borderEndStartRadius: 0
+  })), _ref2;
+}
+function genCompactItemStyle(token, prefixCls, /** Some component borders are implemented on child elements like `Select` */
+borderedElementCls,
+/**
+ * Some components have special `focus` className especially with popovers like `Select` and
+ * `DatePicker`
+ */
+popoverFocusedCls) {
+  return {
+    '&-compact': extends_extends(extends_extends({}, compactItemBorder(token, borderedElementCls, popoverFocusedCls)), compactItemBorderRadius(prefixCls, borderedElementCls))
+  };
+}
+;// CONCATENATED MODULE: ./node_modules/antd/es/style/compact-item-vertical.js
+
+
+function compactItemVerticalBorder(token) {
+  return {
+    // border collapse
+    '&-item:not(&-last-item)': {
+      marginBottom: -token.lineWidth
+    },
+    '&-item': {
+      '&:hover,&:focus,&:active': {
+        zIndex: 2
+      },
+      '&[disabled]': {
+        zIndex: 0
+      }
+    }
+  };
+}
+function compactItemBorderVerticalRadius(prefixCls) {
+  return {
+    '&-item:not(&-first-item):not(&-last-item)': {
+      borderRadius: 0
+    },
+    '&-item&-first-item': defineProperty_defineProperty({}, "&, &".concat(prefixCls, "-sm, &").concat(prefixCls, "-lg"), {
+      borderEndEndRadius: 0,
+      borderEndStartRadius: 0
+    }),
+    '&-item&-last-item': defineProperty_defineProperty({}, "&, &".concat(prefixCls, "-sm, &").concat(prefixCls, "-lg"), {
+      borderStartStartRadius: 0,
+      borderStartEndRadius: 0
+    })
+  };
+}
+function genCompactItemVerticalStyle(token, prefixCls) {
+  return {
+    '&-compact-vertical': extends_extends(extends_extends({}, compactItemVerticalBorder(token)), compactItemBorderVerticalRadius(prefixCls))
+  };
+}
 ;// CONCATENATED MODULE: ./node_modules/antd/es/button/style/index.js
 
 
 
 
 
+
+
 // ============================== Shared ==============================
 var genSharedButtonStyle = function genSharedButtonStyle(token) {
-  var _componentCls;
+  var _extends2, _extends3;
   var componentCls = token.componentCls,
     iconCls = token.iconCls;
-  return defineProperty_defineProperty({}, componentCls, (_componentCls = {
+  return defineProperty_defineProperty({}, componentCls, extends_extends(extends_extends(extends_extends((_extends2 = {
     outline: 'none',
     position: 'relative',
     display: 'inline-block',
@@ -77343,7 +77653,7 @@ var genSharedButtonStyle = function genSharedButtonStyle(token) {
     textAlign: 'center',
     backgroundImage: 'none',
     backgroundColor: 'transparent',
-    border: "".concat(token.controlLineWidth, "px ").concat(token.controlLineType, " transparent"),
+    border: "".concat(token.lineWidth, "px ").concat(token.lineType, " transparent"),
     cursor: 'pointer',
     transition: "all ".concat(token.motionDurationFast, " ").concat(token.motionEaseInOut),
     userSelect: 'none',
@@ -77353,11 +77663,44 @@ var genSharedButtonStyle = function genSharedButtonStyle(token) {
     '> span': {
       display: 'inline-block'
     }
-  }, defineProperty_defineProperty(_componentCls, "> ".concat(iconCls, " + span, > span + ").concat(iconCls), {
+  }, defineProperty_defineProperty(_extends2, "> ".concat(iconCls, " + span, > span + ").concat(iconCls), {
     marginInlineStart: token.marginXS
-  }), defineProperty_defineProperty(_componentCls, "&".concat(componentCls, "-block"), {
+  }), defineProperty_defineProperty(_extends2, "&".concat(componentCls, "-block"), {
     width: '100%'
-  }), defineProperty_defineProperty(_componentCls, '&:not(:disabled)', extends_extends({}, genFocusStyle(token))), _componentCls));
+  }), defineProperty_defineProperty(_extends2, '&:not(:disabled)', extends_extends({}, genFocusStyle(token))), _extends2), genCompactItemStyle(token, componentCls)), genCompactItemVerticalStyle(token, componentCls)), (_extends3 = {
+    // make `btn-icon-only` not too narrow
+    '&-icon-only&-compact-item': {
+      flex: 'none'
+    }
+  }, defineProperty_defineProperty(_extends3, "&-compact-item".concat(componentCls, "-primary"), {
+    '&:not([disabled]) + &:not([disabled])': {
+      position: 'relative',
+      '&:after': {
+        position: 'absolute',
+        top: -token.lineWidth,
+        insetInlineStart: -token.lineWidth,
+        display: 'inline-block',
+        width: token.lineWidth,
+        height: "calc(100% + ".concat(token.lineWidth * 2, "px)"),
+        backgroundColor: token.colorPrimaryBorder,
+        content: '""'
+      }
+    }
+  }), defineProperty_defineProperty(_extends3, '&-compact-vertical-item', defineProperty_defineProperty({}, "&".concat(componentCls, "-primary"), {
+    '&:not([disabled]) + &:not([disabled])': {
+      position: 'relative',
+      '&:after': {
+        position: 'absolute',
+        top: -token.lineWidth,
+        insetInlineStart: -token.lineWidth,
+        display: 'inline-block',
+        width: "calc(100% + ".concat(token.lineWidth * 2, "px)"),
+        height: token.lineWidth,
+        backgroundColor: token.colorPrimaryBorder,
+        content: '""'
+      }
+    }
+  })), _extends3)));
 };
 var genHoverActiveButtonStyle = function genHoverActiveButtonStyle(hoverStyle, activeStyle) {
   return {
@@ -77532,8 +77875,8 @@ var genSizeButtonStyle = function genSizeButtonStyle(token) {
   var sizePrefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var componentCls = token.componentCls,
     iconCls = token.iconCls;
-  var paddingVertical = Math.max(0, (token.controlHeight - token.fontSize * token.lineHeight) / 2 - token.controlLineWidth);
-  var paddingHorizontal = token.padding - token.controlLineWidth;
+  var paddingVertical = Math.max(0, (token.controlHeight - token.fontSize * token.lineHeight) / 2 - token.lineWidth);
+  var paddingHorizontal = token.buttonPaddingHorizontal - token.lineWidth;
   var iconOnlyCls = "".concat(componentCls, "-icon-only");
   return [
   // Size
@@ -77541,7 +77884,7 @@ var genSizeButtonStyle = function genSizeButtonStyle(token) {
     fontSize: token.fontSize,
     height: token.controlHeight,
     padding: "".concat(paddingVertical, "px ").concat(paddingHorizontal, "px"),
-    borderRadius: token.controlRadius
+    borderRadius: token.borderRadius
   }, defineProperty_defineProperty(_$concat$concat, "&".concat(iconOnlyCls), {
     width: token.controlHeight,
     paddingInlineStart: 0,
@@ -77567,7 +77910,8 @@ var genSizeSmallButtonStyle = function genSizeSmallButtonStyle(token) {
   var smallToken = statistic_merge(token, {
     controlHeight: token.controlHeightSM,
     padding: token.paddingXS,
-    controlRadius: token.controlRadiusSM
+    buttonPaddingHorizontal: 8,
+    borderRadius: token.borderRadiusSM
   });
   return genSizeButtonStyle(smallToken, "".concat(token.componentCls, "-sm"));
 };
@@ -77575,15 +77919,17 @@ var genSizeLargeButtonStyle = function genSizeLargeButtonStyle(token) {
   var largeToken = statistic_merge(token, {
     controlHeight: token.controlHeightLG,
     fontSize: token.fontSizeLG,
-    controlRadius: token.controlRadiusLG
+    borderRadius: token.borderRadiusLG
   });
   return genSizeButtonStyle(largeToken, "".concat(token.componentCls, "-lg"));
 };
 // ============================== Export ==============================
 /* harmony default export */ var button_style = (genComponentStyleHook('Button', function (token) {
-  var controlTmpOutline = token.controlTmpOutline;
+  var controlTmpOutline = token.controlTmpOutline,
+    paddingContentHorizontal = token.paddingContentHorizontal;
   var buttonToken = statistic_merge(token, {
-    colorOutlineDefault: controlTmpOutline
+    colorOutlineDefault: controlTmpOutline,
+    buttonPaddingHorizontal: paddingContentHorizontal
   });
   return [
   // Shared
@@ -77623,6 +77969,7 @@ var button_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 // CSSINJS
 
 var rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/;
@@ -77633,9 +77980,6 @@ function isString(str) {
 function isUnBorderedButtonType(type) {
   return type === 'text' || type === 'link';
 }
-function isReactFragment(node) {
-  return /*#__PURE__*/ /*#__PURE__*/external_React_.isValidElement(node) && node.type === external_React_.Fragment;
-}
 // Insert one space between two chinese characters automatically.
 function insertSpace(child, needInserted) {
   // Check the child if is undefined or null.
@@ -77652,7 +77996,7 @@ function insertSpace(child, needInserted) {
   if (typeof child === 'string') {
     return isTwoCNChar(child) ? /*#__PURE__*/external_React_.createElement("span", null, child.split('').join(SPACE)) : /*#__PURE__*/external_React_.createElement("span", null, child);
   }
-  if (isReactFragment(child)) {
+  if (isFragment(child)) {
     return /*#__PURE__*/external_React_.createElement("span", null, child);
   }
   return child;
@@ -77787,16 +78131,19 @@ var InternalButton = function InternalButton(props, ref) {
    false ? 0 : void 0;
    false ? 0 : void 0;
   var autoInsertSpace = autoInsertSpaceInButton !== false;
+  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+    compactSize = _useCompactItemContex.compactSize,
+    compactItemClassnames = _useCompactItemContex.compactItemClassnames;
   var sizeClassNameMap = {
     large: 'lg',
     small: 'sm',
     middle: undefined
   };
-  var sizeFullname = groupSize || customizeSize || size;
+  var sizeFullname = compactSize || groupSize || customizeSize || size;
   var sizeCls = sizeFullname ? sizeClassNameMap[sizeFullname] || '' : '';
   var iconType = innerLoading ? 'loading' : icon;
   var linkButtonRestProps = omit_omit(rest, ['navigate']);
-  var classes = classnames_default()(prefixCls, hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(shape), shape !== 'default' && shape), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(type), type), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-icon-only"), !children && children !== 0 && !!iconType), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-background-ghost"), ghost && !isUnBorderedButtonType(type)), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-loading"), innerLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-two-chinese-chars"), hasTwoCNChar && autoInsertSpace && !innerLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-block"), block), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-dangerous"), !!danger), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-disabled"), linkButtonRestProps.href !== undefined && mergedDisabled), _classNames), className);
+  var classes = classnames_default()(prefixCls, hashId, (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(shape), shape !== 'default' && shape), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(type), type), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-icon-only"), !children && children !== 0 && !!iconType), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-background-ghost"), ghost && !isUnBorderedButtonType(type)), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-loading"), innerLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-two-chinese-chars"), hasTwoCNChar && autoInsertSpace && !innerLoading), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-block"), block), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-dangerous"), !!danger), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-disabled"), linkButtonRestProps.href !== undefined && mergedDisabled), _classNames), compactItemClassnames, className);
   var iconNode = icon && !innerLoading ? icon : /*#__PURE__*/external_React_.createElement(button_LoadingIcon, {
     existIcon: !!icon,
     prefixCls: prefixCls,
@@ -77832,6 +78179,219 @@ Button.__ANT_BUTTON = true;
 ;// CONCATENATED MODULE: ./node_modules/antd/es/button/index.js
 
 /* harmony default export */ var es_button = (button_button);
+;// CONCATENATED MODULE: ./node_modules/antd/es/_util/styleChecker.js
+
+
+var canUseDocElement = function canUseDocElement() {
+  return canUseDom() && window.document.documentElement;
+};
+
+var flexGapSupported;
+var detectFlexGapSupported = function detectFlexGapSupported() {
+  if (!canUseDocElement()) {
+    return false;
+  }
+  if (flexGapSupported !== undefined) {
+    return flexGapSupported;
+  }
+  // create flex container with row-gap set
+  var flex = document.createElement('div');
+  flex.style.display = 'flex';
+  flex.style.flexDirection = 'column';
+  flex.style.rowGap = '1px';
+  // create two, elements inside it
+  flex.appendChild(document.createElement('div'));
+  flex.appendChild(document.createElement('div'));
+  // append to the DOM (needed to obtain scrollHeight)
+  document.body.appendChild(flex);
+  flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
+  document.body.removeChild(flex);
+  return flexGapSupported;
+};
+;// CONCATENATED MODULE: ./node_modules/antd/es/_util/hooks/useFlexGapSupport.js
+
+
+
+/* harmony default export */ var useFlexGapSupport = (function () {
+  var _React$useState = external_React_.useState(false),
+    _React$useState2 = slicedToArray_slicedToArray(_React$useState, 2),
+    flexible = _React$useState2[0],
+    setFlexible = _React$useState2[1];
+  external_React_.useEffect(function () {
+    setFlexible(detectFlexGapSupported());
+  }, []);
+  return flexible;
+});
+;// CONCATENATED MODULE: ./node_modules/antd/es/space/Item.js
+
+
+
+
+function Item(_ref) {
+  var className = _ref.className,
+    direction = _ref.direction,
+    index = _ref.index,
+    marginDirection = _ref.marginDirection,
+    children = _ref.children,
+    split = _ref.split,
+    wrap = _ref.wrap;
+  var _React$useContext = external_React_.useContext(SpaceContext),
+    horizontalSize = _React$useContext.horizontalSize,
+    verticalSize = _React$useContext.verticalSize,
+    latestIndex = _React$useContext.latestIndex,
+    supportFlexGap = _React$useContext.supportFlexGap;
+  var style = {};
+  if (!supportFlexGap) {
+    if (direction === 'vertical') {
+      if (index < latestIndex) {
+        style = {
+          marginBottom: horizontalSize / (split ? 2 : 1)
+        };
+      }
+    } else {
+      style = extends_extends(extends_extends({}, index < latestIndex && defineProperty_defineProperty({}, marginDirection, horizontalSize / (split ? 2 : 1))), wrap && {
+        paddingBottom: verticalSize
+      });
+    }
+  }
+  if (children === null || children === undefined) {
+    return null;
+  }
+  return /*#__PURE__*/external_React_.createElement(external_React_.Fragment, null, /*#__PURE__*/external_React_.createElement("div", {
+    className: className,
+    style: style
+  }, children), index < latestIndex && split && /*#__PURE__*/external_React_.createElement("span", {
+    className: "".concat(className, "-split"),
+    style: style
+  }, split));
+}
+;// CONCATENATED MODULE: ./node_modules/antd/es/space/index.js
+
+
+
+var space_rest = undefined && undefined.__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 SpaceContext = /*#__PURE__*/external_React_.createContext({
+  latestIndex: 0,
+  horizontalSize: 0,
+  verticalSize: 0,
+  supportFlexGap: false
+});
+var spaceSize = {
+  small: 8,
+  middle: 16,
+  large: 24
+};
+function getNumberSize(size) {
+  return typeof size === 'string' ? spaceSize[size] : size || 0;
+}
+var Space = function Space(props) {
+  var _classNames;
+  var _React$useContext = external_React_.useContext(context_ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    space = _React$useContext.space,
+    directionConfig = _React$useContext.direction;
+  var _props$size = props.size,
+    size = _props$size === void 0 ? (space === null || space === void 0 ? void 0 : space.size) || 'small' : _props$size,
+    align = props.align,
+    className = props.className,
+    children = props.children,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+    customizePrefixCls = props.prefixCls,
+    split = props.split,
+    style = props.style,
+    _props$wrap = props.wrap,
+    wrap = _props$wrap === void 0 ? false : _props$wrap,
+    otherProps = space_rest(props, ["size", "align", "className", "children", "direction", "prefixCls", "split", "style", "wrap"]);
+  var supportFlexGap = useFlexGapSupport();
+  var _React$useMemo = external_React_.useMemo(function () {
+      return (Array.isArray(size) ? size : [size, size]).map(function (item) {
+        return getNumberSize(item);
+      });
+    }, [size]),
+    _React$useMemo2 = slicedToArray_slicedToArray(_React$useMemo, 2),
+    horizontalSize = _React$useMemo2[0],
+    verticalSize = _React$useMemo2[1];
+  var childNodes = toArray_toArray(children, {
+    keepEmpty: true
+  });
+  var mergedAlign = align === undefined && direction === 'horizontal' ? 'center' : align;
+  var prefixCls = getPrefixCls('space', customizePrefixCls);
+  var _useStyle = space_style(prefixCls),
+    _useStyle2 = slicedToArray_slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  var cn = classnames_default()(prefixCls, hashId, "".concat(prefixCls, "-").concat(direction), (_classNames = {}, defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-rtl"), directionConfig === 'rtl'), defineProperty_defineProperty(_classNames, "".concat(prefixCls, "-align-").concat(mergedAlign), mergedAlign), _classNames), className);
+  var itemClassName = "".concat(prefixCls, "-item");
+  var marginDirection = directionConfig === 'rtl' ? 'marginLeft' : 'marginRight';
+  // Calculate latest one
+  var latestIndex = 0;
+  var nodes = childNodes.map(function (child, i) {
+    if (child !== null && child !== undefined) {
+      latestIndex = i;
+    }
+    var key = child && child.key || "".concat(itemClassName, "-").concat(i);
+    return /*#__PURE__*/external_React_.createElement(Item, {
+      className: itemClassName,
+      key: key,
+      direction: direction,
+      index: i,
+      marginDirection: marginDirection,
+      split: split,
+      wrap: wrap
+    }, child);
+  });
+  var spaceContext = external_React_.useMemo(function () {
+    return {
+      horizontalSize: horizontalSize,
+      verticalSize: verticalSize,
+      latestIndex: latestIndex,
+      supportFlexGap: supportFlexGap
+    };
+  }, [horizontalSize, verticalSize, latestIndex, supportFlexGap]);
+  // =========================== Render ===========================
+  if (childNodes.length === 0) {
+    return null;
+  }
+  var gapStyle = {};
+  if (wrap) {
+    gapStyle.flexWrap = 'wrap';
+    // Patch for gap not support
+    if (!supportFlexGap) {
+      gapStyle.marginBottom = -verticalSize;
+    }
+  }
+  if (supportFlexGap) {
+    gapStyle.columnGap = horizontalSize;
+    gapStyle.rowGap = verticalSize;
+  }
+  return wrapSSR( /*#__PURE__*/external_React_.createElement("div", extends_extends({
+    className: cn,
+    style: extends_extends(extends_extends({}, gapStyle), style)
+  }, otherProps), /*#__PURE__*/external_React_.createElement(SpaceContext.Provider, {
+    value: spaceContext
+  }, nodes)));
+};
+var CompoundedSpace = Space;
+CompoundedSpace.Compact = space_Compact;
+/* harmony default export */ var space = (CompoundedSpace);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/style/roundedArrow.js
 var roundedArrow = function roundedArrow(width, innerRadius, outerRadius, bgColor, boxShadow) {
   var unitWidth = width / 2;
@@ -77900,9 +78460,9 @@ function getArrowOffset(options) {
   var maxVerticalContentRadius = MAX_VERTICAL_CONTENT_RADIUS;
   var sizePopupArrow = options.sizePopupArrow,
     contentRadius = options.contentRadius,
-    radiusOuter = options.radiusOuter,
+    borderRadiusOuter = options.borderRadiusOuter,
     limitVerticalRadius = options.limitVerticalRadius;
-  var arrowInnerOffset = sizePopupArrow / 2 - Math.ceil(radiusOuter * (Math.sqrt(2) - 1));
+  var arrowInnerOffset = sizePopupArrow / 2 - Math.ceil(borderRadiusOuter * (Math.sqrt(2) - 1));
   var dropdownArrowOffset = (contentRadius > 12 ? contentRadius + 2 : 12) - arrowInnerOffset;
   var dropdownArrowOffsetVertical = limitVerticalRadius ? maxVerticalContentRadius - arrowInnerOffset : dropdownArrowOffset;
   return {
@@ -77915,28 +78475,28 @@ function getArrowStyle(token, options) {
   var componentCls = token.componentCls,
     sizePopupArrow = token.sizePopupArrow,
     marginXXS = token.marginXXS,
-    radiusXS = token.radiusXS,
-    radiusOuter = token.radiusOuter,
+    borderRadiusXS = token.borderRadiusXS,
+    borderRadiusOuter = token.borderRadiusOuter,
     boxShadowPopoverArrow = token.boxShadowPopoverArrow;
   var colorBg = options.colorBg,
     showArrowCls = options.showArrowCls,
     _options$contentRadiu = options.contentRadius,
-    contentRadius = _options$contentRadiu === void 0 ? token.radiusLG : _options$contentRadiu,
+    contentRadius = _options$contentRadiu === void 0 ? token.borderRadiusLG : _options$contentRadiu,
     limitVerticalRadius = options.limitVerticalRadius;
   var _getArrowOffset = getArrowOffset({
       sizePopupArrow: sizePopupArrow,
       contentRadius: contentRadius,
-      radiusOuter: radiusOuter,
+      borderRadiusOuter: borderRadiusOuter,
       limitVerticalRadius: limitVerticalRadius
     }),
     dropdownArrowOffsetVertical = _getArrowOffset.dropdownArrowOffsetVertical,
     dropdownArrowOffset = _getArrowOffset.dropdownArrowOffset;
-  var dropdownArrowDistance = sizePopupArrow + marginXXS;
+  var dropdownArrowDistance = sizePopupArrow / 2 + marginXXS;
   return defineProperty_defineProperty({}, componentCls, (_componentCls = {}, defineProperty_defineProperty(_componentCls, "".concat(componentCls, "-arrow"), [extends_extends(extends_extends({
     position: 'absolute',
     zIndex: 1,
     display: 'block'
-  }, roundedArrow(sizePopupArrow, radiusXS, radiusOuter, colorBg, boxShadowPopoverArrow)), {
+  }, roundedArrow(sizePopupArrow, borderRadiusXS, borderRadiusOuter, colorBg, boxShadowPopoverArrow)), {
     '&:before': {
       background: colorBg
     }
@@ -78380,9 +78940,9 @@ var genBaseStyle = function genBaseStyle(token) {
     motionDurationMid = token.motionDurationMid,
     motionDurationFast = token.motionDurationFast,
     dropdownPaddingVertical = token.dropdownPaddingVertical,
-    fontSizeBase = token.fontSizeBase,
+    fontSize = token.fontSize,
     dropdownEdgeChildPadding = token.dropdownEdgeChildPadding,
-    radiusBase = token.radiusBase,
+    borderRadius = token.borderRadius,
     colorTextDisabled = token.colorTextDisabled,
     fontSizeIcon = token.fontSizeIcon,
     controlPaddingHorizontal = token.controlPaddingHorizontal,
@@ -78400,7 +78960,7 @@ var genBaseStyle = function genBaseStyle(token) {
     // A placeholder out of dropdown visible range to avoid close when user moving
     '&::before': {
       position: 'absolute',
-      insetBlock: -dropdownArrowDistance + sizePopupArrow,
+      insetBlock: -dropdownArrowDistance + sizePopupArrow / 2,
       // insetInlineStart: -7, // FIXME: Seems not work for hidden element
       zIndex: -9999,
       opacity: 0.0001,
@@ -78424,7 +78984,7 @@ var genBaseStyle = function genBaseStyle(token) {
     position: 'absolute',
     zIndex: 1,
     display: 'block'
-  }, roundedArrow(sizePopupArrow, token.radiusXS, token.radiusOuter, colorBgElevated, boxShadowPopoverArrow))), defineProperty_defineProperty(_extends2, "\n        &-placement-top > ".concat(componentCls, "-arrow,\n        &-placement-topLeft > ").concat(componentCls, "-arrow,\n        &-placement-topRight > ").concat(componentCls, "-arrow\n      "), {
+  }, roundedArrow(sizePopupArrow, token.borderRadiusXS, token.borderRadiusOuter, colorBgElevated, boxShadowPopoverArrow))), defineProperty_defineProperty(_extends2, "\n        &-placement-top > ".concat(componentCls, "-arrow,\n        &-placement-topLeft > ").concat(componentCls, "-arrow,\n        &-placement-topRight > ").concat(componentCls, "-arrow\n      "), {
     bottom: dropdownArrowDistance,
     transform: 'translateY(100%) rotate(180deg)'
   }), defineProperty_defineProperty(_extends2, "&-placement-top > ".concat(componentCls, "-arrow"), {
@@ -78490,7 +79050,7 @@ var genBaseStyle = function genBaseStyle(token) {
     listStyleType: 'none',
     backgroundColor: colorBgElevated,
     backgroundClip: 'padding-box',
-    borderRadius: token.controlRadiusLG,
+    borderRadius: token.borderRadiusLG,
     outline: 'none',
     boxShadow: token.boxShadowSecondary
   }, genFocusStyle(token)), (_extends5 = {}, defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item-group-title"), {
@@ -78501,9 +79061,9 @@ var genBaseStyle = function genBaseStyle(token) {
     position: 'relative',
     display: 'flex',
     alignItems: 'center',
-    borderRadius: token.radiusSM
+    borderRadius: token.borderRadiusSM
   }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-item-icon"), {
-    minWidth: fontSizeBase,
+    minWidth: fontSize,
     marginInlineEnd: token.marginXS,
     fontSize: token.fontSizeSM
   }), defineProperty_defineProperty(_extends5, "".concat(menuCls, "-title-content"), {
@@ -78526,15 +79086,15 @@ var genBaseStyle = function genBaseStyle(token) {
     padding: "".concat(dropdownPaddingVertical, "px ").concat(controlPaddingHorizontal, "px"),
     color: token.colorText,
     fontWeight: 'normal',
-    fontSize: fontSizeBase,
+    fontSize: fontSize,
     lineHeight: token.lineHeight,
     cursor: 'pointer',
     transition: "all ".concat(motionDurationFast),
     '&:first-child': !dropdownEdgeChildPadding ? {
-      borderRadius: "".concat(radiusBase, "px ").concat(radiusBase, "px 0 0")
+      borderRadius: "".concat(borderRadius, "px ").concat(borderRadius, "px 0 0")
     } : [],
     '&:last-child': !dropdownEdgeChildPadding ? {
-      borderRadius: "0 0 ".concat(radiusBase, "px ").concat(radiusBase, "px")
+      borderRadius: "0 0 ".concat(borderRadius, "px ").concat(borderRadius, "px")
     } : []
   }, "&:hover, &-active", {
     backgroundColor: token.controlItemBgHover
@@ -78597,23 +79157,23 @@ var genBaseStyle = function genBaseStyle(token) {
   var marginXXS = token.marginXXS,
     sizePopupArrow = token.sizePopupArrow,
     controlHeight = token.controlHeight,
-    fontSizeBase = token.fontSizeBase,
+    fontSize = token.fontSize,
     lineHeight = token.lineHeight,
     paddingXXS = token.paddingXXS,
     componentCls = token.componentCls,
-    radiusOuter = token.radiusOuter,
-    radiusLG = token.radiusLG;
-  var dropdownPaddingVertical = (controlHeight - fontSizeBase * lineHeight) / 2;
+    borderRadiusOuter = token.borderRadiusOuter,
+    borderRadiusLG = token.borderRadiusLG;
+  var dropdownPaddingVertical = (controlHeight - fontSize * lineHeight) / 2;
   var _getArrowOffset = getArrowOffset({
       sizePopupArrow: sizePopupArrow,
-      contentRadius: radiusLG,
-      radiusOuter: radiusOuter
+      contentRadius: borderRadiusLG,
+      borderRadiusOuter: borderRadiusOuter
     }),
     dropdownArrowOffset = _getArrowOffset.dropdownArrowOffset;
   var dropdownToken = statistic_merge(token, {
     menuCls: "".concat(componentCls, "-menu"),
     rootPrefixCls: rootPrefixCls,
-    dropdownArrowDistance: sizePopupArrow + marginXXS,
+    dropdownArrowDistance: sizePopupArrow / 2 + marginXXS,
     dropdownArrowOffset: dropdownArrowOffset,
     dropdownPaddingVertical: dropdownPaddingVertical,
     dropdownEdgeChildPadding: paddingXXS
@@ -78644,7 +79204,8 @@ var dropdown_button_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-var dropdown_button_ButtonGroup = es_button.Group;
+
+
 var dropdown_button_DropdownButton = function DropdownButton(props) {
   var _React$useContext = external_React_.useContext(context_ConfigContext),
     getContextPopupContainer = _React$useContext.getPopupContainer,
@@ -78700,6 +79261,10 @@ var dropdown_button_DropdownButton = function DropdownButton(props) {
     overlayStyle: overlayStyle,
     destroyPopupOnHide: destroyPopupOnHide
   };
+  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+    compactSize = _useCompactItemContex.compactSize,
+    compactItemClassnames = _useCompactItemContex.compactItemClassnames;
+  var classes = classnames_default()(buttonPrefixCls, compactItemClassnames, className, hashId);
   if ('open' in props) {
     dropdownProps.open = open;
   }
@@ -78727,9 +79292,11 @@ var dropdown_button_DropdownButton = function DropdownButton(props) {
     _buttonsRender2 = slicedToArray_slicedToArray(_buttonsRender, 2),
     leftButtonToRender = _buttonsRender2[0],
     rightButtonToRender = _buttonsRender2[1];
-  return wrapSSR( /*#__PURE__*/external_React_.createElement(dropdown_button_ButtonGroup, extends_extends({}, restProps, {
-    className: classnames_default()(buttonPrefixCls, className, hashId)
-  }), leftButtonToRender, /*#__PURE__*/external_React_.createElement(dropdown, extends_extends({}, dropdownProps), rightButtonToRender)));
+  return wrapSSR( /*#__PURE__*/external_React_.createElement(space.Compact, extends_extends({
+    className: classes,
+    size: compactSize,
+    block: true
+  }, restProps), leftButtonToRender, /*#__PURE__*/external_React_.createElement(dropdown, extends_extends({}, dropdownProps), rightButtonToRender)));
 };
 dropdown_button_DropdownButton.__ANT_BUTTON = true;
 /* harmony default export */ var dropdown_button = (dropdown_button_DropdownButton);
@@ -78968,9 +79535,9 @@ function InternalItem(props, ref) {
   }
   return itemNode;
 }
-var Item = /*#__PURE__*/external_React_.forwardRef(InternalItem);
-Item.displayName = 'Item';
-/* harmony default export */ var es_Item = (Item);
+var Item_Item = /*#__PURE__*/external_React_.forwardRef(InternalItem);
+Item_Item.displayName = 'Item';
+/* harmony default export */ var es_Item = (Item_Item);
 ;// CONCATENATED MODULE: ./node_modules/rc-overflow/es/hooks/useBatchFrameState.js
 
 
@@ -78982,7 +79549,7 @@ Item.displayName = 'Item';
  */
 
 function useBatchFrameState() {
-  var _useState = useState_useSafeState({}),
+  var _useState = useSafeState({}),
     _useState2 = slicedToArray_slicedToArray(_useState, 2),
     forceUpdate = _useState2[1];
   var statesRef = (0,external_React_.useRef)([]);
@@ -81657,6 +82224,7 @@ var getThemeStyle = function getThemeStyle(token, themeSuffix) {
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/style/vertical.js
 
 
+
 var getVerticalInlineStyle = function getVerticalInlineStyle(token) {
   var _ref;
   var componentCls = token.componentCls,
@@ -81779,12 +82347,9 @@ var getVerticalStyle = function getVerticalStyle(token) {
     display: 'none'
   }), defineProperty_defineProperty(_tooltip, 'a, a:hover', {
     color: colorTextLightSolid
-  }), _tooltip)), defineProperty_defineProperty(_$concat5, "".concat(componentCls, "-item-group-title"), {
-    paddingInline: paddingXS,
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis'
-  }), _$concat5))];
+  }), _tooltip)), defineProperty_defineProperty(_$concat5, "".concat(componentCls, "-item-group-title"), extends_extends(extends_extends({}, textEllipsis), {
+    paddingInline: paddingXS
+  })), _$concat5))];
 };
 /* harmony default export */ var vertical = (getVerticalStyle);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/menu/style/index.js
@@ -81815,8 +82380,8 @@ var getBaseStyle = function getBaseStyle(token) {
     lineWidth = token.lineWidth,
     iconCls = token.iconCls,
     zIndexPopup = token.zIndexPopup,
-    radiusBase = token.radiusBase,
-    radiusLG = token.radiusLG,
+    borderRadius = token.borderRadius,
+    borderRadiusLG = token.borderRadiusLG,
     radiusSubMenuItem = token.radiusSubMenuItem,
     menuArrowSize = token.menuArrowSize,
     controlHeightSM = token.controlHeightSM,
@@ -81926,7 +82491,7 @@ var getBaseStyle = function getBaseStyle(token) {
       position: 'absolute',
       zIndex: zIndexPopup,
       background: 'transparent',
-      borderRadius: radiusLG,
+      borderRadius: borderRadiusLG,
       boxShadow: 'none',
       transformOrigin: '0 0',
       // https://github.com/ant-design/ant-design/issues/13955
@@ -81946,7 +82511,7 @@ var getBaseStyle = function getBaseStyle(token) {
       insetInlineStart: menuPanelMaskInset
     }
   }, "> ".concat(componentCls), (_$concat4 = {
-    borderRadius: radiusLG
+    borderRadius: borderRadiusLG
   }, defineProperty_defineProperty(_$concat4, "> ".concat(componentCls, "-item"), {
     borderRadius: radiusSubMenuItem
   }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-submenu-title::after"), {
@@ -81966,7 +82531,7 @@ var getBaseStyle = function getBaseStyle(token) {
       width: menuArrowSize * 0.6,
       height: menuArrowSize * 0.15,
       backgroundColor: 'currentcolor',
-      borderRadius: radiusBase,
+      borderRadius: borderRadius,
       transition: ["background ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "top ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "color ".concat(motionDurationSlow, " ").concat(motionEaseInOut)].join(','),
       content: '""'
     },
@@ -82077,8 +82642,8 @@ var getBaseStyle = function getBaseStyle(token) {
     return {
       dropdownWidth: 160,
       zIndexPopup: token.zIndexPopupBase + 50,
-      radiusItem: token.radiusLG,
-      radiusSubMenuItem: token.radiusSM,
+      radiusItem: token.borderRadiusLG,
+      radiusSubMenuItem: token.borderRadiusSM,
       colorItemText: colorText,
       colorItemTextHover: colorText,
       colorItemTextHoverHorizontal: colorPrimary,
@@ -82519,7 +83084,7 @@ var genTooltipStyle = function genTooltipStyle(token) {
   })),
   // Arrow Style
   getArrowStyle(statistic_merge(token, {
-    radiusOuter: tooltipRadiusOuter
+    borderRadiusOuter: tooltipRadiusOuter
   }), {
     colorBg: 'var(--antd-arrow-background-color)',
     showArrowCls: '',
@@ -82539,17 +83104,17 @@ var genTooltipStyle = function genTooltipStyle(token) {
     if (injectStyle === false) {
       return [];
     }
-    var radiusBase = token.radiusBase,
+    var borderRadius = token.borderRadius,
       colorTextLightSolid = token.colorTextLightSolid,
       colorBgDefault = token.colorBgDefault,
-      radiusOuter = token.radiusOuter;
+      borderRadiusOuter = token.borderRadiusOuter;
     var TooltipToken = statistic_merge(token, {
       // default variables
       tooltipMaxWidth: 250,
       tooltipColor: colorTextLightSolid,
-      tooltipBorderRadius: radiusBase,
+      tooltipBorderRadius: borderRadius,
       tooltipBg: colorBgDefault,
-      tooltipRadiusOuter: radiusOuter > 4 ? 4 : radiusOuter
+      tooltipRadiusOuter: borderRadiusOuter > 4 ? 4 : borderRadiusOuter
     });
     return [genTooltipStyle(TooltipToken), initZoomMotion(token, 'zoom-big-fast')];
   }, function (_ref3) {
@@ -82766,14 +83331,14 @@ var tooltip_Tooltip = /*#__PURE__*/external_React_.forwardRef(function (props, r
       top: '50%',
       left: '50%'
     };
-    if (['top', 'Bottom'].includes(placement)) {
+    if (/top|Bottom/.test(placement)) {
       transformOrigin.top = "".concat(rect.height - align.offset[1], "px");
-    } else if (['Top', 'bottom'].includes(placement)) {
+    } else if (/Top|bottom/.test(placement)) {
       transformOrigin.top = "".concat(-align.offset[1], "px");
     }
-    if (['left', 'Right'].includes(placement)) {
+    if (/left|Right/.test(placement)) {
       transformOrigin.left = "".concat(rect.width - align.offset[0], "px");
-    } else if (['right', 'Left'].includes(placement)) {
+    } else if (/right|Left/.test(placement)) {
       transformOrigin.left = "".concat(-align.offset[0], "px");
     }
     domNode.style.transformOrigin = "".concat(transformOrigin.left, " ").concat(transformOrigin.top);
@@ -83328,15 +83893,16 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     motionEaseInOutCirc = token.motionEaseInOutCirc,
     radioButtonBg = token.radioButtonBg,
     colorBorder = token.colorBorder,
-    controlLineWidth = token.controlLineWidth,
+    lineWidth = token.lineWidth,
     radioDotSize = token.radioDotSize,
     colorBgContainerDisabled = token.colorBgContainerDisabled,
     colorTextDisabled = token.colorTextDisabled,
     paddingXS = token.paddingXS,
     radioDotDisabledColor = token.radioDotDisabledColor,
-    controlLineType = token.controlLineType,
+    lineType = token.lineType,
     radioDotDisabledSize = token.radioDotDisabledSize,
-    wireframe = token.wireframe;
+    wireframe = token.wireframe,
+    colorWhite = token.colorWhite;
   var radioInnerPrefixCls = "".concat(componentCls, "-inner");
   return defineProperty_defineProperty({}, "".concat(componentCls, "-wrapper"), extends_extends(extends_extends({}, style_resetComponent(token)), (_extends3 = {
     position: 'relative',
@@ -83364,7 +83930,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     insetInlineStart: 0,
     width: '100%',
     height: '100%',
-    border: "".concat(controlLineWidth, "px ").concat(controlLineType, " ").concat(radioCheckedColor),
+    border: "".concat(lineWidth, "px ").concat(lineType, " ").concat(radioCheckedColor),
     borderRadius: '50%',
     visibility: 'hidden',
     animationName: antRadioEffect,
@@ -83393,7 +83959,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
       height: radioSize,
       marginBlockStart: radioSize / -2,
       marginInlineStart: radioSize / -2,
-      backgroundColor: wireframe ? radioCheckedColor : radioButtonBg,
+      backgroundColor: wireframe ? radioCheckedColor : colorWhite,
       borderBlockStart: 0,
       borderInlineStart: 0,
       borderRadius: radioSize,
@@ -83412,7 +83978,7 @@ var getRadioBasicStyle = function getRadioBasicStyle(token) {
     backgroundColor: radioButtonBg,
     borderColor: colorBorder,
     borderStyle: 'solid',
-    borderWidth: controlLineWidth,
+    borderWidth: lineWidth,
     borderRadius: '50%',
     transition: "all ".concat(motionDurationFast)
   }), defineProperty_defineProperty(_extends3, "".concat(componentCls, "-input"), {
@@ -83461,8 +84027,8 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
   var radioButtonColor = token.radioButtonColor,
     controlHeight = token.controlHeight,
     componentCls = token.componentCls,
-    controlLineWidth = token.controlLineWidth,
-    controlLineType = token.controlLineType,
+    lineWidth = token.lineWidth,
+    lineType = token.lineType,
     colorBorder = token.colorBorder,
     motionDurationSlow = token.motionDurationSlow,
     motionDurationFast = token.motionDurationFast,
@@ -83473,9 +84039,9 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     controlHeightLG = token.controlHeightLG,
     controlHeightSM = token.controlHeightSM,
     paddingXS = token.paddingXS,
-    controlRadius = token.controlRadius,
-    controlRadiusSM = token.controlRadiusSM,
-    controlRadiusLG = token.controlRadiusLG,
+    borderRadius = token.borderRadius,
+    borderRadiusSM = token.borderRadiusSM,
+    borderRadiusLG = token.borderRadiusLG,
     radioCheckedColor = token.radioCheckedColor,
     radioButtonCheckedBg = token.radioButtonCheckedBg,
     radioButtonHoverColor = token.radioButtonHoverColor,
@@ -83494,14 +84060,14 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     paddingBlock: 0,
     color: radioButtonColor,
     fontSize: fontSize,
-    lineHeight: "".concat(controlHeight - controlLineWidth * 2, "px"),
+    lineHeight: "".concat(controlHeight - lineWidth * 2, "px"),
     background: radioButtonBg,
-    border: "".concat(controlLineWidth, "px ").concat(controlLineType, " ").concat(colorBorder),
+    border: "".concat(lineWidth, "px ").concat(lineType, " ").concat(colorBorder),
     // strange align fix for chrome but works
     // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
-    borderBlockStartWidth: controlLineWidth + 0.02,
+    borderBlockStartWidth: lineWidth + 0.02,
     borderInlineStartWidth: 0,
-    borderInlineEndWidth: controlLineWidth,
+    borderInlineEndWidth: lineWidth,
     cursor: 'pointer',
     transition: ["color ".concat(motionDurationFast), "background ".concat(motionDurationFast), "border-color ".concat(motionDurationFast), "box-shadow ".concat(motionDurationFast)].join(','),
     a: {
@@ -83517,51 +84083,51 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
   }), defineProperty_defineProperty(_$concat4, '&:not(:first-child)', {
     '&::before': {
       position: 'absolute',
-      insetBlockStart: -controlLineWidth,
-      insetInlineStart: -controlLineWidth,
+      insetBlockStart: -lineWidth,
+      insetInlineStart: -lineWidth,
       display: 'block',
       boxSizing: 'content-box',
       width: 1,
       height: '100%',
-      paddingBlock: controlLineWidth,
+      paddingBlock: lineWidth,
       paddingInline: 0,
       backgroundColor: colorBorder,
       transition: "background-color ".concat(motionDurationSlow),
       content: '""'
     }
   }), defineProperty_defineProperty(_$concat4, '&:first-child', {
-    borderInlineStart: "".concat(controlLineWidth, "px ").concat(controlLineType, " ").concat(colorBorder),
-    borderStartStartRadius: controlRadius,
-    borderEndStartRadius: controlRadius
+    borderInlineStart: "".concat(lineWidth, "px ").concat(lineType, " ").concat(colorBorder),
+    borderStartStartRadius: borderRadius,
+    borderEndStartRadius: borderRadius
   }), defineProperty_defineProperty(_$concat4, '&:last-child', {
-    borderStartEndRadius: controlRadius,
-    borderEndEndRadius: controlRadius
+    borderStartEndRadius: borderRadius,
+    borderEndEndRadius: borderRadius
   }), defineProperty_defineProperty(_$concat4, '&:first-child:last-child', {
-    borderRadius: controlRadius
+    borderRadius: borderRadius
   }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-group-large &"), {
     height: controlHeightLG,
     fontSize: fontSizeLG,
-    lineHeight: "".concat(controlHeightLG - controlLineWidth * 2, "px"),
+    lineHeight: "".concat(controlHeightLG - lineWidth * 2, "px"),
     '&:first-child': {
-      borderStartStartRadius: controlRadiusLG,
-      borderEndStartRadius: controlRadiusLG
+      borderStartStartRadius: borderRadiusLG,
+      borderEndStartRadius: borderRadiusLG
     },
     '&:last-child': {
-      borderStartEndRadius: controlRadiusLG,
-      borderEndEndRadius: controlRadiusLG
+      borderStartEndRadius: borderRadiusLG,
+      borderEndEndRadius: borderRadiusLG
     }
   }), defineProperty_defineProperty(_$concat4, "".concat(componentCls, "-group-small &"), {
     height: controlHeightSM,
-    paddingInline: paddingXS - controlLineWidth,
+    paddingInline: paddingXS - lineWidth,
     paddingBlock: 0,
-    lineHeight: "".concat(controlHeightSM - controlLineWidth * 2, "px"),
+    lineHeight: "".concat(controlHeightSM - lineWidth * 2, "px"),
     '&:first-child': {
-      borderStartStartRadius: controlRadiusSM,
-      borderEndStartRadius: controlRadiusSM
+      borderStartStartRadius: borderRadiusSM,
+      borderEndStartRadius: borderRadiusSM
     },
     '&:last-child': {
-      borderStartEndRadius: controlRadiusSM,
-      borderEndEndRadius: controlRadiusSM
+      borderStartEndRadius: borderRadiusSM,
+      borderEndEndRadius: borderRadiusSM
     }
   }), defineProperty_defineProperty(_$concat4, '&:hover', {
     position: 'relative',
@@ -83630,7 +84196,7 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
 // ============================== Export ==============================
 /* harmony default export */ var radio_style = (genComponentStyleHook('Radio', function (token) {
   var padding = token.padding,
-    controlLineWidth = token.controlLineWidth,
+    lineWidth = token.lineWidth,
     colorBgContainerDisabled = token.colorBgContainerDisabled,
     colorTextDisabled = token.colorTextDisabled,
     colorBgContainer = token.colorBgContainer,
@@ -83644,21 +84210,21 @@ var getRadioButtonStyle = function getRadioButtonStyle(token) {
     colorPrimary = token.colorPrimary,
     marginXS = token.marginXS,
     controlOutlineWidth = token.controlOutlineWidth,
-    paddingXXS = token.paddingXXS,
     wireframe = token.wireframe;
   // Radio
   var radioFocusShadow = "0 0 0 ".concat(controlOutlineWidth, "px ").concat(controlOutline);
   var radioButtonFocusShadow = radioFocusShadow;
   var radioSize = fontSizeLG;
   var radioTop = (Math.round(fontSize * lineHeight) - radioSize) / 2;
-  var radioDotDisabledSize = radioSize - paddingXXS * 2;
-  var radioDotSize = wireframe ? radioDotDisabledSize : radioSize - (paddingXXS + controlLineWidth) * 2;
+  var dotPadding = 4; // Fixed value
+  var radioDotDisabledSize = radioSize - dotPadding * 2;
+  var radioDotSize = wireframe ? radioDotDisabledSize : radioSize - (dotPadding + lineWidth) * 2;
   var radioCheckedColor = colorPrimary;
   // Radio buttons
   var radioButtonColor = colorText;
   var radioButtonHoverColor = colorPrimaryHover;
   var radioButtonActiveColor = colorPrimaryActive;
-  var radioButtonPaddingHorizontal = padding - controlLineWidth;
+  var radioButtonPaddingHorizontal = padding - lineWidth;
   var radioDisabledButtonCheckedColor = colorTextDisabled;
   var radioWrapperMarginRight = marginXS;
   var radioToken = statistic_merge(token, {
@@ -85272,17 +85838,17 @@ function BaseProList(props) {
 /* harmony default export */ var list_es = ((/* unused pure expression or super */ null && (ProList)));
 ;// CONCATENATED MODULE: ./packages/components/src/version.ts
 var version_version = {
-  "@ant-design/pro-card": "2.0.20",
-  "@ant-design/pro-components": "2.3.26",
-  "@ant-design/pro-descriptions": "2.0.22",
-  "@ant-design/pro-field": "2.1.15",
-  "@ant-design/pro-form": "2.2.13",
-  "@ant-design/pro-layout": "7.1.14",
-  "@ant-design/pro-list": "2.0.23",
-  "@ant-design/pro-provider": "2.0.12",
+  "@ant-design/pro-card": "2.0.22",
+  "@ant-design/pro-components": "2.3.28",
+  "@ant-design/pro-descriptions": "2.0.24",
+  "@ant-design/pro-field": "2.1.17",
+  "@ant-design/pro-form": "2.2.15",
+  "@ant-design/pro-layout": "7.1.16",
+  "@ant-design/pro-list": "2.0.25",
+  "@ant-design/pro-provider": "2.0.13",
   "@ant-design/pro-skeleton": "2.0.4",
-  "@ant-design/pro-table": "3.1.0",
-  "@ant-design/pro-utils": "2.2.12"
+  "@ant-design/pro-table": "3.1.2",
+  "@ant-design/pro-utils": "2.3.0"
 };
 ;// CONCATENATED MODULE: ./packages/components/src/index.tsx