tdesign-react 0.17.0-beta.0 → 0.18.1

package/es/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,14 +32,17 @@ 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 './style/css.js';
+import '../_type/components/loading/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/es/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../src/drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useState, useContext, useEffect, useImperativeHandle, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { CloseIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { ConfigContext } from '../config-provider';\nimport getScrollbarWidth from '../_util/getScrollbarWidth';\nimport hasScrollBar from '../_util/hasScrollBar';\nimport { TdDrawerProps, DrawerEventSource } from '../_type/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;;;;"}

package/es/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/es/drawer/_util.js

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

package/es/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/es/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/css.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,13 +35,16 @@ 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 '../_type/components/loading/index.js';
+import '../_type/components/button/index.js';
 
 var Drawer = Drawer$1;
 

package/es/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/drawer/index.tsx"],"sourcesContent":["import _Drawer from './Drawer';\n\nimport './style/index.js';\n\nexport type { DrawerProps } from './Drawer';\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/es/drawer/style/index.js

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

package/es/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,14 +25,16 @@ import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import './style/css.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 '../_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/es/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;;;;"}

package/es/dropdown/DropdownItem.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, { forwardRef, useRef } from 'react';
 import classNames from 'classnames';
 import { ChevronRightIcon } from 'tdesign-icons-react';
@@ -15,8 +15,9 @@ import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/setStyle.js';
 import '../divider/Divider.js';
-import '../_chunks/dep-208842c6.js';
+import '../_chunks/dep-79c7181c.js';
 import './style/css.js';
+import '../_type/components/divider/index.js';
 
 var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var _classNames;

