@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/alert/Alert.js

@@ -27,7 +27,7 @@ import pickAttrs from 'rc-util/lib/pickAttrs';
 import { composeRef } from 'rc-util/lib/ref';
 import { replaceElement } from '../_util/reactNode';
 import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import useStyle from './style';
 var iconMapFilled = {
   success: CheckCircleFilled,
@@ -46,7 +46,7 @@ var IconNode = function IconNode(props) {
       children: icon
     }), function () {
       return {
-        className: classNames("".concat(prefixCls, "-icon"), _defineProperty({}, icon.props.className, icon.props.className))
+        className: classNames("".concat(prefixCls, "-icon"), icon.props.className)
       };
     });
   }
@@ -103,10 +103,13 @@ var Alert = /*#__PURE__*/React.forwardRef(function (props, ref) {
       nativeElement: internalRef.current
     };
   });
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    alert = _React$useContext.alert;
+  var _useComponentConfig = useComponentConfig('alert'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextClosable = _useComponentConfig.closable,
+    contextCloseIcon = _useComponentConfig.closeIcon,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style;
   var prefixCls = getPrefixCls('alert', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -138,17 +141,16 @@ var Alert = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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]);
+    return !!contextClosable;
+  }, [closeText, closeIcon, closable, contextClosable]);
   // 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 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'), contextClassName, 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;
     }
@@ -158,21 +160,20 @@ var Alert = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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;
+    if (_typeof(contextClosable) === 'object' && contextClosable.closeIcon) {
+      return contextClosable.closeIcon;
     }
-    return alert === null || alert === void 0 ? void 0 : alert.closeIcon;
-  }, [closeIcon, closable, closeText, alert === null || alert === void 0 ? void 0 : alert.closeIcon]);
+    return contextCloseIcon;
+  }, [closeIcon, closable, closeText, contextCloseIcon]);
   var mergedAriaProps = React.useMemo(function () {
-    var merged = closable !== null && closable !== void 0 ? closable : alert === null || alert === void 0 ? void 0 : alert.closable;
+    var merged = closable !== null && closable !== void 0 ? closable : contextClosable;
     if (_typeof(merged) === 'object') {
       var _ = merged.closeIcon,
         ariaProps = _objectWithoutProperties(merged, _excluded2);
       return ariaProps;
     }
     return {};
-  }, [closable, alert === null || alert === void 0 ? void 0 : alert.closable]);
+  }, [closable, contextClosable]);
   return wrapCSSVar(_jsx(CSSMotion, {
     visible: !closed,
     motionName: "".concat(prefixCls, "-motion"),
@@ -192,7 +193,7 @@ var Alert = /*#__PURE__*/React.forwardRef(function (props, ref) {
         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),
+        style: _objectSpread(_objectSpread(_objectSpread({}, contextStyle), style), motionStyle),
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onClick: onClick,

package/lib/Antd5/anchor/Anchor.js

@@ -24,7 +24,7 @@ import getScroll from '../_util/getScroll';
 import scrollTo from '../_util/scrollTo';
 import { devUseWarning } from '../_util/warning';
 import Affix from '../affix';
-import { ConfigContext } from '../config-provider';
+import { ConfigContext, useComponentConfig } from '../config-provider/context';
 import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import AnchorLink from './AnchorLink';
 import AnchorContext from './context';
@@ -88,11 +88,13 @@ var Anchor = function Anchor(props) {
   var wrapperRef = React.useRef(null);
   var spanLinkNode = React.useRef(null);
   var animating = React.useRef(false);
+  var _useComponentConfig = useComponentConfig('anchor'),
+    direction = _useComponentConfig.direction,
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    anchorClassName = _useComponentConfig.className,
+    anchorStyle = _useComponentConfig.style;
   var _React$useContext = React.useContext(ConfigContext),
-    direction = _React$useContext.direction,
-    anchor = _React$useContext.anchor,
-    getTargetContainer = _React$useContext.getTargetContainer,
-    getPrefixCls = _React$useContext.getPrefixCls;
+    getTargetContainer = _React$useContext.getTargetContainer;
   var prefixCls = getPrefixCls('anchor', customPrefixCls);
   var rootCls = useCSSVarCls(prefixCls);
   var _useStyle = useStyle(prefixCls, rootCls),
@@ -209,12 +211,12 @@ var Anchor = function Anchor(props) {
       }
     });
   }, [targetOffset, offsetTop]);
-  var wrapperClass = classNames(hashId, cssVarCls, rootCls, rootClassName, "".concat(prefixCls, "-wrapper"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-wrapper-horizontal"), anchorDirection === 'horizontal'), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, anchor === null || anchor === void 0 ? void 0 : anchor.className);
+  var wrapperClass = classNames(hashId, cssVarCls, rootCls, rootClassName, "".concat(prefixCls, "-wrapper"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-wrapper-horizontal"), anchorDirection === 'horizontal'), "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, anchorClassName);
   var anchorClass = classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-fixed"), !affix && !showInkInFixed));
   var inkClass = classNames("".concat(prefixCls, "-ink"), _defineProperty({}, "".concat(prefixCls, "-ink-visible"), activeLink));
   var wrapperStyle = _objectSpread(_objectSpread({
     maxHeight: offsetTop ? "calc(100vh - ".concat(offsetTop, "px)") : '100vh'
-  }, anchor === null || anchor === void 0 ? void 0 : anchor.style), style);
+  }, anchorStyle), style);
   var _createNestedLink = function createNestedLink(options) {
     return Array.isArray(options) ? options.map(function (item) {
       return /*#__PURE__*/_createElement(AnchorLink, _objectSpread(_objectSpread({

package/lib/Antd5/anchor/AnchorLink.js

@@ -36,10 +36,23 @@ var AnchorLink = function AnchorLink(props) {
       href: href
     });
     scrollTo === null || scrollTo === void 0 || scrollTo(href);
-    if (replace) {
-      e.preventDefault();
-      window.location.replace(href);
+    // Support clicking on an anchor does not record history.
+    if (e.defaultPrevented) {
+      return;
     }
+    var isExternalLink = href.startsWith('http://') || href.startsWith('https://');
+    // Support external link
+    if (isExternalLink) {
+      if (replace) {
+        e.preventDefault();
+        window.location.replace(href);
+      }
+      return;
+    }
+    // Handling internal anchor link
+    e.preventDefault();
+    var historyMethod = replace ? 'replaceState' : 'pushState';
+    window.history[historyMethod](null, '', href);
   };
   // =================== Warning =====================
   if (process.env.NODE_ENV !== 'production') {

package/lib/Antd5/app/App.js

@@ -0,0 +1,90 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import useMessage from '../message/useMessage';
+import useModal from '../modal/useModal';
+import useNotification from '../notification/useNotification';
+import AppContext, { AppConfigContext } from './context';
+import useStyle from './style';
+var App = function App(props) {
+  var customizePrefixCls = props.prefixCls,
+    children = props.children,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    message = props.message,
+    notification = props.notification,
+    style = props.style,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'div' : _props$component;
+  var _useContext = useContext(ConfigContext),
+    direction = _useContext.direction,
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('app', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var customClassName = classNames(hashId, prefixCls, className, rootClassName, cssVarCls, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
+  var appConfig = useContext(AppConfigContext);
+  var mergedAppConfig = React.useMemo(function () {
+    return {
+      message: _objectSpread(_objectSpread({}, appConfig.message), message),
+      notification: _objectSpread(_objectSpread({}, appConfig.notification), notification)
+    };
+  }, [message, notification, appConfig.message, appConfig.notification]);
+  var _useMessage = useMessage(mergedAppConfig.message),
+    _useMessage2 = _slicedToArray(_useMessage, 2),
+    messageApi = _useMessage2[0],
+    messageContextHolder = _useMessage2[1];
+  var _useNotification = useNotification(mergedAppConfig.notification),
+    _useNotification2 = _slicedToArray(_useNotification, 2),
+    notificationApi = _useNotification2[0],
+    notificationContextHolder = _useNotification2[1];
+  var _useModal = useModal(),
+    _useModal2 = _slicedToArray(_useModal, 2),
+    ModalApi = _useModal2[0],
+    ModalContextHolder = _useModal2[1];
+  var memoizedContextValue = React.useMemo(function () {
+    return {
+      message: messageApi,
+      notification: notificationApi,
+      modal: ModalApi
+    };
+  }, [messageApi, notificationApi, ModalApi]);
+  // https://github.com/ant-design/ant-design/issues/48802#issuecomment-2097813526
+  devUseWarning('App')(!(cssVarCls && component === false), 'usage', 'When using cssVar, ensure `component` is assigned a valid React component string.');
+  // ============================ Render ============================
+  var Component = component === false ? React.Fragment : component;
+  var rootProps = {
+    className: customClassName,
+    style: style
+  };
+  return wrapCSSVar(_jsx(AppContext.Provider, {
+    value: memoizedContextValue,
+    children: _jsx(AppConfigContext.Provider, {
+      value: mergedAppConfig,
+      children: _jsxs(Component, _objectSpread(_objectSpread({}, component === false ? undefined : rootProps), {}, {
+        children: [ModalContextHolder, messageContextHolder, notificationContextHolder, children]
+      }))
+    })
+  }));
+};
+if (process.env.NODE_ENV !== 'production') {
+  App.displayName = 'App';
+}
+export default App;

package/lib/Antd5/app/index.js

@@ -1,94 +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); }
-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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
-import useMessage from '../message/useMessage';
-import useModal from '../modal/useModal';
-import useNotification from '../notification/useNotification';
-import AppContext, { AppConfigContext } from './context';
-import useStyle from './style';
-var useApp = function useApp() {
-  return React.useContext(AppContext);
-};
-var App = function App(props) {
-  var customizePrefixCls = props.prefixCls,
-    children = props.children,
-    className = props.className,
-    rootClassName = props.rootClassName,
-    message = props.message,
-    notification = props.notification,
-    style = props.style,
-    _props$component = props.component,
-    component = _props$component === void 0 ? 'div' : _props$component;
-  var _useContext = useContext(ConfigContext),
-    direction = _useContext.direction,
-    getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('app', customizePrefixCls);
-  var _useStyle = useStyle(prefixCls),
-    _useStyle2 = _slicedToArray(_useStyle, 3),
-    wrapCSSVar = _useStyle2[0],
-    hashId = _useStyle2[1],
-    cssVarCls = _useStyle2[2];
-  var customClassName = classNames(hashId, prefixCls, className, rootClassName, cssVarCls, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
-  var appConfig = useContext(AppConfigContext);
-  var mergedAppConfig = React.useMemo(function () {
-    return {
-      message: _objectSpread(_objectSpread({}, appConfig.message), message),
-      notification: _objectSpread(_objectSpread({}, appConfig.notification), notification)
-    };
-  }, [message, notification, appConfig.message, appConfig.notification]);
-  var _useMessage = useMessage(mergedAppConfig.message),
-    _useMessage2 = _slicedToArray(_useMessage, 2),
-    messageApi = _useMessage2[0],
-    messageContextHolder = _useMessage2[1];
-  var _useNotification = useNotification(mergedAppConfig.notification),
-    _useNotification2 = _slicedToArray(_useNotification, 2),
-    notificationApi = _useNotification2[0],
-    notificationContextHolder = _useNotification2[1];
-  var _useModal = useModal(),
-    _useModal2 = _slicedToArray(_useModal, 2),
-    ModalApi = _useModal2[0],
-    ModalContextHolder = _useModal2[1];
-  var memoizedContextValue = React.useMemo(function () {
-    return {
-      message: messageApi,
-      notification: notificationApi,
-      modal: ModalApi
-    };
-  }, [messageApi, notificationApi, ModalApi]);
-  // https://github.com/ant-design/ant-design/issues/48802#issuecomment-2097813526
-  devUseWarning('App')(!(cssVarCls && component === false), 'usage', 'When using cssVar, ensure `component` is assigned a valid React component string.');
-  // ============================ Render ============================
-  var Component = component === false ? React.Fragment : component;
-  var rootProps = {
-    className: customClassName,
-    style: style
-  };
-  return wrapCSSVar(_jsx(AppContext.Provider, {
-    value: memoizedContextValue,
-    children: _jsx(AppConfigContext.Provider, {
-      value: mergedAppConfig,
-      children: _jsxs(Component, _objectSpread(_objectSpread({}, component === false ? undefined : rootProps), {}, {
-        children: [ModalContextHolder, messageContextHolder, notificationContextHolder, children]
-      }))
-    })
-  }));
-};
-if (process.env.NODE_ENV !== 'production') {
-  App.displayName = 'App';
-}
+import App_ from './App';
+import useApp from './useApp';
+var App = App_;
 App.useApp = useApp;
 export default App;

package/lib/Antd5/app/useApp.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import AppContext from './context';
+var useApp = function useApp() {
+  return React.useContext(AppContext);
+};
+export default useApp;

package/lib/Antd5/auto-complete/AutoComplete.js

@@ -0,0 +1,142 @@
+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); }
+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 } from "react/jsx-runtime";
+import * as React from 'react';
+import cls from 'classnames';
+import toArray from 'rc-util/lib/Children/toArray';
+import omit from 'rc-util/lib/omit';
+import { useZIndex } from '../_util/hooks/useZIndex';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import Select from '../select';
+var Option = Select.Option;
+function isSelectOptionOrSelectOptGroup(child) {
+  return (child === null || child === void 0 ? void 0 : child.type) && (child.type.isSelectOption || child.type.isSelectOptGroup);
+}
+var AutoComplete = function AutoComplete(props, ref) {
+  var _styles$popup, _classNames$popup;
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    popupClassName = props.popupClassName,
+    dropdownClassName = props.dropdownClassName,
+    children = props.children,
+    dataSource = props.dataSource,
+    dropdownStyle = props.dropdownStyle,
+    dropdownRender = props.dropdownRender,
+    popupRender = props.popupRender,
+    onDropdownVisibleChange = props.onDropdownVisibleChange,
+    onOpenChange = props.onOpenChange,
+    styles = props.styles,
+    classNames = props.classNames;
+  var childNodes = toArray(children);
+  var mergedPopupStyle = (styles === null || styles === void 0 || (_styles$popup = styles.popup) === null || _styles$popup === void 0 ? void 0 : _styles$popup.root) || dropdownStyle;
+  var mergedPopupClassName = (classNames === null || classNames === void 0 || (_classNames$popup = classNames.popup) === null || _classNames$popup === void 0 ? void 0 : _classNames$popup.root) || popupClassName || dropdownClassName;
+  var mergedPopupRender = popupRender || dropdownRender;
+  var mergedOnOpenChange = onOpenChange || onDropdownVisibleChange;
+  // ============================= Input =============================
+  var customizeInput;
+  if (childNodes.length === 1 && /*#__PURE__*/React.isValidElement(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    var _childNodes = _slicedToArray(childNodes, 1);
+    customizeInput = _childNodes[0];
+  }
+  var getInputElement = customizeInput ? function () {
+    return customizeInput;
+  } : undefined;
+  // ============================ Options ============================
+  var optionChildren;
+  // [Legacy] convert `children` or `dataSource` into option children
+  if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    optionChildren = children;
+  } else {
+    optionChildren = dataSource ? dataSource.map(function (item) {
+      if (/*#__PURE__*/React.isValidElement(item)) {
+        return item;
+      }
+      switch (_typeof(item)) {
+        case 'string':
+          return _jsx(Option, {
+            value: item,
+            children: item
+          }, item);
+        case 'object':
+          {
+            var optionValue = item.value;
+            return _jsx(Option, {
+              value: optionValue,
+              children: item.text
+            }, optionValue);
+          }
+        default:
+          return undefined;
+      }
+    }) : [];
+  }
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('AutoComplete');
+    warning(!customizeInput || !('size' in props), 'usage', 'You need to control style self instead of setting `size` when using customize input.');
+    var deprecatedProps = {
+      dropdownMatchSelectWidth: 'popupMatchSelectWidth',
+      dropdownStyle: 'styles.popup.root',
+      dropdownClassName: 'classNames.popup.root',
+      popupClassName: 'classNames.popup.root',
+      dropdownRender: 'popupRender',
+      onDropdownVisibleChange: 'onOpenChange',
+      dataSource: 'options'
+    };
+    Object.entries(deprecatedProps).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        oldProp = _ref2[0],
+        newProp = _ref2[1];
+      warning.deprecated(!(oldProp in props), oldProp, newProp);
+    });
+  }
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('select', customizePrefixCls);
+  // ============================ zIndex ============================
+  var _useZIndex = useZIndex('SelectLike', mergedPopupStyle === null || mergedPopupStyle === void 0 ? void 0 : mergedPopupStyle.zIndex),
+    _useZIndex2 = _slicedToArray(_useZIndex, 1),
+    zIndex = _useZIndex2[0];
+  return _jsx(Select, _objectSpread(_objectSpread({
+    ref: ref,
+    suffixIcon: null
+  }, omit(props, ['dataSource', 'dropdownClassName', 'popupClassName'])), {}, {
+    prefixCls: prefixCls,
+    classNames: {
+      popup: {
+        root: mergedPopupClassName
+      },
+      root: classNames === null || classNames === void 0 ? void 0 : classNames.root
+    },
+    styles: {
+      popup: {
+        root: _objectSpread(_objectSpread({}, mergedPopupStyle), {}, {
+          zIndex: zIndex
+        })
+      },
+      root: styles === null || styles === void 0 ? void 0 : styles.root
+    },
+    className: cls("".concat(prefixCls, "-auto-complete"), className),
+    mode: Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,
+    popupRender: mergedPopupRender,
+    onOpenChange: mergedOnOpenChange,
+    // Internal api
+    getInputElement: getInputElement,
+    children: optionChildren
+  }));
+};
+var RefAutoComplete = /*#__PURE__*/React.forwardRef(AutoComplete);
+if (process.env.NODE_ENV !== 'production') {
+  RefAutoComplete.displayName = 'AutoComplete';
+}
+export default RefAutoComplete;

package/lib/Antd5/auto-complete/index.js

@@ -1,112 +1,14 @@
-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); }
-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 } from "react/jsx-runtime";
-import * as React from 'react';
-import classNames from 'classnames';
-import toArray from 'rc-util/lib/Children/toArray';
 import omit from 'rc-util/lib/omit';
