tdesign-react 0.19.1 → 0.20.0

package/esm/dialog/plugin.js

@@ -1,24 +1,24 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-bd2ff6be.js';
+import { _ as _defineProperty } from '../_chunks/dep-31796d32.js';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import _Dialog from './Dialog.js';
 import { getAttach } from '../_util/dom.js';
-import '../_chunks/dep-21185a7d.js';
-import '../_chunks/dep-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
-import '../_chunks/dep-1c77104d.js';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-88b2f549.js';
+import '../_chunks/dep-252337e0.js';
+import '../_chunks/dep-81bda54a.js';
+import '../_chunks/dep-88fe1571.js';
+import '../_chunks/dep-31240b08.js';
+import '../_chunks/dep-e2373ef6.js';
+import '../_chunks/dep-cebb3b28.js';
+import '../_chunks/dep-bf215a19.js';
+import '../_chunks/dep-02feec19.js';
+import '../_chunks/dep-0f564970.js';
+import '../_chunks/dep-1cc29dd4.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
@@ -35,19 +35,21 @@ import '../_util/setStyle.js';
 import '../loading/index.js';
 import '../loading/loading.js';
 import '../common/Portal.js';
-import 'raf';
-import '../_util/easing.js';
+import '../loading/gradient.js';
 import '../loading/style/index.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
+import 'raf';
+import '../_util/easing.js';
 import '../button/style/index.js';
 import '../button/type.js';
 import './RenderDialog.js';
 import 'react-transition-group';
 import '../_util/useSetState.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 createDialog = function createDialog(props) {
   var dialogRef = /*#__PURE__*/React.createRef();

package/esm/dialog/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../src/dialog/plugin.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport DialogComponent, { DialogProps } from './Dialog';\n\nimport { getAttach } from '../_util/dom';\nimport { DialogOptions, DialogMethod, DialogConfirmMethod, DialogAlertMethod, DialogInstance } from './type';\n\nexport interface DialogPlugin extends DialogMethod {\n  alert?: DialogAlertMethod;\n  confirm?: DialogConfirmMethod;\n}\n\nconst createDialog: DialogPlugin = (props: DialogOptions) => {\n  const dialogRef = React.createRef<DialogInstance>();\n  const options = { ...props };\n  const div = document.createElement('div');\n  ReactDOM.render(<DialogComponent {...(options as DialogProps)} visible={true} ref={dialogRef} isPlugin />, div);\n  const container = getAttach(options.attach);\n  if (container) {\n    container.appendChild(div);\n  } else {\n    console.error('attach is not exist');\n  }\n\n  const dialogNode: DialogInstance = {\n    show: () => {\n      dialogRef.current?.show();\n    },\n    hide: () => {\n      dialogRef.current?.hide();\n    },\n    update: (updateOptions: DialogOptions) => {\n      dialogRef.current?.update(updateOptions);\n    },\n    destroy: () => {\n      container.contains(div) && container.removeChild(div);\n    },\n  };\n  return dialogNode;\n};\n\nconst confirm: DialogConfirmMethod = (props: DialogOptions) => createDialog(props);\n\nconst alert: DialogAlertMethod = (props: Omit<DialogOptions, 'confirmBtn'>) => {\n  const options = { ...props };\n  options.cancelBtn = null;\n  return createDialog(options);\n};\n\ncreateDialog.alert = alert;\ncreateDialog.confirm = confirm;\n\nexport const dialog = createDialog;\n\nexport const DialogPlugin = createDialog;\n"],"names":["createDialog","props","dialogRef","React","createRef","options","div","document","createElement","render","DialogComponent","visible","ref","isPlugin","container","getAttach","attach","appendChild","error","dialogNode","show","current","hide","update","updateOptions","destroy","contains","removeChild","confirm","alert","cancelBtn","dialog","DialogPlugin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,eAA6B,SAA7BA,YAA6B,CAACC,KAAD,EAA0B;MACrDC,yBAAYC,MAAMC,SAAN;;MACZC,4BAAeJ;;MACfK,MAAMC,SAASC,aAAT,CAAuB,KAAvB;WACHC,2CAAQC,yCAAqBL;AAAyBM,IAAAA,SAAS;AAAMC,IAAAA,KAAKV;AAAWW,IAAAA,UAAQ;OAAKP;MACrGQ,YAAYC,UAAUV,QAAQW;;MAChCF,WAAW;cACHG,YAAYX;SACjB;YACGY,MAAM;;;MAGVC,aAA6B;AACjCC,IAAAA,MAAM,gBAAM;AAAA;;sCACAC,iFAASD;KAFY;AAIjCE,IAAAA,MAAM,gBAAM;AAAA;;uCACAD,mFAASC;KALY;AAOjCC,IAAAA,QAAQ,gBAACC,aAAD,EAAkC;AAAA;;uCAC9BH,mFAASE,OAAOC;KARK;AAUjCC,IAAAA,SAAS,mBAAM;gBACHC,SAASpB,QAAQQ,UAAUa,WAAV,CAAsBrB,GAAtB;;AAXI;SAc5Ba;CA1BT;;AA6BA,IAAMS,UAA+B,SAA/BA,OAA+B,CAAC3B,KAAD;AAAA,SAA0BD,aAAaC,MAAvC;AAAA,CAArC;;AAEA,IAAM4B,QAA2B,SAA3BA,KAA2B,CAAC5B,KAAD,EAA8C;MACvEI,4BAAeJ;;UACb6B,YAAY;SACb9B,aAAaK;CAHtB;;AAMAL,aAAa6B,KAAb,GAAqBA,KAArB;AACA7B,aAAa4B,OAAb,GAAuBA,OAAvB;IAEaG,SAAS/B;IAETgC,eAAehC;;;;"}
+{"version":3,"file":"plugin.js","sources":["../../src/dialog/plugin.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport DialogComponent, { DialogProps } from './Dialog';\n\nimport { getAttach } from '../_util/dom';\nimport { DialogOptions, DialogMethod, DialogConfirmMethod, DialogAlertMethod, DialogInstance } from './type';\n\nexport interface DialogPlugin extends DialogMethod {\n  alert?: DialogAlertMethod;\n  confirm?: DialogConfirmMethod;\n}\n\nconst createDialog: DialogPlugin = (props: DialogOptions) => {\n  const dialogRef = React.createRef<DialogInstance>();\n  const options = { ...props };\n  const div = document.createElement('div');\n  ReactDOM.render(<DialogComponent {...(options as DialogProps)} visible={true} ref={dialogRef} isPlugin />, div);\n  const container = getAttach(options.attach);\n  if (container) {\n    container.appendChild(div);\n  } else {\n    console.error('attach is not exist');\n  }\n\n  const dialogNode: DialogInstance = {\n    show: () => {\n      dialogRef.current?.show();\n    },\n    hide: () => {\n      dialogRef.current?.hide();\n    },\n    update: (updateOptions: DialogOptions) => {\n      dialogRef.current?.update(updateOptions);\n    },\n    destroy: () => {\n      container.contains(div) && container.removeChild(div);\n    },\n  };\n  return dialogNode;\n};\n\nconst confirm: DialogConfirmMethod = (props: DialogOptions) => createDialog(props);\n\nconst alert: DialogAlertMethod = (props: Omit<DialogOptions, 'confirmBtn'>) => {\n  const options = { ...props };\n  options.cancelBtn = null;\n  return createDialog(options);\n};\n\ncreateDialog.alert = alert;\ncreateDialog.confirm = confirm;\n\nexport const dialog = createDialog;\n\nexport const DialogPlugin = createDialog;\n"],"names":["createDialog","props","dialogRef","React","createRef","options","div","document","createElement","render","DialogComponent","visible","ref","isPlugin","container","getAttach","attach","appendChild","error","dialogNode","show","current","hide","update","updateOptions","destroy","contains","removeChild","confirm","alert","cancelBtn","dialog","DialogPlugin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,eAA6B,SAA7BA,YAA6B,CAACC,KAAD,EAA0B;MACrDC,yBAAYC,MAAMC,SAAN;;MACZC,4BAAeJ;;MACfK,MAAMC,SAASC,aAAT,CAAuB,KAAvB;WACHC,2CAAQC,yCAAqBL;AAAyBM,IAAAA,SAAS;AAAMC,IAAAA,KAAKV;AAAWW,IAAAA,UAAQ;OAAKP;MACrGQ,YAAYC,UAAUV,QAAQW;;MAChCF,WAAW;cACHG,YAAYX;SACjB;YACGY,MAAM;;;MAGVC,aAA6B;AACjCC,IAAAA,MAAM,gBAAM;AAAA;;sCACAC,iFAASD;KAFY;AAIjCE,IAAAA,MAAM,gBAAM;AAAA;;uCACAD,mFAASC;KALY;AAOjCC,IAAAA,QAAQ,gBAACC,aAAD,EAAkC;AAAA;;uCAC9BH,mFAASE,OAAOC;KARK;AAUjCC,IAAAA,SAAS,mBAAM;gBACHC,SAASpB,QAAQQ,UAAUa,WAAV,CAAsBrB,GAAtB;;AAXI;SAc5Ba;CA1BT;;AA6BA,IAAMS,UAA+B,SAA/BA,OAA+B,CAAC3B,KAAD;AAAA,SAA0BD,aAAaC,MAAvC;AAAA,CAArC;;AAEA,IAAM4B,QAA2B,SAA3BA,KAA2B,CAAC5B,KAAD,EAA8C;MACvEI,4BAAeJ;;UACb6B,YAAY;SACb9B,aAAaK;CAHtB;;AAMAL,aAAa6B,KAAb,GAAqBA,KAArB;AACA7B,aAAa4B,OAAb,GAAuBA,OAAvB;IAEaG,SAAS/B;IAETgC,eAAehC;;;;"}

package/esm/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/esm/dialog/type.js

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

package/esm/divider/Divider.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-bd2ff6be.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-21185a7d.js';
+import { _ as _defineProperty } from '../_chunks/dep-31796d32.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-252337e0.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/esm/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/esm/divider/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,8 +7,8 @@
 import Divider$1 from './Divider.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-bd2ff6be.js';
-import '../_chunks/dep-21185a7d.js';
+import '../_chunks/dep-31796d32.js';
+import '../_chunks/dep-252337e0.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';

package/esm/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/esm/divider/type.js

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

package/esm/drawer/Drawer.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-bd2ff6be.js';
-import { _ as _slicedToArray } from '../_chunks/dep-c5e94c83.js';
+import { _ as _defineProperty } from '../_chunks/dep-31796d32.js';
+import { _ as _slicedToArray } from '../_chunks/dep-81bda54a.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-4ca264a0.js';
+import '../_chunks/dep-88fe1571.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-21185a7d.js';
+import '../_chunks/dep-252337e0.js';
 import '../locale/zh_CN.js';
 import '../common/Portal.js';
-import '../_chunks/dep-a6296075.js';
+import '../_chunks/dep-bf215a19.js';
 import 'react-dom';
 import '../button/Button.js';
 import '../_util/noop.js';
@@ -32,21 +32,23 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-1c77104d.js';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-88b2f549.js';
+import '../_chunks/dep-31240b08.js';
+import '../_chunks/dep-e2373ef6.js';
+import '../_chunks/dep-cebb3b28.js';
+import '../_chunks/dep-02feec19.js';
+import '../_chunks/dep-0f564970.js';
+import '../_chunks/dep-1cc29dd4.js';
 import '../_util/easing.js';
+import '../loading/gradient.js';
 import '../loading/style/index.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../button/style/index.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",
@@ -218,8 +220,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) : "",
@@ -231,12 +233,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/esm/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/esm/drawer/DrawerWrapper.js