package/es/dropdown/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../src/dropdown/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ChevronRightIcon as TIconChevronRight } from 'tdesign-icons-react';\nimport { DropdownOption, TdDropdownProps } from '../_type/components/dropdown';\nimport useConfig from '../_util/useConfig';\nimport useRipple from '../_util/useRipple';\nimport TDivider from '../divider';\n\ntype DropdownItemProps = Pick<DropdownOption, 'content' | 'value' | 'divider' | 'onClick'> &\n  Pick<TdDropdownProps, 'maxColumnWidth' | 'minColumnWidth'> & {\n    path: string;\n    hasChildren: boolean;\n    active: boolean;\n    disabled: boolean;\n    onHover: (path: string) => void;\n  };\n\nconst DropdownItem = forwardRef((props: DropdownItemProps, ref: React.RefObject<HTMLButtonElement>) => {\n  const {\n    path = '',\n    hasChildren = false,\n    maxColumnWidth,\n    minColumnWidth,\n    active,\n    disabled,\n    content,\n    value,\n    divider,\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const dropdownItemRef = useRef(null);\n\n  useRipple(ref || dropdownItemRef);\n\n  const dropdownItemClass = `${classPrefix}-dropdown__item`;\n  const renderSuffix = () => (hasChildren ? <TIconChevronRight className=\"children-suffix\" /> : null);\n  const handleItemClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n    if (!hasChildren && !disabled) {\n      const data = {\n        value,\n        path,\n        content,\n      };\n      props.onClick(data, { e });\n    }\n  };\n  const handleMouseover = (): void => {\n    props.onHover(path);\n  };\n  return (\n    <div>\n      <div\n        className={classNames(dropdownItemClass, {\n          'has-suffix': hasChildren,\n          [`${classPrefix}-is-disabled`]: disabled,\n          [`${classPrefix}-is-active`]: active,\n        })}\n        style={{\n          maxWidth: `${maxColumnWidth}px`,\n          minWidth: `${minColumnWidth}px`,\n        }}\n        onClick={handleItemClick}\n        onMouseOver={handleMouseover}\n        ref={ref || dropdownItemRef}\n      >\n        <div className={`${dropdownItemClass}__content`}>\n          <span className={`${dropdownItemClass}__content__text`}>{content}</span>\n        </div>\n        {renderSuffix()}\n      </div>\n      {divider ? <TDivider /> : null}\n    </div>\n  );\n});\n\nexport default DropdownItem;\n"],"names":["DropdownItem","forwardRef","props","ref","path","hasChildren","maxColumnWidth","minColumnWidth","active","disabled","content","value","divider","useConfig","classPrefix","dropdownItemRef","useRef","dropdownItemClass","renderSuffix","TIconChevronRight","className","handleItemClick","e","data","onClick","handleMouseover","onHover","classNames","style","maxWidth","minWidth","onMouseOver","TDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;IAiBMA,4BAAeC,WAAW,UAACC,KAAD,EAA2BC,GAA3B,EAAuE;AAAA;;oBAWjGD,MATFE;MAAAA,gCAAO;2BASLF,MARFG;MAAAA,8CAAc;MACdC,iBAOEJ,MAPFI;MACAC,iBAMEL,MANFK;MACAC,SAKEN,MALFM;MACAC,WAIEP,MAJFO;MACAC,UAGER,MAHFQ;MACAC,QAEET,MAFFS;MACAC,UACEV,MADFU;;mBAGsBC;MAAhBC,yBAAAA;;MACFC,kBAAkBC,OAAO;YAErBb,OAAOY;MAEXE,8BAAuBH;;MACvBI,eAAe,SAAfA,YAAe;AAAA,WAAOb,0DAAec,kBAAD;AAAmBC,MAAAA,WAAU;AAA7B,SAAoD,IAAzE;AAAA;;MACfC,kBAAkB,SAAlBA,eAAkB,CAACC,CAAD,EAA2D;QAC7E,CAACjB,WAAD,IAAgB,CAACI,UAAU;UACvBc,OAAO;AACXZ,QAAAA,OAAAA,KADW;AAEXP,QAAAA,MAAAA,IAFW;AAGXM,QAAAA,SAAAA;AAHW;YAKPc,QAAQD,MAAM;AAAED,QAAAA,GAAAA;AAAF;;;;MAGlBG,kBAAkB,SAAlBA,eAAkB,GAAY;UAC5BC,QAAQtB;;;qDAGb,OAAD,kDACG,OAAD;AACEgB,IAAAA,WAAWO,WAAWV;AACpB,oBAAcZ;8CACVS,8BAA4BL,kDAC5BK,4BAA0BN,sBAJlC;AAMEoB,IAAAA,OAAO;AACLC,MAAAA,oBAAavB,qBADR;AAELwB,MAAAA,oBAAavB;AAFR,KANT;AAUEiB,IAAAA,SAASH,eAVX;AAWEU,IAAAA,aAAaN,eAXf;AAYEtB,IAAAA,KAAKA,OAAOY;AAZd,iDAcG,OAAD;AAAKK,IAAAA,qBAAcH;AAAnB,iDACG,QAAD;AAAMG,IAAAA,qBAAcH;AAApB,KAAyDP,WAE1DQ,iBAEFN,sDAAWoB,SAAD,QAAe;;;;;"}
+{"version":3,"file":"DropdownItem.js","sources":["../../src/dropdown/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ChevronRightIcon as TIconChevronRight } from 'tdesign-icons-react';\nimport { DropdownOption, TdDropdownProps } from '../_type/components/dropdown';\nimport useConfig from '../_util/useConfig';\nimport useRipple from '../_util/useRipple';\nimport TDivider from '../divider';\n\ntype DropdownItemProps = Pick<DropdownOption, 'content' | 'value' | 'divider' | 'onClick'> &\n  Pick<TdDropdownProps, 'maxColumnWidth' | 'minColumnWidth'> & {\n    path: string;\n    hasChildren: boolean;\n    active: boolean;\n    disabled: boolean;\n    onHover: (path: string) => void;\n  };\n\nconst DropdownItem = forwardRef((props: DropdownItemProps, ref: React.RefObject<HTMLButtonElement>) => {\n  const {\n    path = '',\n    hasChildren = false,\n    maxColumnWidth,\n    minColumnWidth,\n    active,\n    disabled,\n    content,\n    value,\n    divider,\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const dropdownItemRef = useRef(null);\n\n  useRipple(ref || dropdownItemRef);\n\n  const dropdownItemClass = `${classPrefix}-dropdown__item`;\n  const renderSuffix = () => (hasChildren ? <TIconChevronRight className=\"children-suffix\" /> : null);\n  const handleItemClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n    if (!hasChildren && !disabled) {\n      const data = {\n        value,\n        path,\n        content,\n      };\n      props.onClick(data, { e });\n    }\n  };\n  const handleMouseover = (): void => {\n    props.onHover(path);\n  };\n  return (\n    <div>\n      <div\n        className={classNames(dropdownItemClass, {\n          'has-suffix': hasChildren,\n          [`${classPrefix}-is-disabled`]: disabled,\n          [`${classPrefix}-is-active`]: active,\n        })}\n        style={{\n          maxWidth: `${maxColumnWidth}px`,\n          minWidth: `${minColumnWidth}px`,\n        }}\n        onClick={handleItemClick}\n        onMouseOver={handleMouseover}\n        ref={ref || dropdownItemRef}\n      >\n        <div className={`${dropdownItemClass}__content`}>\n          <span className={`${dropdownItemClass}__content__text`}>{content}</span>\n        </div>\n        {renderSuffix()}\n      </div>\n      {divider ? <TDivider /> : null}\n    </div>\n  );\n});\n\nexport default DropdownItem;\n"],"names":["DropdownItem","forwardRef","props","ref","path","hasChildren","maxColumnWidth","minColumnWidth","active","disabled","content","value","divider","useConfig","classPrefix","dropdownItemRef","useRef","dropdownItemClass","renderSuffix","TIconChevronRight","className","handleItemClick","e","data","onClick","handleMouseover","onHover","classNames","style","maxWidth","minWidth","onMouseOver","TDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAiBMA,4BAAeC,WAAW,UAACC,KAAD,EAA2BC,GAA3B,EAAuE;AAAA;;oBAWjGD,MATFE;MAAAA,gCAAO;2BASLF,MARFG;MAAAA,8CAAc;MACdC,iBAOEJ,MAPFI;MACAC,iBAMEL,MANFK;MACAC,SAKEN,MALFM;MACAC,WAIEP,MAJFO;MACAC,UAGER,MAHFQ;MACAC,QAEET,MAFFS;MACAC,UACEV,MADFU;;mBAGsBC;MAAhBC,yBAAAA;;MACFC,kBAAkBC,OAAO;YAErBb,OAAOY;MAEXE,8BAAuBH;;MACvBI,eAAe,SAAfA,YAAe;AAAA,WAAOb,0DAAec,kBAAD;AAAmBC,MAAAA,WAAU;AAA7B,SAAoD,IAAzE;AAAA;;MACfC,kBAAkB,SAAlBA,eAAkB,CAACC,CAAD,EAA2D;QAC7E,CAACjB,WAAD,IAAgB,CAACI,UAAU;UACvBc,OAAO;AACXZ,QAAAA,OAAAA,KADW;AAEXP,QAAAA,MAAAA,IAFW;AAGXM,QAAAA,SAAAA;AAHW;YAKPc,QAAQD,MAAM;AAAED,QAAAA,GAAAA;AAAF;;;;MAGlBG,kBAAkB,SAAlBA,eAAkB,GAAY;UAC5BC,QAAQtB;;;qDAGb,OAAD,kDACG,OAAD;AACEgB,IAAAA,WAAWO,WAAWV;AACpB,oBAAcZ;8CACVS,8BAA4BL,kDAC5BK,4BAA0BN,sBAJlC;AAMEoB,IAAAA,OAAO;AACLC,MAAAA,oBAAavB,qBADR;AAELwB,MAAAA,oBAAavB;AAFR,KANT;AAUEiB,IAAAA,SAASH,eAVX;AAWEU,IAAAA,aAAaN,eAXf;AAYEtB,IAAAA,KAAKA,OAAOY;AAZd,iDAcG,OAAD;AAAKK,IAAAA,qBAAcH;AAAnB,iDACG,QAAD;AAAMG,IAAAA,qBAAcH;AAApB,KAAyDP,WAE1DQ,iBAEFN,sDAAWoB,SAAD,QAAe;;;;;"}

package/es/dropdown/DropdownMenu.js

@@ -1,26 +1,27 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../_chunks/dep-0859ba52.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bd3f1446.js';
+import { _ as _toConsumableArray } from '../_chunks/dep-222f3011.js';
+import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
 import React__default, { useState } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import DropdownItem from './DropdownItem.js';
-import '../_chunks/dep-7562bb74.js';
+import '../_chunks/dep-d056abc2.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-a0803fb6.js';
+import '../_chunks/dep-b05711f1.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 './style/css.js';
+import '../_type/components/divider/index.js';
 
 var DropdownMenu = function DropdownMenu(props) {
   var _props$options = props.options,

package/es/dropdown/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../src/dropdown/DropdownMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption } from '../_type/components/dropdown';\nimport useConfig from '../_util/useConfig';\nimport { DropdownProps } from './Dropdown';\nimport DropdownItem from './DropdownItem';\n\nconst DropdownMenu = (props: DropdownProps) => {\n  const { options = [], maxHeight = 300, maxColumnWidth = 100, minColumnWidth = 10 } = props;\n  const [path, setPath] = useState<string>('');\n  const { classPrefix } = useConfig();\n  const dropdownMenuClass = `${classPrefix}-dropdown__menu`;\n  const isActive = (item: DropdownOption, pathPrefix: string, excludeSelf = true): boolean => {\n    const itemPath = `${pathPrefix}/${item.value}`;\n    if (excludeSelf && path === itemPath) {\n      return false;\n    }\n    return path.indexOf(itemPath) === 0;\n  };\n  const handleHoverItem = (path: string) => {\n    setPath(path);\n  };\n  const handleItemClick = (\n    data: DropdownOption,\n    context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> },\n    idx: number,\n  ) => {\n    options[idx]?.onClick?.(data, context);\n    props.onClick(data, context);\n  };\n  const renderDropdownColumn = (children: Array<DropdownOption>, showSubmenu: boolean, pathPrefix: string) => {\n    // eslint-disable-next-line\n    const menuClass = [`${dropdownMenuClass}__column`, 'narrow-scrollbar', { submenu__visible: showSubmenu }];\n    return (\n      <div\n        key={`/${pathPrefix}`}\n        className={classNames(menuClass)}\n        style={{\n          maxHeight: `${maxHeight}px`,\n        }}\n      >\n        {children.map((item, idx) => (\n          <DropdownItem\n            key={idx}\n            disabled={item.disabled}\n            active={isActive(item, pathPrefix) || item.active}\n            value={item.value}\n            content={item.content}\n            divider={item.divider}\n            hasChildren={item.children && item.children.length > 0}\n            path={`${pathPrefix}/${item.value}`}\n            maxColumnWidth={maxColumnWidth}\n            minColumnWidth={minColumnWidth}\n            onClick={(data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) =>\n              handleItemClick(data, context, idx)\n            }\n            onHover={handleHoverItem}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  const dropdownItems = (options: Array<DropdownOption>, pathPrefix = '') => {\n    const columns = [];\n    const activeItem = options.find((item) => isActive(item, pathPrefix, false));\n    columns.push(renderDropdownColumn(options, !!activeItem, pathPrefix));\n    if (activeItem?.children?.length) {\n      columns.push(...dropdownItems(activeItem.children, `${pathPrefix}/${activeItem.value}`));\n    }\n    return columns;\n  };\n  const renderDropdownItems = dropdownItems(options);\n  return <div className={dropdownMenuClass}>{renderDropdownItems}</div>;\n};\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","props","options","maxHeight","maxColumnWidth","minColumnWidth","useState","path","setPath","useConfig","classPrefix","dropdownMenuClass","isActive","item","pathPrefix","excludeSelf","itemPath","value","indexOf","handleHoverItem","path2","handleItemClick","data","context","idx","onClick","renderDropdownColumn","children","showSubmenu","menuClass","submenu__visible","key","className","classNames","style","map","DropdownItem","disabled","active","content","divider","hasChildren","length","onHover","dropdownItems","options2","columns","activeItem","find","push","renderDropdownItems"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAOMA,eAAe,SAAfA,YAAe,CAACC,KAAD,EAA0B;uBACwCA,MAA7EC;MAAAA,sCAAU;yBAAmED,MAA/DE;MAAAA,0CAAY;8BAAmDF,MAA9CG;MAAAA,oDAAiB;8BAA6BH,MAAxBI;MAAAA,oDAAiB;;kBACtDC,SAAiB;;MAAlCC;MAAMC;;mBACWC;MAAhBC,yBAAAA;;MACFC,8BAAuBD;;MACvBE,WAAW,SAAXA,QAAW,CAACC,IAAD,EAAuBC,UAAvB,EAA2E;AAAA,QAAhCC,WAAgC,uEAAlB,IAAkB;QACpFC,qBAAcF,wBAAcD,KAAKI;;QACnCF,eAAeR,SAASS,UAAU;aAC7B;;;WAEFT,KAAKW,OAAL,CAAaF,QAAb,MAA2B;;;MAE9BG,kBAAkB,SAAlBA,eAAkB,CAACC,KAAD,EAAkB;YAChCA;;;MAEJC,kBAAkB,SAAlBA,eAAkB,CACtBC,IADsB,EAEtBC,OAFsB,EAGtBC,GAHsB,EAInB;AAAA;;4BACKA,0FAAMC,wGAAUH,MAAMC;UACxBE,QAAQH,MAAMC;;;MAEhBG,uBAAuB,SAAvBA,oBAAuB,CAACC,QAAD,EAAkCC,WAAlC,EAAwDd,UAAxD,EAA+E;QAEpGe,YAAY,WAAIlB,iBAAJ,eAAiC,kBAAjC,EAAqD;AAAEmB,MAAAA,kBAAkBF;AAApB,KAArD;uDAEf,OAAD;AACEG,MAAAA,gBAASjB,WADX;AAEEkB,MAAAA,WAAWC,WAAWJ,UAFxB;AAGEK,MAAAA,OAAO;AACL/B,QAAAA,qBAAcA;AADT;AAHT,OAOGwB,SAASQ,GAAT,CAAa,UAACtB,IAAD,EAAOW,GAAP;AAAA,yDACXY,cAAD;AACEL,QAAAA,KAAKP,GADP;AAEEa,QAAAA,UAAUxB,KAAKwB,QAFjB;AAGEC,QAAAA,QAAQ1B,SAASC,MAAMC,WAAf,IAA8BD,KAAKyB,MAH7C;AAIErB,QAAAA,OAAOJ,KAAKI,KAJd;AAKEsB,QAAAA,SAAS1B,KAAK0B,OALhB;AAMEC,QAAAA,SAAS3B,KAAK2B,OANhB;AAOEC,QAAAA,aAAa5B,KAAKc,QAAL,IAAiBd,KAAKc,QAAL,CAAce,MAAd,GAAuB,CAPvD;AAQEnC,QAAAA,gBAASO,wBAAcD,KAAKI,MAR9B;AASEb,QAAAA,gBAAAA,cATF;AAUEC,QAAAA,gBAAAA,cAVF;AAWEoB,QAAAA,SAAS,iBAACH,IAAD,EAAuBC,OAAvB;AAAA,iBACPF,gBAAgBC,MAAMC,SAASC,IADxB;AAAA,SAXX;AAcEmB,QAAAA,SAASxB;AAdX,QADY;AAAA,KAAb;;;MAsBDyB,gBAAgB,SAAhBA,aAAgB,CAACC,QAAD,EAAqD;AAAA;;AAAA,QAApB/B,UAAoB,uEAAP,EAAO;QACnEgC,UAAU;QACVC,aAAaF,SAAQG,IAAR,CAAa,UAACnC,IAAD;AAAA,aAAUD,SAASC,MAAMC,YAAY,MAArC;AAAA,KAAb;YACXmC,KAAKvB,qBAAqBmB,UAAS,CAAC,CAACE,YAAYjC;;QACrDiC,uBAAAA,iDAAAA,WAAYpB,yDAAZ,qBAAsBe,QAAQ;cACxBO,uCAAQL,cAAcG,WAAWpB,oBAAab,wBAAciC,WAAW9B;;;WAE1E6B;;;MAEHI,sBAAsBN,cAAc1C;qDAClC,OAAD;AAAK8B,IAAAA,WAAWrB;AAAhB,KAAoCuC;;;;;"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../src/dropdown/DropdownMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption } from '../_type/components/dropdown';\nimport useConfig from '../_util/useConfig';\nimport { DropdownProps } from './Dropdown';\nimport DropdownItem from './DropdownItem';\n\nconst DropdownMenu = (props: DropdownProps) => {\n  const { options = [], maxHeight = 300, maxColumnWidth = 100, minColumnWidth = 10 } = props;\n  const [path, setPath] = useState<string>('');\n  const { classPrefix } = useConfig();\n  const dropdownMenuClass = `${classPrefix}-dropdown__menu`;\n  const isActive = (item: DropdownOption, pathPrefix: string, excludeSelf = true): boolean => {\n    const itemPath = `${pathPrefix}/${item.value}`;\n    if (excludeSelf && path === itemPath) {\n      return false;\n    }\n    return path.indexOf(itemPath) === 0;\n  };\n  const handleHoverItem = (path: string) => {\n    setPath(path);\n  };\n  const handleItemClick = (\n    data: DropdownOption,\n    context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> },\n    idx: number,\n  ) => {\n    options[idx]?.onClick?.(data, context);\n    props.onClick(data, context);\n  };\n  const renderDropdownColumn = (children: Array<DropdownOption>, showSubmenu: boolean, pathPrefix: string) => {\n    // eslint-disable-next-line\n    const menuClass = [`${dropdownMenuClass}__column`, 'narrow-scrollbar', { submenu__visible: showSubmenu }];\n    return (\n      <div\n        key={`/${pathPrefix}`}\n        className={classNames(menuClass)}\n        style={{\n          maxHeight: `${maxHeight}px`,\n        }}\n      >\n        {children.map((item, idx) => (\n          <DropdownItem\n            key={idx}\n            disabled={item.disabled}\n            active={isActive(item, pathPrefix) || item.active}\n            value={item.value}\n            content={item.content}\n            divider={item.divider}\n            hasChildren={item.children && item.children.length > 0}\n            path={`${pathPrefix}/${item.value}`}\n            maxColumnWidth={maxColumnWidth}\n            minColumnWidth={minColumnWidth}\n            onClick={(data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) =>\n              handleItemClick(data, context, idx)\n            }\n            onHover={handleHoverItem}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  const dropdownItems = (options: Array<DropdownOption>, pathPrefix = '') => {\n    const columns = [];\n    const activeItem = options.find((item) => isActive(item, pathPrefix, false));\n    columns.push(renderDropdownColumn(options, !!activeItem, pathPrefix));\n    if (activeItem?.children?.length) {\n      columns.push(...dropdownItems(activeItem.children, `${pathPrefix}/${activeItem.value}`));\n    }\n    return columns;\n  };\n  const renderDropdownItems = dropdownItems(options);\n  return <div className={dropdownMenuClass}>{renderDropdownItems}</div>;\n};\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","props","options","maxHeight","maxColumnWidth","minColumnWidth","useState","path","setPath","useConfig","classPrefix","dropdownMenuClass","isActive","item","pathPrefix","excludeSelf","itemPath","value","indexOf","handleHoverItem","path2","handleItemClick","data","context","idx","onClick","renderDropdownColumn","children","showSubmenu","menuClass","submenu__visible","key","className","classNames","style","map","DropdownItem","disabled","active","content","divider","hasChildren","length","onHover","dropdownItems","options2","columns","activeItem","find","push","renderDropdownItems"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,eAAe,SAAfA,YAAe,CAACC,KAAD,EAA0B;uBACwCA,MAA7EC;MAAAA,sCAAU;yBAAmED,MAA/DE;MAAAA,0CAAY;8BAAmDF,MAA9CG;MAAAA,oDAAiB;8BAA6BH,MAAxBI;MAAAA,oDAAiB;;kBACtDC,SAAiB;;MAAlCC;MAAMC;;mBACWC;MAAhBC,yBAAAA;;MACFC,8BAAuBD;;MACvBE,WAAW,SAAXA,QAAW,CAACC,IAAD,EAAuBC,UAAvB,EAA2E;AAAA,QAAhCC,WAAgC,uEAAlB,IAAkB;QACpFC,qBAAcF,wBAAcD,KAAKI;;QACnCF,eAAeR,SAASS,UAAU;aAC7B;;;WAEFT,KAAKW,OAAL,CAAaF,QAAb,MAA2B;;;MAE9BG,kBAAkB,SAAlBA,eAAkB,CAACC,KAAD,EAAkB;YAChCA;;;MAEJC,kBAAkB,SAAlBA,eAAkB,CACtBC,IADsB,EAEtBC,OAFsB,EAGtBC,GAHsB,EAInB;AAAA;;4BACKA,0FAAMC,wGAAUH,MAAMC;UACxBE,QAAQH,MAAMC;;;MAEhBG,uBAAuB,SAAvBA,oBAAuB,CAACC,QAAD,EAAkCC,WAAlC,EAAwDd,UAAxD,EAA+E;QAEpGe,YAAY,WAAIlB,iBAAJ,eAAiC,kBAAjC,EAAqD;AAAEmB,MAAAA,kBAAkBF;AAApB,KAArD;uDAEf,OAAD;AACEG,MAAAA,gBAASjB,WADX;AAEEkB,MAAAA,WAAWC,WAAWJ,UAFxB;AAGEK,MAAAA,OAAO;AACL/B,QAAAA,qBAAcA;AADT;AAHT,OAOGwB,SAASQ,GAAT,CAAa,UAACtB,IAAD,EAAOW,GAAP;AAAA,yDACXY,cAAD;AACEL,QAAAA,KAAKP,GADP;AAEEa,QAAAA,UAAUxB,KAAKwB,QAFjB;AAGEC,QAAAA,QAAQ1B,SAASC,MAAMC,WAAf,IAA8BD,KAAKyB,MAH7C;AAIErB,QAAAA,OAAOJ,KAAKI,KAJd;AAKEsB,QAAAA,SAAS1B,KAAK0B,OALhB;AAMEC,QAAAA,SAAS3B,KAAK2B,OANhB;AAOEC,QAAAA,aAAa5B,KAAKc,QAAL,IAAiBd,KAAKc,QAAL,CAAce,MAAd,GAAuB,CAPvD;AAQEnC,QAAAA,gBAASO,wBAAcD,KAAKI,MAR9B;AASEb,QAAAA,gBAAAA,cATF;AAUEC,QAAAA,gBAAAA,cAVF;AAWEoB,QAAAA,SAAS,iBAACH,IAAD,EAAuBC,OAAvB;AAAA,iBACPF,gBAAgBC,MAAMC,SAASC,IADxB;AAAA,SAXX;AAcEmB,QAAAA,SAASxB;AAdX,QADY;AAAA,KAAb;;;MAsBDyB,gBAAgB,SAAhBA,aAAgB,CAACC,QAAD,EAAqD;AAAA;;AAAA,QAApB/B,UAAoB,uEAAP,EAAO;QACnEgC,UAAU;QACVC,aAAaF,SAAQG,IAAR,CAAa,UAACnC,IAAD;AAAA,aAAUD,SAASC,MAAMC,YAAY,MAArC;AAAA,KAAb;YACXmC,KAAKvB,qBAAqBmB,UAAS,CAAC,CAACE,YAAYjC;;QACrDiC,uBAAAA,iDAAAA,WAAYpB,yDAAZ,qBAAsBe,QAAQ;cACxBO,uCAAQL,cAAcG,WAAWpB,oBAAab,wBAAciC,WAAW9B;;;WAE1E6B;;;MAEHI,sBAAsBN,cAAc1C;qDAClC,OAAD;AAAK8B,IAAAA,WAAWrB;AAAhB,KAAoCuC;;;;;"}

package/es/dropdown/index.d.ts

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

package/es/dropdown/index.js

@@ -1,12 +1,13 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Dropdown$1 from './Dropdown.js';
 import './style/css.js';
-import '../_chunks/dep-a0803fb6.js';
+import '../_type/components/dropdown/index.js';
+import '../_chunks/dep-b05711f1.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
@@ -14,8 +15,8 @@ import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../popup/index.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 +26,17 @@ import '../popup/Portal.js';
 import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
+import '../_type/components/popup/index.js';
 import './DropdownMenu.js';
-import '../_chunks/dep-0859ba52.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 '../_type/components/divider/index.js';
 
 var Dropdown = Dropdown$1;
 

package/es/dropdown/index.js.map

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

package/es/dropdown/style/index.js

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

package/es/form/Form.js

@@ -1,49 +1,51 @@
 /**
- * tdesign v0.17.0-beta.0
+ * tdesign v0.18.1
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-bd3f1446.js';
-import { _ as _defineProperty } from '../_chunks/dep-a0803fb6.js';
+import { _ as _slicedToArray } from '../_chunks/dep-24340815.js';
+import { _ as _defineProperty } from '../_chunks/dep-b05711f1.js';
 import React__default, { useRef, createRef, useImperativeHandle } from 'react';
 import classNames from 'classnames';
-import { i as isEmpty_1 } from '../_chunks/dep-7373cede.js';
-import { i as isNil_1, F as FormItem } from '../_chunks/dep-2aaf9e39.js';
-import { i as isFunction_1 } from '../_chunks/dep-9e89d07e.js';
-import { f as flatten_1 } from '../_chunks/dep-86eac0a0.js';
+import { i as isEmpty_1 } from '../_chunks/dep-cb44c6cb.js';
+import { i as isNil_1, F as FormItem } from '../_chunks/dep-bd19faa8.js';
+import { i as isFunction_1 } from '../_chunks/dep-53a5fcb7.js';
+import { f as flatten_1 } from '../_chunks/dep-7fd82250.js';
 import useConfig from '../_util/useConfig.js';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import FormContext from './FormContext.js';
-import '../_chunks/dep-7562bb74.js';
-import '../_chunks/dep-f10228f2.js';
-import '../_chunks/dep-28102e5b.js';
-import '../_chunks/dep-fbff26c5.js';
-import '../_chunks/dep-124a41a4.js';
-import '../_chunks/dep-d54a9111.js';
-import '../_chunks/dep-3146ebd9.js';
-import '../_chunks/dep-604c006c.js';
-import '../_chunks/dep-18aceb94.js';
-import '../_chunks/dep-77c01d8f.js';
-import '../_chunks/dep-d5cf8459.js';
-import '../_chunks/dep-caea8b6e.js';
-import '../_chunks/dep-074c7dd6.js';
-import '../_chunks/dep-2a177d24.js';
-import '../_chunks/dep-3e26b918.js';
-import '../_chunks/dep-7fc224ab.js';
+import '../_chunks/dep-d056abc2.js';
+import '../_chunks/dep-9052d175.js';
+import '../_chunks/dep-bbdfa874.js';
+import '../_chunks/dep-2f74dba2.js';
+import '../_chunks/dep-45dee455.js';
+import '../_chunks/dep-766ddb96.js';
+import '../_chunks/dep-7e897399.js';
+import '../_chunks/dep-40f6ccc8.js';
+import '../_chunks/dep-ac24e8fd.js';
+import '../_chunks/dep-c4d6268b.js';
+import '../_chunks/dep-b78554de.js';
+import '../_chunks/dep-c7c70ac0.js';
+import '../_chunks/dep-b5420e42.js';
+import '../_chunks/dep-776ae9a7.js';
+import '../_chunks/dep-66287469.js';
+import '../_chunks/dep-4adf27fa.js';
+import '../_chunks/dep-6d4c74ed.js';
 import 'tdesign-icons-react';
 import '../checkbox/index.js';
 import '../checkbox/Checkbox.js';
 import '../common/Check.js';
-import '../_chunks/dep-208842c6.js';
+import '../_chunks/dep-79c7181c.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 import '../checkbox/CheckboxGroup.js';
-import '../_chunks/dep-bf742b46.js';
+import '../_chunks/dep-cbd5adc9.js';
 import 'hoist-non-react-statics';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import './style/css.js';
+import '../_type/components/checkbox/index.js';
 import '../upload/index.js';
 import '../upload/upload.js';
 import '../upload/dragger.js';
@@ -57,11 +59,13 @@ import '../loading/loading.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-31190e87.js';
+import '../_chunks/dep-8bc12c0f.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
+import '../_type/components/loading/index.js';
+import '../_type/components/button/index.js';
 import '../upload/util.js';
-import '../_chunks/dep-0859ba52.js';
+import '../_chunks/dep-222f3011.js';
 import '../upload/upload-trigger.js';
 import '../upload/tips.js';
 import '../upload/utils/request.js';
@@ -75,19 +79,22 @@ import '../config-provider/ConfigProvider.js';
 import '../dialog/RenderDialog.js';
 import 'react-transition-group';
 import '../_util/useSetState.js';
+import '../_type/components/dialog/index.js';
 import '../dialog/plugin.js';
 import '../upload/hooks/useDefaultValue.js';
+import '../_type/components/upload/index.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
+import '../_type/components/tag/index.js';
 import './formModel.js';
-import '../_chunks/dep-caae6a41.js';
+import '../_chunks/dep-0e364f89.js';
 import '../_util/helper.js';
-import '../_chunks/dep-0bd33a33.js';
-import '../_chunks/dep-00f34490.js';
-import '../_chunks/dep-d420d2e8.js';
-import '../_chunks/dep-60bee262.js';
-import '../_chunks/dep-406368fe.js';
+import '../_chunks/dep-8d2e5702.js';
+import '../_chunks/dep-f18dfb6c.js';
+import '../_chunks/dep-0a958aee.js';
+import '../_chunks/dep-bc117952.js';
+import '../_chunks/dep-ce96caf9.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; }