@para-ui/core 3.0.28 → 3.0.30

package/Drawer/index.js

@@ -1,23 +1,23 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcDrawer from 'rc-drawer';
-import clsx from 'clsx';
 import { Button } from '../Button/index.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
+import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Down';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
 import '@para-ui/core/GlobalContext';
@@ -37,84 +37,76 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drawer {\n  position: fixed;\n  z-index: 1000;\n  transition: width 0s ease 0.3s, height 0s ease 0.3s;\n}\n.paraui-v3-drawer.component-drawer-open {\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.paraui-v3-drawer .component-drawer-mask {\n  background: rgba(0, 0, 0, 0.45);\n  opacity: 0;\n  width: 100%;\n  height: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: opacity 0.3s linear, height 0s ease 0.3s;\n  pointer-events: none;\n}\n.paraui-v3-drawer .component-drawer-content-wrapper {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.paraui-v3-drawer .component-drawer-content {\n  overflow: auto;\n  z-index: 1;\n  position: relative;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body {\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: none;\n  height: 60px;\n  padding: 0 24px;\n  font-size: 16px;\n  font-weight: 700;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n  margin-left: 16px;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-content {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n  word-wrap: break-word;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-footer {\n  display: flex;\n  align-items: center;\n  flex: none;\n  padding: 16px 24px;\n  font-size: 16px;\n  color: rgb(46, 55, 67);\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer .component-drawer-handle {\n  position: absolute;\n  top: 72px;\n  width: 41px;\n  height: 40px;\n  cursor: pointer;\n  z-index: 0;\n  text-align: center;\n  line-height: 40px;\n  font-size: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: rgb(255, 255, 255);\n}\n.paraui-v3-drawer .component-drawer-handle-icon {\n  width: 14px;\n  height: 2px;\n  background: #333;\n  position: relative;\n  transition: background 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.paraui-v3-drawer .component-drawer-handle-icon:before, .paraui-v3-drawer .component-drawer-handle-icon:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  background: #333;\n  width: 100%;\n  height: 2px;\n  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.paraui-v3-drawer .component-drawer-handle-icon:before {\n  top: -5px;\n}\n.paraui-v3-drawer .component-drawer-handle-icon:after {\n  top: 5px;\n}\n.paraui-v3-drawer.component-drawer-left, .paraui-v3-drawer.component-drawer-right {\n  width: 0%;\n  height: 100%;\n}\n.paraui-v3-drawer.component-drawer-left .component-drawer-content-wrapper, .paraui-v3-drawer.component-drawer-right .component-drawer-content-wrapper, .paraui-v3-drawer.component-drawer-left .component-drawer-content, .paraui-v3-drawer.component-drawer-right .component-drawer-content {\n  height: 100%;\n}\n.paraui-v3-drawer.component-drawer-left.component-drawer-open, .paraui-v3-drawer.component-drawer-right.component-drawer-open {\n  width: 100%;\n}\n.paraui-v3-drawer.component-drawer-left.component-drawer-open.no-mask, .paraui-v3-drawer.component-drawer-right.component-drawer-open.no-mask {\n  width: 0%;\n}\n.paraui-v3-drawer.component-drawer-left {\n  top: 0;\n  left: 0;\n}\n.paraui-v3-drawer.component-drawer-left .component-drawer-handle {\n  right: -40px;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-drawer.component-drawer-left.component-drawer-open .component-drawer-content-wrapper {\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-v3-drawer.component-drawer-right {\n  top: 0;\n  right: 0;\n}\n.paraui-v3-drawer.component-drawer-right .component-drawer-content-wrapper {\n  right: 0;\n}\n.paraui-v3-drawer.component-drawer-right .component-drawer-handle {\n  left: -40px;\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-drawer.component-drawer-right.component-drawer-open .component-drawer-content-wrapper {\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-v3-drawer.component-drawer-right.component-drawer-open.no-mask {\n  right: 1px;\n  transform: translateX(1px);\n}\n.paraui-v3-drawer.component-drawer-top, .paraui-v3-drawer.component-drawer-bottom {\n  width: 100%;\n  height: 0%;\n}\n.paraui-v3-drawer.component-drawer-top .component-drawer-content-wrapper, .paraui-v3-drawer.component-drawer-bottom .component-drawer-content-wrapper, .paraui-v3-drawer.component-drawer-top .component-drawer-content, .paraui-v3-drawer.component-drawer-bottom .component-drawer-content {\n  width: 100%;\n}\n.paraui-v3-drawer.component-drawer-top .component-drawer-content, .paraui-v3-drawer.component-drawer-bottom .component-drawer-content {\n  height: 100%;\n}\n.paraui-v3-drawer.component-drawer-top.component-drawer-open, .paraui-v3-drawer.component-drawer-bottom.component-drawer-open {\n  height: 100%;\n}\n.paraui-v3-drawer.component-drawer-top.component-drawer-open.no-mask, .paraui-v3-drawer.component-drawer-bottom.component-drawer-open.no-mask {\n  height: 0%;\n}\n.paraui-v3-drawer.component-drawer-top .component-drawer-handle, .paraui-v3-drawer.component-drawer-bottom .component-drawer-handle {\n  left: 50%;\n  margin-left: -20px;\n}\n.paraui-v3-drawer.component-drawer-top {\n  top: 0;\n  left: 0;\n}\n.paraui-v3-drawer.component-drawer-top .component-drawer-handle {\n  top: auto;\n  bottom: -40px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v3-drawer.component-drawer-top.component-drawer-open .component-drawer-content-wrapper {\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-v3-drawer.component-drawer-bottom {\n  bottom: 0;\n  left: 0;\n}\n.paraui-v3-drawer.component-drawer-bottom .component-drawer-content-wrapper {\n  bottom: 0;\n}\n.paraui-v3-drawer.component-drawer-bottom .component-drawer-handle {\n  top: -40px;\n  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px 4px 0 0;\n}\n.paraui-v3-drawer.component-drawer-bottom.component-drawer-open .component-drawer-content-wrapper {\n  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-v3-drawer.component-drawer-bottom.component-drawer-open.no-mask {\n  bottom: 1px;\n  transform: translateY(1px);\n}\n.paraui-v3-drawer.component-drawer-open.component-drawer .component-drawer-mask {\n  opacity: 1;\n  height: 100%;\n  transition: none;\n  animation: componentDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n  pointer-events: auto;\n}\n.paraui-v3-drawer.component-drawer.component-drawer-open .component-drawer-handle-icon {\n  background: transparent;\n}\n.paraui-v3-drawer.component-drawer.component-drawer-open .component-drawer-handle-icon:before {\n  transform: translateY(5px) rotate(45deg);\n}\n.paraui-v3-drawer.component-drawer.component-drawer-open .component-drawer-handle-icon:after {\n  transform: translateY(-5px) rotate(-45deg);\n}\n\n@keyframes componentDrawerFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description drawer样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drawer {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  pointer-events: none;\n}\n\n.paraui-v3-drawer-inline {\n  position: absolute;\n}\n\n.paraui-v3-drawer-mask {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  background: rgba(0, 0, 0, 0.45);\n  pointer-events: auto;\n}\n\n.paraui-v3-drawer-content-wrapper {\n  position: absolute;\n  z-index: 1000;\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-content-wrapper-hidden {\n  display: none;\n}\n\n.paraui-v3-drawer-left > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-right > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-top > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  left: 0;\n  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-bottom > .paraui-v3-drawer-content-wrapper {\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-content {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  pointer-events: auto;\n}\n.paraui-v3-drawer-content .drawer-content-body {\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: none;\n  height: 60px;\n  padding: 0 24px;\n  font-size: 16px;\n  font-weight: 700;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n  margin-left: 16px;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-content {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n  word-wrap: break-word;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-footer {\n  display: flex;\n  align-items: center;\n  flex: none;\n  padding: 16px 24px;\n  font-size: 16px;\n  color: rgb(46, 55, 67);\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n\n.panel-motion-enter-start,\n.panel-motion-appear-start,\n.panel-motion-leave-start {\n  transition: none;\n}\n\n.panel-motion-enter-active,\n.panel-motion-appear-active,\n.panel-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active,\n.paraui-v3-drawer-mask-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter,\n.paraui-v3-drawer-mask-motion-appear {\n  opacity: 0;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active {\n  opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave {\n  opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave-active {\n  opacity: 0;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start,\n.paraui-v3-drawer-panel-motion-left-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active,\n.paraui-v3-drawer-panel-motion-left-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start {\n  transform: translateX(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave-active {\n  transform: translateX(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start,\n.paraui-v3-drawer-panel-motion-right-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active,\n.paraui-v3-drawer-panel-motion-right-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start {\n  transform: translateX(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave-active {\n  transform: translateX(100%);\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start,\n.paraui-v3-drawer-panel-motion-top-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active,\n.paraui-v3-drawer-panel-motion-top-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start {\n  transform: translateY(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave-active {\n  transform: translateY(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start,\n.paraui-v3-drawer-panel-motion-bottom-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active,\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start {\n  transform: translateY(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n  transform: translateY(100%);\n}";
 styleInject(css_248z);
 
+//drawer 抽屉
 var Drawer = function Drawer(props) {
   props.className;
-      var onClose = props.onClose,
-      _props$destroyOnClose = props.destroyOnClose,
-      destroyOnClose = _props$destroyOnClose === void 0 ? false : _props$destroyOnClose,
-      style = props.style,
-      title = props.title,
-      extra = props.extra,
-      _props$showExtra = props.showExtra,
-      showExtra = _props$showExtra === void 0 ? true : _props$showExtra,
-      footer = props.footer,
-      children = props.children,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'large' : _props$size,
-      onOk = props.onOk,
-      onCancel = props.onCancel,
-      _afterVisibleChange = props.afterVisibleChange,
-      okButtonProps = props.okButtonProps,
-      cancelButtonProps = props.cancelButtonProps,
-      restProps = __rest(props, ["className", "onClose", "destroyOnClose", "style", "title", "extra", "showExtra", "footer", "children", "size", "onOk", "onCancel", "afterVisibleChange", "okButtonProps", "cancelButtonProps"]);
-
+    var onClose = props.onClose,
+    _props$destroyOnClose = props.destroyOnClose,
+    destroyOnClose = _props$destroyOnClose === void 0 ? false : _props$destroyOnClose,
+    style = props.style,
+    title = props.title,
+    extra = props.extra,
+    _props$showExtra = props.showExtra,
+    showExtra = _props$showExtra === void 0 ? true : _props$showExtra,
+    footer = props.footer,
+    children = props.children,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    onOk = props.onOk,
+    onCancel = props.onCancel,
+    afterVisibleChange = props.afterVisibleChange,
+    okButtonProps = props.okButtonProps,
+    cancelButtonProps = props.cancelButtonProps,
+    _props$push = props.push,
+    push = _props$push === void 0 ? {
+      distance: 180
+    } : _props$push,
+    restProps = __rest(props, ["className", "onClose", "destroyOnClose", "style", "title", "extra", "showExtra", "footer", "children", "size", "onOk", "onCancel", "afterVisibleChange", "okButtonProps", "cancelButtonProps", "push"]);
   var intl = useFormatMessage('Drawer', localeJson);
-
   var _React$useState = React__default.useState(0),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      setRefresh = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    setRefresh = _React$useState2[1];
   var destroyCloseRef = React__default.useRef(false); //销毁标识
   //设置drawer width、height
-
   var getOffsetStyle = function getOffsetStyle() {
     if (!props.open) {
       return {};
     }
-
     var sizeMap = {
       large: '1008px',
       medium: '608px',
       small: '400px'
     };
     var offsetStyle = {};
-
     if (props.placement === 'left' || props.placement === 'right') {
       var defaultWidth = sizeMap[size];
-
       if (size !== 'auto') {
         offsetStyle.width = props.width === undefined ? defaultWidth : props.width;
       }
     } else {
       var defaultHeight = size === 'large' ? 736 : 378;
-
       if (size !== 'auto') {
         offsetStyle.height = props.height === undefined ? defaultHeight : props.height;
       }
     }
-
     return offsetStyle;
-  }; //关闭回调
-
-
+  };
+  //关闭回调
   var handleClose = function handleClose(e) {
     onClose === null || onClose === void 0 ? void 0 : onClose(e);
-  }; //确定回调
-
-
+  };
+  //确定回调
   var handleOk = function handleOk() {
     onOk === null || onOk === void 0 ? void 0 : onOk();
-  }; //取消回调
-
-
+  };
+  //取消回调
   var handleCancel = function handleCancel() {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-  }; //标题节点
-
-
+  };
+  //标题节点
   var titleNode = jsxs("div", Object.assign({
     className: 'drawer-body-header'
   }, {
@@ -147,9 +139,8 @@ var Drawer = function Drawer(props) {
         })
       }))
     })]