@@ -1,14 +1,14 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import React__default, { forwardRef, useRef, useImperativeHandle, cloneElement } from 'react';
 import Portal from '../common/Portal.js';
-import '../_chunks/dep-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
-import '../_chunks/dep-a6296075.js';
+import '../_chunks/dep-81bda54a.js';
+import '../_chunks/dep-88fe1571.js';
+import '../_chunks/dep-bf215a19.js';
 import 'react-dom';
 
 var DrawerWrapper = /*#__PURE__*/forwardRef(function (props, ref) {

package/esm/drawer/_util.js

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

package/esm/drawer/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,23 +7,23 @@
 import Drawer$1 from './Drawer.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-bd2ff6be.js';
-import '../_chunks/dep-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
+import '../_chunks/dep-31796d32.js';
+import '../_chunks/dep-81bda54a.js';
+import '../_chunks/dep-88fe1571.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-21185a7d.js';
+import '../_chunks/dep-252337e0.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-a6296075.js';
+import '../_chunks/dep-bf215a19.js';
 import 'react-dom';
 import '../button/index.js';
 import '../button/Button.js';
@@ -35,15 +35,17 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-1c77104d.js';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-88b2f549.js';
+import '../_chunks/dep-31240b08.js';
+import '../_chunks/dep-e2373ef6.js';
+import '../_chunks/dep-cebb3b28.js';
+import '../_chunks/dep-02feec19.js';
+import '../_chunks/dep-0f564970.js';
+import '../_chunks/dep-1cc29dd4.js';
 import '../_util/easing.js';
+import '../loading/gradient.js';
 import '../loading/style/index.js';
 import '../loading/type.js';
+import '../loading/plugin.js';
 import '../button/style/index.js';
 import '../button/type.js';
 

package/esm/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/esm/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/esm/drawer/type.js

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

package/esm/dropdown/Dropdown.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-bd2ff6be.js';
+import { _ as _defineProperty } from '../_chunks/dep-31796d32.js';
 import React__default, { useRef } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -13,8 +13,9 @@ import DropdownMenu from './DropdownMenu.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../popup/Popup.js';
-import '../_chunks/dep-c5e94c83.js';
-import '../_chunks/dep-4ca264a0.js';
+import '../_chunks/dep-81bda54a.js';
+import '../_chunks/dep-88fe1571.js';
+import 'react-transition-group';
 import 'react-popper';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
@@ -22,24 +23,25 @@ import '../_util/composeRefs.js';
 import '../_util/usePrevious.js';
 import '../popup/Portal.js';
 import 'react-dom';
-import '../popup/useTriggerProps.js';
+import '../popup/hooks/useTriggerProps.js';
 import '../_util/useClickOutside.js';
+import '../popup/hooks/usePopupCssTransition.js';
 import '../popup/style/index.js';
 import '../popup/type.js';
-import '../_chunks/dep-6d27991d.js';
+import '../_chunks/dep-ff66d271.js';
 import './DropdownItem.js';
 import 'tdesign-icons-react';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../divider/index.js';
 import '../divider/Divider.js';
-import '../_chunks/dep-21185a7d.js';
+import '../_chunks/dep-252337e0.js';
 import '../divider/style/index.js';
 import '../divider/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 Dropdown = function Dropdown(props) {
   var _props$popupProps = props.popupProps,
@@ -87,7 +89,8 @@ var Dropdown = function Dropdown(props) {
   }, popupProps);
 
   return /* @__PURE__ */React__default.createElement(Popup, _objectSpread({
-    ref: popupRef
+    ref: popupRef,
+    expandAnimation: true
   }, popupParams), children);
 };
 

