@luminati-io/uikit 6.2.8 → 6.2.9

package/dist/umd/uikit.development.js

@@ -34688,6 +34688,7 @@ var Z_INDEX = {
   stickyHeader: 3,
   popover: 1000,
   backdrop: 1040,
+  drawer: 1050,
   datepicker: 2000,
   tooltip: 9999,
   dropdown: 999999,
@@ -34720,40 +34721,41 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Breadcrumbs: () => (/* reexport safe */ _breadcrumbs__WEBPACK_IMPORTED_MODULE_9__.Breadcrumbs),
 /* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_8__.Button),
 /* harmony export */   Chart: () => (/* reexport safe */ _chart__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_18__.ClickableTag),
+/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_19__.ClickableTag),
 /* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_10__.Code),
 /* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_10__.CodeBlock),
 /* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_10__.CodeSnippet),
 /* harmony export */   ComboButton: () => (/* reexport safe */ _combo_button__WEBPACK_IMPORTED_MODULE_11__.ComboButton),
-/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_20__.Icon),
-/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_21__.IconButton),
-/* harmony export */   InfoChip: () => (/* reexport safe */ _infochip__WEBPACK_IMPORTED_MODULE_22__.InfoChip),
+/* harmony export */   Drawer: () => (/* reexport safe */ _drawer__WEBPACK_IMPORTED_MODULE_12__.Drawer),
+/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_21__.Icon),
+/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_22__.IconButton),
+/* harmony export */   InfoChip: () => (/* reexport safe */ _infochip__WEBPACK_IMPORTED_MODULE_23__.InfoChip),
 /* harmony export */   Input: () => (/* reexport module object */ _input__WEBPACK_IMPORTED_MODULE_1__),
 /* harmony export */   Layout: () => (/* reexport module object */ _layout__WEBPACK_IMPORTED_MODULE_2__),
-/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_13__.Link),
-/* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_14__.Menu),
+/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_14__.Link),
+/* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_15__.Menu),
 /* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_3__),
-/* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_15__.Progress),
-/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_15__.ProgressBar),
-/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_18__.RemovableTag),
-/* harmony export */   Snackbar: () => (/* reexport safe */ _snackbar__WEBPACK_IMPORTED_MODULE_16__.Snackbar),
+/* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_16__.Progress),
+/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_16__.ProgressBar),
+/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_19__.RemovableTag),
+/* harmony export */   Snackbar: () => (/* reexport safe */ _snackbar__WEBPACK_IMPORTED_MODULE_17__.Snackbar),
 /* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_5__["default"]),
-/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_17__.Table),
-/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_18__.TagGroup),
-/* harmony export */   ThemeProvider: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_24__.ThemeProvider),
-/* harmony export */   Toast: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_19__.Toast),
-/* harmony export */   Toaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_19__.Toaster),
-/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_23__.Tooltip),
-/* harmony export */   Tooltip2: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_23__.Tooltip2),
+/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_18__.Table),
+/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_19__.TagGroup),
+/* harmony export */   ThemeProvider: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_25__.ThemeProvider),
+/* harmony export */   Toast: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_20__.Toast),
+/* harmony export */   Toaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_20__.Toaster),
+/* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.Tooltip),
+/* harmony export */   Tooltip2: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.Tooltip2),
 /* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_6__),
-/* harmony export */   globalConfig: () => (/* reexport safe */ _global_config__WEBPACK_IMPORTED_MODULE_25__.globalConfig),
-/* harmony export */   setGlobalConfig: () => (/* reexport safe */ _global_config__WEBPACK_IMPORTED_MODULE_25__.setGlobalConfig),
-/* harmony export */   theme: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_24__.lightTheme),
+/* harmony export */   globalConfig: () => (/* reexport safe */ _global_config__WEBPACK_IMPORTED_MODULE_26__.globalConfig),
+/* harmony export */   setGlobalConfig: () => (/* reexport safe */ _global_config__WEBPACK_IMPORTED_MODULE_26__.setGlobalConfig),
+/* harmony export */   theme: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_25__.lightTheme),
 /* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_4__["default"]),
-/* harmony export */   useTheme: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_24__.useTheme),
-/* harmony export */   useToaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_19__.useToaster),
-/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_12__.withPopover),
-/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_23__.withTooltip)
+/* harmony export */   useTheme: () => (/* reexport safe */ _themes__WEBPACK_IMPORTED_MODULE_25__.useTheme),
+/* harmony export */   useToaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_20__.useToaster),
+/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_13__.withPopover),
+/* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.withTooltip)
 /* harmony export */ });
 /* harmony import */ var _chart__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./chart */ "./src/chart/index.js");
 /* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./input */ "./src/input/index.js");
@@ -34767,20 +34769,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _breadcrumbs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./breadcrumbs */ "./src/breadcrumbs/index.js");
 /* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
 /* harmony import */ var _combo_button__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./combo_button */ "./src/combo_button/index.js");
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
-/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./link */ "./src/link/index.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./menu */ "./src/menu/index.js");
-/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
-/* harmony import */ var _snackbar__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./snackbar */ "./src/snackbar/index.js");
-/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
-/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
-/* harmony import */ var _toast__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./toast */ "./src/toast/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
-/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
-/* harmony import */ var _infochip__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./infochip */ "./src/infochip.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip/index.js");
-/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./themes */ "./src/themes/index.js");
-/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./global_config */ "./src/global_config.js");
+/* harmony import */ var _drawer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./drawer */ "./src/drawer/index.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./link */ "./src/link/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./menu */ "./src/menu/index.js");
+/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
+/* harmony import */ var _snackbar__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./snackbar */ "./src/snackbar/index.js");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
+/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
+/* harmony import */ var _toast__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./toast */ "./src/toast/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
+/* harmony import */ var _infochip__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./infochip */ "./src/infochip.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip/index.js");
+/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./themes */ "./src/themes/index.js");
+/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./global_config */ "./src/global_config.js");
 // LICENSE_CODE ZON
 
 
