tdesign-react 0.19.0 → 0.20.2

package/es/dialog/style/index.css

@@ -398,7 +398,7 @@
   -webkit-animation-play-state: paused;
           animation-play-state: paused;
 }
-.t-dialog-zoom__vue-enter-active .t-dialog-mask {
+.t-dialog-zoom__vue-enter-active .t-dialog__mask {
   -webkit-animation-name: tDialogMaskIn;
           animation-name: tDialogMaskIn;
   -webkit-animation-play-state: running;
@@ -418,7 +418,7 @@
   -webkit-animation-play-state: paused;
           animation-play-state: paused;
 }
-.t-dialog-zoom__vue-leave-active .t-dialog-mask {
+.t-dialog-zoom__vue-leave-active .t-dialog__mask {
   -webkit-animation-name: tDialogMaskOut;
           animation-name: tDialogMaskOut;
   -webkit-animation-play-state: running;
@@ -535,7 +535,6 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  word-spacing: -6px;
   word-break: break-word;
 }
 .t-dialog__header > h5 {
@@ -610,11 +609,11 @@
 .t-dialog__close:active {
   background: var(--td-bg-color-container-active);
 }
-.t-dialog-ctx {
+.t-dialog__ctx {
   pointer-events: none;
   outline: none;
 }
-.t-dialog-ctx.t-dialog-ctx--fixed {
+.t-dialog__ctx.t-dialog__ctx--fixed {
   position: fixed;
   top: 0;
   left: 0;
@@ -622,19 +621,19 @@
   height: 100%;
   z-index: 2500;
 }
-.t-dialog-ctx.t-is-visable {
+.t-dialog__ctx.t-is-visable {
   visibility: visible;
 }
-.t-dialog-ctx.t-not-visable {
+.t-dialog__ctx.t-is-hidden {
   visibility: hidden;
 }
-.t-dialog-ctx.t-is-display {
+.t-dialog__ctx.t-is-display {
   display: block;
 }
-.t-dialog-ctx.t-not-display {
+.t-dialog__ctx.t-not-display {
   display: none;
 }
-.t-dialog-ctx .t-dialog-mask {
+.t-dialog__ctx .t-dialog__mask {
   position: absolute;
   top: 0;
   left: 0;
@@ -644,19 +643,19 @@
   background: var(--td-mask-active);
   pointer-events: auto;
 }
-.t-dialog-ctx .t-dialog-mask--hidden {
+.t-dialog__ctx .t-is-hidden {
   background: none;
 }
-.t-dialog-ctx .t-dialog {
+.t-dialog__ctx .t-dialog {
   pointer-events: auto;
   z-index: 5;
   border: 1px solid var(--td-border-level-1-color);
 }
-.t-dialog-ctx .t-dialog.t-dialog--fixed {
+.t-dialog__ctx .t-dialog.t-dialog--fixed {
   position: fixed;
   z-index: 2500;
 }
-.t-dialog-ctx .t-dialog--top {
+.t-dialog__ctx .t-dialog--top {
   top: 20%;
   left: 50%;
   -webkit-transform-origin: -25% 25%;
@@ -664,7 +663,7 @@
   -webkit-transform: translate(-50%, 0);
           transform: translate(-50%, 0);
 }
-.t-dialog-ctx .t-dialog--center {
+.t-dialog__ctx .t-dialog--center {
   top: 50%;
   left: 50%;
   -webkit-transform-origin: -25% -25%;

package/es/dialog/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/dialog/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { ButtonProps } from '../button';
 import { TNode, AttachNode } from '../common';

package/es/dialog/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/divider/Divider.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-b3d60655.js';
+import { _ as _defineProperty } from '../_chunks/dep-2e97cc0d.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-3d9b45dc.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -14,9 +14,9 @@ import '../locale/zh_CN.js';
 
 var _excluded = ["theme", "dashed", "align", "className", "style", "children"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Divider = function Divider(props) {
   var _classNames;
@@ -39,7 +39,7 @@ var Divider = function Divider(props) {
     className: dividerClassNames,
     style: style
   }, otherDividerProps), children ? /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(classPrefix, "-divider-inner-text")
+    className: "".concat(classPrefix, "-divider__inner-text")
   }, children) : null);
 };
 

package/es/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../src/divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../common';\nimport { TdDividerProps } from './type';\n\n/**\n * Divider 组件支持的属性。\n */\nexport interface DividerProps extends TdDividerProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 分割线组件\n */\nconst Divider = (props: DividerProps) => {\n  const { theme = 'horizontal', dashed, align = 'center', className, style, children, ...otherDividerProps } = props;\n\n  const { classPrefix } = useConfig();\n  const dividerClassNames = classNames(`${classPrefix}-divider`, className, {\n    [`${classPrefix}-divider--horizontal`]: theme === 'horizontal',\n    [`${classPrefix}-divider--vertical`]: theme === 'vertical',\n    [`${classPrefix}-divider--dashed`]: !!dashed,\n    [`${classPrefix}-divider--with-text`]: !!children,\n    [`${classPrefix}-divider--with-text-${align}`]: !!children,\n  });\n\n  return (\n    <div className={dividerClassNames} style={style} {...otherDividerProps}>\n      {children ? <span className={`${classPrefix}-divider-inner-text`}>{children}</span> : null}\n    </div>\n  );\n};\n\nDivider.displayName = 'Divider';\n\nexport default Divider;\n"],"names":["Divider","props","theme","dashed","align","className","style","children","otherDividerProps","useConfig","classPrefix","dividerClassNames","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;IAmBMA,UAAU,SAAVA,OAAU,CAACC,KAAD,EAAyB;AAAA;;qBACsEA,MAArGC;MAAAA,kCAAQ;MAAcC,SAA+EF,MAA/EE;qBAA+EF,MAAvEG;MAAAA,kCAAQ;MAAUC,YAAqDJ,MAArDI;MAAWC,QAA0CL,MAA1CK;MAAOC,WAAmCN,MAAnCM;MAAaC,6CAAsBP;;mBAErFQ;MAAhBC,yBAAAA;;MACFC,oBAAoBC,qBAAcF,0BAAuBL,qEACzDK,sCAAoCR,UAAU,sDAC9CQ,oCAAkCR,UAAU,oDAC5CQ,kCAAgC,CAAC,CAACP,gDAClCO,qCAAmC,CAAC,CAACH,kDACrCG,4CAAkCN,QAAU,CAAC,CAACG;qDAIjD;AAAIF,IAAAA,WAAWM;AAAmBL,IAAAA,OAAAA;KAAkBE,oBAClDD,uDAAY,QAAD;AAAMF,IAAAA,qBAAcK;AAApB,KAAuDH,YAAmB;;;AAK5FP,QAAQa,WAAR,GAAsB,SAAtB;;;;"}
+{"version":3,"file":"Divider.js","sources":["../../src/divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../common';\nimport { TdDividerProps } from './type';\n\n/**\n * Divider 组件支持的属性。\n */\nexport interface DividerProps extends TdDividerProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 分割线组件\n */\nconst Divider = (props: DividerProps) => {\n  const { theme = 'horizontal', dashed, align = 'center', className, style, children, ...otherDividerProps } = props;\n\n  const { classPrefix } = useConfig();\n  const dividerClassNames = classNames(`${classPrefix}-divider`, className, {\n    [`${classPrefix}-divider--horizontal`]: theme === 'horizontal',\n    [`${classPrefix}-divider--vertical`]: theme === 'vertical',\n    [`${classPrefix}-divider--dashed`]: !!dashed,\n    [`${classPrefix}-divider--with-text`]: !!children,\n    [`${classPrefix}-divider--with-text-${align}`]: !!children,\n  });\n\n  return (\n    <div className={dividerClassNames} style={style} {...otherDividerProps}>\n      {children ? <span className={`${classPrefix}-divider__inner-text`}>{children}</span> : null}\n    </div>\n  );\n};\n\nDivider.displayName = 'Divider';\n\nexport default Divider;\n"],"names":["Divider","props","theme","dashed","align","className","style","children","otherDividerProps","useConfig","classPrefix","dividerClassNames","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;IAmBMA,UAAU,SAAVA,OAAU,CAACC,KAAD,EAAyB;AAAA;;qBACsEA,MAArGC;MAAAA,kCAAQ;MAAcC,SAA+EF,MAA/EE;qBAA+EF,MAAvEG;MAAAA,kCAAQ;MAAUC,YAAqDJ,MAArDI;MAAWC,QAA0CL,MAA1CK;MAAOC,WAAmCN,MAAnCM;MAAaC,6CAAsBP;;mBAErFQ;MAAhBC,yBAAAA;;MACFC,oBAAoBC,qBAAcF,0BAAuBL,qEACzDK,sCAAoCR,UAAU,sDAC9CQ,oCAAkCR,UAAU,oDAC5CQ,kCAAgC,CAAC,CAACP,gDAClCO,qCAAmC,CAAC,CAACH,kDACrCG,4CAAkCN,QAAU,CAAC,CAACG;qDAIjD;AAAIF,IAAAA,WAAWM;AAAmBL,IAAAA,OAAAA;KAAkBE,oBAClDD,uDAAY,QAAD;AAAMF,IAAAA,qBAAcK;AAApB,KAAwDH,YAAmB;;;AAK7FP,QAAQa,WAAR,GAAsB,SAAtB;;;;"}

package/es/divider/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,8 +7,8 @@
 import Divider$1 from './Divider.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-53c6c586.js';
-import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-3d9b45dc.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';

package/es/divider/style/index.css

@@ -295,7 +295,7 @@
   border-top: 0;
   white-space: nowrap;
 }
-.t-divider--with-text .t-divider-inner-text {
+.t-divider--with-text .t-divider__inner-text {
   padding: 0 1em;
   display: inline-block;
 }

package/es/divider/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/divider/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { TNode } from '../common';
 export interface TdDividerProps {

package/es/divider/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/drawer/Drawer.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
-import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
+import { _ as _defineProperty } from '../_chunks/dep-2e97cc0d.js';
+import { _ as _slicedToArray } from '../_chunks/dep-85854991.js';
 import React__default, { forwardRef, useContext, useRef, useState, useImperativeHandle, useEffect } from 'react';
 import classNames from 'classnames';
 import { CloseIcon } from 'tdesign-icons-react';
@@ -16,12 +16,12 @@ import hasScrollbar from '../_util/hasScrollBar.js';
 import DrawerWrapper from './DrawerWrapper.js';
 import { Button } from '../button/index.js';
 import ConfigContext from '../config-provider/ConfigContext.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-38c06164.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-3d9b45dc.js';
 import '../locale/zh_CN.js';
 import '../common/Portal.js';
-import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-759bc4af.js';
 import 'react-dom';
 import '../button/Button.js';
 import '../_util/noop.js';
@@ -32,20 +32,22 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-615797a6.js';
-import '../_chunks/dep-2e526f70.js';
-import '../_chunks/dep-b6fbc66d.js';
-import '../_chunks/dep-364c042d.js';
-import '../_chunks/dep-6b2b86ea.js';
-import '../_chunks/dep-7d91d695.js';
+import '../_chunks/dep-14d83b52.js';
+import '../_chunks/dep-00ccaf0c.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
+import '../_chunks/dep-c5dffd03.js';
 import '../_util/easing.js';
+import '../loading/gradient.js';
 import './style/css.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../button/type.js';
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CloseTriggerType = {
   CLICK_OVERLAY: "overlay",
   CLICK_CLOSE_BTN: "close-btn",
@@ -217,8 +219,8 @@ var Drawer = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }
 
-  var drawerClass = classNames(prefixCls, className, "".concat(prefixCls, "-").concat(placement), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-open"), visible), _defineProperty(_classnames, "".concat(prefixCls, "-attach"), showInAttachedElement), _defineProperty(_classnames, "".concat(prefixCls, "-no-mask"), !showOverlay), _classnames));
-  var contentWrapperClass = classNames("".concat(prefixCls, "__content-wrapper"), "".concat(prefixCls, "__content-wrapper-").concat(placement));
+  var drawerClass = classNames(prefixCls, className, "".concat(prefixCls, "--").concat(placement), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "--open"), visible), _defineProperty(_classnames, "".concat(prefixCls, "--attach"), showInAttachedElement), _defineProperty(_classnames, "".concat(prefixCls, "--without-mask"), !showOverlay), _classnames));
+  var contentWrapperClass = classNames("".concat(prefixCls, "__content-wrapper"), "".concat(prefixCls, "__content-wrapper--").concat(placement));
   var contentWrapperStyle = {
     transform: visible ? "translateX(0)" : void 0,
     width: ["left", "right"].includes(placement) ? getSizeValue(size) : "",
@@ -230,12 +232,12 @@ var Drawer = /*#__PURE__*/forwardRef(function (props, ref) {
     var defaultCancelBtn = /* @__PURE__ */React__default.createElement(Button, {
       theme: "default",
       onClick: onCancelClick,
-      className: "".concat(prefixCls, "-cancel")
+      className: "".concat(prefixCls, "__cancel")
     }, cancelText);
     var defaultConfirmBtn = /* @__PURE__ */React__default.createElement(Button, {
       theme: "primary",
       onClick: onConfirmClick,
-      className: "".concat(prefixCls, "-confirm")
+      className: "".concat(prefixCls, "__confirm")
     }, confirmText);
     var renderCancelBtn = cancelBtn && /*#__PURE__*/React__default.isValidElement(cancelBtn) ? cancelBtn : defaultCancelBtn;
     var renderConfirmBtn = confirmBtn && /*#__PURE__*/React__default.isValidElement(confirmBtn) ? confirmBtn : defaultConfirmBtn;

package/es/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../src/drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useState, useContext, useEffect, useImperativeHandle, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { CloseIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { ConfigContext } from '../config-provider';\nimport getScrollbarWidth from '../_util/getScrollbarWidth';\nimport hasScrollBar from '../_util/hasScrollBar';\nimport { TdDrawerProps, DrawerEventSource } from './type';\nimport { StyledProps } from '../common';\nimport DrawerWrapper from './DrawerWrapper';\nimport Button from '../button';\n\nexport const CloseTriggerType: { [key: string]: DrawerEventSource } = {\n  CLICK_OVERLAY: 'overlay',\n  CLICK_CLOSE_BTN: 'close-btn',\n  CLICK_CANCEL_BTN: 'cancel',\n  KEYDOWN_ESC: 'esc',\n};\n\nexport interface DrawerProps extends TdDrawerProps, StyledProps {}\n\nconst getSizeValue = (size: string): string => {\n  const defaultSize = isNaN(Number(size)) ? size : `${size}px`;\n  return (\n    {\n      small: '300px',\n      medium: '500px',\n      large: '760px',\n    }[size] || defaultSize\n  );\n};\n\nconst Drawer = forwardRef((props: DrawerProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    style,\n    visible,\n    attach = '',\n    showOverlay,\n    size,\n    placement,\n    onCancel,\n    onConfirm,\n    onClose,\n    onCloseBtnClick,\n    onOverlayClick,\n    onEscKeydown,\n    showInAttachedElement,\n    closeOnOverlayClick,\n    closeOnEscKeydown,\n    children,\n    header,\n    body,\n    footer,\n    closeBtn,\n    cancelBtn,\n    confirmBtn,\n    zIndex,\n    destroyOnClose,\n    mode,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('drawer');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const { classPrefix } = useContext(ConfigContext);\n  const containerRef = useRef<HTMLDivElement>();\n  const contentWrapperRef = useRef<HTMLDivElement>();\n  const drawerRef = useRef<HTMLElement>(); // 即最终的 attach dom，默认为 document.body\n  const prefixCls = `${classPrefix}-drawer`;\n\n  const transform = visible ? 'translate(0px)' : '';\n  const closeIcon = React.isValidElement(closeBtn) ? closeBtn : <CloseIcon />;\n\n  const [isDestroyOnClose, setIsDestroyOnClose] = useState(false);\n\n  useImperativeHandle(ref, () => containerRef.current);\n\n  // 重置销毁钩子判断\n  useEffect(() => {\n    if (!destroyOnClose || !visible) return;\n    setIsDestroyOnClose(false);\n  }, [visible, destroyOnClose]);\n\n  useEffect(() => {\n    let documentBodyCssText = '';\n\n    if (visible) {\n      if (attach !== '' && hasScrollBar()) {\n        // 处理滚动条宽度导致晃动的问题。\n        const scrollbarWidth = getScrollbarWidth();\n        documentBodyCssText = `overflow: hidden; width: calc(100% - ${scrollbarWidth}px);`;\n\n        if (mode !== 'push') {\n          // 这里做简单的性能优化，如果是 body 那么在下面 mode=push 的模式下，一起使用 cssText 设置，减少重绘重排\n          document.body.style.cssText = documentBodyCssText;\n        }\n      }\n    }\n\n    if (mode === 'push') {\n      drawerRef.current.style.cssText = 'transition: margin 300ms cubic-bezier(0.7, 0.3, 0.1, 1) 0s';\n\n      const marginStr = {\n        left: `margin: 0 0 0 ${getSizeValue(size)}`,\n        right: `margin: 0 0 0 -${getSizeValue(size)}`,\n        top: `margin: ${getSizeValue(size)} 0 0 0`,\n        bottom: `margin: -${getSizeValue(size)} 0 0 0`,\n      }[placement];\n\n      if (visible) {\n        drawerRef.current.style.cssText += marginStr;\n      } else {\n        drawerRef.current.style.cssText = drawerRef.current.style.cssText.replace(/margin:.+;/, '');\n      }\n    }\n\n    if (contentWrapperRef.current) {\n      // 聚焦到 Drawer 最外层元素即 containerRef.current，KeyDown 事件才有效。\n      containerRef.current.focus();\n\n      contentWrapperRef.current.style.transform = transform;\n    }\n  }, [attach, mode, transform, visible, placement, size]);\n\n  function onMaskClick(e: React.MouseEvent<HTMLDivElement>) {\n    onOverlayClick?.({ e });\n    closeOnOverlayClick && onClose?.({ e, trigger: CloseTriggerType.CLICK_OVERLAY });\n  }\n  function onClickCloseBtn(e: React.MouseEvent<HTMLDivElement>) {\n    onCloseBtnClick?.({ e });\n    onClose?.({ e, trigger: CloseTriggerType.CLICK_CLOSE_BTN });\n  }\n  function onKeyDownEsc(e: React.KeyboardEvent<HTMLDivElement>) {\n    if (e.key !== 'Escape') return;\n\n    onEscKeydown?.({ e });\n    closeOnEscKeydown && onClose?.({ e, trigger: CloseTriggerType.KEYDOWN_ESC });\n  }\n  function onCancelClick(e: React.MouseEvent<HTMLButtonElement>) {\n    onCancel?.({ e });\n    onClose?.({ e, trigger: CloseTriggerType.CLICK_CANCEL_BTN });\n  }\n  function onConfirmClick(e: React.MouseEvent<HTMLButtonElement>) {\n    onConfirm?.({ e });\n  }\n\n  function onTransitionEnd() {\n    if (!visible) {\n      // 重置样式\n      document.body.style.display = 'none';\n      document.body.style.overflow = '';\n      document.body.style.width = '';\n      document.body.style.margin = '';\n      document.body.style.display = 'block';\n\n      destroyOnClose && setIsDestroyOnClose(true);\n    }\n  }\n\n  const drawerClass = classnames(prefixCls, className, `${prefixCls}-${placement}`, {\n    [`${prefixCls}-open`]: visible,\n    [`${prefixCls}-attach`]: showInAttachedElement,\n    [`${prefixCls}-no-mask`]: !showOverlay,\n  });\n\n  const contentWrapperClass = classnames(`${prefixCls}__content-wrapper`, `${prefixCls}__content-wrapper-${placement}`);\n  const contentWrapperStyle = {\n    transform: visible ? 'translateX(0)' : undefined,\n    width: ['left', 'right'].includes(placement) ? getSizeValue(size) : '',\n    height: ['top', 'bottom'].includes(placement) ? getSizeValue(size) : '',\n  };\n\n  function getFooter(): React.ReactNode {\n    if (footer !== true) return footer;\n\n    const defaultCancelBtn = (\n      <Button theme=\"default\" onClick={onCancelClick} className={`${prefixCls}-cancel`}>\n        {cancelText}\n      </Button>\n    );\n\n    const defaultConfirmBtn = (\n      <Button theme=\"primary\" onClick={onConfirmClick} className={`${prefixCls}-confirm`}>\n        {confirmText}\n      </Button>\n    );\n\n    const renderCancelBtn = cancelBtn && React.isValidElement(cancelBtn) ? cancelBtn : defaultCancelBtn;\n    const renderConfirmBtn = confirmBtn && React.isValidElement(confirmBtn) ? confirmBtn : defaultConfirmBtn;\n\n    const footerStyle = {\n      display: 'flex',\n      justifyContent: placement === 'right' ? 'flex-start' : 'flex-end',\n    };\n\n    return (\n      <div style={footerStyle}>\n        {placement === 'right' ? renderConfirmBtn : null}\n        {renderCancelBtn}\n        {placement !== 'right' ? renderConfirmBtn : null}\n      </div>\n    );\n  }\n\n  const renderOverlay = showOverlay ? <div className={`${prefixCls}__mask`} onClick={onMaskClick} /> : null;\n  const renderCloseBtn = closeBtn ? (\n    <div onClick={onClickCloseBtn} className={`${prefixCls}__close-btn`}>\n      {closeIcon}\n    </div>\n  ) : null;\n  const renderHeader = header && <div className={`${prefixCls}__header`}>{header}</div>;\n  const renderBody = <div className={`${prefixCls}__body`}>{body || children}</div>;\n  const renderFooter = footer && <div className={`${prefixCls}__footer`}>{getFooter()}</div>;\n\n  if (isDestroyOnClose && !visible) return null;\n\n  return (\n    <DrawerWrapper attach={attach} ref={drawerRef}>\n      <div\n        ref={containerRef}\n        className={drawerClass}\n        style={{ zIndex, ...style }}\n        tabIndex={0} // https://stackoverflow.com/questions/43503964/onkeydown-event-not-working-on-divs-in-react\n        onKeyDown={onKeyDownEsc}\n        onTransitionEnd={onTransitionEnd}\n      >\n        {renderOverlay}\n        <div ref={contentWrapperRef} className={contentWrapperClass} style={contentWrapperStyle}>\n          {renderCloseBtn}\n          {renderHeader}\n          {renderBody}\n          {renderFooter}\n        </div>\n      </div>\n    </DrawerWrapper>\n  );\n});\n\nDrawer.defaultProps = {\n  attach: '',\n  closeBtn: true,\n  closeOnOverlayClick: true,\n  closeOnEscKeydown: true,\n  size: 'small',\n  placement: 'right',\n  mode: 'overlay',\n  destroyOnClose: false,\n  showOverlay: true,\n  header: undefined,\n  footer: true,\n};\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n"],"names":["CloseTriggerType","CLICK_OVERLAY","CLICK_CLOSE_BTN","CLICK_CANCEL_BTN","KEYDOWN_ESC","getSizeValue","size","defaultSize","isNaN","Number","small","medium","large","Drawer","forwardRef","props","ref","className","style","visible","attach","showOverlay","placement","onCancel","onConfirm","onClose","onCloseBtnClick","onOverlayClick","onEscKeydown","showInAttachedElement","closeOnOverlayClick","closeOnEscKeydown","children","header","body","footer","closeBtn","cancelBtn","confirmBtn","zIndex","destroyOnClose","mode","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","useContext","ConfigContext","classPrefix","containerRef","useRef","contentWrapperRef","drawerRef","prefixCls","transform","closeIcon","React","isValidElement","CloseIcon","useState","isDestroyOnClose","setIsDestroyOnClose","current","documentBodyCssText","hasScrollBar","scrollbarWidth","getScrollbarWidth","cssText","marginStr","left","right","top","bottom","replace","focus","e","trigger","key","display","overflow","width","margin","drawerClass","classnames","contentWrapperClass","contentWrapperStyle","includes","height","defaultCancelBtn","Button","theme","onClick","onCancelClick","defaultConfirmBtn","onConfirmClick","renderCancelBtn","renderConfirmBtn","footerStyle","justifyContent","renderOverlay","onMaskClick","renderCloseBtn","onClickCloseBtn","renderHeader","renderBody","renderFooter","getFooter","DrawerWrapper","tabIndex","onKeyDown","onKeyDownEsc","onTransitionEnd","defaultProps","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaaA,mBAAyD;AACpEC,EAAAA,eAAe,SADqD;AAEpEC,EAAAA,iBAAiB,WAFmD;AAGpEC,EAAAA,kBAAkB,QAHkD;AAIpEC,EAAAA,aAAa;AAJuD;;AAStE,IAAMC,eAAe,SAAfA,YAAe,CAACC,IAAD,EAA0B;MACvCC,cAAcC,MAAMC,OAAOH,MAAb,GAAsBA,IAAtB,aAAgCA,IAAhC;SAElB;AACEI,IAAAA,OAAO,OADT;AAEEC,IAAAA,QAAQ,OAFV;AAGEC,IAAAA,OAAO;AAHT,IAIEN,IAJF,KAIWC;CAPf;;IAWMM,sBAASC,WAAW,UAACC,KAAD,EAAqBC,GAArB,EAAwD;AAAA;;MAE9EC,YA0BEF,MA1BFE;MACAC,QAyBEH,MAzBFG;MACAC,UAwBEJ,MAxBFI;sBAwBEJ,MAvBFK;MAAAA,oCAAS;MACTC,cAsBEN,MAtBFM;MACAf,OAqBES,MArBFT;MACAgB,YAoBEP,MApBFO;MACAC,WAmBER,MAnBFQ;MACAC,YAkBET,MAlBFS;MACAC,UAiBEV,MAjBFU;MACAC,kBAgBEX,MAhBFW;MACAC,iBAeEZ,MAfFY;MACAC,eAcEb,MAdFa;MACAC,wBAaEd,MAbFc;MACAC,sBAYEf,MAZFe;MACAC,oBAWEhB,MAXFgB;MACAC,WAUEjB,MAVFiB;MACAC,SASElB,MATFkB;MACAC,OAQEnB,MARFmB;MACAC,SAOEpB,MAPFoB;MACAC,WAMErB,MANFqB;MACAC,YAKEtB,MALFsB;MACAC,aAIEvB,MAJFuB;MACAC,SAGExB,MAHFwB;MACAC,iBAEEzB,MAFFyB;MACAC,OACE1B,MADF0B;;2BAIiBC,kBAAkB;;MAA9BC;MAAOC;;MACRC,cAAcD,EAAED,MAAMG;MACtBC,aAAaH,EAAED,MAAMK;;oBAEHC,WAAWC;MAA3BC,0BAAAA;;MACFC,eAAeC;MACfC,oBAAoBD;MACpBE,YAAYF;MACZG,sBAAeL;MAEfM,YAAYtC,UAAU,mBAAmB;MACzCuC,yBAAYC,eAAMC,cAAN,CAAqBxB,QAArB,IAAiCA,QAAjC,+CAA6CyB,WAAD;;kBAEdC,SAAS;;MAAlDC;MAAkBC;;sBAELhD,KAAK;AAAA,WAAMoC,aAAaa,OAAnB;AAAA;YAGf,YAAM;QACV,CAACzB,cAAD,IAAmB,CAACrB;wBACJ;KACnB,CAACA,OAAD,EAAUqB,cAAV;YAEO,YAAM;QACV0B,sBAAsB;;QAEtB/C,SAAS;UACPC,WAAW,EAAX,IAAiB+C,gBAAgB;YAE7BC,iBAAiBC;6EACuCD;;YAE1D3B,SAAS,QAAQ;mBAEVP,KAAKhB,MAAMoD,UAAUJ;;;;;QAKhCzB,SAAS,QAAQ;gBACTwB,QAAQ/C,MAAMoD,UAAU;UAE5BC,YAAY;AAChBC,QAAAA,8BAAuBnE,aAAaC,MADpB;AAEhBmE,QAAAA,gCAAyBpE,aAAaC,MAFtB;AAGhBoE,QAAAA,uBAAgBrE,aAAaC,gBAHb;AAIhBqE,QAAAA,2BAAoBtE,aAAaC;AAJjB,QAKhBgB,SALgB;;UAOdH,SAAS;kBACD8C,QAAQ/C,MAAMoD,WAAWC;aAC9B;kBACKN,QAAQ/C,MAAMoD,UAAUf,UAAUU,OAAV,CAAkB/C,KAAlB,CAAwBoD,OAAxB,CAAgCM,OAAhC,CAAwC,YAAxC,EAAsD,EAAtD;;;;QAIlCtB,kBAAkBW,SAAS;mBAEhBA,QAAQY;wBAEHZ,QAAQ/C,MAAMuC,YAAYA;;KAE7C,CAACrC,MAAD,EAASqB,IAAT,EAAegB,SAAf,EAA0BtC,OAA1B,EAAmCG,SAAnC,EAA8ChB,IAA9C;;uBAEkBwE,GAAqC;mFACvC;AAAEA,MAAAA,GAAAA;AAAF;4BACMrD,oBAAAA,8BAAAA,QAAU;AAAEqD,MAAAA,GAAAA,CAAF;AAAKC,MAAAA,SAAS/E,iBAAiBC;AAA/B;;;2BAEV6E,GAAqC;sFAC1C;AAAEA,MAAAA,GAAAA;AAAF;8DACR;AAAEA,MAAAA,GAAAA,CAAF;AAAKC,MAAAA,SAAS/E,iBAAiBE;AAA/B;;;wBAEU4E,GAAwC;QACxDA,EAAEE,GAAF,KAAU;6EAEC;AAAEF,MAAAA,GAAAA;AAAF;0BACMrD,oBAAAA,8BAAAA,QAAU;AAAEqD,MAAAA,GAAAA,CAAF;AAAKC,MAAAA,SAAS/E,iBAAiBI;AAA/B;;;yBAEV0E,GAAwC;iEAClD;AAAEA,MAAAA,GAAAA;AAAF;8DACD;AAAEA,MAAAA,GAAAA,CAAF;AAAKC,MAAAA,SAAS/E,iBAAiBG;AAA/B;;;0BAEY2E,GAAwC;oEAClD;AAAEA,MAAAA,GAAAA;AAAF;;;6BAGa;QACrB,CAAC3D,SAAS;eAEHe,KAAKhB,MAAM+D,UAAU;eACrB/C,KAAKhB,MAAMgE,WAAW;eACtBhD,KAAKhB,MAAMiE,QAAQ;eACnBjD,KAAKhB,MAAMkE,SAAS;eACpBlD,KAAKhB,MAAM+D,UAAU;wBAEZjB,oBAAoB;;;;MAIpCqB,cAAcC,WAAW9B,WAAWvC,qBAAcuC,uBAAalC,sEAC/DkC,qBAAmBrC,iDACnBqC,uBAAqB3B,+DACrB2B,wBAAsB,CAACnC;MAGvBkE,sBAAsBD,qBAAc9B,2CAAiCA,wCAA8BlC;MACnGkE,sBAAsB;AAC1B/B,IAAAA,WAAWtC,UAAU,kBAAkB,MADb;AAE1BgE,IAAAA,OAAO,CAAC,MAAD,EAAS,OAAT,EAAkBM,QAAlB,CAA2BnE,SAA3B,IAAwCjB,aAAaC,KAArD,GAA6D,EAF1C;AAG1BoF,IAAAA,QAAQ,CAAC,KAAD,EAAQ,QAAR,EAAkBD,QAAlB,CAA2BnE,SAA3B,IAAwCjB,aAAaC,KAArD,GAA6D;AAH3C;;uBAMU;QAChC6B,WAAW,aAAaA;QAEtBwD,+DACHC,QAAD;AAAQC,MAAAA,OAAM,SAAd;AAAwBC,MAAAA,SAASC,aAAjC;AAAgD9E,MAAAA,qBAAcuC;AAA9D,OACGT;QAICiD,gEACHJ,QAAD;AAAQC,MAAAA,OAAM,SAAd;AAAwBC,MAAAA,SAASG,cAAjC;AAAiDhF,MAAAA,qBAAcuC;AAA/D,OACGX;QAICqD,kBAAkB7D,0BAAasB,eAAMC,cAAN,CAAqBvB,SAArB,CAAb,GAA+CA,SAA/C,GAA2DsD;QAC7EQ,mBAAmB7D,2BAAcqB,eAAMC,cAAN,CAAqBtB,UAArB,CAAd,GAAiDA,UAAjD,GAA8D0D;QAEjFI,cAAc;AAClBnB,MAAAA,SAAS,MADS;AAElBoB,MAAAA,gBAAgB/E,cAAc,OAAd,GAAwB,YAAxB,GAAuC;AAFrC;uDAMjB,OAAD;AAAKJ,MAAAA,OAAOkF;AAAZ,OACG9E,cAAc,OAAd,GAAwB6E,gBAAxB,GAA2C,MAC3CD,iBACA5E,cAAc,OAAd,GAAwB6E,gBAAxB,GAA2C;;;MAK5CG,gBAAgBjF,0DAAe,OAAD;AAAKJ,IAAAA,qBAAcuC,oBAAnB;AAAsCsC,IAAAA,SAASS;AAA/C,OAAiE;MAC/FC,iBAAiBpE,uDACpB,OAAD;AAAK0D,IAAAA,SAASW,eAAd;AAA+BxF,IAAAA,qBAAcuC;AAA7C,KACGE,aAED;MACEgD,eAAezE,sDAAW,OAAD;AAAKhB,IAAAA,qBAAcuC;AAAnB,KAAyCvB;MAClE0E,yDAAc,OAAD;AAAK1F,IAAAA,qBAAcuC;AAAnB,KAAuCtB,QAAQF;MAC5D4E,eAAezE,sDAAW,OAAD;AAAKlB,IAAAA,qBAAcuC;AAAnB,KAAyCqD;MAEpE9C,oBAAoB,CAAC5C,gBAAgB;qDAGtC2F,eAAD;AAAe1F,IAAAA,QAAAA,MAAf;AAA+BJ,IAAAA,KAAKuC;AAApC,iDACG,OAAD;AACEvC,IAAAA,KAAKoC,YADP;AAEEnC,IAAAA,WAAWoE,WAFb;AAGEnE,IAAAA;AAASqB,MAAAA,QAAAA;OAAWrB,MAHtB;AAIE6F,IAAAA,UAAU,CAJZ;AAKEC,IAAAA,WAAWC,YALb;AAMEC,IAAAA,iBAAAA;AANF,KAQGZ,2DACA,OAAD;AAAKtF,IAAAA,KAAKsC,iBAAV;AAA6BrC,IAAAA,WAAWsE,mBAAxC;AAA6DrE,IAAAA,OAAOsE;AAApE,KACGgB,gBACAE,cACAC,YACAC;;AAOX/F,OAAOsG,YAAP,GAAsB;AACpB/F,EAAAA,QAAQ,EADY;AAEpBgB,EAAAA,UAAU,IAFU;AAGpBN,EAAAA,qBAAqB,IAHD;AAIpBC,EAAAA,mBAAmB,IAJC;AAKpBzB,EAAAA,MAAM,OALc;AAMpBgB,EAAAA,WAAW,OANS;AAOpBmB,EAAAA,MAAM,SAPc;AAQpBD,EAAAA,gBAAgB,KARI;AASpBnB,EAAAA,aAAa,IATO;AAUpBY,EAAAA,QAAQ,MAVY;AAWpBE,EAAAA,QAAQ;AAXY,CAAtB;AAcAtB,OAAOuG,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Drawer.js","sources":["../../src/drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useState, useContext, useEffect, useImperativeHandle, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { CloseIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { ConfigContext } from '../config-provider';\nimport getScrollbarWidth from '../_util/getScrollbarWidth';\nimport hasScrollBar from '../_util/hasScrollBar';\nimport { TdDrawerProps, DrawerEventSource } from './type';\nimport { StyledProps } from '../common';\nimport DrawerWrapper from './DrawerWrapper';\nimport Button from '../button';\n\nexport const CloseTriggerType: { [key: string]: DrawerEventSource } = {\n  CLICK_OVERLAY: 'overlay',\n  CLICK_CLOSE_BTN: 'close-btn',\n  CLICK_CANCEL_BTN: 'cancel',\n  KEYDOWN_ESC: 'esc',\n};\n\nexport interface DrawerProps extends TdDrawerProps, StyledProps {}\n\nconst getSizeValue = (size: string): string => {\n  const defaultSize = isNaN(Number(size)) ? size : `${size}px`;\n  return (\n    {\n      small: '300px',\n      medium: '500px',\n      large: '760px',\n    }[size] || defaultSize\n  );\n};\n\nconst Drawer = forwardRef((props: DrawerProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    style,\n    visible,\n    attach = '',\n    showOverlay,\n    size,\n    placement,\n    onCancel,\n    onConfirm,\n    onClose,\n    onCloseBtnClick,\n    onOverlayClick,\n    onEscKeydown,\n    showInAttachedElement,\n    closeOnOverlayClick,\n    closeOnEscKeydown,\n    children,\n    header,\n    body,\n    footer,\n    closeBtn,\n    cancelBtn,\n    confirmBtn,\n    zIndex,\n    destroyOnClose,\n    mode,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('drawer');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const { classPrefix } = useContext(ConfigContext);\n  const containerRef = useRef<HTMLDivElement>();\n  const contentWrapperRef = useRef<HTMLDivElement>();\n  const drawerRef = useRef<HTMLElement>(); // 即最终的 attach dom，默认为 document.body\n  const prefixCls = `${classPrefix}-drawer`;\n\n  const transform = visible ? 'translate(0px)' : '';\n  const closeIcon = React.isValidElement(closeBtn) ? closeBtn : <CloseIcon />;\n\n  const [isDestroyOnClose, setIsDestroyOnClose] = useState(false);\n\n  useImperativeHandle(ref, () => containerRef.current);\n\n  // 重置销毁钩子判断\n  useEffect(() => {\n    if (!destroyOnClose || !visible) return;\n    setIsDestroyOnClose(false);\n  }, [visible, destroyOnClose]);\n\n  useEffect(() => {\n    let documentBodyCssText = '';\n\n    if (visible) {\n      if (attach !== '' && hasScrollBar()) {\n        // 处理滚动条宽度导致晃动的问题。\n        const scrollbarWidth = getScrollbarWidth();\n        documentBodyCssText = `overflow: hidden; width: calc(100% - ${scrollbarWidth}px);`;\n\n        if (mode !== 'push') {\n          // 这里做简单的性能优化，如果是 body 那么在下面 mode=push 的模式下，一起使用 cssText 设置，减少重绘重排\n          document.body.style.cssText = documentBodyCssText;\n        }\n      }\n    }\n\n    if (mode === 'push') {\n      drawerRef.current.style.cssText = 'transition: margin 300ms cubic-bezier(0.7, 0.3, 0.1, 1) 0s';\n\n      const marginStr = {\n        left: `margin: 0 0 0 ${getSizeValue(size)}`,\n        right: `margin: 0 0 0 -${getSizeValue(size)}`,\n        top: `margin: ${getSizeValue(size)} 0 0 0`,\n        bottom: `margin: -${getSizeValue(size)} 0 0 0`,\n      }[placement];\n\n      if (visible) {\n        drawerRef.current.style.cssText += marginStr;\n      } else {\n        drawerRef.current.style.cssText = drawerRef.current.style.cssText.replace(/margin:.+;/, '');\n      }\n    }\n\n    if (contentWrapperRef.current) {\n      // 聚焦到 Drawer 最外层元素即 containerRef.current，KeyDown 事件才有效。\n      containerRef.current.focus();\n\n      contentWrapperRef.current.style.transform = transform;\n    }\n  }, [attach, mode, transform, visible, placement, size]);\n\n  function onMaskClick(e: React.MouseEvent<HTMLDivElement>) {\n    onOverlayClick?.({ e });\n    closeOnOverlayClick && onClose?.({ e, trigger: CloseTriggerType.CLICK_OVERLAY });\n  }\n  function onClickCloseBtn(e: React.MouseEvent<HTMLDivElement>) {\n    onCloseBtnClick?.({ e });\n    onClose?.({ e, trigger: CloseTriggerType.CLICK_CLOSE_BTN });\n  }\n  function onKeyDownEsc(e: React.KeyboardEvent<HTMLDivElement>) {\n    if (e.key !== 'Escape') return;\n\n    onEscKeydown?.({ e });\n    closeOnEscKeydown && onClose?.({ e, trigger: CloseTriggerType.KEYDOWN_ESC });\n  }\n  function onCancelClick(e: React.MouseEvent<HTMLButtonElement>) {\n    onCancel?.({ e });\n    onClose?.({ e, trigger: CloseTriggerType.CLICK_CANCEL_BTN });\n  }\n  function onConfirmClick(e: React.MouseEvent<HTMLButtonElement>) {\n    onConfirm?.({ e });\n  }\n\n  function onTransitionEnd() {\n    if (!visible) {\n      // 重置样式\n      document.body.style.display = 'none';\n      document.body.style.overflow = '';\n      document.body.style.width = '';\n      document.body.style.margin = '';\n      document.body.style.display = 'block';\n\n      destroyOnClose && setIsDestroyOnClose(true);\n    }\n  }\n\n  const drawerClass = classnames(prefixCls, className, `${prefixCls}--${placement}`, {\n    [`${prefixCls}--open`]: visible,\n    [`${prefixCls}--attach`]: showInAttachedElement,\n    [`${prefixCls}--without-mask`]: !showOverlay,\n  });\n\n  const contentWrapperClass = classnames(\n    `${prefixCls}__content-wrapper`,\n    `${prefixCls}__content-wrapper--${placement}`,\n  );\n  const contentWrapperStyle = {\n    transform: visible ? 'translateX(0)' : undefined,\n    width: ['left', 'right'].includes(placement) ? getSizeValue(size) : '',\n    height: ['top', 'bottom'].includes(placement) ? getSizeValue(size) : '',\n  };\n\n  function getFooter(): React.ReactNode {\n    if (footer !== true) return footer;\n\n    const defaultCancelBtn = (\n      <Button theme=\"default\" onClick={onCancelClick} className={`${prefixCls}__cancel`}>\n        {cancelText}\n      </Button>\n    );\n\n    const defaultConfirmBtn = (\n      <Button theme=\"primary\" onClick={onConfirmClick} className={`${prefixCls}__confirm`}>\n        {confirmText}\n      </Button>\n    );\n\n    const renderCancelBtn = cancelBtn && React.isValidElement(cancelBtn) ? cancelBtn : defaultCancelBtn;\n    const renderConfirmBtn = confirmBtn && React.isValidElement(confirmBtn) ? confirmBtn : defaultConfirmBtn;\n\n    const footerStyle = {\n      display: 'flex',\n      justifyContent: placement === 'right' ? 'flex-start' : 'flex-end',\n    };\n\n    return (\n      <div style={footerStyle}>\n        {placement === 'right' ? renderConfirmBtn : null}\n        {renderCancelBtn}\n        {placement !== 'right' ? renderConfirmBtn : null}\n      </div>\n    );\n  }\n\n  const renderOverlay = showOverlay ? <div className={`${prefixCls}__mask`} onClick={onMaskClick} /> : null;\n  const renderCloseBtn = closeBtn ? (\n    <div onClick={onClickCloseBtn} className={`${prefixCls}__close-btn`}>\n      {closeIcon}\n    </div>\n  ) : null;\n  const renderHeader = header && <div className={`${prefixCls}__header`}>{header}</div>;\n  const renderBody = <div className={`${prefixCls}__body`}>{body || children}</div>;\n  const renderFooter = footer && <div className={`${prefixCls}__footer`}>{getFooter()}</div>;\n\n  if (isDestroyOnClose && !visible) return null;\n\n  return (\n    <DrawerWrapper attach={attach} ref={drawerRef}>\n      <div\n        ref={containerRef}\n        className={drawerClass}\n        style={{ zIndex, ...style }}\n        tabIndex={0} // https://stackoverflow.com/questions/43503964/onkeydown-event-not-working-on-divs-in-react\n        onKeyDown={onKeyDownEsc}\n        onTransitionEnd={onTransitionEnd}\n      >\n        {renderOverlay}\n        <div ref={contentWrapperRef} className={contentWrapperClass} style={contentWrapperStyle}>\n          {renderCloseBtn}\n          {renderHeader}\n          {renderBody}\n          {renderFooter}\n        </div>\n      </div>\n    </DrawerWrapper>\n  );\n});\n\nDrawer.defaultProps = {\n  attach: '',\n  closeBtn: true,\n  closeOnOverlayClick: true,\n  closeOnEscKeydown: true,\n  size: 'small',\n  placement: 'right',\n  mode: 'overlay',\n  destroyOnClose: false,\n  showOverlay: true,\n  header: undefined,\n  footer: true,\n};\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n"],"names":["CloseTriggerType","CLICK_OVERLAY","CLICK_CLOSE_BTN","CLICK_CANCEL_BTN","KEYDOWN_ESC","getSizeValue","size","defaultSize","isNaN","Number","small","medium","large","Drawer","forwardRef","props","ref","className","style","visible","attach","showOverlay","placement","onCancel","onConfirm","onClose","onCloseBtnClick","onOverlayClick","onEscKeydown","showInAttachedElement","closeOnOverlayClick","closeOnEscKeydown","children","header","body","footer","closeBtn","cancelBtn","confirmBtn","zIndex","destroyOnClose","mode","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","useContext","ConfigContext","classPrefix","containerRef","useRef","contentWrapperRef","drawerRef","prefixCls","transform","closeIcon","React","isValidElement","CloseIcon","useState","isDestroyOnClose","setIsDestroyOnClose","current","documentBodyCssText","hasScrollBar","scrollbarWidth","getScrollbarWidth","cssText","marginStr","left","right","top","bottom","replace","focus","e","trigger","key","display","overflow","width","margin","drawerClass","classnames","contentWrapperClass","contentWrapperStyle","includes","height","defaultCancelBtn","Button","theme","onClick","onCancelClick","defaultConfirmBtn","onConfirmClick","renderCancelBtn","renderConfirmBtn","footerStyle","justifyContent","renderOverlay","onMaskClick","renderCloseBtn","onClickCloseBtn","renderHeader","renderBody","renderFooter","getFooter","DrawerWrapper","tabIndex","onKeyDown","onKeyDownEsc","onTransitionEnd","defaultProps","displayName"],"mappings":"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"}

package/es/drawer/DrawerWrapper.js

@@ -1,14 +1,14 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import React__default, { forwardRef, useRef, useImperativeHandle, cloneElement } from 'react';
 import Portal from '../common/Portal.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
-import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-85854991.js';
+import '../_chunks/dep-38c06164.js';
+import '../_chunks/dep-759bc4af.js';
 import 'react-dom';
 
 var DrawerWrapper = /*#__PURE__*/forwardRef(function (props, ref) {

package/es/drawer/_util.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/drawer/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,23 +7,23 @@
 import Drawer$1 from './Drawer.js';
 import './style/css.js';
 import './type.js';
-import '../_chunks/dep-53c6c586.js';
-import '../_chunks/dep-fff59b5a.js';
-import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-2e97cc0d.js';
+import '../_chunks/dep-85854991.js';
+import '../_chunks/dep-38c06164.js';
 import 'react';
 import 'classnames';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-3d9b45dc.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/getScrollbarWidth.js';
 import '../_util/hasScrollBar.js';
 import './DrawerWrapper.js';
 import '../common/Portal.js';
-import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-759bc4af.js';
 import 'react-dom';
 import '../button/index.js';
 import '../button/Button.js';
@@ -35,14 +35,16 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-615797a6.js';
-import '../_chunks/dep-2e526f70.js';
-import '../_chunks/dep-b6fbc66d.js';
-import '../_chunks/dep-364c042d.js';
-import '../_chunks/dep-6b2b86ea.js';
-import '../_chunks/dep-7d91d695.js';
+import '../_chunks/dep-14d83b52.js';
+import '../_chunks/dep-00ccaf0c.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
+import '../_chunks/dep-c5dffd03.js';
 import '../_util/easing.js';
+import '../loading/gradient.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../button/type.js';
 
 var Drawer = Drawer$1;

package/es/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/drawer/index.tsx"],"sourcesContent":["import _Drawer from './Drawer';\n\nimport './style/index.js';\n\nexport type { DrawerProps } from './Drawer';\nexport * from './type';\n\nexport const Drawer = _Drawer;\nexport default Drawer;\n"],"names":["Drawer","_Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/drawer/index.tsx"],"sourcesContent":["import _Drawer from './Drawer';\n\nimport './style/index.js';\n\nexport type { DrawerProps } from './Drawer';\nexport * from './type';\n\nexport const Drawer = _Drawer;\nexport default Drawer;\n"],"names":["Drawer","_Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;"}

package/es/drawer/style/index.css

@@ -291,27 +291,27 @@
   height: 100%;
   pointer-events: none;
 }
-.t-drawer-attach {
+.t-drawer--attach {
   position: absolute;
 }
-.t-drawer-left,
-.t-drawer-right {
+.t-drawer--left,
+.t-drawer--right {
   top: 0;
 }
-.t-drawer-left {
+.t-drawer--left {
   left: 0;
 }
-.t-drawer-right {
+.t-drawer--right {
   right: 0;
 }
-.t-drawer-top,
-.t-drawer-bottom {
+.t-drawer--top,
+.t-drawer--bottom {
   left: 0;
 }
-.t-drawer-top {
+.t-drawer--top {
   top: 0;
 }
-.t-drawer-bottom {
+.t-drawer--bottom {
   bottom: 0;
 }
 .t-drawer__mask {
@@ -354,22 +354,22 @@
   height: 100%;
   visibility: hidden;
 }
-.t-drawer .t-drawer__content-wrapper-left,
-.t-drawer .t-drawer__content-wrapper-right {
+.t-drawer .t-drawer__content-wrapper--left,
+.t-drawer .t-drawer__content-wrapper--right {
   top: 0;
 }
-.t-drawer .t-drawer__content-wrapper-left {
+.t-drawer .t-drawer__content-wrapper--left {
   left: 0;
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
 }
-.t-drawer .t-drawer__content-wrapper-right {
+.t-drawer .t-drawer__content-wrapper--right {
   right: 0;
   -webkit-transform: translateX(100%);
           transform: translateX(100%);
 }
-.t-drawer .t-drawer__content-wrapper-top,
-.t-drawer .t-drawer__content-wrapper-bottom {
+.t-drawer .t-drawer__content-wrapper--top,
+.t-drawer .t-drawer__content-wrapper--bottom {
   left: 0;
 }
 .t-drawer .t-drawer__content-wrapper-top {
@@ -377,7 +377,7 @@
   -webkit-transform: translateY(-100%);
           transform: translateY(-100%);
 }
-.t-drawer .t-drawer__content-wrapper-bottom {
+.t-drawer .t-drawer__content-wrapper--bottom {
   bottom: 0;
   -webkit-transform: translateY(100%);
           transform: translateY(100%);
@@ -444,20 +444,20 @@
   font-size: 16px;
   vertical-align: unset;
 }
-.t-drawer-open {
+.t-drawer--open {
   width: 100%;
   height: 100%;
   pointer-events: auto;
 }
-.t-drawer-open > .t-drawer__content-wrapper {
+.t-drawer--open > .t-drawer__content-wrapper {
   visibility: visible;
 }
-.t-drawer-open .t-drawer__mask {
+.t-drawer--open .t-drawer__mask {
   opacity: 1;
   width: 100%;
   height: 100%;
 }
-.t-drawer-no-mask {
+.t-drawer--without-mask {
   pointer-events: none;
 }
 [tabindex="-1"]:focus {

package/es/drawer/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/drawer/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { ButtonProps } from '../button';
 import { TNode, AttachNode } from '../common';

package/es/drawer/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */