add all frontend files

node_modules/rc-drawer/LICENSE

@@ -0,0 +1,22 @@
+MIT LICENSE
+
+Copyright (c) 2015-present Alipay.com, https://www.alipay.com/
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

node_modules/rc-drawer/README.md

@@ -0,0 +1,81 @@
+# rc-drawer
+
+[![NPM version][npm-image]][npm-url] [![dumi](https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square)](https://github.com/umijs/dumi) [![build status][github-actions-image]][github-actions-url] [![codecov](https://codecov.io/gh/react-component/drawer/branch/master/graph/badge.svg)](https://codecov.io/gh/react-component/drawer) [![node version][node-image]][node-url] [![npm download][download-image]][download-url]
+
+[npm-image]: http://img.shields.io/npm/v/rc-drawer.svg?style=flat-square
+[npm-url]: http://npmjs.org/package/rc-drawer
+[github-actions-image]: https://github.com/react-component/drawer/workflows/CI/badge.svg
+[github-actions-url]: https://github.com/react-component/drawer/actions
+[node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square
+[node-url]: http://nodejs.org/download/
+[download-image]: https://img.shields.io/npm/dm/rc-drawer.svg?style=flat-square
+[download-url]: https://npmjs.org/package/rc-drawer
+
+## Example
+
+https://drawer-react-component.vercel.app/
+
+## Usage
+
+```js
+import Drawer from 'rc-drawer';
+import React from 'react';
+import ReactDom from 'react-dom';
+
+ReactDom.render(
+  <Drawer>
+    {menu children}
+  </Drawer>
+, mountNode);
+```
+
+## Install
+
+[![rc-drawer](https://nodei.co/npm/rc-drawer.png)](https://npmjs.org/package/rc-drawer)
+
+## Browser Support
+
+| ![IE](https://github.com/alrra/browser-logos/blob/master/src/edge/edge_48x48.png?raw=true) | ![Chrome](https://github.com/alrra/browser-logos/blob/master/src/chrome/chrome_48x48.png?raw=true) | ![Firefox](https://github.com/alrra/browser-logos/blob/master/src/firefox/firefox_48x48.png?raw=true) | ![Opera](https://github.com/alrra/browser-logos/blob/master/src/opera/opera_48x48.png?raw=true) | ![Safari](https://github.com/alrra/browser-logos/blob/master/src/safari/safari_48x48.png?raw=true) |
+| ------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
+| IE 10+ ✔                                                                                  | Chrome 31.0+ ✔                                                                                    | Firefox 31.0+ ✔                                                                                      | Opera 30.0+ ✔                                                                                  | Safari 7.0+ ✔                                                                                     |
+
+## API
+
+| props              | type                                                                        | default                                | description                                                                   |
+| ------------------ | --------------------------------------------------------------------------- | -------------------------------------- | ----------------------------------------------------------------------------- |
+| className          | string                                                                      | null                                   | -                                                                             |
+| classNames         | { mask?: string; content?: string; wrapper?: string; }                      | -                                      | pass className to target area                                                 |
+| styles             | { mask?: CSSProperties; content?: CSSProperties; wrapper?: CSSProperties; } | -                                      | pass style to target area                                                     |
+| prefixCls          | string                                                                      | 'drawer'                               | prefix class                                                                  |
+| width              | string \| number                                                            | null                                   | drawer content wrapper width, drawer level transition width                   |
+| height             | string \| number                                                            | null                                   | drawer content wrapper height, drawer level transition height                 |
+| open               | boolean                                                                     | false                                  | open or close menu                                                            |
+| defaultOpen        | boolean                                                                     | false                                  | default open menu                                                             |
+| placement          | string                                                                      | `left`                                 | `left` `top` `right` `bottom`                                                 |
+| level              | string \| array                                                             | `all`                                  | With the drawer level element. `all`/ null / className / id / tagName / array |
+| levelMove          | number \| array \| func                                                     | null                                   | level move value. default is drawer width                                     |
+| duration           | string                                                                      | `.3s`                                  | level animation duration                                                      |
+| ease               | string                                                                      | `cubic-bezier(0.78, 0.14, 0.15, 0.86)` | level animation timing function                                               |
+| getContainer       | string \| func \| HTMLElement                                               | `body`                                 | Return the mount node for Drawer. if is `null` use React.creactElement        |
+| showMask           | boolean                                                                     | true                                   | mask is show                                                                  |
+| maskClosable       | boolean                                                                     | true                                   | Clicking on the mask (area outside the Drawer) to close the Drawer or not.    |
+| maskStyle          | CSSProperties                                                               | null                                   | mask style                                                                    |
+| afterVisibleChange | func                                                                        | null                                   | transition end callback(open)                                                 |
+| onClose            | func                                                                        | null                                   | close click function                                                          |
+| keyboard           | boolean                                                                     | true                                   | Whether support press esc to close                                            |
+| autoFocus          | boolean                                                                     | true                                   | Whether focusing on the drawer after it opened                                |
+| onMouseEnter       | React.MouseEventHandler\<HTMLDivElement\>                                   | -                                      | Trigger when mouse enter drawer panel                                         |
+| onMouseOver        | React.MouseEventHandler\<HTMLDivElement\>                                   | -                                      | Trigger when mouse over drawer panel                                          |
+| onMouseLeave       | React.MouseEventHandler\<HTMLDivElement\>                                   | -                                      | Trigger when mouse leave drawer panel                                         |
+| onClick            | React.MouseEventHandler\<HTMLDivElement\>                                   | -                                      | Trigger when mouse click drawer panel                                         |
+| onKeyDown          | React.MouseEventHandler\<HTMLDivElement\>                                   | -                                      | Trigger when mouse keydown on drawer panel                                    |
+| onKeyUp            | React.MouseEventHandler\<HTMLDivElement\>                                   | -                                      | Trigger when mouse keyup on drawer panel                                      |
+
+> 2.0 Rename `onMaskClick` -> `onClose`, add `maskClosable`.
+
+## Development
+
+```
+npm install
+npm start
+```

node_modules/rc-drawer/assets/index.css

@@ -0,0 +1,42 @@
+.rc-drawer {
+  inset: 0;
+  position: fixed;
+  z-index: 1050;
+  pointer-events: none;
+}
+.rc-drawer-inline {
+  position: absolute;
+}
+.rc-drawer-mask {
+  inset: 0;
+  position: absolute;
+  z-index: 1050;
+  background: rgba(0, 0, 0, 0.5);
+  pointer-events: auto;
+}
+.rc-drawer-content-wrapper {
+  position: absolute;
+  z-index: 1050;
+  overflow: hidden;
+  transition: transform 0.3s;
+}
+.rc-drawer-content-wrapper-hidden {
+  display: none;
+}
+.rc-drawer-left .rc-drawer-content-wrapper {
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.rc-drawer-right .rc-drawer-content-wrapper {
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+.rc-drawer-content {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background: #fff;
+  pointer-events: auto;
+}

node_modules/rc-drawer/es/Drawer.d.ts

@@ -0,0 +1,18 @@
+import type { PortalProps } from '@rc-component/portal';
+import * as React from 'react';
+import type { DrawerPanelAccessibility, DrawerPanelEvents } from './DrawerPanel';
+import type { DrawerPopupProps } from './DrawerPopup';
+import type { DrawerClassNames, DrawerStyles } from './inter';
+export type Placement = 'left' | 'top' | 'right' | 'bottom';
+export interface DrawerProps extends Omit<DrawerPopupProps, 'prefixCls' | 'inline' | 'scrollLocker'>, DrawerPanelEvents, DrawerPanelAccessibility {
+    prefixCls?: string;
+    open?: boolean;
+    onClose?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    destroyOnClose?: boolean;
+    getContainer?: PortalProps['getContainer'];
+    panelRef?: React.Ref<HTMLDivElement>;
+    classNames?: DrawerClassNames;
+    styles?: DrawerStyles;
+}
+declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;

node_modules/rc-drawer/es/Drawer.js

@@ -0,0 +1,123 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import Portal from '@rc-component/portal';
+import useLayoutEffect from "rc-util/es/hooks/useLayoutEffect";
+import * as React from 'react';
+import { RefContext } from "./context";
+import DrawerPopup from "./DrawerPopup";
+import { warnCheck } from "./util";
+var Drawer = function Drawer(props) {
+  var _props$open = props.open,
+    open = _props$open === void 0 ? false : _props$open,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-drawer' : _props$prefixCls,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'right' : _props$placement,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
+    _props$keyboard = props.keyboard,
+    keyboard = _props$keyboard === void 0 ? true : _props$keyboard,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 378 : _props$width,
+    _props$mask = props.mask,
+    mask = _props$mask === void 0 ? true : _props$mask,
+    _props$maskClosable = props.maskClosable,
+    maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable,
+    getContainer = props.getContainer,
+    forceRender = props.forceRender,
+    afterOpenChange = props.afterOpenChange,
+    destroyOnClose = props.destroyOnClose,
+    onMouseEnter = props.onMouseEnter,
+    onMouseOver = props.onMouseOver,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
+    onKeyUp = props.onKeyUp,
+    panelRef = props.panelRef;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    animatedVisible = _React$useState2[0],
+    setAnimatedVisible = _React$useState2[1];
+
+  // ============================= Warn =============================
+  if (process.env.NODE_ENV !== 'production') {
+    warnCheck(props);
+  }
+
+  // ============================= Open =============================
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    mounted = _React$useState4[0],
+    setMounted = _React$useState4[1];
+  useLayoutEffect(function () {
+    setMounted(true);
+  }, []);
+  var mergedOpen = mounted ? open : false;
+
+  // ============================ Focus =============================
+  var popupRef = React.useRef();
+  var lastActiveRef = React.useRef();
+  useLayoutEffect(function () {
+    if (mergedOpen) {
+      lastActiveRef.current = document.activeElement;
+    }
+  }, [mergedOpen]);
+
+  // ============================= Open =============================
+  var internalAfterOpenChange = function internalAfterOpenChange(nextVisible) {
+    var _popupRef$current;
+    setAnimatedVisible(nextVisible);
+    afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(nextVisible);
+    if (!nextVisible && lastActiveRef.current && !((_popupRef$current = popupRef.current) !== null && _popupRef$current !== void 0 && _popupRef$current.contains(lastActiveRef.current))) {
+      var _lastActiveRef$curren;
+      (_lastActiveRef$curren = lastActiveRef.current) === null || _lastActiveRef$curren === void 0 || _lastActiveRef$curren.focus({
+        preventScroll: true
+      });
+    }
+  };
+
+  // =========================== Context ============================
+  var refContext = React.useMemo(function () {
+    return {
+      panel: panelRef
+    };
+  }, [panelRef]);
+
+  // ============================ Render ============================
+  if (!forceRender && !animatedVisible && !mergedOpen && destroyOnClose) {
+    return null;
+  }
+  var eventHandlers = {
+    onMouseEnter: onMouseEnter,
+    onMouseOver: onMouseOver,
+    onMouseLeave: onMouseLeave,
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp
+  };
+  var drawerPopupProps = _objectSpread(_objectSpread({}, props), {}, {
+    open: mergedOpen,
+    prefixCls: prefixCls,
+    placement: placement,
+    autoFocus: autoFocus,
+    keyboard: keyboard,
+    width: width,
+    mask: mask,
+    maskClosable: maskClosable,
+    inline: getContainer === false,
+    afterOpenChange: internalAfterOpenChange,
+    ref: popupRef
+  }, eventHandlers);
+  return /*#__PURE__*/React.createElement(RefContext.Provider, {
+    value: refContext
+  }, /*#__PURE__*/React.createElement(Portal, {
+    open: mergedOpen || forceRender || animatedVisible,
+    autoDestroy: false,
+    getContainer: getContainer,
+    autoLock: mask && (mergedOpen || animatedVisible)
+  }, /*#__PURE__*/React.createElement(DrawerPopup, drawerPopupProps)));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Drawer.displayName = 'Drawer';
+}
+export default Drawer;

node_modules/rc-drawer/es/DrawerPanel.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export interface DrawerPanelRef {
+    focus: VoidFunction;
+}
+export interface DrawerPanelEvents {
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseOver?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
+}
+export type DrawerPanelAccessibility = Pick<React.DialogHTMLAttributes<HTMLDivElement>, keyof React.AriaAttributes>;
+export interface DrawerPanelProps extends DrawerPanelEvents, DrawerPanelAccessibility {
+    prefixCls: string;
+    className?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    containerRef?: React.Ref<HTMLDivElement>;
+}
+declare const DrawerPanel: {
+    (props: DrawerPanelProps): React.JSX.Element;
+    displayName: string;
+};
+export default DrawerPanel;

node_modules/rc-drawer/es/DrawerPanel.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["prefixCls", "className", "containerRef"];
+import classNames from 'classnames';
+import * as React from 'react';
+import { RefContext } from "./context";
+import pickAttrs from "rc-util/es/pickAttrs";
+import { useComposeRef } from "rc-util/es/ref";
+var DrawerPanel = function DrawerPanel(props) {
+  var prefixCls = props.prefixCls,
+    className = props.className,
+    containerRef = props.containerRef,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _React$useContext = React.useContext(RefContext),
+    panelRef = _React$useContext.panel;
+  var mergedRef = useComposeRef(panelRef, containerRef);
+
+  // =============================== Render ===============================
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classNames("".concat(prefixCls, "-content"), className),
+    role: "dialog",
+    ref: mergedRef
+  }, pickAttrs(props, {
+    aria: true
+  }), {
+    "aria-modal": "true"
+  }, restProps));
+};
+if (process.env.NODE_ENV !== 'production') {
+  DrawerPanel.displayName = 'DrawerPanel';
+}
+export default DrawerPanel;

node_modules/rc-drawer/es/DrawerPopup.d.ts

@@ -0,0 +1,40 @@
+import type { CSSMotionProps } from 'rc-motion';
+import * as React from 'react';
+import type { DrawerPanelAccessibility, DrawerPanelEvents } from './DrawerPanel';
+import type { DrawerClassNames, DrawerStyles } from './inter';
+export type Placement = 'left' | 'right' | 'top' | 'bottom';
+export interface PushConfig {
+    distance?: number | string;
+}
+export interface DrawerPopupProps extends DrawerPanelEvents, DrawerPanelAccessibility {
+    prefixCls: string;
+    open?: boolean;
+    inline?: boolean;
+    push?: boolean | PushConfig;
+    forceRender?: boolean;
+    autoFocus?: boolean;
+    keyboard?: boolean;
+    rootClassName?: string;
+    rootStyle?: React.CSSProperties;
+    zIndex?: number;
+    placement?: Placement;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    width?: number | string;
+    height?: number | string;
+    mask?: boolean;
+    maskClosable?: boolean;
+    maskClassName?: string;
+    maskStyle?: React.CSSProperties;
+    motion?: CSSMotionProps | ((placement: Placement) => CSSMotionProps);
+    maskMotion?: CSSMotionProps;
+    afterOpenChange?: (open: boolean) => void;
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    classNames?: DrawerClassNames;
+    styles?: DrawerStyles;
+    drawerRender?: (node: React.ReactNode) => React.ReactNode;
+}
+declare const RefDrawerPopup: React.ForwardRefExoticComponent<DrawerPopupProps & React.RefAttributes<HTMLDivElement>>;
+export default RefDrawerPopup;

node_modules/rc-drawer/es/DrawerPopup.js

@@ -0,0 +1,268 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import classNames from 'classnames';
+import CSSMotion from 'rc-motion';
+import KeyCode from "rc-util/es/KeyCode";
+import pickAttrs from "rc-util/es/pickAttrs";
+import * as React from 'react';
+import DrawerContext from "./context";
+import DrawerPanel from "./DrawerPanel";
+import { parseWidthHeight } from "./util";
+var sentinelStyle = {
+  width: 0,
+  height: 0,
+  overflow: 'hidden',
+  outline: 'none',
+  position: 'absolute'
+};
+function DrawerPopup(props, ref) {
+  var _ref, _pushConfig$distance, _pushConfig;
+  var prefixCls = props.prefixCls,
+    open = props.open,
+    placement = props.placement,
+    inline = props.inline,
+    push = props.push,
+    forceRender = props.forceRender,
+    autoFocus = props.autoFocus,
+    keyboard = props.keyboard,
+    drawerClassNames = props.classNames,
+    rootClassName = props.rootClassName,
+    rootStyle = props.rootStyle,
+    zIndex = props.zIndex,
+    className = props.className,
+    id = props.id,
+    style = props.style,
+    motion = props.motion,
+    width = props.width,
+    height = props.height,
+    children = props.children,
+    mask = props.mask,
+    maskClosable = props.maskClosable,
+    maskMotion = props.maskMotion,
+    maskClassName = props.maskClassName,
+    maskStyle = props.maskStyle,
+    afterOpenChange = props.afterOpenChange,
+    onClose = props.onClose,
+    onMouseEnter = props.onMouseEnter,
+    onMouseOver = props.onMouseOver,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
+    onKeyUp = props.onKeyUp,
+    styles = props.styles,
+    drawerRender = props.drawerRender;
+
+  // ================================ Refs ================================
+  var panelRef = React.useRef();
+  var sentinelStartRef = React.useRef();
+  var sentinelEndRef = React.useRef();
+  React.useImperativeHandle(ref, function () {
+    return panelRef.current;
+  });
+  var onPanelKeyDown = function onPanelKeyDown(event) {
+    var keyCode = event.keyCode,
+      shiftKey = event.shiftKey;
+    switch (keyCode) {
+      // Tab active
+      case KeyCode.TAB:
+        {
+          if (keyCode === KeyCode.TAB) {
+            if (!shiftKey && document.activeElement === sentinelEndRef.current) {
+              var _sentinelStartRef$cur;
+              (_sentinelStartRef$cur = sentinelStartRef.current) === null || _sentinelStartRef$cur === void 0 || _sentinelStartRef$cur.focus({
+                preventScroll: true
+              });
+            } else if (shiftKey && document.activeElement === sentinelStartRef.current) {
+              var _sentinelEndRef$curre;
+              (_sentinelEndRef$curre = sentinelEndRef.current) === null || _sentinelEndRef$curre === void 0 || _sentinelEndRef$curre.focus({
+                preventScroll: true
+              });
+            }
+          }
+          break;
+        }
+
+      // Close
+      case KeyCode.ESC:
+        {
+          if (onClose && keyboard) {
+            event.stopPropagation();
+            onClose(event);
+          }
+          break;
+        }
+    }
+  };
+
+  // ========================== Control ===========================
+  // Auto Focus
+  React.useEffect(function () {
+    if (open && autoFocus) {
+      var _panelRef$current;
+      (_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 || _panelRef$current.focus({
+        preventScroll: true
+      });
+    }
+  }, [open]);
+
+  // ============================ Push ============================
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    pushed = _React$useState2[0],
+    setPushed = _React$useState2[1];
+  var parentContext = React.useContext(DrawerContext);
+
+  // Merge push distance
+  var pushConfig;
+  if (typeof push === 'boolean') {
+    pushConfig = push ? {} : {
+      distance: 0
+    };
+  } else {
+    pushConfig = push || {};
+  }
+  var pushDistance = (_ref = (_pushConfig$distance = (_pushConfig = pushConfig) === null || _pushConfig === void 0 ? void 0 : _pushConfig.distance) !== null && _pushConfig$distance !== void 0 ? _pushConfig$distance : parentContext === null || parentContext === void 0 ? void 0 : parentContext.pushDistance) !== null && _ref !== void 0 ? _ref : 180;
+  var mergedContext = React.useMemo(function () {
+    return {
+      pushDistance: pushDistance,
+      push: function push() {
+        setPushed(true);
+      },
+      pull: function pull() {
+        setPushed(false);
+      }
+    };
+  }, [pushDistance]);
+
+  // ========================= ScrollLock =========================
+  // Tell parent to push
+  React.useEffect(function () {
+    if (open) {
+      var _parentContext$push;
+      parentContext === null || parentContext === void 0 || (_parentContext$push = parentContext.push) === null || _parentContext$push === void 0 || _parentContext$push.call(parentContext);
+    } else {
+      var _parentContext$pull;
+      parentContext === null || parentContext === void 0 || (_parentContext$pull = parentContext.pull) === null || _parentContext$pull === void 0 || _parentContext$pull.call(parentContext);
+    }
+  }, [open]);
+
+  // Clean up
+  React.useEffect(function () {
+    return function () {
+      var _parentContext$pull2;
+      parentContext === null || parentContext === void 0 || (_parentContext$pull2 = parentContext.pull) === null || _parentContext$pull2 === void 0 || _parentContext$pull2.call(parentContext);
+    };
+  }, []);
+
+  // ============================ Mask ============================
+  var maskNode = /*#__PURE__*/React.createElement(CSSMotion, _extends({
+    key: "mask"
+  }, maskMotion, {
+    visible: mask && open
+  }), function (_ref2, maskRef) {
+    var motionMaskClassName = _ref2.className,
+      motionMaskStyle = _ref2.style;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("".concat(prefixCls, "-mask"), motionMaskClassName, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.mask, maskClassName),
+      style: _objectSpread(_objectSpread(_objectSpread({}, motionMaskStyle), maskStyle), styles === null || styles === void 0 ? void 0 : styles.mask),
+      onClick: maskClosable && open ? onClose : undefined,
+      ref: maskRef
+    });
+  });
+
+  // =========================== Panel ============================
+  var motionProps = typeof motion === 'function' ? motion(placement) : motion;
+  var wrapperStyle = {};
+  if (pushed && pushDistance) {
+    switch (placement) {
+      case 'top':
+        wrapperStyle.transform = "translateY(".concat(pushDistance, "px)");
+        break;
+      case 'bottom':
+        wrapperStyle.transform = "translateY(".concat(-pushDistance, "px)");
+        break;
+      case 'left':
+        wrapperStyle.transform = "translateX(".concat(pushDistance, "px)");
+        break;
+      default:
+        wrapperStyle.transform = "translateX(".concat(-pushDistance, "px)");
+        break;
+    }
+  }
+  if (placement === 'left' || placement === 'right') {
+    wrapperStyle.width = parseWidthHeight(width);
+  } else {
+    wrapperStyle.height = parseWidthHeight(height);
+  }
+  var eventHandlers = {
+    onMouseEnter: onMouseEnter,
+    onMouseOver: onMouseOver,
+    onMouseLeave: onMouseLeave,
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp
+  };
+  var panelNode = /*#__PURE__*/React.createElement(CSSMotion, _extends({
+    key: "panel"
+  }, motionProps, {
+    visible: open,
+    forceRender: forceRender,
+    onVisibleChanged: function onVisibleChanged(nextVisible) {
+      afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(nextVisible);
+    },
+    removeOnLeave: false,
+    leavedClassName: "".concat(prefixCls, "-content-wrapper-hidden")
+  }), function (_ref3, motionRef) {
+    var motionClassName = _ref3.className,
+      motionStyle = _ref3.style;
+    var content = /*#__PURE__*/React.createElement(DrawerPanel, _extends({
+      id: id,
+      containerRef: motionRef,
+      prefixCls: prefixCls,
+      className: classNames(className, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.content),
+      style: _objectSpread(_objectSpread({}, style), styles === null || styles === void 0 ? void 0 : styles.content)
+    }, pickAttrs(props, {
+      aria: true
+    }), eventHandlers), children);
+    return /*#__PURE__*/React.createElement("div", _extends({
+      className: classNames("".concat(prefixCls, "-content-wrapper"), drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.wrapper, motionClassName),
+      style: _objectSpread(_objectSpread(_objectSpread({}, wrapperStyle), motionStyle), styles === null || styles === void 0 ? void 0 : styles.wrapper)
+    }, pickAttrs(props, {
+      data: true
+    })), drawerRender ? drawerRender(content) : content);
+  });
+
+  // =========================== Render ===========================
+  var containerStyle = _objectSpread({}, rootStyle);
+  if (zIndex) {
+    containerStyle.zIndex = zIndex;
+  }
+  return /*#__PURE__*/React.createElement(DrawerContext.Provider, {
+    value: mergedContext
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(prefixCls, "".concat(prefixCls, "-").concat(placement), rootClassName, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-open"), open), "".concat(prefixCls, "-inline"), inline)),
+    style: containerStyle,
+    tabIndex: -1,
+    ref: panelRef,
+    onKeyDown: onPanelKeyDown
+  }, maskNode, /*#__PURE__*/React.createElement("div", {
+    tabIndex: 0,
+    ref: sentinelStartRef,
+    style: sentinelStyle,
+    "aria-hidden": "true",
+    "data-sentinel": "start"
+  }), panelNode, /*#__PURE__*/React.createElement("div", {
+    tabIndex: 0,
+    ref: sentinelEndRef,
+    style: sentinelStyle,
+    "aria-hidden": "true",
+    "data-sentinel": "end"
+  })));
+}
+var RefDrawerPopup = /*#__PURE__*/React.forwardRef(DrawerPopup);
+if (process.env.NODE_ENV !== 'production') {
+  RefDrawerPopup.displayName = 'DrawerPopup';
+}
+export default RefDrawerPopup;

node_modules/rc-drawer/es/context.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface DrawerContextProps {
+    pushDistance?: number | string;
+    push: VoidFunction;
+    pull: VoidFunction;
+}
+declare const DrawerContext: React.Context<DrawerContextProps>;
+export interface RefContextProps {
+    panel?: React.Ref<HTMLDivElement>;
+}
+export declare const RefContext: React.Context<RefContextProps>;
+export default DrawerContext;

node_modules/rc-drawer/es/context.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+var DrawerContext = /*#__PURE__*/React.createContext(null);
+export var RefContext = /*#__PURE__*/React.createContext({});
+export default DrawerContext;

node_modules/rc-drawer/es/index.d.ts

@@ -0,0 +1,4 @@
+import Drawer from './Drawer';
+import type { DrawerProps } from './Drawer';
+export type { DrawerProps };
+export default Drawer;

node_modules/rc-drawer/es/index.js

@@ -0,0 +1,3 @@
+// export this package's api
+import Drawer from "./Drawer";
+export default Drawer;

node_modules/rc-drawer/es/inter.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface DrawerClassNames {
+    mask?: string;
+    wrapper?: string;
+    content?: string;
+}
+export interface DrawerStyles {
+    mask?: React.CSSProperties;
+    wrapper?: React.CSSProperties;
+    content?: React.CSSProperties;
+}

node_modules/rc-drawer/es/inter.js

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

node_modules/rc-drawer/es/util.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerProps } from './Drawer';
+export declare function parseWidthHeight(value?: number | string): string | number;
+export declare function warnCheck(props: DrawerProps): void;

node_modules/rc-drawer/es/util.js

@@ -0,0 +1,13 @@
+import warning from "rc-util/es/warning";
+import canUseDom from "rc-util/es/Dom/canUseDom";
+export function parseWidthHeight(value) {
+  if (typeof value === 'string' && String(Number(value)) === value) {
+    warning(false, 'Invalid value type of `width` or `height` which should be number type instead.');
+    return Number(value);
+  }
+  return value;
+}
+export function warnCheck(props) {
+  warning(!('wrapperClassName' in props), "'wrapperClassName' is removed. Please use 'rootClassName' instead.");
+  warning(canUseDom() || !props.open, "Drawer with 'open' in SSR is not work since no place to createPortal. Please move to 'useEffect' instead.");
+}

node_modules/rc-drawer/lib/Drawer.d.ts

@@ -0,0 +1,18 @@
+import type { PortalProps } from '@rc-component/portal';
+import * as React from 'react';
+import type { DrawerPanelAccessibility, DrawerPanelEvents } from './DrawerPanel';
+import type { DrawerPopupProps } from './DrawerPopup';
+import type { DrawerClassNames, DrawerStyles } from './inter';
+export type Placement = 'left' | 'top' | 'right' | 'bottom';
+export interface DrawerProps extends Omit<DrawerPopupProps, 'prefixCls' | 'inline' | 'scrollLocker'>, DrawerPanelEvents, DrawerPanelAccessibility {
+    prefixCls?: string;
+    open?: boolean;
+    onClose?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    destroyOnClose?: boolean;
+    getContainer?: PortalProps['getContainer'];
+    panelRef?: React.Ref<HTMLDivElement>;
+    classNames?: DrawerClassNames;
+    styles?: DrawerStyles;
+}
+declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;

node_modules/rc-drawer/lib/Drawer.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _portal = _interopRequireDefault(require("@rc-component/portal"));
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+var React = _interopRequireWildcard(require("react"));
+var _context = require("./context");
+var _DrawerPopup = _interopRequireDefault(require("./DrawerPopup"));
+var _util = require("./util");
+var Drawer = function Drawer(props) {
+  var _props$open = props.open,
+    open = _props$open === void 0 ? false : _props$open,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-drawer' : _props$prefixCls,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'right' : _props$placement,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
+    _props$keyboard = props.keyboard,
+    keyboard = _props$keyboard === void 0 ? true : _props$keyboard,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 378 : _props$width,
+    _props$mask = props.mask,
+    mask = _props$mask === void 0 ? true : _props$mask,
+    _props$maskClosable = props.maskClosable,
+    maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable,
+    getContainer = props.getContainer,
+    forceRender = props.forceRender,
+    afterOpenChange = props.afterOpenChange,
+    destroyOnClose = props.destroyOnClose,
+    onMouseEnter = props.onMouseEnter,
+    onMouseOver = props.onMouseOver,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
+    onKeyUp = props.onKeyUp,
+    panelRef = props.panelRef;
+  var _React$useState = React.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    animatedVisible = _React$useState2[0],
+    setAnimatedVisible = _React$useState2[1];
+
+  // ============================= Warn =============================
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _util.warnCheck)(props);
+  }
+
+  // ============================= Open =============================
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    mounted = _React$useState4[0],
+    setMounted = _React$useState4[1];
+  (0, _useLayoutEffect.default)(function () {
+    setMounted(true);
+  }, []);
+  var mergedOpen = mounted ? open : false;
+
+  // ============================ Focus =============================
+  var popupRef = React.useRef();
+  var lastActiveRef = React.useRef();
+  (0, _useLayoutEffect.default)(function () {
+    if (mergedOpen) {
+      lastActiveRef.current = document.activeElement;
+    }
+  }, [mergedOpen]);
+
+  // ============================= Open =============================
+  var internalAfterOpenChange = function internalAfterOpenChange(nextVisible) {
+    var _popupRef$current;
+    setAnimatedVisible(nextVisible);
+    afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(nextVisible);
+    if (!nextVisible && lastActiveRef.current && !((_popupRef$current = popupRef.current) !== null && _popupRef$current !== void 0 && _popupRef$current.contains(lastActiveRef.current))) {
+      var _lastActiveRef$curren;
+      (_lastActiveRef$curren = lastActiveRef.current) === null || _lastActiveRef$curren === void 0 || _lastActiveRef$curren.focus({
+        preventScroll: true
+      });
+    }
+  };
+
+  // =========================== Context ============================
+  var refContext = React.useMemo(function () {
+    return {
+      panel: panelRef
+    };
+  }, [panelRef]);
+
+  // ============================ Render ============================
+  if (!forceRender && !animatedVisible && !mergedOpen && destroyOnClose) {
+    return null;
+  }
+  var eventHandlers = {
+    onMouseEnter: onMouseEnter,
+    onMouseOver: onMouseOver,
+    onMouseLeave: onMouseLeave,
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp
+  };
+  var drawerPopupProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    open: mergedOpen,
+    prefixCls: prefixCls,
+    placement: placement,
+    autoFocus: autoFocus,
+    keyboard: keyboard,
+    width: width,
+    mask: mask,
+    maskClosable: maskClosable,
+    inline: getContainer === false,
+    afterOpenChange: internalAfterOpenChange,
+    ref: popupRef
+  }, eventHandlers);
+  return /*#__PURE__*/React.createElement(_context.RefContext.Provider, {
+    value: refContext
+  }, /*#__PURE__*/React.createElement(_portal.default, {
+    open: mergedOpen || forceRender || animatedVisible,
+    autoDestroy: false,
+    getContainer: getContainer,
+    autoLock: mask && (mergedOpen || animatedVisible)
+  }, /*#__PURE__*/React.createElement(_DrawerPopup.default, drawerPopupProps)));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Drawer.displayName = 'Drawer';
+}
+var _default = exports.default = Drawer;