@@ -34811,6 +34814,238 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
+
+/***/ }),
+
+/***/ "./src/drawer/drawer.js":
+/*!******************************!*\
+  !*** ./src/drawer/drawer.js ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Drawer: () => (/* binding */ Drawer)
+/* harmony export */ });
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var rc_drawer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-drawer */ "./node_modules/rc-drawer/es/index.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _modal_modal2__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../modal/modal2 */ "./src/modal/modal2.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+
+
+
+
+
+
+var Drawer = function Drawer(_ref) {
+  var className = _ref.className,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'uikit_drawer' : _ref$classNamePrefix,
+    open = _ref.open,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '45vw' : _ref$width,
+    height = _ref.height,
+    duration = _ref.duration,
+    title = _ref.title,
+    _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? true : _ref$closable,
+    children = _ref.children,
+    footer = _ref.footer,
+    onClose = _ref.onClose,
+    okLabel = _ref.okLabel,
+    onOk = _ref.onOk,
+    okProps = _ref.okProps,
+    cancelLabel = _ref.cancelLabel,
+    onCancel = _ref.onCancel,
+    cancelProps = _ref.cancelProps,
+    _ref$footerVariant = _ref.footerVariant,
+    footerVariant = _ref$footerVariant === void 0 ? 'horizontal' : _ref$footerVariant,
+    afterOpenChange = _ref.afterOpenChange;
+  var theme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
+  var renderCancel = !footer && !!(onCancel && cancelLabel);
+  var renderOk = !footer && !!(onOk && okLabel);
+  var renderFooter = !!footer || renderOk || renderCancel;
+  // Motion
+  var maskMotion = {
+    motionName: "".concat(classNamePrefix, "-mask-motion"),
+    motionAppear: true,
+    motionEnter: true,
+    motionLeave: true,
+    motionDeadline: 500
+  };
+  var motion = function motion(motionPlacement) {
+    return {
+      motionName: "".concat(classNamePrefix, "-panel-motion-").concat(motionPlacement),
+      motionAppear: true,
+      motionEnter: true,
+      motionLeave: true,
+      motionDeadline: 500
+    };
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DrawerStyle, {
+    $prefixCls: classNamePrefix,
+    $theme: theme
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(rc_drawer__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    width: width,
+    height: height,
+    open: open,
+    onClose: onClose,
+    placement: placement,
+    duration: duration,
+    className: className,
+    prefixCls: classNamePrefix,
+    zIndex: _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.drawer,
+    maskClosable: closable,
+    afterOpenChange: afterOpenChange,
+    maskMotion: maskMotion,
+    motion: motion
+  }, closable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_6__.IconButton, {
+    className: "".concat(classNamePrefix, "-close"),
+    size: "xs",
+    icon: "Close",
+    onClick: onClose
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: "".concat(classNamePrefix, "-header")
+  }, !!title && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Header, {
+    className: "".concat(classNamePrefix, "-title"),
+    color: "text"
+  }, title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: "".concat(classNamePrefix, "-body")
+  }, children), renderFooter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: "".concat(classNamePrefix, "-footer")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_modal_modal2__WEBPACK_IMPORTED_MODULE_7__.DialogFooter, {
+    onOk: onOk,
+    onCancel: onCancel,
+    okLabel: okLabel,
+    cancelLabel: cancelLabel,
+    okProps: okProps,
+    cancelProps: cancelProps,
+    variant: footerVariant,
+    footer: footer
+  }))));
+};
+Drawer.propTypes = {
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['right', 'left']),
+  open: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  title: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  closable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  width: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)]),
+  height: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)]),
+  duration: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  footer: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  onClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  okLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  onOk: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  okProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  cancelLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  cancelProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  footerVariant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['vertical', 'horizontal', 'horizontal_full']),
+  afterOpenChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+};
+var DrawerStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{inset:0;position:fixed;pointer-events:none;&-inline{position:absolute;}&-mask{inset:0;position:absolute;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:auto;}&-content-wrapper{position:absolute;overflow:hidden;&-hidden{display:none;}}&-left &-content-wrapper{top:0;bottom:0;left:0;}&-right &-content-wrapper{top:0;right:0;bottom:0;}&-content{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:", ";pointer-events:auto;}&-left &-content{border-right:1px solid ", ";}&-right &-content{border-left:1px solid ", ";}&-close{position:absolute;margin-top:16px;inset-inline-end:16px;z-index:1;background:transparent;}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-body{flex:1;overflow:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-mask-motion{&-enter,&-appear,&-leave{&-start{transition:none;}&-active{transition:all 0.3s;}}&-enter,&-appear{opacity:0;&-active{opacity:1;}}&-leave{opacity:1;&-active{opacity:0;}}}&-panel-motion{&-left,&-right{&-enter,&-appear,&-leave{&-start{transition:none;}&-active{transition:all 0.3s;}}&-enter,&-appear{opacity:0.7;&-active{opacity:1;}}&-leave{opacity:1;&-active{opacity:0.7;}}}&-left{&-enter,&-appear{transform:translateX(-100%);&-active{transform:none;}}&-leave{transform:none;&-active{transform:translateX(-100%);}}}&-right{&-enter,&-appear{transform:translateX(100%);&-active{transform:none;}}&-leave{transform:none;&-active{transform:translateX(100%);}}}}}"], function (_ref2) {
+  var $prefixCls = _ref2.$prefixCls;
+  return $prefixCls;
+}, function (_ref3) {
+  var $theme = _ref3.$theme;
+  return $theme.color.modal_shadow_bg;
+}, function (_ref4) {
+  var $theme = _ref4.$theme;
+  return $theme.color.modal2_shadow_bg;
+}, function (_ref5) {
+  var $theme = _ref5.$theme;
+  return $theme.color.bg_elevated;
+}, function (_ref6) {
+  var $theme = _ref6.$theme;
+  return $theme.color.border_secondary;
+}, function (_ref7) {
+  var $theme = _ref7.$theme;
+  return $theme.color.border_secondary;
+}, function (_ref8) {
+  var $theme = _ref8.$theme;
+  return $theme.spacing['05'];
+}, function (_ref9) {
+  var $theme = _ref9.$theme;
+  return $theme.spacing['08'];
+}, function (_ref10) {
+  var $theme = _ref10.$theme;
+  return $theme.spacing['05'];
+}, function (_ref11) {
+  var $theme = _ref11.$theme;
+  return $theme.spacing['05'];
+}, function (_ref12) {
+  var $theme = _ref12.$theme;
+  return $theme.spacing['06'];
+}, function (_ref13) {
+  var $theme = _ref13.$theme;
+  return $theme.spacing['07'];
+}, function (_ref14) {
+  var $theme = _ref14.$theme;
+  return $theme.spacing['06'];
+}, function (_ref15) {
+  var $theme = _ref15.$theme;
+  return $theme.spacing['07'];
+}, function (_ref16) {
+  var $theme = _ref16.$theme;
+  return $theme.color.text_secondary;
+}, function (_ref17) {
+  var $theme = _ref17.$theme;
+  return $theme.scrollbars.thin;
+}, function (_ref18) {
+  var $theme = _ref18.$theme;
+  return $theme.spacing['05'];
+}, function (_ref19) {
+  var $theme = _ref19.$theme;
+  return $theme.spacing['07'];
+}, function (_ref20) {
+  var $theme = _ref20.$theme;
+  return $theme.spacing['05'];
+}, function (_ref21) {
+  var $theme = _ref21.$theme;
+  return $theme.spacing['07'];
+}, function (_ref22) {
+  var $theme = _ref22.$theme;
+  return $theme.color.border_secondary;
+});
+
+/***/ }),
+
+/***/ "./src/drawer/index.js":
+/*!*****************************!*\
+  !*** ./src/drawer/index.js ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Drawer: () => (/* reexport safe */ _drawer__WEBPACK_IMPORTED_MODULE_0__.Drawer)
+/* harmony export */ });
+/* harmony import */ var _drawer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./drawer */ "./src/drawer/drawer.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
 
 
 /***/ }),
