@chaoswise/ui 3.0.6 → 3.0.7

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

@@ -0,0 +1,48 @@
+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; }
+import * as React from 'react';
+import { useEvent } from 'rc-util';
+import raf from 'rc-util/lib/raf';
+import { ConfigContext } from '../../config-provider';
+import useToken from '../../theme/useToken';
+import { TARGET_CLS } from './interface';
+import showWaveEffect from './WaveEffect';
+var useWave = function useWave(nodeRef, className, component) {
+  var _React$useContext = React.useContext(ConfigContext),
+    wave = _React$useContext.wave;
+  var _useToken = useToken(),
+    _useToken2 = _slicedToArray(_useToken, 3),
+    token = _useToken2[1],
+    hashId = _useToken2[2];
+  var showWave = useEvent(function (event) {
+    var node = nodeRef.current;
+    if (wave !== null && wave !== void 0 && wave.disabled || !node) {
+      return;
+    }
+    var targetNode = node.querySelector(".".concat(TARGET_CLS)) || node;
+    var _ref = wave || {},
+      showEffect = _ref.showEffect;
+    // Customize wave effect
+    (showEffect || showWaveEffect)(targetNode, {
+      className: className,
+      token: token,
+      component: component,
+      event: event,
+      hashId: hashId
+    });
+  });
+  var rafId = React.useRef();
+  // Merge trigger event into one for each frame
+  var showDebounceWave = function showDebounceWave(event) {
+    raf.cancel(rafId.current);
+    rafId.current = raf(function () {
+      showWave(event);
+    });
+  };
+  return showDebounceWave;
+};
+export default useWave;

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

@@ -0,0 +1,29 @@
+export function isNotGrey(color) {
+  // eslint-disable-next-line no-useless-escape
+  var match = (color || '').match(/rgba?\((\d*), (\d*), (\d*)(, [\d.]*)?\)/);
+  if (match && match[1] && match[2] && match[3]) {
+    return !(match[1] === match[2] && match[2] === match[3]);
+  }
+  return true;
+}
+export function isValidWaveColor(color) {
+  return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && isNotGrey(color) && !/rgba\((?:\d*, ){3}0\)/.test(color) &&
+  // any transparent rgba color
+  color !== 'transparent';
+}
+export function getTargetWaveColor(node) {
+  var _getComputedStyle = getComputedStyle(node),
+    borderTopColor = _getComputedStyle.borderTopColor,
+    borderColor = _getComputedStyle.borderColor,
+    backgroundColor = _getComputedStyle.backgroundColor;
+  if (isValidWaveColor(borderTopColor)) {
+    return borderTopColor;
+  }
+  if (isValidWaveColor(borderColor)) {
+    return borderColor;
+  }
+  if (isValidWaveColor(backgroundColor)) {
+    return backgroundColor;
+  }
+  return null;
+}

package/lib/Antd5/_util/zindexContext.js

@@ -0,0 +1,6 @@
+import React from 'react';
+var zIndexContext = /*#__PURE__*/React.createContext(undefined);
+if (process.env.NODE_ENV !== 'production') {
+  zIndexContext.displayName = 'zIndexContext';
+}
+export default zIndexContext;

package/lib/Antd5/affix/index.js