node_modules/rc-drawer/lib/DrawerPanel.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export interface DrawerPanelRef {
+    focus: VoidFunction;
+}
+export interface DrawerPanelEvents {
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseOver?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
+}
+export type DrawerPanelAccessibility = Pick<React.DialogHTMLAttributes<HTMLDivElement>, keyof React.AriaAttributes>;
+export interface DrawerPanelProps extends DrawerPanelEvents, DrawerPanelAccessibility {
+    prefixCls: string;
+    className?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    containerRef?: React.Ref<HTMLDivElement>;
+}
+declare const DrawerPanel: {
+    (props: DrawerPanelProps): React.JSX.Element;
+    displayName: string;
+};
+export default DrawerPanel;

node_modules/rc-drawer/lib/DrawerPanel.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var React = _interopRequireWildcard(require("react"));
+var _context = require("./context");
+var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
+var _ref = require("rc-util/lib/ref");
+var _excluded = ["prefixCls", "className", "containerRef"];
+var DrawerPanel = function DrawerPanel(props) {
+  var prefixCls = props.prefixCls,
+    className = props.className,
+    containerRef = props.containerRef,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _React$useContext = React.useContext(_context.RefContext),
+    panelRef = _React$useContext.panel;
+  var mergedRef = (0, _ref.useComposeRef)(panelRef, containerRef);
+
+  // =============================== Render ===============================
+
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)("".concat(prefixCls, "-content"), className),
+    role: "dialog",
+    ref: mergedRef
+  }, (0, _pickAttrs.default)(props, {
+    aria: true
+  }), {
+    "aria-modal": "true"
+  }, restProps));
+};
+if (process.env.NODE_ENV !== 'production') {
+  DrawerPanel.displayName = 'DrawerPanel';
+}
+var _default = exports.default = DrawerPanel;