@@ -38347,17 +38582,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ "./src/constants.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
-/* harmony import */ var _upload_base__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./upload_base */ "./src/input/file_uploader/upload_base.js");
-/* harmony import */ var _upload_item__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./upload_item */ "./src/input/file_uploader/upload_item.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./constants */ "./src/input/file_uploader/constants.js");
+/* harmony import */ var rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rc-util/lib/pickAttrs */ "./node_modules/rc-util/lib/pickAttrs.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../constants */ "./src/constants.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
+/* harmony import */ var _upload_base__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./upload_base */ "./src/input/file_uploader/upload_base.js");
+/* harmony import */ var _upload_item__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./upload_item */ "./src/input/file_uploader/upload_item.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./constants */ "./src/input/file_uploader/constants.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
+var _excluded = ["labelId", "label", "labelIcon", "labelTooltip", "labelVariant", "uploadDescription", "necessityIndicator", "className", "antiVirusScanText", "accept", "required", "invalid", "multi", "files", "fileInfoFormatter", "onFileUpload", "onFileDelete", "showDropzone"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+
 
 
 
@@ -38392,12 +38632,13 @@ var FileUploader = function FileUploader(_ref) {
     onFileUpload = _ref.onFileUpload,
     onFileDelete = _ref.onFileDelete,
     _ref$showDropzone = _ref.showDropzone,
-    showDropzone = _ref$showDropzone === void 0 ? true : _ref$showDropzone;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
+    showDropzone = _ref$showDropzone === void 0 ? true : _ref$showDropzone,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, _extends({
     flex_direction: "column",
     className: className,
     gap: "03"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__.InputLabel, {
+  }, (0,rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_2__["default"])(rest)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_5__.InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
@@ -38406,10 +38647,10 @@ var FileUploader = function FileUploader(_ref) {
     necessityIndicator: necessityIndicator,
     classNamePrefix: className,
     variant: labelVariant
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, {
     flex_direction: "column",
     gap: "03"
-  }, showDropzone && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_upload_base__WEBPACK_IMPORTED_MODULE_5__.UploadBase, {
+  }, showDropzone && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_upload_base__WEBPACK_IMPORTED_MODULE_6__.UploadBase, {
     uploadDescription: uploadDescription,
     onFileUpload: onFileUpload,
     multi: multi,
@@ -38417,7 +38658,7 @@ var FileUploader = function FileUploader(_ref) {
     invalid: invalid,
     required: required
   }), files.map(function (file) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_upload_item__WEBPACK_IMPORTED_MODULE_6__.UploadItem, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_upload_item__WEBPACK_IMPORTED_MODULE_7__.UploadItem, _extends({
       key: file.id,
       fileInfoFormatter: fileInfoFormatter,
       antiVirusScanText: antiVirusScanText,
@@ -38437,14 +38678,14 @@ FileUploader.propTypes = {
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   labelVariant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'lg']),
-  necessityIndicator: _constants__WEBPACK_IMPORTED_MODULE_3__.PT_NECESSITY_INDICATOR,
+  necessityIndicator: _constants__WEBPACK_IMPORTED_MODULE_4__.PT_NECESSITY_INDICATOR,
   files: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
     id: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string).isRequired,
     type: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
     createTime: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
     size: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
     name: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-    status: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(Object.values(_constants__WEBPACK_IMPORTED_MODULE_7__.FILE_STATUS)),
+    status: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(Object.values(_constants__WEBPACK_IMPORTED_MODULE_8__.FILE_STATUS)),
     error: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
     progress: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
     icon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
@@ -42954,6 +43195,7 @@ var Popup = (0,_with_backdrop__WEBPACK_IMPORTED_MODULE_4__.withBackdrop)(General
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DialogFooter: () => (/* binding */ DialogFooter),
 /* harmony export */   Modal2: () => (/* binding */ Modal2)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
@@ -43066,8 +43308,7 @@ var Modal2 = function Modal2(_ref) {
     afterClose: afterClose,
     keyboard: false,
     animation: "zoom",
-    maskAnimation: "fade",
-    rootClassName: "test"
+    maskAnimation: "fade"
   }, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(rest)), children));
 };
 Modal2.propTypes = {
@@ -43093,7 +43334,7 @@ Modal2.propTypes = {
   afterClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   icon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node)
 };
-var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{&-root{div[role=\"dialog\"]{margin:10vh auto 0;}}&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade-enter,&-fade-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active{animation-name:rcDialogFadeIn;animation-play-state:running;}&-fade-leave&-fade-leave-active{animation-name:rcDialogFadeOut;animation-play-state:running;}@keyframes rcDialogFadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes rcDialogFadeOut{0%{opacity:1;}100%{opacity:0;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}&-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;margin-top:8px;inset-inline-end:16px;z-index:1;padding:4px;text-decoration:none;background:transparent;border-radius:4px;width:24px;height:24px;border:0;outline:0;cursor:pointer;background-color:", ";svg{color:", ";}&:hover{background-color:", ";svg{color:", ";}}}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-title-wrap{display:flex;flex-direction:row;align-items:center;gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcDialogZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcDialogZoomOut;animation-play-state:running;}@keyframes rcDialogZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcDialogZoomOut{0%{transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], function (_ref2) {
+var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{&-root{div[role=\"dialog\"]{margin:10vh auto 0;}}&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade-enter,&-fade-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active{animation-name:rcDialogFadeIn;animation-play-state:running;}&-fade-leave&-fade-leave-active{animation-name:rcDialogFadeOut;animation-play-state:running;}@keyframes rcDialogFadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes rcDialogFadeOut{0%{opacity:1;}100%{opacity:0;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}&-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;margin-top:8px;inset-inline-end:16px;z-index:1;padding:4px;text-decoration:none;background:transparent;border-radius:4px;width:24px;height:24px;border:0;outline:0;cursor:pointer;svg{color:", ";}&:hover{background-color:", ";svg{color:", ";}}}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-title-wrap{display:flex;flex-direction:row;align-items:center;gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcDialogZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcDialogZoomOut;animation-play-state:running;}@keyframes rcDialogZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcDialogZoomOut{0%{transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;
   return $prefixCls;
 }, function (_ref3) {
@@ -43119,73 +43360,70 @@ var Modal2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   return $theme.shadow.large;
 }, function (_ref10) {
   var color = _ref10.theme.color;
-  return color.icon_button_bg;
+  return color.icon_button_icon_default;
 }, function (_ref11) {
   var color = _ref11.theme.color;
-  return color.icon_button_icon_default;
+  return color.icon_button_bg_hover;
 }, function (_ref12) {
   var color = _ref12.theme.color;
-  return color.icon_button_bg_hover;
-}, function (_ref13) {
-  var color = _ref13.theme.color;
   return color.icon_button_icon_hover;
+}, function (_ref13) {
+  var $theme = _ref13.$theme;
+  return $theme.spacing['03'];
 }, function (_ref14) {
   var $theme = _ref14.$theme;
-  return $theme.spacing['03'];
+  return $theme.spacing['08'];
 }, function (_ref15) {
   var $theme = _ref15.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['03'];
 }, function (_ref16) {
   var $theme = _ref16.$theme;
-  return $theme.spacing['03'];
+  return $theme.spacing['07'];
 }, function (_ref17) {
   var $theme = _ref17.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['03'];
 }, function (_ref18) {
   var $theme = _ref18.$theme;
   return $theme.spacing['03'];
 }, function (_ref19) {
   var $theme = _ref19.$theme;
-  return $theme.spacing['03'];
+  return $theme.spacing['06'];
 }, function (_ref20) {
   var $theme = _ref20.$theme;
-  return $theme.spacing['06'];
+  return $theme.spacing['07'];
 }, function (_ref21) {
   var $theme = _ref21.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['08'];
 }, function (_ref22) {
   var $theme = _ref22.$theme;
-  return $theme.spacing['08'];
+  return $theme.spacing['07'];
 }, function (_ref23) {
   var $theme = _ref23.$theme;
-  return $theme.spacing['07'];
+  return $theme.color.text_secondary;
 }, function (_ref24) {
   var $theme = _ref24.$theme;
-  return $theme.color.text_secondary;
+  return $theme.scrollbars.thin;
 }, function (_ref25) {
   var $theme = _ref25.$theme;
-  return $theme.scrollbars.thin;
+  return $theme.spacing['04'];
 }, function (_ref26) {
   var $theme = _ref26.$theme;
-  return $theme.spacing['04'];
+  return $theme.spacing['07'];
 }, function (_ref27) {
   var $theme = _ref27.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['04'];
 }, function (_ref28) {
   var $theme = _ref28.$theme;
-  return $theme.spacing['04'];
+  return $theme.spacing['07'];
 }, function (_ref29) {
   var $theme = _ref29.$theme;
-  return $theme.spacing['07'];
-}, function (_ref30) {
-  var $theme = _ref30.$theme;
   return $theme.color.border_secondary;
 });
-var DialogHeader = function DialogHeader(_ref31) {
-  var icon = _ref31.icon,
-    title = _ref31.title,
-    subtitle = _ref31.subtitle,
-    prefixCls = _ref31.prefixCls;
+var DialogHeader = function DialogHeader(_ref30) {
+  var icon = _ref30.icon,
+    title = _ref30.title,
+    subtitle = _ref30.subtitle,
+    prefixCls = _ref30.prefixCls;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
     className: "".concat(prefixCls, "-title-wrap")
   }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Header, {
@@ -43195,15 +43433,15 @@ var DialogHeader = function DialogHeader(_ref31) {
     color: "text_tertiary"
   }, subtitle));
 };
-var DialogFooter = function DialogFooter(_ref32) {
-  var onOk = _ref32.onOk,
-    onCancel = _ref32.onCancel,
-    okLabel = _ref32.okLabel,
-    cancelLabel = _ref32.cancelLabel,
-    okProps = _ref32.okProps,
-    cancelProps = _ref32.cancelProps,
-    variant = _ref32.variant,
-    footer = _ref32.footer;
+var DialogFooter = function DialogFooter(_ref31) {
+  var onOk = _ref31.onOk,
+    onCancel = _ref31.onCancel,
+    okLabel = _ref31.okLabel,
+    cancelLabel = _ref31.cancelLabel,
+    okProps = _ref31.okProps,
+    cancelProps = _ref31.cancelProps,
+    variant = _ref31.variant,
+    footer = _ref31.footer;
   var renderCancel = !footer && !!(onCancel && cancelLabel);
   var renderOk = !footer && !!(onOk && okLabel);
   var renderFooter = !!footer || renderOk || renderCancel;
@@ -46800,7 +47038,8 @@ var getRowMenuCellProps = function getRowMenuCellProps(props, _ref3) {
         position: 'sticky',
         right: 0,
         overflow: 'visible'
-      }
+      },
+      isMenuCell: true
     }];
   }
   return props;
@@ -47620,16 +47859,16 @@ var TableCell = function TableCell(props) {
   var doneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     columnDoneEditing(columnId, rowId);
   }, [columnDoneEditing, columnId, rowId]);
+  var cellProps = cell.getCellProps([getColumnProps(column), getCellProps(cell)]);
   var onClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
-    if (isEditable) {
+    if (isEditable || cellProps.isMenuCell) {
       evt.stopPropagation();
       onStartEdit === null || onStartEdit === void 0 || onStartEdit(cell, {
         startEditing: startEditing,
         doneEditing: doneEditing
       });
     }
-  }, [isEditable, onStartEdit, startEditing, doneEditing]);
-  var cellProps = cell.getCellProps([getColumnProps(column), getCellProps(cell)]);
+  }, [isEditable, onStartEdit, startEditing, doneEditing, cellProps.isMenuCell]);
   cellProps.className = (0,_util__WEBPACK_IMPORTED_MODULE_2__.classNames)(null, null, (0,_util__WEBPACK_IMPORTED_MODULE_2__.classNames)(column.className, {
     cell: true
   }), (0,_util__WEBPACK_IMPORTED_MODULE_2__.classNames)(className, {
@@ -48587,7 +48826,12 @@ var componentLight = {
   modal2_shadow_bg: '#11171FB3',
   tab_contained_bg: color.gray_3,
   table_cell_hover: color.gray_3,
-  table_nesting: color.blue_6
+  table_nesting: color.blue_6,
+  tooltip_bg_black: color.gray_12,
+  tooltip_bg_white: color.white,
+  tooltip_text_black: color.white,
+  tooltip_text_white: semanticLight.text_secondary,
+  tooltip_border_white: semanticLight.border
 };
 var lightTheme = _objectSpread(_objectSpread({}, baseTheme), {}, {
   color: _objectSpread(_objectSpread(_objectSpread({}, color), semanticLight), componentLight)
@@ -48720,7 +48964,12 @@ var componentDark = _objectSpread(_objectSpread({}, componentLight), {}, {
   modal2_shadow_bg: '#2F3132B3',
   tab_contained_bg: semanticDark.bg_elevated,
   table_cell_hover: color.gray_11_75,
-  table_nesting: color.blue_8
+  table_nesting: color.blue_8,
+  tooltip_bg_black: color.gray_11_50,
+  tooltip_bg_white: color.white,
+  tooltip_text_black: color.white,
+  tooltip_text_white: color.gray_11_50,
+  tooltip_border_white: semanticDark.border
 });
 var darkTheme = _objectSpread(_objectSpread({}, baseTheme), {}, {
   color: _objectSpread(_objectSpread(_objectSpread({}, color), semanticDark), componentDark)
@@ -49758,70 +50007,70 @@ var Tooltip2Style = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.createGlob
   return $theme.font_size.sm;
 }, function (_ref10) {
   var $theme = _ref10.$theme;
-  return $theme.color.black;
+  return $theme.color.tooltip_text_white;
 }, function (_ref11) {
   var $theme = _ref11.$theme;
-  return $theme.color.white;
+  return $theme.color.tooltip_bg_white;
 }, function (_ref12) {
   var $theme = _ref12.$theme;
-  return $theme.color.border;
+  return $theme.color.tooltip_border_white;
 }, function (_ref13) {
   var $theme = _ref13.$theme;
-  return $theme.color.border;
+  return $theme.color.tooltip_border_white;
 }, function (_ref14) {
   var $theme = _ref14.$theme;
-  return $theme.color.white;
+  return $theme.color.tooltip_bg_white;
 }, function (_ref15) {
   var $theme = _ref15.$theme;
-  return $theme.color.border;
+  return $theme.color.tooltip_border_white;
 }, function (_ref16) {
   var $theme = _ref16.$theme;
-  return $theme.color.white;
+  return $theme.color.tooltip_bg_white;
 }, function (_ref17) {
   var $theme = _ref17.$theme;
-  return $theme.color.border;
+  return $theme.color.tooltip_border_white;
 }, function (_ref18) {
   var $theme = _ref18.$theme;
-  return $theme.color.white;
+  return $theme.color.tooltip_bg_white;
 }, function (_ref19) {
   var $theme = _ref19.$theme;
-  return $theme.color.border;
+  return $theme.color.tooltip_border_white;
 }, function (_ref20) {
   var $theme = _ref20.$theme;
-  return $theme.color.white;
+  return $theme.color.tooltip_bg_white;
 }, function (_ref21) {
   var $theme = _ref21.$theme;
-  return $theme.color.white;
+  return $theme.color.tooltip_text_black;
 }, function (_ref22) {
   var $theme = _ref22.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 }, function (_ref23) {
   var $theme = _ref23.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 }, function (_ref24) {
   var $theme = _ref24.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 }, function (_ref25) {
   var $theme = _ref25.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 }, function (_ref26) {
   var $theme = _ref26.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 }, function (_ref27) {
   var $theme = _ref27.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 }, function (_ref28) {
   var $theme = _ref28.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 }, function (_ref29) {
   var $theme = _ref29.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 }, function (_ref30) {
   var $theme = _ref30.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 }, function (_ref31) {
   var $theme = _ref31.$theme;
-  return $theme.color.gray_11_50;
+  return $theme.color.tooltip_bg_black;
 });
 
 /***/ }),
@@ -68684,6 +68933,573 @@ function offset(el) {
 
 /***/ }),
 
+/***/ "./node_modules/rc-drawer/es/Drawer.js":
+/*!*********************************************!*\
+  !*** ./node_modules/rc-drawer/es/Drawer.js ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _rc_component_portal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/portal */ "./node_modules/@rc-component/portal/es/index.js");
+/* harmony import */ var rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-util/es/hooks/useLayoutEffect */ "./node_modules/rc-util/es/hooks/useLayoutEffect.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./node_modules/rc-drawer/es/context.js");
+/* harmony import */ var _DrawerPopup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DrawerPopup */ "./node_modules/rc-drawer/es/DrawerPopup.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./util */ "./node_modules/rc-drawer/es/util.js");
+
+
+
+
+
+
+
+
+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__WEBPACK_IMPORTED_MODULE_4__.useState(false),
+    _React$useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState, 2),
+    animatedVisible = _React$useState2[0],
+    setAnimatedVisible = _React$useState2[1];
+
+  // ============================= Warn =============================
+  if (true) {
+    (0,_util__WEBPACK_IMPORTED_MODULE_7__.warnCheck)(props);
+  }
+
+  // ============================= Open =============================
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_4__.useState(false),
+    _React$useState4 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_React$useState3, 2),
+    mounted = _React$useState4[0],
+    setMounted = _React$useState4[1];
+  (0,rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_3__["default"])(function () {
+    setMounted(true);
+  }, []);
+  var mergedOpen = mounted ? open : false;
+
+  // ============================ Focus =============================
+  var popupRef = react__WEBPACK_IMPORTED_MODULE_4__.useRef();
+  var lastActiveRef = react__WEBPACK_IMPORTED_MODULE_4__.useRef();
+  (0,rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_3__["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__WEBPACK_IMPORTED_MODULE_4__.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,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__["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__WEBPACK_IMPORTED_MODULE_4__.createElement(_context__WEBPACK_IMPORTED_MODULE_5__.RefContext.Provider, {
+    value: refContext
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__.createElement(_rc_component_portal__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    open: mergedOpen || forceRender || animatedVisible,
+    autoDestroy: false,
+    getContainer: getContainer,
+    autoLock: mask && (mergedOpen || animatedVisible)
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__.createElement(_DrawerPopup__WEBPACK_IMPORTED_MODULE_6__["default"], drawerPopupProps)));
+};
+if (true) {
+  Drawer.displayName = 'Drawer';
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Drawer);
+
+/***/ }),
+
+/***/ "./node_modules/rc-drawer/es/DrawerPanel.js":
+/*!**************************************************!*\
+  !*** ./node_modules/rc-drawer/es/DrawerPanel.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./node_modules/rc-drawer/es/context.js");
+/* harmony import */ var rc_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rc-util/es/pickAttrs */ "./node_modules/rc-util/es/pickAttrs.js");
+/* harmony import */ var rc_util_es_ref__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-util/es/ref */ "./node_modules/rc-util/es/ref.js");
+
+
+var _excluded = ["prefixCls", "className", "containerRef"];
+
+
+
+
+
+var DrawerPanel = function DrawerPanel(props) {
+  var prefixCls = props.prefixCls,
+    className = props.className,
+    containerRef = props.containerRef,
+    restProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(props, _excluded);
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_3__.useContext(_context__WEBPACK_IMPORTED_MODULE_4__.RefContext),
+    panelRef = _React$useContext.panel;
+  var mergedRef = (0,rc_util_es_ref__WEBPACK_IMPORTED_MODULE_6__.useComposeRef)(panelRef, containerRef);
+
+  // =============================== Render ===============================
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__.createElement("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    className: classnames__WEBPACK_IMPORTED_MODULE_2___default()("".concat(prefixCls, "-content"), className),
+    role: "dialog",
+    ref: mergedRef
+  }, (0,rc_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_5__["default"])(props, {
+    aria: true
+  }), {
+    "aria-modal": "true"
+  }, restProps));
+};
+if (true) {
+  DrawerPanel.displayName = 'DrawerPanel';
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DrawerPanel);
+
+/***/ }),
+
+/***/ "./node_modules/rc-drawer/es/DrawerPopup.js":
+/*!**************************************************!*\
+  !*** ./node_modules/rc-drawer/es/DrawerPopup.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var rc_motion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rc-motion */ "./node_modules/rc-motion/es/index.js");
+/* harmony import */ var rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rc-util/es/KeyCode */ "./node_modules/rc-util/es/KeyCode.js");
+/* harmony import */ var rc_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rc-util/es/pickAttrs */ "./node_modules/rc-util/es/pickAttrs.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./context */ "./node_modules/rc-drawer/es/context.js");
+/* harmony import */ var _DrawerPanel__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./DrawerPanel */ "./node_modules/rc-drawer/es/DrawerPanel.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./util */ "./node_modules/rc-drawer/es/util.js");
+
+
+
+
+
+
+
+
+
+
+
+
+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__WEBPACK_IMPORTED_MODULE_8__.useRef();
+  var sentinelStartRef = react__WEBPACK_IMPORTED_MODULE_8__.useRef();
+  var sentinelEndRef = react__WEBPACK_IMPORTED_MODULE_8__.useRef();
+  react__WEBPACK_IMPORTED_MODULE_8__.useImperativeHandle(ref, function () {
+    return panelRef.current;
+  });
+  var onPanelKeyDown = function onPanelKeyDown(event) {
+    var keyCode = event.keyCode,
+      shiftKey = event.shiftKey;
+    switch (keyCode) {
+      // Tab active
+      case rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_6__["default"].TAB:
+        {
+          if (keyCode === rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_6__["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 rc_util_es_KeyCode__WEBPACK_IMPORTED_MODULE_6__["default"].ESC:
+        {
+          if (onClose && keyboard) {
+            event.stopPropagation();
+            onClose(event);
+          }
+          break;
+        }
+    }
+  };
+
+  // ========================== Control ===========================
+  // Auto Focus
+  react__WEBPACK_IMPORTED_MODULE_8__.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__WEBPACK_IMPORTED_MODULE_8__.useState(false),
+    _React$useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__["default"])(_React$useState, 2),
+    pushed = _React$useState2[0],
+    setPushed = _React$useState2[1];
+  var parentContext = react__WEBPACK_IMPORTED_MODULE_8__.useContext(_context__WEBPACK_IMPORTED_MODULE_9__["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__WEBPACK_IMPORTED_MODULE_8__.useMemo(function () {
+    return {
+      pushDistance: pushDistance,
+      push: function push() {
+        setPushed(true);
+      },
+      pull: function pull() {
+        setPushed(false);
+      }
+    };
+  }, [pushDistance]);
+
+  // ========================= ScrollLock =========================
+  // Tell parent to push
+  react__WEBPACK_IMPORTED_MODULE_8__.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__WEBPACK_IMPORTED_MODULE_8__.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 = mask && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(rc_motion__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({
+    key: "mask"
+  }, maskMotion, {
+    visible: open
+  }), function (_ref2, maskRef) {
+    var motionMaskClassName = _ref2.className,
+      motionMaskStyle = _ref2.style;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(prefixCls, "-mask"), motionMaskClassName, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.mask, maskClassName),
+      style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__["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__WEBPACK_IMPORTED_MODULE_11__.parseWidthHeight)(width);
+  } else {
+    wrapperStyle.height = (0,_util__WEBPACK_IMPORTED_MODULE_11__.parseWidthHeight)(height);
+  }
+  var eventHandlers = {
+    onMouseEnter: onMouseEnter,
+    onMouseOver: onMouseOver,
+    onMouseLeave: onMouseLeave,
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp
+  };
+  var panelNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(rc_motion__WEBPACK_IMPORTED_MODULE_5__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["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__WEBPACK_IMPORTED_MODULE_8__.createElement(_DrawerPanel__WEBPACK_IMPORTED_MODULE_10__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({
+      id: id,
+      containerRef: motionRef,
+      prefixCls: prefixCls,
+      className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(className, drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.content),
+      style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__["default"])({}, style), styles === null || styles === void 0 ? void 0 : styles.content)
+    }, (0,rc_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_7__["default"])(props, {
+      aria: true
+    }), eventHandlers), children);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement("div", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({
+      className: classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(prefixCls, "-content-wrapper"), drawerClassNames === null || drawerClassNames === void 0 ? void 0 : drawerClassNames.wrapper, motionClassName),
+      style: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__["default"])({}, wrapperStyle), motionStyle), styles === null || styles === void 0 ? void 0 : styles.wrapper)
+    }, (0,rc_util_es_pickAttrs__WEBPACK_IMPORTED_MODULE_7__["default"])(props, {
+      data: true
+    })), drawerRender ? drawerRender(content) : content);
+  });
+
+  // =========================== Render ===========================
+  var containerStyle = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_2__["default"])({}, rootStyle);
+  if (zIndex) {
+    containerStyle.zIndex = zIndex;
+  }
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(_context__WEBPACK_IMPORTED_MODULE_9__["default"].Provider, {
+    value: mergedContext
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_4___default()(prefixCls, "".concat(prefixCls, "-").concat(placement), rootClassName, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])((0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, "".concat(prefixCls, "-open"), open), "".concat(prefixCls, "-inline"), inline)),
+    style: containerStyle,
+    tabIndex: -1,
+    ref: panelRef,
+    onKeyDown: onPanelKeyDown
+  }, maskNode, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement("div", {
+    tabIndex: 0,
+    ref: sentinelStartRef,
+    style: sentinelStyle,
+    "aria-hidden": "true",
+    "data-sentinel": "start"
+  }), panelNode, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement("div", {
+    tabIndex: 0,
+    ref: sentinelEndRef,
+    style: sentinelStyle,
+    "aria-hidden": "true",
+    "data-sentinel": "end"
+  })));
+}
+var RefDrawerPopup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.forwardRef(DrawerPopup);
+if (true) {
+  RefDrawerPopup.displayName = 'DrawerPopup';
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RefDrawerPopup);
+
+/***/ }),
+
+/***/ "./node_modules/rc-drawer/es/context.js":
+/*!**********************************************!*\
+  !*** ./node_modules/rc-drawer/es/context.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RefContext: () => (/* binding */ RefContext),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+var DrawerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext(null);
+var RefContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createContext({});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DrawerContext);
+
+/***/ }),
+
+/***/ "./node_modules/rc-drawer/es/index.js":
+/*!********************************************!*\
+  !*** ./node_modules/rc-drawer/es/index.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _Drawer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Drawer */ "./node_modules/rc-drawer/es/Drawer.js");
+// export this package's api
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Drawer__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./node_modules/rc-drawer/es/util.js":
+/*!*******************************************!*\
+  !*** ./node_modules/rc-drawer/es/util.js ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   parseWidthHeight: () => (/* binding */ parseWidthHeight),
+/* harmony export */   warnCheck: () => (/* binding */ warnCheck)
+/* harmony export */ });
+/* harmony import */ var rc_util_es_warning__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rc-util/es/warning */ "./node_modules/rc-util/es/warning.js");
+/* harmony import */ var rc_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-util/es/Dom/canUseDom */ "./node_modules/rc-util/es/Dom/canUseDom.js");
+
+
+function parseWidthHeight(value) {
+  if (typeof value === 'string' && String(Number(value)) === value) {
+    (0,rc_util_es_warning__WEBPACK_IMPORTED_MODULE_0__["default"])(false, 'Invalid value type of `width` or `height` which should be number type instead.');
+    return Number(value);
+  }
+  return value;
+}
+function warnCheck(props) {
+  (0,rc_util_es_warning__WEBPACK_IMPORTED_MODULE_0__["default"])(!('wrapperClassName' in props), "'wrapperClassName' is removed. Please use 'rootClassName' instead.");
+  (0,rc_util_es_warning__WEBPACK_IMPORTED_MODULE_0__["default"])((0,rc_util_es_Dom_canUseDom__WEBPACK_IMPORTED_MODULE_1__["default"])() || !props.open, "Drawer with 'open' in SSR is not work since no place to createPortal. Please move to 'useEffect' instead.");
+}
+
+/***/ }),
+
 /***/ "./node_modules/rc-motion/es/CSSMotion.js":
 /*!************************************************!*\
   !*** ./node_modules/rc-motion/es/CSSMotion.js ***!
@@ -131683,6 +132499,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   CodeBlock: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.CodeBlock),
 /* harmony export */   CodeSnippet: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.CodeSnippet),
 /* harmony export */   ComboButton: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.ComboButton),
+/* harmony export */   Drawer: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Drawer),
 /* harmony export */   Icon: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Icon),
 /* harmony export */   IconButton: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.IconButton),
 /* harmony export */   InfoChip: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.InfoChip),