@@ -0,0 +1,228 @@
+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); }
+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; }
+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';
+import { getFixedBottom, getFixedTop, getTargetRect } from './utils';
+var TRIGGER_EVENTS = ['resize', 'scroll', 'touchstart', 'touchmove', 'touchend', 'pageshow', 'load'];
+function getDefaultTarget() {
+  return typeof window !== 'undefined' ? window : null;
+}
+var AFFIX_STATUS_NONE = 0;
+var AFFIX_STATUS_PREPARE = 1;
+var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _ref;
+  var style = props.style,
+    offsetTop = props.offsetTop,
+    offsetBottom = props.offsetBottom,
+    prefixCls = props.prefixCls,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    children = props.children,
+    target = props.target,
+    onChange = props.onChange;
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    getTargetContainer = _React$useContext.getTargetContainer;
+  var affixPrefixCls = getPrefixCls('affix', prefixCls);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    lastAffix = _React$useState2[0],
+    setLastAffix = _React$useState2[1];
+  var _React$useState3 = React.useState(),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    affixStyle = _React$useState4[0],
+    setAffixStyle = _React$useState4[1];
+  var _React$useState5 = React.useState(),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    placeholderStyle = _React$useState6[0],
+    setPlaceholderStyle = _React$useState6[1];
+  var status = React.useRef(AFFIX_STATUS_NONE);
+  var prevTarget = React.useRef(null);
+  var prevListener = React.useRef();
+  var placeholderNodeRef = React.useRef(null);
+  var fixedNodeRef = React.useRef(null);
+  var timer = React.useRef(null);
+  var targetFunc = (_ref = target !== null && target !== void 0 ? target : getTargetContainer) !== null && _ref !== void 0 ? _ref : getDefaultTarget;
+  var internalOffsetTop = offsetBottom === undefined && offsetTop === undefined ? 0 : offsetTop;
+  // =================== Measure ===================
+  var measure = function measure() {
+    if (status.current !== AFFIX_STATUS_PREPARE || !fixedNodeRef.current || !placeholderNodeRef.current || !targetFunc) {
+      return;
+    }
+    var targetNode = targetFunc();
+    if (targetNode) {
+      var newState = {
+        status: AFFIX_STATUS_NONE
+      };
+      var placeholderRect = getTargetRect(placeholderNodeRef.current);
+      if (placeholderRect.top === 0 && placeholderRect.left === 0 && placeholderRect.width === 0 && placeholderRect.height === 0) {
+        return;
+      }
+      var targetRect = getTargetRect(targetNode);
+      var fixedTop = getFixedTop(placeholderRect, targetRect, internalOffsetTop);
+      var fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom);
+      if (fixedTop !== undefined) {
+        newState.affixStyle = {
+          position: 'fixed',
+          top: fixedTop,
+          width: placeholderRect.width,
+          height: placeholderRect.height
+        };
+        newState.placeholderStyle = {
+          width: placeholderRect.width,
+          height: placeholderRect.height
+        };
+      } else if (fixedBottom !== undefined) {
+        newState.affixStyle = {
+          position: 'fixed',
+          bottom: fixedBottom,
+          width: placeholderRect.width,
+          height: placeholderRect.height
+        };
+        newState.placeholderStyle = {
+          width: placeholderRect.width,
+          height: placeholderRect.height
+        };
+      }
+      newState.lastAffix = !!newState.affixStyle;
+      if (lastAffix !== newState.lastAffix) {
+        onChange === null || onChange === void 0 || onChange(newState.lastAffix);
+      }
+      status.current = newState.status;
+      setAffixStyle(newState.affixStyle);
+      setPlaceholderStyle(newState.placeholderStyle);
+      setLastAffix(newState.lastAffix);
+    }
+  };
+  var prepareMeasure = function prepareMeasure() {
+    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);
+    }
+  };
+  var updatePosition = throttleByAnimationFrame(function () {
+    prepareMeasure();
+  });
+  var lazyUpdatePosition = throttleByAnimationFrame(function () {
+    // Check position change before measure to make Safari smooth
+    if (targetFunc && affixStyle) {
+      var targetNode = targetFunc();
+      if (targetNode && placeholderNodeRef.current) {
+        var targetRect = getTargetRect(targetNode);
+        var placeholderRect = getTargetRect(placeholderNodeRef.current);
+        var fixedTop = getFixedTop(placeholderRect, targetRect, internalOffsetTop);
+        var fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom);
+        if (fixedTop !== undefined && affixStyle.top === fixedTop || fixedBottom !== undefined && affixStyle.bottom === fixedBottom) {
+          return;
+        }
+      }
+    }
+    // Directly call prepare measure since it's already throttled.
+    prepareMeasure();
+  });
+  var addListeners = function addListeners() {
+    var listenerTarget = targetFunc === null || targetFunc === void 0 ? void 0 : targetFunc();
+    if (!listenerTarget) {
+      return;
+    }
+    TRIGGER_EVENTS.forEach(function (eventName) {
+      if (prevListener.current) {
+        var _prevTarget$current;
+        (_prevTarget$current = prevTarget.current) === null || _prevTarget$current === void 0 || _prevTarget$current.removeEventListener(eventName, prevListener.current);
+      }
+      listenerTarget === null || listenerTarget === void 0 || listenerTarget.addEventListener(eventName, lazyUpdatePosition);
+    });
+    prevTarget.current = listenerTarget;
+    prevListener.current = lazyUpdatePosition;
+  };
+  var removeListeners = function removeListeners() {
+    if (timer.current) {
+      clearTimeout(timer.current);
+      timer.current = null;
+    }
+    var newTarget = targetFunc === null || targetFunc === void 0 ? void 0 : targetFunc();
+    TRIGGER_EVENTS.forEach(function (eventName) {
+      newTarget === null || newTarget === void 0 || newTarget.removeEventListener(eventName, lazyUpdatePosition);
+      if (prevListener.current) {
+        var _prevTarget$current2;
+        (_prevTarget$current2 = prevTarget.current) === null || _prevTarget$current2 === void 0 || _prevTarget$current2.removeEventListener(eventName, prevListener.current);
+      }
+    });
+    updatePosition.cancel();
+    lazyUpdatePosition.cancel();
+  };
+  React.useImperativeHandle(ref, function () {
+    return {
+      updatePosition: updatePosition
+    };
+  });
+  // mount & unmount
+  React.useEffect(function () {
+    // [Legacy] Wait for parent component ref has its value.
+    // We should use target as directly element instead of function which makes element check hard.
+    timer.current = setTimeout(addListeners);
+    return function () {
+      return removeListeners();
+    };
+  }, []);
+  React.useEffect(function () {
+    addListeners();
+  }, [target, affixStyle]);
+  React.useEffect(function () {
+    updatePosition();
+  }, [target, offsetTop, offsetBottom]);
+  var _useStyle = useStyle(affixPrefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    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), {}, {
+      children: [affixStyle && _jsx("div", {
+        style: placeholderStyle,
+        "aria-hidden": "true"
+      }), _jsx("div", {
+        className: mergedCls,
+        ref: fixedNodeRef,
+        style: affixStyle,
+        children: _jsx(ResizeObserver, {
+          onResize: updatePosition,
+          children: children
+        })
+      })]
+    }))
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Affix.displayName = 'Affix';
+}
+export default Affix;