node_modules/rc-drawer/lib/DrawerPopup.d.ts

@@ -0,0 +1,40 @@
+import type { CSSMotionProps } from 'rc-motion';
+import * as React from 'react';
+import type { DrawerPanelAccessibility, DrawerPanelEvents } from './DrawerPanel';
+import type { DrawerClassNames, DrawerStyles } from './inter';
+export type Placement = 'left' | 'right' | 'top' | 'bottom';
+export interface PushConfig {
+    distance?: number | string;
+}
+export interface DrawerPopupProps extends DrawerPanelEvents, DrawerPanelAccessibility {
+    prefixCls: string;
+    open?: boolean;
+    inline?: boolean;
+    push?: boolean | PushConfig;
+    forceRender?: boolean;
+    autoFocus?: boolean;
+    keyboard?: boolean;
+    rootClassName?: string;
+    rootStyle?: React.CSSProperties;
+    zIndex?: number;
+    placement?: Placement;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    width?: number | string;
+    height?: number | string;
+    mask?: boolean;
+    maskClosable?: boolean;
+    maskClassName?: string;
+    maskStyle?: React.CSSProperties;
+    motion?: CSSMotionProps | ((placement: Placement) => CSSMotionProps);
+    maskMotion?: CSSMotionProps;
+    afterOpenChange?: (open: boolean) => void;
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    classNames?: DrawerClassNames;
+    styles?: DrawerStyles;
+    drawerRender?: (node: React.ReactNode) => React.ReactNode;
+}
+declare const RefDrawerPopup: React.ForwardRefExoticComponent<DrawerPopupProps & React.RefAttributes<HTMLDivElement>>;
+export default RefDrawerPopup;

