tdesign-react 0.17.0-beta.0 → 0.18.1

package/esm/dialog/Dialog.js

@@ -1,14 +1,14 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-208842c6.js';
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bd3f1446.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-79c7181c.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
+import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
 import React__default, { useEffect, useMemo } from 'react';
-import { i as isString_1 } from '../_chunks/dep-31190e87.js';
+import { i as isString_1 } from '../_chunks/dep-8bc12c0f.js';
 import { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
@@ -17,13 +17,13 @@ import noop from '../_util/noop.js';
 import RenderDialog from './RenderDialog.js';
 import useSetState from '../_util/useSetState.js';
 import ConfigContext from '../config-provider/ConfigContext.js';
-import '../_chunks/dep-7562bb74.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-7e897399.js';
 import '../config-provider/ConfigProvider.js';
 import '../locale/zh_CN.js';
 import '../button/Button.js';
@@ -38,8 +38,11 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import '../_chunks/dep-6d4c74ed.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../button/style/index.js';
+import '../_type/components/button/index.js';
 import 'react-transition-group';
 
 var _excluded = ["visible", "attach", "closeBtn", "footer", "onCancel", "onConfirm", "cancelBtn", "confirmBtn", "onClose", "isPlugin"];

package/esm/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/dialog/Dialog.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport isString from 'lodash/isString';\nimport { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { ConfigContext } from '../config-provider';\nimport Button from '../button';\nimport { TdDialogProps, DialogInstance } from '../_type/components/dialog';\nimport { StyledProps } from '../_type';\nimport noop from '../_util/noop';\nimport RenderDialog from './RenderDialog';\nimport useSetState from '../_util/useSetState';\n\nexport interface DialogProps extends TdDialogProps, StyledProps {\n  /**\n   * 是否以插件形式调用\n   */\n  isPlugin?: boolean;\n}\n\nconst Dialog: React.ForwardRefRenderFunction<DialogInstance, DialogProps> = (props, ref) => {\n  const { classPrefix } = React.useContext(ConfigContext);\n  const [state, setState] = useSetState<DialogProps>({\n    width: 520,\n    visible: false,\n    zIndex: 2500,\n    placement: 'center',\n    mode: 'modal',\n    showOverlay: true,\n    destroyOnClose: false,\n    draggable: false,\n    preventScrollThrough: true,\n    isPlugin: false,\n    ...props,\n  });\n\n  const [local, t] = useLocaleReceiver('dialog');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const {\n    visible,\n    attach: getContainer = 'body',\n    closeBtn,\n    footer,\n    onCancel = noop,\n    onConfirm = noop,\n    cancelBtn = cancelText,\n    confirmBtn = confirmText,\n    onClose = noop,\n    isPlugin = false,\n    ...restState\n  } = state;\n\n  useEffect(() => {\n    // 插件式调用不会更新props, 只有组件式调用才会更新props\n    if (!isPlugin) {\n      setState((prevState) => ({\n        ...prevState,\n        ...props,\n      }));\n    }\n  }, [props, setState, isPlugin]);\n\n  const prefixCls = `${classPrefix}-dialog`;\n  const renderCloseIcon = () => {\n    if (closeBtn === false) return null;\n    if (closeBtn === true) return <CloseIcon style={{ verticalAlign: 'unset' }} />;\n    return closeBtn || <CloseIcon style={{ verticalAlign: 'unset' }} />;\n  };\n\n  React.useImperativeHandle(ref, () => ({\n    show() {\n      setState({ visible: true });\n    },\n    hide() {\n      setState({ visible: false });\n    },\n    destroy: noop,\n    update(newOptions) {\n      setState((prevState) => ({\n        ...prevState,\n        ...(newOptions as DialogProps),\n      }));\n    },\n  }));\n\n  const renderHeader = useMemo(() => {\n    if (!state.header) return null;\n\n    const iconMap = {\n      info: <InfoCircleFilledIcon className={`${classPrefix}-is-info`} />,\n      warning: <InfoCircleFilledIcon className={`${classPrefix}-is-warning`} />,\n      error: <InfoCircleFilledIcon className={`${classPrefix}-is-error`} />,\n      success: <CheckCircleFilledIcon className={`${classPrefix}-is-success`} />,\n    };\n    return (\n      <div className={`${prefixCls}__header`}>\n        {iconMap[state.theme]}\n        {state.header}\n      </div>\n    );\n  }, [state.header, state.theme, prefixCls, classPrefix]);\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onCancel({ e });\n    onClose({ e, trigger: 'cancel' });\n  };\n\n  const handleConfirm = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onConfirm({ e });\n  };\n\n  const defaultFooter = () => {\n    let renderCancelBtn = cancelBtn && (\n      <Button variant=\"outline\">{isString(cancelBtn) ? cancelBtn : cancelText}</Button>\n    );\n\n    let renderConfirmBtn = confirmBtn && (\n      <Button theme=\"primary\">{isString(confirmBtn) ? confirmBtn : confirmText}</Button>\n    );\n\n    if (React.isValidElement(cancelBtn)) {\n      renderCancelBtn = cancelBtn;\n    }\n\n    if (React.isValidElement(confirmBtn)) {\n      renderConfirmBtn = confirmBtn;\n    }\n\n    if (typeof cancelBtn === 'function') {\n      renderCancelBtn = cancelBtn();\n    }\n\n    if (typeof confirmBtn === 'function') {\n      renderConfirmBtn = confirmBtn();\n    }\n    return (\n      <>\n        {renderCancelBtn &&\n          React.cloneElement(renderCancelBtn, {\n            onClick: handleCancel,\n            ...renderCancelBtn.props,\n          })}\n        {renderConfirmBtn &&\n          React.cloneElement(renderConfirmBtn, {\n            onClick: handleConfirm,\n            ...renderConfirmBtn.props,\n          })}\n      </>\n    );\n  };\n\n  return (\n    <RenderDialog\n      {...restState}\n      visible={visible}\n      prefixCls={prefixCls}\n      header={renderHeader}\n      getContainer={getContainer}\n      closeBtn={renderCloseIcon()}\n      classPrefix={classPrefix}\n      onClose={onClose}\n      footer={footer === undefined ? defaultFooter() : footer}\n    />\n  );\n};\n\nexport default React.forwardRef(Dialog);\n"],"names":["Dialog","props","ref","React","useContext","ConfigContext","classPrefix","useSetState","width","visible","zIndex","placement","mode","showOverlay","destroyOnClose","draggable","preventScrollThrough","isPlugin","state","setState","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","attach","getContainer","closeBtn","footer","onCancel","noop","onConfirm","cancelBtn","confirmBtn","onClose","restState","prevState","prefixCls","renderCloseIcon","CloseIcon","style","verticalAlign","useImperativeHandle","show","hide","destroy","update","newOptions","renderHeader","useMemo","header","iconMap","info","InfoCircleFilledIcon","className","warning","error","success","CheckCircleFilledIcon","theme","handleCancel","e","trigger","handleConfirm","defaultFooter","renderCancelBtn","Button","variant","isString","renderConfirmBtn","isValidElement","cloneElement","onClick","RenderDialog","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,SAAsE,SAAtEA,MAAsE,CAACC,KAAD,EAAQC,GAAR,EAAgB;0BAClEC,eAAMC,UAAN,CAAiBC,aAAjB;MAAhBC,gCAAAA;;qBACkBC;AACxBC,IAAAA,OAAO;AACPC,IAAAA,SAAS;AACTC,IAAAA,QAAQ;AACRC,IAAAA,WAAW;AACXC,IAAAA,MAAM;AACNC,IAAAA,aAAa;AACbC,IAAAA,gBAAgB;AAChBC,IAAAA,WAAW;AACXC,IAAAA,sBAAsB;AACtBC,IAAAA,UAAU;KACPhB;;MAXEiB;MAAOC;;2BAcKC,kBAAkB;;MAA9BC;MAAOC;;MACRC,cAAcD,EAAED,MAAMG;MACtBC,aAAaH,EAAED,MAAMK;;MAGzBjB,UAWES,MAXFT;sBAWES,MAVFS;MAAQC,0CAAe;MACvBC,WASEX,MATFW;MACAC,SAQEZ,MARFY;wBAQEZ,MAPFa;MAAAA,wCAAWC;yBAOTd,MANFe;MAAAA,0CAAYD;yBAMVd,MALFgB;MAAAA,0CAAYT;0BAKVP,MAJFiB;MAAAA,4CAAaZ;uBAIXL,MAHFkB;MAAAA,sCAAUJ;wBAGRd,MAFFD;MAAAA,wCAAW;MACRoB,qCACDnB;;YAEM,YAAM;QAEV,CAACD,UAAU;eACJ,UAACqB,SAAD;AAAA,+CACJA,SADI,GAEJrC,KAFI;AAAA;;KAKV,CAACA,KAAD,EAAQkB,QAAR,EAAkBF,QAAlB;MAEGsB,sBAAejC;;MACfkC,kBAAkB,SAAlBA,eAAkB,GAAM;QACxBX,aAAa,cAAc;QAC3BA,aAAa,yDAAcY,WAAD;AAAWC,MAAAA,OAAO;AAAEC,QAAAA,eAAe;AAAjB;AAAlB;WACvBd,wDAAaY,WAAD;AAAWC,MAAAA,OAAO;AAAEC,QAAAA,eAAe;AAAjB;AAAlB;;;iBAGfC,oBAAoB1C,KAAK;AAAA;AAC7B2C,MAAAA,sBAAO;iBACI;AAAEpC,UAAAA,SAAS;AAAX;;AAEXqC,MAAAA,sBAAO;iBACI;AAAErC,UAAAA,SAAS;AAAX;;AAEXsC,MAAAA,SAASf;AACTgB,MAAAA,wBAAOC,YAAY;iBACR,UAACX,SAAD;AAAA,iDACJA,SADI,GAEHW,UAFG;AAAA;;KATkB;AAAA;MAgBzBC,eAAeC,QAAQ,YAAM;QAC7B,CAACjC,MAAMkC,eAAe;QAEpBC,UAAU;AACdC,MAAAA,kDAAOC,sBAAD;AAAsBC,QAAAA,qBAAclD;AAApC,QADQ;AAEdmD,MAAAA,qDAAUF,sBAAD;AAAsBC,QAAAA,qBAAclD;AAApC,QAFK;AAGdoD,MAAAA,mDAAQH,sBAAD;AAAsBC,QAAAA,qBAAclD;AAApC,QAHO;AAIdqD,MAAAA,qDAAUC,uBAAD;AAAuBJ,QAAAA,qBAAclD;AAArC;AAJK;uDAOb,OAAD;AAAKkD,MAAAA,qBAAcjB;AAAnB,OACGc,QAAQnC,MAAM2C,QACd3C,MAAMkC;KAGV,CAAClC,MAAMkC,MAAP,EAAelC,MAAM2C,KAArB,EAA4BtB,SAA5B,EAAuCjC,WAAvC;;MAEGwD,eAAe,SAAfA,YAAe,CAACC,CAAD,EAA4C;aACtD;AAAEA,MAAAA,GAAAA;AAAF;YACD;AAAEA,MAAAA,GAAAA,CAAF;AAAKC,MAAAA,SAAS;AAAd;;;MAGJC,gBAAgB,SAAhBA,aAAgB,CAACF,CAAD,EAA4C;cACtD;AAAEA,MAAAA,GAAAA;AAAF;;;MAGNG,gBAAgB,SAAhBA,aAAgB,GAAM;QACtBC,kBAAkBjC,yDACnBkC,QAAD;AAAQC,MAAAA,SAAQ;AAAhB,OAA2BC,WAASpC,UAAT,GAAsBA,SAAtB,GAAkCT;QAG3D8C,mBAAmBpC,0DACpBiC,QAAD;AAAQP,MAAAA,OAAM;AAAd,OAAyBS,WAASnC,WAAT,GAAuBA,UAAvB,GAAoCZ;;sBAG3DpB,eAAMqE,cAAN,CAAqBtC,SAArB,GAAiC;wBACjBA;;;sBAGhB/B,eAAMqE,cAAN,CAAqBrC,UAArB,GAAkC;yBACjBA;;;QAGjB,OAAOD,SAAP,KAAqB,YAAY;wBACjBA;;;QAGhB,OAAOC,UAAP,KAAsB,YAAY;yBACjBA;;;sFAIhBgC,gCACChE,eAAMsE,YAAN,CAAmBN,eAAnB;AACEO,MAAAA,SAASZ;AADX,OAEKK,gBAAgBlE,KAFrB,IAIDsE,iCACCpE,eAAMsE,YAAN,CAAmBF,gBAAnB;AACEG,MAAAA,SAAST;AADX,OAEKM,iBAAiBtE,KAFtB;;;qDASL0E,8CACKtC;AACJ5B,IAAAA,SAAAA;AACA8B,IAAAA,WAAAA;AACAa,IAAAA,QAAQF;AACRtB,IAAAA,cAAAA;AACAC,IAAAA,UAAUW;AACVlC,IAAAA,aAAAA;AACA8B,IAAAA,SAAAA;AACAN,IAAAA,QAAQA,WAAW,MAAX,GAAuBoC,eAAvB,GAAyCpC;;CA/IvD;;AAoJA,2BAAe3B,eAAMyE,UAAN,CAAiB5E,MAAjB,CAAf;;;;"}
+{"version":3,"file":"Dialog.js","sources":["../../src/dialog/Dialog.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport isString from 'lodash/isString';\nimport { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { ConfigContext } from '../config-provider';\nimport Button from '../button';\nimport { TdDialogProps, DialogInstance } from '../_type/components/dialog';\nimport { StyledProps } from '../_type';\nimport noop from '../_util/noop';\nimport RenderDialog from './RenderDialog';\nimport useSetState from '../_util/useSetState';\n\nexport interface DialogProps extends TdDialogProps, StyledProps {\n  /**\n   * 是否以插件形式调用\n   */\n  isPlugin?: boolean;\n}\n\nconst Dialog: React.ForwardRefRenderFunction<DialogInstance, DialogProps> = (props, ref) => {\n  const { classPrefix } = React.useContext(ConfigContext);\n  const [state, setState] = useSetState<DialogProps>({\n    width: 520,\n    visible: false,\n    zIndex: 2500,\n    placement: 'center',\n    mode: 'modal',\n    showOverlay: true,\n    destroyOnClose: false,\n    draggable: false,\n    preventScrollThrough: true,\n    isPlugin: false,\n    ...props,\n  });\n\n  const [local, t] = useLocaleReceiver('dialog');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const {\n    visible,\n    attach: getContainer = 'body',\n    closeBtn,\n    footer,\n    onCancel = noop,\n    onConfirm = noop,\n    cancelBtn = cancelText,\n    confirmBtn = confirmText,\n    onClose = noop,\n    isPlugin = false,\n    ...restState\n  } = state;\n\n  useEffect(() => {\n    // 插件式调用不会更新props, 只有组件式调用才会更新props\n    if (!isPlugin) {\n      setState((prevState) => ({\n        ...prevState,\n        ...props,\n      }));\n    }\n  }, [props, setState, isPlugin]);\n\n  const prefixCls = `${classPrefix}-dialog`;\n  const renderCloseIcon = () => {\n    if (closeBtn === false) return null;\n    if (closeBtn === true) return <CloseIcon style={{ verticalAlign: 'unset' }} />;\n    return closeBtn || <CloseIcon style={{ verticalAlign: 'unset' }} />;\n  };\n\n  React.useImperativeHandle(ref, () => ({\n    show() {\n      setState({ visible: true });\n    },\n    hide() {\n      setState({ visible: false });\n    },\n    destroy: noop,\n    update(newOptions) {\n      setState((prevState) => ({\n        ...prevState,\n        ...(newOptions as DialogProps),\n      }));\n    },\n  }));\n\n  const renderHeader = useMemo(() => {\n    if (!state.header) return null;\n\n    const iconMap = {\n      info: <InfoCircleFilledIcon className={`${classPrefix}-is-info`} />,\n      warning: <InfoCircleFilledIcon className={`${classPrefix}-is-warning`} />,\n      error: <InfoCircleFilledIcon className={`${classPrefix}-is-error`} />,\n      success: <CheckCircleFilledIcon className={`${classPrefix}-is-success`} />,\n    };\n    return (\n      <div className={`${prefixCls}__header`}>\n        {iconMap[state.theme]}\n        {state.header}\n      </div>\n    );\n  }, [state.header, state.theme, prefixCls, classPrefix]);\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onCancel({ e });\n    onClose({ e, trigger: 'cancel' });\n  };\n\n  const handleConfirm = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onConfirm({ e });\n  };\n\n  const defaultFooter = () => {\n    let renderCancelBtn = cancelBtn && (\n      <Button variant=\"outline\">{isString(cancelBtn) ? cancelBtn : cancelText}</Button>\n    );\n\n    let renderConfirmBtn = confirmBtn && (\n      <Button theme=\"primary\">{isString(confirmBtn) ? confirmBtn : confirmText}</Button>\n    );\n\n    if (React.isValidElement(cancelBtn)) {\n      renderCancelBtn = cancelBtn;\n    }\n\n    if (React.isValidElement(confirmBtn)) {\n      renderConfirmBtn = confirmBtn;\n    }\n\n    if (typeof cancelBtn === 'function') {\n      renderCancelBtn = cancelBtn();\n    }\n\n    if (typeof confirmBtn === 'function') {\n      renderConfirmBtn = confirmBtn();\n    }\n    return (\n      <>\n        {renderCancelBtn &&\n          React.cloneElement(renderCancelBtn, {\n            onClick: handleCancel,\n            ...renderCancelBtn.props,\n          })}\n        {renderConfirmBtn &&\n          React.cloneElement(renderConfirmBtn, {\n            onClick: handleConfirm,\n            ...renderConfirmBtn.props,\n          })}\n      </>\n    );\n  };\n\n  return (\n    <RenderDialog\n      {...restState}\n      visible={visible}\n      prefixCls={prefixCls}\n      header={renderHeader}\n      getContainer={getContainer}\n      closeBtn={renderCloseIcon()}\n      classPrefix={classPrefix}\n      onClose={onClose}\n      footer={footer === undefined ? defaultFooter() : footer}\n    />\n  );\n};\n\nexport default React.forwardRef(Dialog);\n"],"names":["Dialog","props","ref","React","useContext","ConfigContext","classPrefix","useSetState","width","visible","zIndex","placement","mode","showOverlay","destroyOnClose","draggable","preventScrollThrough","isPlugin","state","setState","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","attach","getContainer","closeBtn","footer","onCancel","noop","onConfirm","cancelBtn","confirmBtn","onClose","restState","prevState","prefixCls","renderCloseIcon","CloseIcon","style","verticalAlign","useImperativeHandle","show","hide","destroy","update","newOptions","renderHeader","useMemo","header","iconMap","info","InfoCircleFilledIcon","className","warning","error","success","CheckCircleFilledIcon","theme","handleCancel","e","trigger","handleConfirm","defaultFooter","renderCancelBtn","Button","variant","isString","renderConfirmBtn","isValidElement","cloneElement","onClick","RenderDialog","forwardRef"],"mappings":"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"}

package/esm/dialog/RenderDialog.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
 import React__default, { useRef, useLayoutEffect, useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import Portal from '../common/Portal.js';
 import noop from '../_util/noop.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
-import '../_chunks/dep-124a41a4.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-6d4c74ed.js';
 import 'react-dom';
 
 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; }

package/esm/dialog/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { DialogProps } from './Dialog';
+export * from '../_type/components/dialog';
 export { default as dialog } from './plugin';
 export declare const Dialog: import("react").ForwardRefExoticComponent<import("./Dialog").DialogProps & import("react").RefAttributes<import("../_type/components/dialog").DialogInstance>>;
 export default Dialog;

package/esm/dialog/index.js

@@ -1,24 +1,25 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import _Dialog from './Dialog.js';
 import './style/index.js';
+import '../_type/components/dialog/index.js';
 export { default as dialog } from './plugin.js';
-import '../_chunks/dep-208842c6.js';
-import '../_chunks/dep-a0803fb6.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_chunks/dep-79c7181c.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
 import 'react';
-import '../_chunks/dep-31190e87.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-8bc12c0f.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-7e897399.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
@@ -39,8 +40,11 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import '../_chunks/dep-6d4c74ed.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../button/style/index.js';
+import '../_type/components/button/index.js';
 import './RenderDialog.js';
 import 'react-transition-group';
 import '../_util/useSetState.js';

package/esm/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/dialog/index.tsx"],"sourcesContent":["import _Dialog from './Dialog';\n\nimport './style/index.js';\n\nexport type { DialogProps } from './Dialog';\nexport { default as dialog } from './plugin';\nexport const Dialog = _Dialog;\nexport default Dialog;\n"],"names":["Dialog","_Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,SAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/dialog/index.tsx"],"sourcesContent":["import _Dialog from './Dialog';\n\nimport './style/index.js';\n\nexport type { DialogProps } from './Dialog';\nexport * from '../_type/components/dialog';\n\nexport { default as dialog } from './plugin';\nexport const Dialog = _Dialog;\nexport default Dialog;\n"],"names":["Dialog","_Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,SAASC;;;;"}

package/esm/dialog/plugin.js

@@ -1,24 +1,24 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.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-208842c6.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
-import '../_chunks/dep-31190e87.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-79c7181c.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-8bc12c0f.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-7e897399.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
@@ -35,10 +35,13 @@ import '../_util/setStyle.js';
 import '../loading/index.js';
 import '../loading/loading.js';
 import '../common/Portal.js';
+import '../_chunks/dep-6d4c74ed.js';
 import 'raf';
 import '../_util/easing.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../button/style/index.js';
+import '../_type/components/button/index.js';
 import './RenderDialog.js';
 import 'react-transition-group';
 import '../_util/useSetState.js';

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 {\n  DialogOptions,\n  DialogMethod,\n  DialogConfirmMethod,\n  DialogAlertMethod,\n  DialogInstance,\n} from '../_type/components/dialog';\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 default 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBMA,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;;;AAGT,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;;;;"}
+{"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 {\n  DialogOptions,\n  DialogMethod,\n  DialogConfirmMethod,\n  DialogAlertMethod,\n  DialogInstance,\n} from '../_type/components/dialog';\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 default 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBMA,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;;;AAGT,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;;;;"}

package/esm/divider/Divider.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-208842c6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-79c7181c.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';

package/esm/divider/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { DividerProps } from './Divider';
+export * from '../_type/components/divider';
 export declare const Divider: {
     (props: import("./Divider").DividerProps): JSX.Element;
     displayName: string;

package/esm/divider/index.js

@@ -1,13 +1,14 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Divider$1 from './Divider.js';
 import './style/index.js';
-import '../_chunks/dep-a0803fb6.js';
-import '../_chunks/dep-208842c6.js';
+import '../_type/components/divider/index.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-79c7181c.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';

package/esm/divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/divider/index.ts"],"sourcesContent":["import _Divider from './Divider';\n\nimport './style/index.js';\n\nexport type { DividerProps } from './Divider';\n\nexport const Divider = _Divider;\nexport default Divider;\n"],"names":["Divider","_Divider"],"mappings":";;;;;;;;;;;;;;;;IAMaA,UAAUC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/divider/index.ts"],"sourcesContent":["import _Divider from './Divider';\n\nimport './style/index.js';\n\nexport type { DividerProps } from './Divider';\nexport * from '../_type/components/divider';\n\nexport const Divider = _Divider;\nexport default Divider;\n"],"names":["Divider","_Divider"],"mappings":";;;;;;;;;;;;;;;;;IAOaA,UAAUC;;;;"}

package/esm/drawer/Drawer.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bd3f1446.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
+import { _ as _slicedToArray } from '../_chunks/dep-24340815.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-7562bb74.js';
+import '../_chunks/dep-d056abc2.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-208842c6.js';
+import '../_chunks/dep-79c7181c.js';
 import '../locale/zh_CN.js';
 import '../common/Portal.js';
-import '../_chunks/dep-124a41a4.js';
+import '../_chunks/dep-6d4c74ed.js';
 import 'react-dom';
 import '../button/Button.js';
 import '../_util/noop.js';
@@ -32,15 +32,18 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-31190e87.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-8bc12c0f.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-7e897399.js';
 import '../_util/easing.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../button/style/index.js';
+import '../_type/components/button/index.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; }
 

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/components/drawer';\nimport { StyledProps } from '../_type';\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":"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"}
+{"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/components/drawer';\nimport { StyledProps } from '../_type';\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":"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"}

package/esm/drawer/DrawerWrapper.js

@@ -1,14 +1,14 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import React__default, { forwardRef, useRef, useImperativeHandle, cloneElement } from 'react';
 import Portal from '../common/Portal.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
-import '../_chunks/dep-124a41a4.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-6d4c74ed.js';
 import 'react-dom';
 
 var DrawerWrapper = /*#__PURE__*/forwardRef(function (props, ref) {

package/esm/drawer/_util.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/drawer/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { DrawerProps } from './Drawer';
+export * from '../_type/components/drawer';
 export declare const Drawer: import("react").ForwardRefExoticComponent<import("./Drawer").DrawerProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Drawer;

package/esm/drawer/index.js

@@ -1,28 +1,29 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Drawer$1 from './Drawer.js';
 import './style/index.js';
-import '../_chunks/dep-a0803fb6.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_type/components/drawer/index.js';
+import '../_chunks/dep-b05711f1.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.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-208842c6.js';
+import '../_chunks/dep-79c7181c.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-124a41a4.js';
+import '../_chunks/dep-6d4c74ed.js';
 import 'react-dom';
 import '../button/index.js';
 import '../button/Button.js';
@@ -34,15 +35,18 @@ import '../loading/index.js';
 import '../loading/loading.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-31190e87.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-3146ebd9.js';
+import '../_chunks/dep-8bc12c0f.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-7e897399.js';
 import '../_util/easing.js';
 import '../loading/style/index.js';
+import '../_type/components/loading/index.js';
 import '../button/style/index.js';
+import '../_type/components/button/index.js';
 
 var Drawer = Drawer$1;
 

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';\n\nexport const Drawer = _Drawer;\nexport default Drawer;\n"],"names":["Drawer","_Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,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/components/drawer';\n\nexport const Drawer = _Drawer;\nexport default Drawer;\n"],"names":["Drawer","_Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;"}

package/esm/dropdown/Dropdown.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
 import React__default, { useRef } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -13,8 +13,8 @@ import DropdownMenu from './DropdownMenu.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../popup/Popup.js';
-import '../_chunks/dep-bd3f1446.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_chunks/dep-24340815.js';
+import '../_chunks/dep-d056abc2.js';
 import 'react-popper';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
@@ -25,15 +25,17 @@ import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../popup/style/index.js';
-import '../_chunks/dep-0859ba52.js';
+import '../_type/components/popup/index.js';
+import '../_chunks/dep-222f3011.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-208842c6.js';
+import '../_chunks/dep-79c7181c.js';
 import '../divider/style/index.js';
+import '../_type/components/divider/index.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; }
 

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/components/dropdown';\nimport { ClassName } from '../_type';\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/components/dropdown';\nimport { ClassName } from '../_type';\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;;;;"}