package/lib/Antd5/affix/style/index.js

@@ -0,0 +1,20 @@
+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 _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); }
+import { genStyleHooks } from '../../theme/internal';
+// ============================== Shared ==============================
+var genSharedAffixStyle = function genSharedAffixStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, {
+    position: 'fixed',
+    zIndex: token.zIndexPopup
+  });
+};
+export var prepareComponentToken = function prepareComponentToken(token) {
+  return {
+    zIndexPopup: token.zIndexBase + 10
+  };
+};
+// ============================== Export ==============================
+export default genStyleHooks('Affix', genSharedAffixStyle, prepareComponentToken);

package/lib/Antd5/affix/utils.js

@@ -0,0 +1,19 @@
+export function getTargetRect(target) {
+  return target !== window ? target.getBoundingClientRect() : {
+    top: 0,
+    bottom: window.innerHeight
+  };
+}
+export function getFixedTop(placeholderRect, targetRect, offsetTop) {
+  if (offsetTop !== undefined && Math.round(targetRect.top) > Math.round(placeholderRect.top) - offsetTop) {
+    return offsetTop + targetRect.top;
+  }
+  return undefined;
+}
+export function getFixedBottom(placeholderRect, targetRect, offsetBottom) {
+  if (offsetBottom !== undefined && Math.round(targetRect.bottom) < Math.round(placeholderRect.bottom) + offsetBottom) {
+    var targetBottomOffset = window.innerHeight - targetRect.bottom;
+    return offsetBottom + targetBottomOffset;
+  }
+  return undefined;
+}