node_modules/rc-drawer/lib/DrawerPopup.js

@@ -0,0 +1,276 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcMotion = _interopRequireDefault(require("rc-motion"));
+var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
+var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
+var React = _interopRequireWildcard(require("react"));
+var _context = _interopRequireDefault(require("./context"));
+var _DrawerPanel = _interopRequireDefault(require("./DrawerPanel"));
+var _util = require("./util");
+var sentinelStyle = {
+  width: 0,
+  height: 0,
+  overflow: 'hidden',
+  outline: 'none',
+  position: 'absolute'
+};
+function DrawerPopup(props, ref) {
+  var _ref, _pushConfig$distance, _pushConfig;
+  var prefixCls = props.prefixCls,
+    open = props.open,
+    placement = props.placement,
+    inline = props.inline,
+    push = props.push,
+    forceRender = props.forceRender,
+    autoFocus = props.autoFocus,
+    keyboard = props.keyboard,
+    drawerClassNames = props.classNames,
+    rootClassName = props.rootClassName,
+    rootStyle = props.rootStyle,
+    zIndex = props.zIndex,
+    className = props.className,
+    id = props.id,
+    style = props.style,
+    motion = props.motion,
+    width = props.width,
+    height = props.height,
+    children = props.children,
+    mask = props.mask,
+    maskClosable = props.maskClosable,
+    maskMotion = props.maskMotion,
+    maskClassName = props.maskClassName,
+    maskStyle = props.maskStyle,
+    afterOpenChange = props.afterOpenChange,
+    onClose = props.onClose,
+    onMouseEnter = props.onMouseEnter,
+    onMouseOver = props.onMouseOver,
+    onMouseLeave = props.onMouseLeave,
+    onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
+    onKeyUp = props.onKeyUp,
+    styles = props.styles,
+    drawerRender = props.drawerRender;
+
+  // ================================ Refs ================================
+  var panelRef = React.useRef();
+  var sentinelStartRef = React.useRef();
+  var sentinelEndRef = React.useRef();
+  React.useImperativeHandle(ref, function () {
+    return panelRef.current;
+  });
+  var onPanelKeyDown = function onPanelKeyDown(event) {
+    var keyCode = event.keyCode,
+      shiftKey = event.shiftKey;
+    switch (keyCode) {
+      // Tab active
+      case _KeyCode.default.TAB:
+        {
+          if (keyCode === _KeyCode.default.TAB) {
+            if (!shiftKey && document.activeElement === sentinelEndRef.current) {
+              var _sentinelStartRef$cur;
+              (_sentinelStartRef$cur = sentinelStartRef.current) === null || _sentinelStartRef$cur === void 0 || _sentinelStartRef$cur.focus({
+                preventScroll: true
+              });
+            } else if (shiftKey && document.activeElement === sentinelStartRef.current) {
+              var _sentinelEndRef$curre;
+              (_sentinelEndRef$curre = sentinelEndRef.current) === null || _sentinelEndRef$curre === void 0 || _sentinelEndRef$curre.focus({
+                preventScroll: true
+              });
+            }
+          }
+          break;
+        }
+
+      // Close
+      case _KeyCode.default.ESC:
+        {
+          if (onClose && keyboard) {
+            event.stopPropagation();
+            onClose(event);
+          }
+          break;
+        }
+    }
+  };
+
+  // ========================== Control ===========================
+  // Auto Focus
+  React.useEffect(function () {
+    if (open && autoFocus) {
+      var _panelRef$current;
+      (_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 || _panelRef$current.focus({
+        preventScroll: true
+      });
+    }
+  }, [open]);
+
+  // ============================ Push ============================
+  var _React$useState = React.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    pushed = _React$useState2[0],
+    setPushed = _React$useState2[1];
+  var parentContext = React.useContext(_context.default);
+
+  // Merge push distance
+  var pushConfig;
+  if (typeof push === 'boolean') {
+    pushConfig = push ? {} : {
+      distance: 0
+    };
+  } else {
+    pushConfig = push || {};
+  }
+  var pushDistance = (_ref = (_pushConfig$distance = (_pushConfig = pushConfig) === null || _pushConfig === void 0 ? void 0 : _pushConfig.distance) !== null && _pushConfig$distance !== void 0 ? _pushConfig$distance : parentContext === null || parentContext === void 0 ? void 0 : parentContext.pushDistance) !== null && _ref !== void 0 ? _ref : 180;
+  var mergedContext = React.useMemo(function () {
+    return {
+      pushDistance: pushDistance,
+      push: function push() {
+        setPushed(true);
+      },
+      pull: function pull() {
+        setPushed(false);
+      }
+    };
+  }, [pushDistance]);
+
+  // ========================= ScrollLock =========================
+  // Tell parent to push
+  React.useEffect(function () {
+    if (open) {
+      var _parentContext$push;
+      parentContext === null || parentContext === void 0 || (_parentContext$push = parentContext.push) === null || _parentContext$push === void 0 || _parentContext$push.call(parentContext);
+    } else {
+      var _parentContext$pull;
+      parentContext === null || parentContext === void 0 || (_parentContext$pull = parentContext.pull) === null || _parentContext$pull === void 0 || _parentContext$pull.call(parentContext);
+    }
+  }, [open]);
+
+  // Clean up
+  React.useEffect(function () {
+    return function () {
+      var _parentContext$pull2;
+      parentContext === null || parentContext === void 0 || (_parentContext$pull2 = parentContext.pull) === null || _parentContext$pull2 === void 0 || _parentContext$pull2.call(parentContext);
+    };
+  }, []);
+
+  // ============================ Mask ============================
+  var maskNode = /*#__PURE__*/React.createElement(_rcMotion.default, (0, _extends2.default)({
+    key: "mask"
+  }, maskMotion, {
+    visible: mask && open
+  }), function (_ref2, maskRef) {
+    var motionMaskClassName = _ref2.className,
+      motionMaskStyle = _ref2.style;
+    return /*#__PURE__*/React.createElement("div", {
+      className: (0, _classnames.default)("".concat(prefixCls, "-mask"), motionMaskClassName, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.mask, maskClassName),
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, motionMaskStyle), maskStyle), styles === null || styles === void 0 ? void 0 : styles.mask),
+      onClick: maskClosable && open ? onClose : undefined,
+      ref: maskRef
+    });
+  });
+
+  // =========================== Panel ============================
+  var motionProps = typeof motion === 'function' ? motion(placement) : motion;
+  var wrapperStyle = {};
+  if (pushed && pushDistance) {
+    switch (placement) {
+      case 'top':
+        wrapperStyle.transform = "translateY(".concat(pushDistance, "px)");
+        break;
+      case 'bottom':
+        wrapperStyle.transform = "translateY(".concat(-pushDistance, "px)");
+        break;
+      case 'left':
+        wrapperStyle.transform = "translateX(".concat(pushDistance, "px)");
+        break;
+      default:
+        wrapperStyle.transform = "translateX(".concat(-pushDistance, "px)");
+        break;
+    }
+  }
+  if (placement === 'left' || placement === 'right') {
+    wrapperStyle.width = (0, _util.parseWidthHeight)(width);
+  } else {
+    wrapperStyle.height = (0, _util.parseWidthHeight)(height);
+  }
+  var eventHandlers = {
+    onMouseEnter: onMouseEnter,
+    onMouseOver: onMouseOver,
+    onMouseLeave: onMouseLeave,
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp
+  };
+  var panelNode = /*#__PURE__*/React.createElement(_rcMotion.default, (0, _extends2.default)({
+    key: "panel"
+  }, motionProps, {
+    visible: open,
+    forceRender: forceRender,
+    onVisibleChanged: function onVisibleChanged(nextVisible) {
+      afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(nextVisible);
+    },
+    removeOnLeave: false,
+    leavedClassName: "".concat(prefixCls, "-content-wrapper-hidden")
+  }), function (_ref3, motionRef) {
+    var motionClassName = _ref3.className,
+      motionStyle = _ref3.style;
+    var content = /*#__PURE__*/React.createElement(_DrawerPanel.default, (0, _extends2.default)({
+      id: id,
+      containerRef: motionRef,
+      prefixCls: prefixCls,
+      className: (0, _classnames.default)(className, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.content),
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), styles === null || styles === void 0 ? void 0 : styles.content)
+    }, (0, _pickAttrs.default)(props, {
+      aria: true
+    }), eventHandlers), children);
+    return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+      className: (0, _classnames.default)("".concat(prefixCls, "-content-wrapper"), drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.wrapper, motionClassName),
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, wrapperStyle), motionStyle), styles === null || styles === void 0 ? void 0 : styles.wrapper)
+    }, (0, _pickAttrs.default)(props, {
+      data: true
+    })), drawerRender ? drawerRender(content) : content);
+  });
+
+  // =========================== Render ===========================
+  var containerStyle = (0, _objectSpread2.default)({}, rootStyle);
+  if (zIndex) {
+    containerStyle.zIndex = zIndex;
+  }
+  return /*#__PURE__*/React.createElement(_context.default.Provider, {
+    value: mergedContext
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-").concat(placement), rootClassName, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-open"), open), "".concat(prefixCls, "-inline"), inline)),
+    style: containerStyle,
+    tabIndex: -1,
+    ref: panelRef,
+    onKeyDown: onPanelKeyDown
+  }, maskNode, /*#__PURE__*/React.createElement("div", {
+    tabIndex: 0,
+    ref: sentinelStartRef,
+    style: sentinelStyle,
+    "aria-hidden": "true",
+    "data-sentinel": "start"
+  }), panelNode, /*#__PURE__*/React.createElement("div", {
+    tabIndex: 0,
+    ref: sentinelEndRef,
+    style: sentinelStyle,
+    "aria-hidden": "true",
+    "data-sentinel": "end"
+  })));
+}
+var RefDrawerPopup = /*#__PURE__*/React.forwardRef(DrawerPopup);
+if (process.env.NODE_ENV !== 'production') {
+  RefDrawerPopup.displayName = 'DrawerPopup';
+}
+var _default = exports.default = RefDrawerPopup;

node_modules/rc-drawer/lib/context.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface DrawerContextProps {
+    pushDistance?: number | string;
+    push: VoidFunction;
+    pull: VoidFunction;
+}
+declare const DrawerContext: React.Context<DrawerContextProps>;
+export interface RefContextProps {
+    panel?: React.Ref<HTMLDivElement>;
+}
+export declare const RefContext: React.Context<RefContextProps>;
+export default DrawerContext;

node_modules/rc-drawer/lib/context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RefContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+var DrawerContext = /*#__PURE__*/React.createContext(null);
+var RefContext = exports.RefContext = /*#__PURE__*/React.createContext({});
+var _default = exports.default = DrawerContext;

node_modules/rc-drawer/lib/index.d.ts

@@ -0,0 +1,4 @@
+import Drawer from './Drawer';
+import type { DrawerProps } from './Drawer';
+export type { DrawerProps };
+export default Drawer;

node_modules/rc-drawer/lib/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+// export this package's api
+var _default = exports.default = _Drawer.default;

node_modules/rc-drawer/lib/inter.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface DrawerClassNames {
+    mask?: string;
+    wrapper?: string;
+    content?: string;
+}
+export interface DrawerStyles {
+    mask?: React.CSSProperties;
+    wrapper?: React.CSSProperties;
+    content?: React.CSSProperties;
+}