-  })); //渲染内容
-
-
+  }));
+  //渲染内容
   var renderContent = function renderContent() {
     if (!title && !footer) return children;
     return jsxs("div", Object.assign({
@@ -166,26 +157,42 @@ var Drawer = function Drawer(props) {
       }))]
     }));
   };
-
   if (destroyCloseRef.current) {
     destroyCloseRef.current = false;
     return null;
   }
-
+  var maskMotion = {
+    motionName: $prefixCls + '-drawer-mask-motion',
+    motionAppear: true,
+    motionEnter: true,
+    motionLeave: true,
+    motionDeadline: 500
+  };
+  var panelMotion = function panelMotion(motionPlacement) {
+    return {
+      motionName: $prefixCls + "-drawer-panel-motion-".concat(motionPlacement),
+      motionAppear: true,
+      motionEnter: true,
+      motionLeave: true,
+      motionDeadline: 500
+    };
+  };
   return jsx(RcDrawer, Object.assign({}, restProps, getOffsetStyle(), {
     style: style,
-    prefixCls: "".concat($rcPrefixCls, "-drawer"),
-    className: clsx("".concat($prefixCls, "-drawer"), props.className),
+    maskMotion: maskMotion,
+    motion: panelMotion,
+    push: push,
+    prefixCls: "".concat($prefixCls, "-drawer"),
+    rootClassName: props.className,
     onClose: handleClose,
-    afterVisibleChange: function afterVisibleChange(open) {
+    afterOpenChange: function afterOpenChange(open) {
       if (open) {
         destroyCloseRef.current = false;
       } else if (destroyOnClose) {
         destroyCloseRef.current = true;
         setRefresh(Math.random());
       }
-
-      _afterVisibleChange === null || _afterVisibleChange === void 0 ? void 0 : _afterVisibleChange(open);
+      afterVisibleChange === null || afterVisibleChange === void 0 ? void 0 : afterVisibleChange(open);
     }
   }, {
     children: renderContent()

package/Drawer/interface.d.ts

@@ -5,9 +5,9 @@ import { ButtonProps } from "../Button";
  * @date 2021/11/8 下午3:07
  * @description
  */
-declare type GetContainer = string | HTMLElement | (() => HTMLElement) | false;
-declare type ILevelMove = number | [number, number];
-declare type IPlacement = 'left' | 'top' | 'right' | 'bottom';
+type GetContainer = string | HTMLElement | (() => HTMLElement) | false;
+type ILevelMove = number | [number, number];
+type IPlacement = 'left' | 'top' | 'right' | 'bottom';
 export interface DrawerProps {
     /** 类名 */
     className?: string;
@@ -83,6 +83,10 @@ export interface DrawerProps {
     okButtonProps?: ButtonProps;
     /** 取消按钮属性*/
     cancelButtonProps?: ButtonProps;
+    /** 设置多层抽屉的推动行为  默认值 { distance: 180 }*/
+    push?: boolean | {
+        distance: string | number;
+    };
     [name: string]: any;
 }
 export {};

package/Dropdown/index.d.ts

@@ -5,7 +5,7 @@
  */
 import React, { FC } from 'react';
 import './index.scss';
-export declare type Placement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight";
+export type Placement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight";
 export interface DropdownProps {
     /** 触发下拉的行为 */
     trigger?: ('click' | 'hover' | 'contextMenu')[];

package/Dropdown/index.js

@@ -1,10 +1,10 @@
 import 'react/jsx-runtime';
 import 'react';
 import 'rc-dropdown';
-import '../_verture/constant-bf34e6fa.js';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/constant-66aa48a1.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'clsx';
-export { D as Dropdown, D as default } from '../_verture/index-bbed73a3.js';
+export { D as Dropdown, D as default } from '../_verture/index-be4faaee.js';
 import '@paraview/lib';
 import 'dayjs';
 import '../_verture/style-inject.es-300983ab.js';

package/Empty/index.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
-import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react';
 import '@para-ui/core/GlobalContext';
@@ -572,29 +572,26 @@ styleInject(css_248z);
 var imageMap = {
   'large': jsx(LargeNull, {}),
   'small': jsx(SmallNull, {})
-}; //empty空状态
-
+};
+//empty空状态
 var Empty = function Empty(props) {
   var _useGlobalProps = useGlobalProps(props, 'Empty'),
-      className = _useGlobalProps.className,
-      style = _useGlobalProps.style,
-      _useGlobalProps$size = _useGlobalProps.size,
-      size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
-      imageStyle = _useGlobalProps.imageStyle,
-      _useGlobalProps$image = _useGlobalProps.image,
-      image = _useGlobalProps$image === void 0 ? imageMap[size] : _useGlobalProps$image,
-      description = _useGlobalProps.description,
-      _useGlobalProps$showR = _useGlobalProps.showRefresh,
-      showRefresh = _useGlobalProps$showR === void 0 ? false : _useGlobalProps$showR,
-      onRefresh = _useGlobalProps.onRefresh,
-      customEmpty = _useGlobalProps.customEmpty;
-
+    className = _useGlobalProps.className,
+    style = _useGlobalProps.style,
+    _useGlobalProps$size = _useGlobalProps.size,
+    size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
+    imageStyle = _useGlobalProps.imageStyle,
+    _useGlobalProps$image = _useGlobalProps.image,
+    image = _useGlobalProps$image === void 0 ? imageMap[size] : _useGlobalProps$image,
+    description = _useGlobalProps.description,
+    _useGlobalProps$showR = _useGlobalProps.showRefresh,
+    showRefresh = _useGlobalProps$showR === void 0 ? false : _useGlobalProps$showR,
+    onRefresh = _useGlobalProps.onRefresh,
+    customEmpty = _useGlobalProps.customEmpty;
   var intl = useFormatMessage('Empty', localeJson);
-
   var handleClick = function handleClick(e) {
     onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh(e);
   };
-
   var des = typeof description !== 'undefined' ? description : intl({
     id: 'noData'
   });
@@ -613,7 +610,6 @@ var Empty = function Empty(props) {
       })
     }))]
   })) : null;
-
   if (typeof image === 'string') {
     imageNode = jsx("img", {
       src: image,
@@ -622,7 +618,6 @@ var Empty = function Empty(props) {
   } else {
     imageNode = image;
   }
-
   return jsx("div", Object.assign({
     className: clsx("".concat($prefixCls, "-empty"), className, "".concat($prefixCls, "-empty-").concat(size)),
     style: style

package/Form/index.d.ts

@@ -11,7 +11,7 @@ interface FormHtmlProps extends FormHTMLAttributes<HTMLFormElement> {
 /**
  * 配置项项类型
  */
-export declare type configListProps = Array<FormItemProps>;
+export type configListProps = Array<FormItemProps>;
 /**
  * form 表单组件属性
  * @typedef {object} FormProps