package/lib/Antd5/alert/Alert.js

@@ -0,0 +1,233 @@
+var _excluded = ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"],
+  _excluded2 = ["closeIcon"];
+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 _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 _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], t.indexOf(o) >= 0 || {}.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 (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+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); }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
+import InfoCircleFilled from '@ant-design/icons/InfoCircleFilled';
+import classNames from 'classnames';
+import CSSMotion from 'rc-motion';
+import { composeRef } from 'rc-util/lib/ref';
+import pickAttrs from 'rc-util/lib/pickAttrs';
+import { replaceElement } from '../_util/reactNode';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import useStyle from './style';
+var iconMapFilled = {
+  success: CheckCircleFilled,
+  info: InfoCircleFilled,
+  error: CloseCircleFilled,
+  warning: ExclamationCircleFilled
+};
+var IconNode = function IconNode(props) {
+  var icon = props.icon,
+    prefixCls = props.prefixCls,
+    type = props.type;
+  var iconType = iconMapFilled[type] || null;
+  if (icon) {
+    return replaceElement(icon, _jsx("span", {
+      className: "".concat(prefixCls, "-icon"),
+      children: icon
+    }), function () {
+      return {
+        className: classNames("".concat(prefixCls, "-icon"), _defineProperty({}, icon.props.className, icon.props.className))
+      };
+    });
+  }
+  return /*#__PURE__*/React.createElement(iconType, {
+    className: "".concat(prefixCls, "-icon")
+  });
+};
+var CloseIconNode = function CloseIconNode(props) {
+  var isClosable = props.isClosable,
+    prefixCls = props.prefixCls,
+    closeIcon = props.closeIcon,
+    handleClose = props.handleClose,
+    ariaProps = props.ariaProps;
+  var mergedCloseIcon = closeIcon === true || closeIcon === undefined ? _jsx(CloseOutlined, {}) : closeIcon;
+  return isClosable ? _jsx("button", _objectSpread(_objectSpread({
+    type: "button",
+    onClick: handleClose,
+    className: "".concat(prefixCls, "-close-icon"),
+    tabIndex: 0
+  }, ariaProps), {}, {
+    children: mergedCloseIcon
+  })) : null;
+};
+var Alert = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var description = props.description,
+    customizePrefixCls = props.prefixCls,
+    message = props.message,
+    banner = props.banner,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    style = props.style,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    afterClose = props.afterClose,
+    showIcon = props.showIcon,
+    closable = props.closable,
+    closeText = props.closeText,
+    closeIcon = props.closeIcon,
+    action = props.action,
+    id = props.id,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    closed = _React$useState2[0],
+    setClosed = _React$useState2[1];
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Alert');
+    warning.deprecated(!closeText, 'closeText', 'closable.closeIcon');
+  }
+  var internalRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return {
+      nativeElement: internalRef.current
+    };
+  });
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    alert = _React$useContext.alert;
+  var prefixCls = getPrefixCls('alert', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var handleClose = function handleClose(e) {
+    var _props$onClose;
+    setClosed(true);
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props, e);
+  };
+  var type = React.useMemo(function () {
+    if (props.type !== undefined) {
+      return props.type;
+    }
+    // banner mode defaults to 'warning'
+    return banner ? 'warning' : 'info';
+  }, [props.type, banner]);
+  // closeable when closeText or closeIcon is assigned
+  var isClosable = React.useMemo(function () {
+    if (_typeof(closable) === 'object' && closable.closeIcon) return true;
+    if (closeText) {
+      return true;
+    }
+    if (typeof closable === 'boolean') {
+      return closable;
+    }
+    // should be true when closeIcon is 0 or ''
+    if (closeIcon !== false && closeIcon !== null && closeIcon !== undefined) {
+      return true;
+    }
+    return !!(alert !== null && alert !== void 0 && alert.closable);
+  }, [closeText, closeIcon, closable, alert === null || alert === void 0 ? void 0 : alert.closable]);
+  // banner mode defaults to Icon
+  var isShowIcon = banner && showIcon === undefined ? true : showIcon;
+  var alertCls = classNames(prefixCls, "".concat(prefixCls, "-").concat(type), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-with-description"), !!description), "".concat(prefixCls, "-no-icon"), !isShowIcon), "".concat(prefixCls, "-banner"), !!banner), "".concat(prefixCls, "-rtl"), direction === 'rtl'), alert === null || alert === void 0 ? void 0 : alert.className, className, rootClassName, cssVarCls, hashId);
+  var restProps = pickAttrs(otherProps, {
+    aria: true,
+    data: true
+  });
+  var mergedCloseIcon = React.useMemo(function () {
+    var _alert$closable;
+    if (_typeof(closable) === 'object' && closable.closeIcon) {
+      return closable.closeIcon;
+    }
+    if (closeText) {
+      return closeText;
+    }
+    if (closeIcon !== undefined) {
+      return closeIcon;
+    }
+    if (_typeof(alert === null || alert === void 0 ? void 0 : alert.closable) === 'object' && alert !== null && alert !== void 0 && (_alert$closable = alert.closable) !== null && _alert$closable !== void 0 && _alert$closable.closeIcon) {
+      var _alert$closable2;
+      return alert === null || alert === void 0 || (_alert$closable2 = alert.closable) === null || _alert$closable2 === void 0 ? void 0 : _alert$closable2.closeIcon;
+    }
+    return alert === null || alert === void 0 ? void 0 : alert.closeIcon;
+  }, [closeIcon, closable, closeText, alert === null || alert === void 0 ? void 0 : alert.closeIcon]);
+  var mergedAriaProps = React.useMemo(function () {
+    var merged = closable !== null && closable !== void 0 ? closable : alert === null || alert === void 0 ? void 0 : alert.closable;
+    if (_typeof(merged) === 'object') {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      var _ = merged.closeIcon,
+        ariaProps = _objectWithoutProperties(merged, _excluded2);
+      return ariaProps;
+    }
+    return {};
+  }, [closable, alert === null || alert === void 0 ? void 0 : alert.closable]);
+  return wrapCSSVar(_jsx(CSSMotion, {
+    visible: !closed,
+    motionName: "".concat(prefixCls, "-motion"),
+    motionAppear: false,
+    motionEnter: false,
+    onLeaveStart: function onLeaveStart(node) {
+      return {
+        maxHeight: node.offsetHeight
+      };
+    },
+    onLeaveEnd: afterClose,
+    children: function children(_ref, setRef) {
+      var motionClassName = _ref.className,
+        motionStyle = _ref.style;
+      return _jsxs("div", _objectSpread(_objectSpread({
+        id: id,
+        ref: composeRef(internalRef, setRef),
+        "data-show": !closed,
+        className: classNames(alertCls, motionClassName),
+        style: _objectSpread(_objectSpread(_objectSpread({}, alert === null || alert === void 0 ? void 0 : alert.style), style), motionStyle),
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        onClick: onClick,
+        role: "alert"
+      }, restProps), {}, {
+        children: [isShowIcon ? _jsx(IconNode, {
+          description: description,
+          icon: props.icon,
+          prefixCls: prefixCls,
+          type: type
+        }) : null, _jsxs("div", {
+          className: "".concat(prefixCls, "-content"),
+          children: [message ? _jsx("div", {
+            className: "".concat(prefixCls, "-message"),
+            children: message
+          }) : null, description ? _jsx("div", {
+            className: "".concat(prefixCls, "-description"),
+            children: description
+          }) : null]
+        }), action ? _jsx("div", {
+          className: "".concat(prefixCls, "-action"),
+          children: action
+        }) : null, _jsx(CloseIconNode, {
+          isClosable: isClosable,
+          prefixCls: prefixCls,
+          closeIcon: mergedCloseIcon,
+          handleClose: handleClose,
+          ariaProps: mergedAriaProps
+        })]
+      }));
+    }
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Alert.displayName = 'Alert';
+}
+export default Alert;