node_modules/rc-drawer/lib/inter.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

node_modules/rc-drawer/lib/util.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerProps } from './Drawer';
+export declare function parseWidthHeight(value?: number | string): string | number;
+export declare function warnCheck(props: DrawerProps): void;

node_modules/rc-drawer/lib/util.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseWidthHeight = parseWidthHeight;
+exports.warnCheck = warnCheck;
+var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
+var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
+function parseWidthHeight(value) {
+  if (typeof value === 'string' && String(Number(value)) === value) {
+    (0, _warning.default)(false, 'Invalid value type of `width` or `height` which should be number type instead.');
+    return Number(value);
+  }
+  return value;
+}
+function warnCheck(props) {
+  (0, _warning.default)(!('wrapperClassName' in props), "'wrapperClassName' is removed. Please use 'rootClassName' instead.");
+  (0, _warning.default)((0, _canUseDom.default)() || !props.open, "Drawer with 'open' in SSR is not work since no place to createPortal. Please move to 'useEffect' instead.");
+}

node_modules/rc-drawer/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "rc-drawer",
+  "version": "7.3.0",
+  "description": "drawer component for react",
+  "keywords": [
+    "react",
+    "react-component",
+    "react-drawer",
+    "drawer",
+    "drawer-menu",
+    "rc-drawer-menu",
+    "react-drawer-menu",
+    "animation",
+    "drawer-motion",
+    "drawer-animation"
+  ],
+  "homepage": "https://github.com/react-component/drawer",
+  "bugs": {
+    "url": "https://github.com/react-component/drawer/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/react-component/drawer.git"
+  },
+  "license": "MIT",
+  "author": "155259966@qq.com",
+  "main": "./lib/index",
+  "module": "./es/index",
+  "files": [
+    "lib",
+    "assets/*.css",
+    "es"
+  ],
+  "scripts": {
+    "build": "dumi build",
+    "compile": "father build && lessc assets/index.less assets/index.css",
+    "lint": "eslint src/ --ext .tsx,.ts",
+    "now-build": "npm run build",
+    "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish --branch=antd-5.x",
+    "start": "dumi dev",
+    "test": "rc-test",
+    "prettier": "prettier --write .",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.23.9",
+    "@rc-component/portal": "^1.1.1",
+    "classnames": "^2.2.6",
+    "rc-motion": "^2.6.1",
+    "rc-util": "^5.38.1"
+  },
+  "devDependencies": {
+    "@ant-design/icons": "^5.3.0",
+    "@rc-component/father-plugin": "^1.0.0",
+    "@testing-library/jest-dom": "^6.2.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/classnames": "^2.2.9",
+    "@types/jest": "^29.5.11",
+    "@types/raf": "^3.4.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/warning": "^3.0.0",
+    "antd": "^5.12.7",
+    "dumi": "^2.2.0",
+    "eslint": "^8.56.0",
+    "eslint-plugin-jest": "^27.6.0",
+    "eslint-plugin-unicorn": "^51.0.1",
+    "father": "^4.0.0",
+    "glob": "^10.3.10",
+    "husky": "^9.0.10",
+    "less": "^4.2.0",
+    "lint-staged": "^15.2.2",
+    "np": "^9.2.0",
+    "prettier": "^3.0.0",
+    "rc-test": "^7.0.9",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "stylelint": "^16.2.1",
+    "stylelint-config-standard-less": "^3.0.1",
+    "typescript": "^5.3.3"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": "eslint --fix",
+    "*.{css,less}": "stylelint --fix",
+    "*.{js,jsx,ts,tsx,json,less,css,md}": "prettier --write"
+  }
+}