package/esm/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../src/dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption, TdDropdownProps } from './type';\nimport { ClassName } from '../common';\nimport useConfig from '../_util/useConfig';\nimport Popup from '../popup';\nimport DropdownMenu from './DropdownMenu';\n\nexport interface DropdownProps extends TdDropdownProps {\n  className?: ClassName;\n  children?: React.ReactNode;\n}\n\nconst Dropdown = (props: DropdownProps) => {\n  const {\n    popupProps = {},\n    disabled,\n    placement = 'bottom-left',\n    trigger = 'hover',\n    className = '',\n    children,\n    hideAfterItemClick = true,\n  } = props;\n  const { classPrefix } = useConfig();\n  const dropdownClass = `${classPrefix}-dropdown`;\n  const popupRef = useRef(null);\n  const handleMenuClick = (data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) => {\n    if (hideAfterItemClick) {\n      popupRef.current.setVisible(false);\n    }\n    props.onClick?.(data, context);\n  };\n  const DropdownContent = () => <DropdownMenu {...props} onClick={handleMenuClick}></DropdownMenu>;\n\n  const popupParams = {\n    disabled,\n    placement,\n    trigger,\n    showArrow: false,\n    overlayClassName: classNames(dropdownClass, className),\n    content: DropdownContent(),\n    ...popupProps,\n  };\n\n  return (\n    <Popup ref={popupRef} {...popupParams}>\n      {children}\n    </Popup>\n  );\n};\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"names":["Dropdown","props","popupProps","disabled","placement","trigger","className","children","hideAfterItemClick","useConfig","classPrefix","dropdownClass","popupRef","useRef","handleMenuClick","data","context","current","setVisible","onClick","DropdownContent","DropdownMenu","popupParams","showArrow","overlayClassName","classNames","content","Popup","ref","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,WAAW,SAAXA,QAAW,CAACC,KAAD,EAA0B;0BASrCA,MAPFC;MAAAA,4CAAa;MACbC,WAMEF,MANFE;yBAMEF,MALFG;MAAAA,0CAAY;uBAKVH,MAJFI;MAAAA,sCAAU;yBAIRJ,MAHFK;MAAAA,0CAAY;MACZC,WAEEN,MAFFM;8BAEEN,MADFO;MAAAA,wDAAqB;;mBAECC;MAAhBC,yBAAAA;;MACFC,0BAAmBD;MACnBE,WAAWC,OAAO;;MAClBC,kBAAkB,SAAlBA,eAAkB,CAACC,IAAD,EAAuBC,OAAvB,EAAwF;AAAA;;QAC1GR,oBAAoB;eACbS,QAAQC,WAAW;;;4BAExBC,qFAAUJ,MAAMC;;;MAElBI,kBAAkB,SAAlBA,eAAkB;AAAA,uDAAOC,8CAAiBpB;AAAOkB,MAAAA,SAASL;OAAxC;AAAA;;MAElBQ;AACJnB,IAAAA,UAAAA;AACAC,IAAAA,WAAAA;AACAC,IAAAA,SAAAA;AACAkB,IAAAA,WAAW;AACXC,IAAAA,kBAAkBC,WAAWd,eAAeL;AAC5CoB,IAAAA,SAASN;KACNlB;;qDAIFyB;AAAMC,IAAAA,KAAKhB;KAAcU,cACvBf;;;AAKPP,SAAS6B,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../src/dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption, TdDropdownProps } from './type';\nimport { ClassName } from '../common';\nimport useConfig from '../_util/useConfig';\nimport Popup from '../popup';\nimport DropdownMenu from './DropdownMenu';\n\nexport interface DropdownProps extends TdDropdownProps {\n  className?: ClassName;\n  children?: React.ReactNode;\n}\n\nconst Dropdown = (props: DropdownProps) => {\n  const {\n    popupProps = {},\n    disabled,\n    placement = 'bottom-left',\n    trigger = 'hover',\n    className = '',\n    children,\n    hideAfterItemClick = true,\n  } = props;\n  const { classPrefix } = useConfig();\n  const dropdownClass = `${classPrefix}-dropdown`;\n  const popupRef = useRef(null);\n  const handleMenuClick = (data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) => {\n    if (hideAfterItemClick) {\n      popupRef.current.setVisible(false);\n    }\n    props.onClick?.(data, context);\n  };\n  const DropdownContent = () => <DropdownMenu {...props} onClick={handleMenuClick}></DropdownMenu>;\n\n  const popupParams = {\n    disabled,\n    placement,\n    trigger,\n    showArrow: false,\n    overlayClassName: classNames(dropdownClass, className),\n    content: DropdownContent(),\n    ...popupProps,\n  };\n\n  return (\n    <Popup ref={popupRef} expandAnimation={true} {...popupParams}>\n      {children}\n    </Popup>\n  );\n};\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"names":["Dropdown","props","popupProps","disabled","placement","trigger","className","children","hideAfterItemClick","useConfig","classPrefix","dropdownClass","popupRef","useRef","handleMenuClick","data","context","current","setVisible","onClick","DropdownContent","DropdownMenu","popupParams","showArrow","overlayClassName","classNames","content","Popup","ref","expandAnimation","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,WAAW,SAAXA,QAAW,CAACC,KAAD,EAA0B;0BASrCA,MAPFC;MAAAA,4CAAa;MACbC,WAMEF,MANFE;yBAMEF,MALFG;MAAAA,0CAAY;uBAKVH,MAJFI;MAAAA,sCAAU;yBAIRJ,MAHFK;MAAAA,0CAAY;MACZC,WAEEN,MAFFM;8BAEEN,MADFO;MAAAA,wDAAqB;;mBAECC;MAAhBC,yBAAAA;;MACFC,0BAAmBD;MACnBE,WAAWC,OAAO;;MAClBC,kBAAkB,SAAlBA,eAAkB,CAACC,IAAD,EAAuBC,OAAvB,EAAwF;AAAA;;QAC1GR,oBAAoB;eACbS,QAAQC,WAAW;;;4BAExBC,qFAAUJ,MAAMC;;;MAElBI,kBAAkB,SAAlBA,eAAkB;AAAA,uDAAOC,8CAAiBpB;AAAOkB,MAAAA,SAASL;OAAxC;AAAA;;MAElBQ;AACJnB,IAAAA,UAAAA;AACAC,IAAAA,WAAAA;AACAC,IAAAA,SAAAA;AACAkB,IAAAA,WAAW;AACXC,IAAAA,kBAAkBC,WAAWd,eAAeL;AAC5CoB,IAAAA,SAASN;KACNlB;;qDAIFyB;AAAMC,IAAAA,KAAKhB;AAAUiB,IAAAA,iBAAiB;KAAUP,cAC9Cf;;;AAKPP,SAAS8B,WAAT,GAAuB,UAAvB;;;;"}

package/esm/dropdown/DropdownItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-bd2ff6be.js';
+import { _ as _defineProperty } from '../_chunks/dep-31796d32.js';
 import React__default, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { ChevronRightIcon } from 'tdesign-icons-react';
@@ -15,7 +15,7 @@ import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/setStyle.js';
 import '../divider/Divider.js';
-import '../_chunks/dep-21185a7d.js';
+import '../_chunks/dep-252337e0.js';
 import '../divider/style/index.js';
 import '../divider/type.js';
 
@@ -43,7 +43,7 @@ var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var renderSuffix = function renderSuffix() {
     return hasChildren ? /* @__PURE__ */React__default.createElement(ChevronRightIcon, {
-      className: "children-suffix"
+      className: "".concat(classPrefix, "-dropdown__item-icon")
     }) : null;
   };
 
@@ -65,9 +65,7 @@ var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
   };
 
   return /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
-    className: classNames(dropdownItemClass, (_classNames = {
-      "has-suffix": hasChildren
-    }, _defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-is-active"), active), _classNames)),
+    className: classNames(dropdownItemClass, (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-dropdown--suffix"), hasChildren), _defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-is-active"), active), _classNames)),
     style: {
       maxWidth: "".concat(maxColumnWidth, "px"),
       minWidth: "".concat(minColumnWidth, "px")
@@ -76,9 +74,9 @@ var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
     onMouseOver: handleMouseover,
     ref: ref || dropdownItemRef
   }, /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(dropdownItemClass, "__content")
+    className: "".concat(dropdownItemClass, "-content")
   }, /* @__PURE__ */React__default.createElement("span", {
-    className: "".concat(dropdownItemClass, "__content__text")
+    className: "".concat(dropdownItemClass, "-text")
   }, content)), renderSuffix()), divider ? /* @__PURE__ */React__default.createElement(Divider, null) : null);
 });