-import { useZIndex } from '../_util/hooks/useZIndex';
 import genPurePanel from '../_util/PurePanel';
-import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
 import Select from '../select';
+import RefAutoComplete from './AutoComplete';
 var Option = Select.Option;
-function isSelectOptionOrSelectOptGroup(child) {
-  return (child === null || child === void 0 ? void 0 : child.type) && (child.type.isSelectOption || child.type.isSelectOptGroup);
-}
-var AutoComplete = function AutoComplete(props, ref) {
-  var _props$dropdownStyle;
-  var customizePrefixCls = props.prefixCls,
-    className = props.className,
-    popupClassName = props.popupClassName,
-    dropdownClassName = props.dropdownClassName,
-    children = props.children,
-    dataSource = props.dataSource;
-  var childNodes = toArray(children);
-  // ============================= Input =============================
-  var customizeInput;
-  if (childNodes.length === 1 && /*#__PURE__*/React.isValidElement(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
-    var _childNodes = _slicedToArray(childNodes, 1);
-    customizeInput = _childNodes[0];
-  }
-  var getInputElement = customizeInput ? function () {
-    return customizeInput;
-  } : undefined;
-  // ============================ Options ============================
-  var optionChildren;
-  // [Legacy] convert `children` or `dataSource` into option children
-  if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
-    optionChildren = children;
-  } else {
-    optionChildren = dataSource ? dataSource.map(function (item) {
-      if (/*#__PURE__*/React.isValidElement(item)) {
-        return item;
-      }
-      switch (_typeof(item)) {
-        case 'string':
-          return _jsx(Option, {
-            value: item,
-            children: item
-          }, item);
-        case 'object':
-          {
-            var optionValue = item.value;
-            return _jsx(Option, {
-              value: optionValue,
-              children: item.text
-            }, optionValue);
-          }
-        default:
-          return undefined;
-      }
-    }) : [];
-  }
-  if (process.env.NODE_ENV !== 'production') {
-    var warning = devUseWarning('AutoComplete');
-    warning.deprecated(!('dataSource' in props), 'dataSource', 'options');
-    warning(!customizeInput || !('size' in props), 'usage', 'You need to control style self instead of setting `size` when using customize input.');
-    warning.deprecated(!dropdownClassName, 'dropdownClassName', 'popupClassName');
-  }
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('select', customizePrefixCls);
-  // ============================ zIndex ============================
-  var _useZIndex = useZIndex('SelectLike', (_props$dropdownStyle = props.dropdownStyle) === null || _props$dropdownStyle === void 0 ? void 0 : _props$dropdownStyle.zIndex),
-    _useZIndex2 = _slicedToArray(_useZIndex, 1),
-    zIndex = _useZIndex2[0];
-  return _jsx(Select, _objectSpread(_objectSpread({
-    ref: ref,
-    suffixIcon: null
-  }, omit(props, ['dataSource', 'dropdownClassName'])), {}, {
-    prefixCls: prefixCls,
-    popupClassName: popupClassName || dropdownClassName,
-    dropdownStyle: _objectSpread(_objectSpread({}, props.dropdownStyle), {}, {
-      zIndex: zIndex
-    }),
-    className: classNames("".concat(prefixCls, "-auto-complete"), className),
-    mode: Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,
-    // Internal api
-    getInputElement: getInputElement,
-    children: optionChildren
-  }));
-};
-var RefAutoComplete = /*#__PURE__*/React.forwardRef(AutoComplete);
 // We don't care debug panel
 /* istanbul ignore next */
-var PurePanel = genPurePanel(RefAutoComplete);
-RefAutoComplete.Option = Option;
-RefAutoComplete._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
-if (process.env.NODE_ENV !== 'production') {
-  RefAutoComplete.displayName = 'AutoComplete';
-}
-export default RefAutoComplete;
+var PurePanel = genPurePanel(RefAutoComplete, 'dropdownAlign', function (props) {
+  return omit(props, ['visible']);
+});
+var AutoComplete = RefAutoComplete;
+AutoComplete.Option = Option;
+AutoComplete._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
+export default AutoComplete;