@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/_util/PurePanel.js

@@ -28,7 +28,7 @@ export function withPureRenderTheme(Component) {
   };
 }
 /* istanbul ignore next */
-var genPurePanel = function genPurePanel(Component, defaultPrefixCls, getDropdownCls, postProps) {
+var genPurePanel = function genPurePanel(Component, alignPropName, postProps, defaultPrefixCls, getDropdownCls) {
   var PurePanel = function PurePanel(props) {
     var customizePrefixCls = props.prefixCls,
       style = props.style;
@@ -87,6 +87,14 @@ var genPurePanel = function genPurePanel(Component, defaultPrefixCls, getDropdow
     if (postProps) {
       mergedProps = postProps(mergedProps);
     }
+    if (alignPropName) {
+      Object.assign(mergedProps, _defineProperty({}, alignPropName, {
+        overflow: {
+          adjustX: false,
+          adjustY: false
+        }
+      }));
+    }
     var mergedStyle = {
       paddingBottom: popupHeight,
       position: 'relative',

package/lib/Antd5/_util/convertToTooltipProps.js

@@ -0,0 +1,15 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import { isValidElement } from 'react';
+function convertToTooltipProps(tooltip) {
+  // isNil
+  if (tooltip === undefined || tooltip === null) {
+    return null;
+  }
+  if (_typeof(tooltip) === 'object' && ! /*#__PURE__*/isValidElement(tooltip)) {
+    return tooltip;
+  }
+  return {
+    title: tooltip
+  };
+}
+export default convertToTooltipProps;

package/lib/Antd5/_util/extendsObject.js

@@ -1,26 +1,17 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var extendsObject = function extendsObject() {
-  var _arguments = arguments;
-  var result = _objectSpread({}, arguments.length <= 0 ? undefined : arguments[0]);
-  var _loop = function _loop() {
-    var obj = i < 0 || _arguments.length <= i ? undefined : _arguments[i];
-    if (obj) {
-      Object.keys(obj).forEach(function (key) {
-        var val = obj[key];
-        if (val !== undefined) {
-          result[key] = val;
+function mergeProps() {
+  var ret = {};
+  for (var _len = arguments.length, items = new Array(_len), _key = 0; _key < _len; _key++) {
+    items[_key] = arguments[_key];
+  }
+  items.forEach(function (item) {
+    if (item) {
+      Object.keys(item).forEach(function (key) {
+        if (item[key] !== undefined) {
+          ret[key] = item[key];
         }
       });
     }
-  };
-  for (var i = 1; i < arguments.length; i++) {
-    _loop();
-  }
-  return result;
-};
-export default extendsObject;
+  });
+  return ret;
+}
+export default mergeProps;

package/lib/Antd5/_util/hooks/useClosable.js

@@ -1,3 +1,9 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -8,6 +14,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import pickAttrs from 'rc-util/lib/pickAttrs';
+import { useLocale } from '../../locale';
+import defaultLocale from '../../locale/en_US';
+import extendsObject from '../extendsObject';
 export function pickClosable(context) {
   if (!context) {
     return undefined;
@@ -40,26 +49,6 @@ function useClosableConfig(closableCollection) {
     return closableConfig;
   }, [closable, closeIcon]);
 }
-/**
- * Assign object without `undefined` field. Will skip if is `false`.
- * This helps to handle both closableConfig or false
- */
-function assignWithoutUndefined() {
-  var target = {};
-  for (var _len = arguments.length, objList = new Array(_len), _key = 0; _key < _len; _key++) {
-    objList[_key] = arguments[_key];
-  }
-  objList.forEach(function (obj) {
-    if (obj) {
-      Object.keys(obj).forEach(function (key) {
-        if (obj[key] !== undefined) {
-          target[key] = obj[key];
-        }
-      });
-    }
-  });
-  return target;
-}
 /** Use same object to support `useMemo` optimization */
 var EmptyFallbackCloseCollection = {};
 export default function useClosable(propCloseCollection, contextCloseCollection) {
@@ -67,6 +56,9 @@ export default function useClosable(propCloseCollection, contextCloseCollection)
   // Align the `props`, `context` `fallback` to config object first
   var propCloseConfig = useClosableConfig(propCloseCollection);
   var contextCloseConfig = useClosableConfig(contextCloseCollection);
+  var _useLocale = useLocale('global', defaultLocale.global),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    contextLocale = _useLocale2[0];
   var closeBtnIsDisabled = typeof propCloseConfig !== 'boolean' ? !!(propCloseConfig !== null && propCloseConfig !== void 0 && propCloseConfig.disabled) : false;
   var mergedFallbackCloseCollection = React.useMemo(function () {
     return _objectSpread({
@@ -81,7 +73,7 @@ export default function useClosable(propCloseCollection, contextCloseCollection)
       return false;
     }
     if (propCloseConfig) {
-      return assignWithoutUndefined(mergedFallbackCloseCollection, contextCloseConfig, propCloseConfig);
+      return extendsObject(mergedFallbackCloseCollection, contextCloseConfig, propCloseConfig);
     }
     // =============== Context Second ==============
     // Skip if context is disabled
@@ -89,7 +81,7 @@ export default function useClosable(propCloseCollection, contextCloseCollection)
       return false;
     }
     if (contextCloseConfig) {
-      return assignWithoutUndefined(mergedFallbackCloseCollection, contextCloseConfig);
+      return extendsObject(mergedFallbackCloseCollection, contextCloseConfig);
     }
     // ============= Fallback Default ==============
     return !mergedFallbackCloseCollection.closable ? false : mergedFallbackCloseCollection;
@@ -97,24 +89,26 @@ export default function useClosable(propCloseCollection, contextCloseCollection)
   // Calculate the final closeIcon
   return React.useMemo(function () {
     if (mergedClosableConfig === false) {
-      return [false, null, closeBtnIsDisabled];
+      return [false, null, closeBtnIsDisabled, {}];
     }
     var closeIconRender = mergedFallbackCloseCollection.closeIconRender;
     var closeIcon = mergedClosableConfig.closeIcon;
     var mergedCloseIcon = closeIcon;
+    // Wrap the closeIcon with aria props
+    var ariaOrDataProps = pickAttrs(mergedClosableConfig, true);
     if (mergedCloseIcon !== null && mergedCloseIcon !== undefined) {
       // Wrap the closeIcon if needed
       if (closeIconRender) {
         mergedCloseIcon = closeIconRender(closeIcon);
       }
-      // Wrap the closeIcon with aria props
-      var ariaProps = pickAttrs(mergedClosableConfig, true);
-      if (Object.keys(ariaProps).length) {
-        mergedCloseIcon = /*#__PURE__*/React.isValidElement(mergedCloseIcon) ? (/*#__PURE__*/React.cloneElement(mergedCloseIcon, ariaProps)) : _jsx("span", _objectSpread(_objectSpread({}, ariaProps), {}, {
-          children: mergedCloseIcon
-        }));
-      }
+      mergedCloseIcon = /*#__PURE__*/React.isValidElement(mergedCloseIcon) ? (/*#__PURE__*/React.cloneElement(mergedCloseIcon, _objectSpread({
+        'aria-label': contextLocale.close
+      }, ariaOrDataProps))) : _jsx("span", _objectSpread(_objectSpread({
+        "aria-label": contextLocale.close
+      }, ariaOrDataProps), {}, {
+        children: mergedCloseIcon
+      }));
     }
-    return [true, mergedCloseIcon, closeBtnIsDisabled];
+    return [true, mergedCloseIcon, closeBtnIsDisabled, ariaOrDataProps];
   }, [mergedClosableConfig, mergedFallbackCloseCollection]);
 }

package/lib/Antd5/_util/hooks/useMergeSemantic/index.js

@@ -0,0 +1,89 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import * as React from 'react';
+import classnames from 'classnames';
+// ========================= ClassNames =========================
+export function mergeClassNames(schema) {
+  var mergedSchema = schema || {};
+  for (var _len = arguments.length, classNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    classNames[_key - 1] = arguments[_key];
+  }
+  return classNames.reduce(function (acc, cur) {
+    // Loop keys of the current classNames
+    Object.keys(cur || {}).forEach(function (key) {
+      var keySchema = mergedSchema[key];
+      var curVal = cur[key];
+      if (keySchema && _typeof(keySchema) === 'object') {
+        if (curVal && _typeof(curVal) === 'object') {
+          // Loop fill
+          acc[key] = mergeClassNames(keySchema, acc[key], curVal);
+        } else {
+          // Covert string to object structure
+          var defaultField = keySchema._default;
+          acc[key] = acc[key] || {};
+          acc[key][defaultField] = classnames(acc[key][defaultField], curVal);
+        }
+      } else {
+        // Flatten fill
+        acc[key] = classnames(acc[key], curVal);
+      }
+    });
+    return acc;
+  }, {});
+}
+function useSemanticClassNames(schema) {
+  for (var _len2 = arguments.length, classNames = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    classNames[_key2 - 1] = arguments[_key2];
+  }
+  return React.useMemo(function () {
+    return mergeClassNames.apply(void 0, [schema].concat(classNames));
+  }, [classNames]);
+}
+// =========================== Styles ===========================
+function useSemanticStyles() {
+  for (var _len3 = arguments.length, styles = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+    styles[_key3] = arguments[_key3];
+  }
+  return React.useMemo(function () {
+    return styles.reduce(function (acc) {
+      var cur = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      Object.keys(cur).forEach(function (key) {
+        acc[key] = _objectSpread(_objectSpread({}, acc[key]), cur[key]);
+      });
+      return acc;
+    }, {});
+  }, [styles]);
+}
+// =========================== Export ===========================
+function fillObjectBySchema(obj, schema) {
+  var newObj = _objectSpread({}, obj);
+  Object.keys(schema).forEach(function (key) {
+    if (key !== '_default') {
+      var nestSchema = schema[key];
+      var nextValue = newObj[key] || {};
+      newObj[key] = nestSchema ? fillObjectBySchema(nextValue, nestSchema) : nextValue;
+    }
+  });
+  return newObj;
+}
+/**
+ * Merge classNames and styles from multiple sources.
+ * When `schema` is provided, it will **must** provide the nest object structure.
+ */
+export default function useMergeSemantic(classNamesList, stylesList, schema) {
+  var mergedClassNames = useSemanticClassNames.apply(void 0, [schema].concat(_toConsumableArray(classNamesList)));
+  var mergedStyles = useSemanticStyles.apply(void 0, _toConsumableArray(stylesList));
+  return React.useMemo(function () {
+    return [fillObjectBySchema(mergedClassNames, schema), fillObjectBySchema(mergedStyles, schema)];
+  }, [mergedClassNames, mergedStyles]);
+}

package/lib/Antd5/_util/hooks/useMergeSemantic/interface.js

@@ -0,0 +1 @@
+export {};

package/lib/Antd5/_util/isPrimitive.js

@@ -0,0 +1,5 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var isPrimitive = function isPrimitive(value) {
+  return _typeof(value) !== 'object' && typeof value !== 'function' || value === null;
+};
+export default isPrimitive;

package/lib/Antd5/_util/mediaQueryUtil.js

@@ -0,0 +1,16 @@
+export var addMediaQueryListener = function addMediaQueryListener(mql, handler) {
+  // Don't delete here, please keep the code compatible
+  if (typeof (mql === null || mql === void 0 ? void 0 : mql.addEventListener) !== 'undefined') {
+    mql.addEventListener('change', handler);
+  } else if (typeof (mql === null || mql === void 0 ? void 0 : mql.addListener) !== 'undefined') {
+    mql.addListener(handler);
+  }
+};
+export var removeMediaQueryListener = function removeMediaQueryListener(mql, handler) {
+  // Don't delete here, please keep the code compatible
+  if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeEventListener) !== 'undefined') {
+    mql.removeEventListener('change', handler);
+  } else if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeListener) !== 'undefined') {
+    mql.removeListener(handler);
+  }
+};

package/lib/Antd5/_util/responsiveObserver.js

@@ -12,6 +12,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React from 'react';
 import { useToken } from '../theme/internal';
+import { addMediaQueryListener, removeMediaQueryListener } from './mediaQueryUtil';
 export var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
 var getResponsiveMap = function getResponsiveMap(token) {
   return {
@@ -51,7 +52,18 @@ var validateBreakpoints = function validateBreakpoints(token) {
   });
   return token;
 };
-export default function useResponsiveObserver() {
+export var matchScreen = function matchScreen(screens, screenSizes) {
+  if (!screenSizes) {
+    return;
+  }
+  for (var _i = 0, _responsiveArray = responsiveArray; _i < _responsiveArray.length; _i++) {
+    var breakpoint = _responsiveArray[_i];
+    if (screens[breakpoint] && (screenSizes === null || screenSizes === void 0 ? void 0 : screenSizes[breakpoint]) !== undefined) {
+      return screenSizes[breakpoint];
+    }
+  }
+};
+var useResponsiveObserver = function useResponsiveObserver() {
   var _useToken = useToken(),
     _useToken2 = _slicedToArray(_useToken, 2),
     token = _useToken2[1];
@@ -62,6 +74,7 @@ export default function useResponsiveObserver() {
     var subUid = -1;
     var screens = {};
     return {
+      responsiveMap: responsiveMap,
       matchHandlers: {},
       dispatch: function dispatch(pointMap) {
         screens = pointMap;
@@ -71,7 +84,9 @@ export default function useResponsiveObserver() {
         return subscribers.size >= 1;
       },
       subscribe: function subscribe(func) {
-        if (!subscribers.size) this.register();
+        if (!subscribers.size) {
+          this.register();
+        }
         subUid += 1;
         subscribers.set(subUid, func);
         func(screens);
@@ -79,45 +94,38 @@ export default function useResponsiveObserver() {
       },
       unsubscribe: function unsubscribe(paramToken) {
         subscribers["delete"](paramToken);
-        if (!subscribers.size) this.unregister();
-      },
-      unregister: function unregister() {
-        var _this = this;
-        Object.keys(responsiveMap).forEach(function (screen) {
-          var matchMediaQuery = responsiveMap[screen];
-          var handler = _this.matchHandlers[matchMediaQuery];
-          handler === null || handler === void 0 || handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
-        });
-        subscribers.clear();
+        if (!subscribers.size) {
+          this.unregister();
+        }
       },
       register: function register() {
-        var _this2 = this;
-        Object.keys(responsiveMap).forEach(function (screen) {
-          var matchMediaQuery = responsiveMap[screen];
-          var listener = function listener(_ref) {
-            var matches = _ref.matches;
-            _this2.dispatch(_objectSpread(_objectSpread({}, screens), {}, _defineProperty({}, screen, matches)));
+        var _this = this;
+        Object.entries(responsiveMap).forEach(function (_ref) {
+          var _ref2 = _slicedToArray(_ref, 2),
+            screen = _ref2[0],
+            mediaQuery = _ref2[1];
+          var listener = function listener(_ref3) {
+            var matches = _ref3.matches;
+            _this.dispatch(_objectSpread(_objectSpread({}, screens), {}, _defineProperty({}, screen, matches)));
           };
-          var mql = window.matchMedia(matchMediaQuery);
-          mql.addListener(listener);
-          _this2.matchHandlers[matchMediaQuery] = {
+          var mql = window.matchMedia(mediaQuery);
+          addMediaQueryListener(mql, listener);
+          _this.matchHandlers[mediaQuery] = {
             mql: mql,
             listener: listener
           };
           listener(mql);
         });
       },
-      responsiveMap: responsiveMap
+      unregister: function unregister() {
+        var _this2 = this;
+        Object.values(responsiveMap).forEach(function (mediaQuery) {
+          var handler = _this2.matchHandlers[mediaQuery];
+          removeMediaQueryListener(handler === null || handler === void 0 ? void 0 : handler.mql, handler === null || handler === void 0 ? void 0 : handler.listener);
+        });
+        subscribers.clear();
+      }
     };
   }, [token]);
-}
-export var matchScreen = function matchScreen(screens, screenSizes) {
-  if (screenSizes && _typeof(screenSizes) === 'object') {
-    for (var i = 0; i < responsiveArray.length; i++) {
-      var breakpoint = responsiveArray[i];
-      if (screens[breakpoint] && screenSizes[breakpoint] !== undefined) {
-        return screenSizes[breakpoint];
-      }
-    }
-  }
-};
+};
+export default useResponsiveObserver;

package/lib/Antd5/_util/toList.js

@@ -1,5 +1,8 @@
-export default function toList(candidate) {
+var toList = function toList(candidate) {
   var skipEmpty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  if (skipEmpty && (candidate === undefined || candidate === null)) return [];
+  if (skipEmpty && (candidate === undefined || candidate === null)) {
+    return [];
+  }
   return Array.isArray(candidate) ? candidate : [candidate];
-}
+};
+export default toList;

package/lib/Antd5/_util/warning.js

@@ -6,7 +6,6 @@ export function resetWarned() {
   deprecatedWarnList = null;
   rcResetWarned();
 }
-// eslint-disable-next-line import/no-mutable-exports
 var warning = noop;
 if (process.env.NODE_ENV !== 'production') {
   warning = function warning(valid, component, message) {

package/lib/Antd5/_util/wave/WaveEffect.js

@@ -15,8 +15,8 @@ import * as React from 'react';
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
 import raf from 'rc-util/lib/raf';
-import { render, unmount } from 'rc-util/lib/React/render';
 import { composeRef } from 'rc-util/lib/ref';
+import { unstableSetRender } from '../../config-provider/UnstableContext';
 import { TARGET_CLS } from './interface';
 import { getTargetWaveColor } from './util';
 function validateNum(value) {
@@ -25,8 +25,15 @@ function validateNum(value) {
 var WaveEffect = function WaveEffect(props) {
   var className = props.className,
     target = props.target,
-    component = props.component;
+    component = props.component,
+    registerUnmount = props.registerUnmount;
   var divRef = React.useRef(null);
+  // ====================== Refs ======================
+  var unmountRef = React.useRef(null);
+  React.useEffect(function () {
+    unmountRef.current = registerUnmount();
+  }, []);
+  // ===================== Effect =====================
   var _React$useState = React.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     color = _React$useState2[0],
@@ -44,17 +51,17 @@ var WaveEffect = function WaveEffect(props) {
     top = _React$useState8[0],
     setTop = _React$useState8[1];
   var _React$useState9 = React.useState(0),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    width = _React$useState10[0],
-    setWidth = _React$useState10[1];
-  var _React$useState11 = React.useState(0),
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    width = _React$useState0[0],
+    setWidth = _React$useState0[1];
+  var _React$useState1 = React.useState(0),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    height = _React$useState10[0],
+    setHeight = _React$useState10[1];
+  var _React$useState11 = React.useState(false),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    height = _React$useState12[0],
-    setHeight = _React$useState12[1];
-  var _React$useState13 = React.useState(false),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    enabled = _React$useState14[0],
-    setEnabled = _React$useState14[1];
+    enabled = _React$useState12[0],
+    setEnabled = _React$useState12[1];
   var waveStyle = {
     left: left,
     top: top,
@@ -120,9 +127,9 @@ var WaveEffect = function WaveEffect(props) {
     motionDeadline: 5000,
     onAppearEnd: function onAppearEnd(_, event) {
       if (event.deadline || event.propertyName === 'opacity') {
-        var _divRef$current;
+        var _divRef$current, _unmountRef$current;
         var holder = (_divRef$current = divRef.current) === null || _divRef$current === void 0 ? void 0 : _divRef$current.parentElement;
-        unmount(holder).then(function () {
+        (_unmountRef$current = unmountRef.current) === null || _unmountRef$current === void 0 || _unmountRef$current.call(unmountRef).then(function () {
           holder === null || holder === void 0 || holder.remove();
         });
       }
@@ -153,8 +160,14 @@ var showWaveEffect = function showWaveEffect(target, info) {
   holder.style.left = '0px';
   holder.style.top = '0px';
   target === null || target === void 0 || target.insertBefore(holder, target === null || target === void 0 ? void 0 : target.firstChild);
-  render(_jsx(WaveEffect, _objectSpread(_objectSpread({}, info), {}, {
-    target: target
+  var reactRender = unstableSetRender();
+  var unmountCallback = null;
+  function registerUnmount() {
+    return unmountCallback;
+  }
+  unmountCallback = reactRender(_jsx(WaveEffect, _objectSpread(_objectSpread({}, info), {}, {
+    target: target,
+    registerUnmount: registerUnmount
   })), holder);
 };
 export default showWaveEffect;

package/lib/Antd5/_util/wave/index.js

@@ -7,7 +7,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useContext, useRef } from 'react';
 import classNames from 'classnames';
 import isVisible from 'rc-util/lib/Dom/isVisible';
-import { composeRef, supportRef } from 'rc-util/lib/ref';
+import { composeRef, getNodeRef, supportRef } from 'rc-util/lib/ref';
 import { ConfigContext } from '../../config-provider';
 import { cloneElement } from '../reactNode';
 import useStyle from './style';
@@ -52,7 +52,7 @@ var Wave = function Wave(props) {
   if (! /*#__PURE__*/React.isValidElement(children)) {
     return children !== null && children !== void 0 ? children : null;
   }
-  var ref = supportRef(children) ? composeRef(children.ref, containerRef) : containerRef;
+  var ref = supportRef(children) ? composeRef(getNodeRef(children), containerRef) : containerRef;
   return cloneElement(children, {
     ref: ref
   });

package/lib/Antd5/_util/wave/useWave.js

@@ -35,7 +35,7 @@ var useWave = function useWave(nodeRef, className, component) {
       hashId: hashId
     });
   });
-  var rafId = React.useRef();
+  var rafId = React.useRef(null);
   // Merge trigger event into one for each frame
   var showDebounceWave = function showDebounceWave(event) {
     raf.cancel(rafId.current);

package/lib/Antd5/affix/index.js

@@ -1,4 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["style", "offsetTop", "offsetBottom", "prefixCls", "className", "rootClassName", "children", "target", "onChange", "onTestUpdatePosition"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -10,11 +11,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
-import omit from 'rc-util/lib/omit';
 import throttleByAnimationFrame from '../_util/throttleByAnimationFrame';
 import { ConfigContext } from '../config-provider';
 import useStyle from './style';
@@ -35,7 +37,9 @@ var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rootClassName = props.rootClassName,
     children = props.children,
     target = props.target,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    onTestUpdatePosition = props.onTestUpdatePosition,
+    restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
     getTargetContainer = _React$useContext.getTargetContainer;
@@ -54,7 +58,7 @@ var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setPlaceholderStyle = _React$useState6[1];
   var status = React.useRef(AFFIX_STATUS_NONE);
   var prevTarget = React.useRef(null);
-  var prevListener = React.useRef();
+  var prevListener = React.useRef(null);
   var placeholderNodeRef = React.useRef(null);
   var fixedNodeRef = React.useRef(null);
   var timer = React.useRef(null);
@@ -114,8 +118,7 @@ var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
     status.current = AFFIX_STATUS_PREPARE;
     measure();
     if (process.env.NODE_ENV === 'test') {
-      var _props$onTestUpdatePo;
-      props === null || props === void 0 || (_props$onTestUpdatePo = props.onTestUpdatePosition) === null || _props$onTestUpdatePo === void 0 || _props$onTestUpdatePo.call(props);
+      onTestUpdatePosition === null || onTestUpdatePosition === void 0 || onTestUpdatePosition();
     }
   };
   var updatePosition = throttleByAnimationFrame(function () {
@@ -185,7 +188,10 @@ var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, []);
   React.useEffect(function () {
     addListeners();
-  }, [target, affixStyle]);
+    return function () {
+      return removeListeners();
+    };
+  }, [target, affixStyle, lastAffix, offsetTop, offsetBottom]);
   React.useEffect(function () {
     updatePosition();
   }, [target, offsetTop, offsetBottom]);
@@ -196,17 +202,13 @@ var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
     cssVarCls = _useStyle2[2];
   var rootCls = classNames(rootClassName, hashId, affixPrefixCls, cssVarCls);
   var mergedCls = classNames(_defineProperty({}, rootCls, affixStyle));
-  var otherProps = omit(props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target', 'onChange', 'rootClassName']);
-  if (process.env.NODE_ENV === 'test') {
-    otherProps = omit(otherProps, ['onTestUpdatePosition']);
-  }
   return wrapCSSVar(_jsx(ResizeObserver, {
     onResize: updatePosition,
     children: _jsxs("div", _objectSpread(_objectSpread({
       style: style,
       className: className,
       ref: placeholderNodeRef
-    }, otherProps), {}, {
+    }, restProps), {}, {
       children: [affixStyle && _jsx("div", {
         style: placeholderStyle,
         "aria-hidden": "true"