tdesign-react 1.1.7 → 1.1.8-alpha.1

package/es/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../src/drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, useImperativeHandle, useRef, useMemo } from 'react';\nimport classnames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { CloseIcon as TdCloseIcon } from 'tdesign-icons-react';\n\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { TdDrawerProps, DrawerEventSource } from './type';\nimport { StyledProps } from '../common';\nimport Button from '../button';\nimport useConfig from '../hooks/useConfig';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\nimport { drawerDefaultProps } from './defaultProps';\nimport useDrag from './hooks/useDrag';\nimport Portal from '../common/Portal';\nimport useLockStyle from './hooks/useLockStyle';\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 Drawer = forwardRef((props: DrawerProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    style,\n    visible,\n    attach,\n    showOverlay,\n    size: propsSize,\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    sizeDraggable,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('drawer');\n  const { CloseIcon } = useGlobalIcon({ CloseIcon: TdCloseIcon });\n  const size = propsSize ?? local.size;\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const { classPrefix } = useConfig();\n  const maskRef = useRef<HTMLDivElement>();\n  const containerRef = useRef<HTMLDivElement>();\n  const drawerWrapperRef = useRef<HTMLElement>(); // 即最终的 attach dom，默认为 document.body\n  const prefixCls = `${classPrefix}-drawer`;\n\n  const closeIcon = React.isValidElement(closeBtn) ? closeBtn : <CloseIcon />;\n  const { dragSizeValue, enableDrag, draggableLineStyles } = useDrag(placement, sizeDraggable);\n  const [animationStart, setAnimationStart] = useState(false);\n\n  const sizeValue = useMemo(() => {\n    const sizeMap = { small: '300px', medium: '500px', large: '760px' };\n    return dragSizeValue || sizeMap[size] || size;\n  }, [dragSizeValue, size]);\n\n  useLockStyle({ ...props, sizeValue });\n  useImperativeHandle(ref, () => containerRef.current);\n\n  useEffect(() => {\n    if (!visible) return;\n    // 聚焦到 Drawer 最外层元素即 containerRef.current，KeyDown 事件才有效。\n    containerRef.current?.focus?.();\n  }, [visible]);\n\n  function onMaskClick(e: React.MouseEvent<HTMLDivElement>) {\n    onOverlayClick?.({ e });\n    (closeOnOverlayClick ?? local.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 ?? local.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  const contentWrapperStyle = useMemo(\n    () => ({\n      transform: visible && animationStart ? 'translateX(0)' : undefined,\n      width: ['left', 'right'].includes(placement) ? sizeValue : '',\n      height: ['top', 'bottom'].includes(placement) ? sizeValue : '',\n    }),\n    [visible, placement, sizeValue, animationStart],\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        {cancelBtn && typeof cancelBtn === 'string' ? cancelBtn : cancelText}\n      </Button>\n    );\n\n    const defaultConfirmBtn = (\n      <Button theme=\"primary\" onClick={onConfirmClick} className={`${prefixCls}__confirm`}>\n        {confirmBtn && typeof confirmBtn === 'string' ? confirmBtn : 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}\n        {renderCancelBtn}\n        {placement !== 'right' && renderConfirmBtn}\n      </div>\n    );\n  }\n\n  const renderOverlay = showOverlay && (\n    <CSSTransition in={visible} timeout={200} classNames={`${prefixCls}-fade`} nodeRef={maskRef}>\n      <div ref={maskRef} className={`${prefixCls}__mask`} onClick={onMaskClick} />\n    </CSSTransition>\n  );\n  const renderCloseBtn = closeBtn && (\n    <div onClick={onClickCloseBtn} className={`${prefixCls}__close-btn`}>\n      {closeIcon}\n    </div>\n  );\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  return (\n    <CSSTransition\n      in={visible}\n      nodeRef={drawerWrapperRef}\n      unmountOnExit={destroyOnClose}\n      timeout={{ appear: 10, enter: 10, exit: 300 }}\n      onEntered={() => setAnimationStart(true)}\n      onExited={() => setAnimationStart(false)}\n    >\n      <Portal attach={attach} ref={drawerWrapperRef}>\n        <div\n          ref={containerRef}\n          className={classnames(prefixCls, className, `${prefixCls}--${placement}`, {\n            [`${prefixCls}--open`]: visible,\n            [`${prefixCls}--attach`]: showInAttachedElement,\n            [`${prefixCls}--without-mask`]: !showOverlay,\n          })}\n          style={{ zIndex, ...style }}\n          tabIndex={-1} // https://stackoverflow.com/questions/43503964/onkeydown-event-not-working-on-divs-in-react\n          onKeyDown={onKeyDownEsc}\n        >\n          {renderOverlay}\n          <div\n            className={classnames(`${prefixCls}__content-wrapper`, `${prefixCls}__content-wrapper--${placement}`)}\n            style={contentWrapperStyle}\n          >\n            {renderCloseBtn}\n            {renderHeader}\n            {renderBody}\n            {renderFooter}\n            {sizeDraggable && <div style={draggableLineStyles} onMouseDown={enableDrag}></div>}\n          </div>\n        </div>\n      </Portal>\n    </CSSTransition>\n  );\n});\n\nDrawer.displayName = 'Drawer';\nDrawer.defaultProps = drawerDefaultProps;\n\nexport default Drawer;\n"],"names":["CloseTriggerType","CLICK_OVERLAY","CLICK_CLOSE_BTN","CLICK_CANCEL_BTN","KEYDOWN_ESC","Drawer","forwardRef","props","ref","_classnames","className","style","visible","attach","showOverlay","propsSize","size","placement","onCancel","onConfirm","onClose","onCloseBtnClick","onOverlayClick","onEscKeydown","showInAttachedElement","closeOnOverlayClick","closeOnEscKeydown","children","header","body","footer","closeBtn","cancelBtn","confirmBtn","zIndex","destroyOnClose","sizeDraggable","_useLocaleReceiver","useLocaleReceiver","_useLocaleReceiver2","_slicedToArray","local","t","_useGlobalIcon","useGlobalIcon","CloseIcon","TdCloseIcon","confirmText","confirm","cancelText","cancel","_useConfig","useConfig","classPrefix","maskRef","useRef","containerRef","drawerWrapperRef","prefixCls","closeIcon","React","isValidElement","_useDrag","useDrag","dragSizeValue","enableDrag","draggableLineStyles","_useState","useState","_useState2","animationStart","setAnimationStart","sizeValue","useMemo","sizeMap","small","medium","large","useLockStyle","_objectSpread","useImperativeHandle","current","useEffect","_containerRef$current","_containerRef$current2","focus","call","onMaskClick","e","trigger","onClickCloseBtn","onKeyDownEsc","key","onCancelClick","onConfirmClick","contentWrapperStyle","transform","width","includes","height","getFooter","defaultCancelBtn","createElement","Button","theme","onClick","defaultConfirmBtn","renderCancelBtn","renderConfirmBtn","footerStyle","display","justifyContent","renderOverlay","CSSTransition","timeout","classNames","nodeRef","renderCloseBtn","renderHeader","renderBody","renderFooter","unmountOnExit","appear","enter","exit","onEntered","onExited","Portal","classnames","concat","_defineProperty","tabIndex","onKeyDown","onMouseDown","displayName","defaultProps","drawerDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../src/drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, useImperativeHandle, useRef, useMemo } from 'react';\nimport classnames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { CloseIcon as TdCloseIcon } from 'tdesign-icons-react';\n\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { TdDrawerProps, DrawerEventSource } from './type';\nimport { StyledProps } from '../common';\nimport Button from '../button';\nimport useConfig from '../hooks/useConfig';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\nimport { drawerDefaultProps } from './defaultProps';\nimport useDrag from './hooks/useDrag';\nimport Portal from '../common/Portal';\nimport useLockStyle from './hooks/useLockStyle';\nimport useDefaultProps from '../hooks/useDefaultProps';\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 Drawer = forwardRef<HTMLDivElement, DrawerProps>((originalProps, ref) => {\n  const props = useDefaultProps<DrawerProps>(originalProps, drawerDefaultProps);\n  const {\n    className,\n    style,\n    visible,\n    attach,\n    showOverlay,\n    size: propsSize,\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    sizeDraggable,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('drawer');\n  const { CloseIcon } = useGlobalIcon({ CloseIcon: TdCloseIcon });\n  const size = propsSize ?? local.size;\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const { classPrefix } = useConfig();\n  const maskRef = useRef<HTMLDivElement>();\n  const containerRef = useRef<HTMLDivElement>();\n  const drawerWrapperRef = useRef<HTMLElement>(); // 即最终的 attach dom，默认为 document.body\n  const prefixCls = `${classPrefix}-drawer`;\n\n  const closeIcon = React.isValidElement(closeBtn) ? closeBtn : <CloseIcon />;\n  const { dragSizeValue, enableDrag, draggableLineStyles } = useDrag(placement, sizeDraggable);\n  const [animationStart, setAnimationStart] = useState(false);\n\n  const sizeValue = useMemo(() => {\n    const sizeMap = { small: '300px', medium: '500px', large: '760px' };\n    return dragSizeValue || sizeMap[size] || size;\n  }, [dragSizeValue, size]);\n\n  useLockStyle({ ...props, sizeValue });\n  useImperativeHandle(ref, () => containerRef.current);\n\n  useEffect(() => {\n    if (!visible) return;\n    // 聚焦到 Drawer 最外层元素即 containerRef.current，KeyDown 事件才有效。\n    containerRef.current?.focus?.();\n  }, [visible]);\n\n  function onMaskClick(e: React.MouseEvent<HTMLDivElement>) {\n    onOverlayClick?.({ e });\n    (closeOnOverlayClick ?? local.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 ?? local.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  const contentWrapperStyle = useMemo(\n    () => ({\n      transform: visible && animationStart ? 'translateX(0)' : undefined,\n      width: ['left', 'right'].includes(placement) ? sizeValue : '',\n      height: ['top', 'bottom'].includes(placement) ? sizeValue : '',\n    }),\n    [visible, placement, sizeValue, animationStart],\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        {cancelBtn && typeof cancelBtn === 'string' ? cancelBtn : cancelText}\n      </Button>\n    );\n\n    const defaultConfirmBtn = (\n      <Button theme=\"primary\" onClick={onConfirmClick} className={`${prefixCls}__confirm`}>\n        {confirmBtn && typeof confirmBtn === 'string' ? confirmBtn : 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}\n        {renderCancelBtn}\n        {placement !== 'right' && renderConfirmBtn}\n      </div>\n    );\n  }\n\n  const renderOverlay = showOverlay && (\n    <CSSTransition in={visible} timeout={200} classNames={`${prefixCls}-fade`} nodeRef={maskRef}>\n      <div ref={maskRef} className={`${prefixCls}__mask`} onClick={onMaskClick} />\n    </CSSTransition>\n  );\n  const renderCloseBtn = closeBtn && (\n    <div onClick={onClickCloseBtn} className={`${prefixCls}__close-btn`}>\n      {closeIcon}\n    </div>\n  );\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  return (\n    <CSSTransition\n      in={visible}\n      nodeRef={drawerWrapperRef}\n      unmountOnExit={destroyOnClose}\n      timeout={{ appear: 10, enter: 10, exit: 300 }}\n      onEntered={() => setAnimationStart(true)}\n      onExited={() => setAnimationStart(false)}\n    >\n      <Portal attach={attach} ref={drawerWrapperRef}>\n        <div\n          ref={containerRef}\n          className={classnames(prefixCls, className, `${prefixCls}--${placement}`, {\n            [`${prefixCls}--open`]: visible,\n            [`${prefixCls}--attach`]: showInAttachedElement,\n            [`${prefixCls}--without-mask`]: !showOverlay,\n          })}\n          style={{ zIndex, ...style }}\n          tabIndex={-1} // https://stackoverflow.com/questions/43503964/onkeydown-event-not-working-on-divs-in-react\n          onKeyDown={onKeyDownEsc}\n        >\n          {renderOverlay}\n          <div\n            className={classnames(`${prefixCls}__content-wrapper`, `${prefixCls}__content-wrapper--${placement}`)}\n            style={contentWrapperStyle}\n          >\n            {renderCloseBtn}\n            {renderHeader}\n            {renderBody}\n            {renderFooter}\n            {sizeDraggable && <div style={draggableLineStyles} onMouseDown={enableDrag}></div>}\n          </div>\n        </div>\n      </Portal>\n    </CSSTransition>\n  );\n});\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n"],"names":["CloseTriggerType","CLICK_OVERLAY","CLICK_CLOSE_BTN","CLICK_CANCEL_BTN","KEYDOWN_ESC","Drawer","forwardRef","originalProps","ref","_classnames","props","useDefaultProps","drawerDefaultProps","className","style","visible","attach","showOverlay","propsSize","size","placement","onCancel","onConfirm","onClose","onCloseBtnClick","onOverlayClick","onEscKeydown","showInAttachedElement","closeOnOverlayClick","closeOnEscKeydown","children","header","body","footer","closeBtn","cancelBtn","confirmBtn","zIndex","destroyOnClose","sizeDraggable","_useLocaleReceiver","useLocaleReceiver","_useLocaleReceiver2","_slicedToArray","local","t","_useGlobalIcon","useGlobalIcon","CloseIcon","TdCloseIcon","confirmText","confirm","cancelText","cancel","_useConfig","useConfig","classPrefix","maskRef","useRef","containerRef","drawerWrapperRef","prefixCls","closeIcon","React","isValidElement","_useDrag","useDrag","dragSizeValue","enableDrag","draggableLineStyles","_useState","useState","_useState2","animationStart","setAnimationStart","sizeValue","useMemo","sizeMap","small","medium","large","useLockStyle","_objectSpread","useImperativeHandle","current","useEffect","_containerRef$current","_containerRef$current2","focus","call","onMaskClick","e","trigger","onClickCloseBtn","onKeyDownEsc","key","onCancelClick","onConfirmClick","contentWrapperStyle","transform","width","includes","height","getFooter","defaultCancelBtn","createElement","Button","theme","onClick","defaultConfirmBtn","renderCancelBtn","renderConfirmBtn","footerStyle","display","justifyContent","renderOverlay","CSSTransition","timeout","classNames","nodeRef","renderCloseBtn","renderHeader","renderBody","renderFooter","unmountOnExit","appear","enter","exit","onEntered","onExited","Portal","classnames","concat","_defineProperty","tabIndex","onKeyDown","onMouseDown","displayName"],"mappings":"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"}

package/es/drawer/index.js

@@ -18,8 +18,8 @@ import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
 import '../_chunks/dep-3d798f80.js';
-import '../_chunks/dep-ba07e2e1.js';
-import '../_chunks/dep-5ce191b2.js';
+import '../_chunks/dep-6fcc415b.js';
+import '../_chunks/dep-1be2f85d.js';
 import '../_chunks/dep-136b9a8f.js';
 import '../_chunks/dep-ce138fec.js';
 import '../_chunks/dep-3489dcba.js';
@@ -28,7 +28,7 @@ import '../_chunks/dep-ef1111ba.js';
 import '../_chunks/dep-d6165815.js';
 import '../_chunks/dep-578cd8b2.js';
 import '../_chunks/dep-b511e316.js';
-import '../_chunks/dep-993532b5.js';
+import '../_chunks/dep-96952b5e.js';
 import '../_chunks/dep-931e1820.js';
 import '../_chunks/dep-c2cef2d7.js';
 import '../_chunks/dep-c302e5cb.js';
@@ -37,7 +37,7 @@ import '../_chunks/dep-13ce414c.js';
 import '../_chunks/dep-eb436203.js';
 import '../_chunks/dep-784b8427.js';
 import '../_chunks/dep-95419531.js';
-import '../_chunks/dep-28e4e603.js';
+import '../_chunks/dep-eaa5a954.js';
 import '../_chunks/dep-6443af82.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';

package/es/dropdown/Dropdown.d.ts

@@ -1,27 +1,13 @@
 import React from 'react';
-import { DropdownOption, TdDropdownProps } from './type';
+import { TdDropdownProps } from './type';
 import { StyledProps } from '../common';
+import DropdownMenu from './DropdownMenu';
+import DropdownItem from './DropdownItem';
 export interface DropdownProps extends TdDropdownProps, StyledProps {
     children?: React.ReactNode;
 }
-declare const Dropdown: {
-    (props: DropdownProps): React.JSX.Element;
-    DropdownItem: React.ForwardRefExoticComponent<Pick<DropdownOption, "value"> & Pick<TdDropdownProps, "maxColumnWidth" | "minColumnWidth"> & StyledProps & {
-        active?: boolean;
-        disabled?: boolean;
-        children?: React.ReactNode;
-        theme?: import("./type").DropdownItemTheme;
-        prefixIcon?: React.ReactNode;
-        onClick?: (value: string | number | {
-            [key: string]: any;
-        }, e: unknown) => void;
-        isSubmenu?: boolean;
-    } & React.RefAttributes<HTMLLIElement>>;
-    DropdownMenu: {
-        (props: DropdownProps): React.JSX.Element;
-        displayName: string;
-    };
-    displayName: string;
-    defaultProps: TdDropdownProps;
+declare const Dropdown: React.FC<DropdownProps> & {
+    DropdownItem: typeof DropdownItem;
+    DropdownMenu: typeof DropdownMenu;
 };
 export default Dropdown;

package/es/dropdown/Dropdown.js

@@ -8,13 +8,14 @@ import { _ as _defineProperty } from '../_chunks/dep-a46b17a2.js';
 import { _ as _slicedToArray } from '../_chunks/dep-ea20eb30.js';
 import React, { useState } from 'react';
 import classNames from 'classnames';
-import { o as omit_1 } from '../_chunks/dep-30f3e62a.js';
+import { o as omit_1 } from '../_chunks/dep-1626bbb3.js';
 import { Popup } from '../popup/index.js';
 import DropdownMenu from './DropdownMenu.js';
 import DropdownItem from './DropdownItem.js';
 import { dropdownDefaultProps } from './defaultProps.js';
 import useConfig from '../hooks/useConfig.js';
 import useDropdownOptions from './hooks/useDropdownOptions.js';
+import useDefaultProps from '../hooks/useDefaultProps.js';
 import '../_chunks/dep-9e4e5d47.js';
 import '../_chunks/dep-3d798f80.js';
 import '../_chunks/dep-be49db45.js';
@@ -23,25 +24,25 @@ import '../_chunks/dep-ef1111ba.js';
 import '../_chunks/dep-13ce414c.js';
 import '../_chunks/dep-5a3ae6ea.js';
 import '../_chunks/dep-931e1820.js';
-import '../_chunks/dep-7f986e82.js';
-import '../_chunks/dep-5ce191b2.js';
+import '../_chunks/dep-1b2d2bac.js';
+import '../_chunks/dep-1be2f85d.js';
 import '../_chunks/dep-136b9a8f.js';
 import '../_chunks/dep-ce138fec.js';
 import '../_chunks/dep-3489dcba.js';
 import '../_chunks/dep-d6165815.js';
 import '../_chunks/dep-578cd8b2.js';
 import '../_chunks/dep-b511e316.js';
-import '../_chunks/dep-993532b5.js';
+import '../_chunks/dep-96952b5e.js';
 import '../_chunks/dep-c2cef2d7.js';
 import '../_chunks/dep-c302e5cb.js';
 import '../_chunks/dep-85d66c50.js';
 import '../_chunks/dep-eb436203.js';
-import '../_chunks/dep-ecfb7c4e.js';
+import '../_chunks/dep-71f8bc4e.js';
 import '../_chunks/dep-c1862b3b.js';
 import '../_chunks/dep-4c436a5a.js';
 import '../_chunks/dep-518e1ad2.js';
-import '../_chunks/dep-28e4e603.js';
-import '../_chunks/dep-21792818.js';
+import '../_chunks/dep-eaa5a954.js';
+import '../_chunks/dep-984a1f0f.js';
 import '../_chunks/dep-95419531.js';
 import '../popup/Popup.js';
 import 'react-transition-group';
@@ -54,7 +55,7 @@ import '../_chunks/dep-45b0f220.js';
 import '../_util/noop.js';
 import '../_util/useAnimation.js';
 import '../config-provider/ConfigContext.js';
-import '../_chunks/dep-ba07e2e1.js';
+import '../_chunks/dep-6fcc415b.js';
 import '../_chunks/dep-784b8427.js';
 import '../_chunks/dep-6443af82.js';
 import '../locale/zh_CN.js';
@@ -97,7 +98,8 @@ import '../_chunks/dep-1cc0a1e9.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Dropdown = function Dropdown(props) {
+var Dropdown = function Dropdown(originalProps) {
+  var props = useDefaultProps(originalProps, dropdownDefaultProps);
   var _props$popupProps = props.popupProps,
     popupProps = _props$popupProps === void 0 ? {} : _props$popupProps,
     disabled = props.disabled,
@@ -124,7 +126,7 @@ var Dropdown = function Dropdown(props) {
       togglePopupVisible(false);
       popupProps === null || popupProps === void 0 ? void 0 : (_popupProps$onVisible = popupProps.onVisibleChange) === null || _popupProps$onVisible === void 0 ? void 0 : _popupProps$onVisible.call(popupProps, false, context);
     }
-    props === null || props === void 0 ? void 0 : (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, data, context);
+    (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, data, context);
   };
   var handleVisibleChange = function handleVisibleChange(visible, context) {
     var _popupProps$onVisible2;
@@ -155,7 +157,6 @@ var Dropdown = function Dropdown(props) {
 Dropdown.DropdownItem = DropdownItem;
 Dropdown.DropdownMenu = DropdownMenu;
 Dropdown.displayName = "Dropdown";
-Dropdown.defaultProps = dropdownDefaultProps;
 
 export { Dropdown as default };
 //# sourceMappingURL=Dropdown.js.map

package/es/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../src/dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport omit from 'lodash/omit';\nimport { DropdownOption, TdDropdownProps } from './type';\nimport { StyledProps } from '../common';\nimport Popup, { PopupVisibleChangeContext } from '../popup';\nimport DropdownMenu from './DropdownMenu';\nimport DropdownItem from './DropdownItem';\nimport { dropdownDefaultProps } from './defaultProps';\n\nimport useConfig from '../hooks/useConfig';\nimport useDropdownOptions from './hooks/useDropdownOptions';\n\nexport interface DropdownProps extends TdDropdownProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Dropdown = (props: DropdownProps) => {\n  const {\n    popupProps = {},\n    disabled,\n    placement,\n    trigger,\n    className,\n    children,\n    hideAfterItemClick,\n    options: propsOptions,\n    style,\n  } = props;\n\n  const arrayChildren = React.Children.toArray(children);\n  const { classPrefix } = useConfig();\n  const [isPopupVisible, togglePopupVisible] = useState(false);\n  const dropdownClass = `${classPrefix}-dropdown`;\n\n  const options = useDropdownOptions(arrayChildren, propsOptions);\n\n  const handleMenuClick = (data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) => {\n    if (hideAfterItemClick) {\n      togglePopupVisible(false);\n      popupProps?.onVisibleChange?.(false, context);\n    }\n    props?.onClick?.(data, context);\n  };\n\n  const handleVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    togglePopupVisible(visible);\n    popupProps?.onVisibleChange?.(visible, context);\n  };\n\n  const renderContent = <DropdownMenu {...props} options={options} onClick={handleMenuClick} />;\n\n  const popupParams = {\n    disabled,\n    placement,\n    trigger,\n    showArrow: false,\n    content: renderContent,\n    ...omit(popupProps, 'onVisibleChange'),\n    overlayInnerClassName: classNames(dropdownClass, className, popupProps?.overlayInnerClassName),\n    overlayInnerStyle: style,\n  };\n\n  return (\n    <Popup\n      expandAnimation={true}\n      destroyOnClose={true}\n      visible={isPopupVisible}\n      onVisibleChange={handleVisibleChange}\n      {...popupParams}\n    >\n      {arrayChildren?.[0]}\n    </Popup>\n  );\n};\n\nDropdown.DropdownItem = DropdownItem;\nDropdown.DropdownMenu = DropdownMenu;\n\nDropdown.displayName = 'Dropdown';\nDropdown.defaultProps = dropdownDefaultProps;\n\nexport default Dropdown;\n"],"names":["Dropdown","props","_props$popupProps","popupProps","disabled","placement","trigger","className","children","hideAfterItemClick","propsOptions","options","style","arrayChildren","React","Children","toArray","_useConfig","useConfig","classPrefix","_useState","useState","_useState2","_slicedToArray","isPopupVisible","togglePopupVisible","dropdownClass","useDropdownOptions","handleMenuClick","data","context","_props$onClick","_popupProps$onVisible","onVisibleChange","call","onClick","handleVisibleChange","visible","_popupProps$onVisible2","renderContent","createElement","DropdownMenu","_objectSpread","popupParams","showArrow","content","omit","overlayInnerClassName","classNames","overlayInnerStyle","Popup","expandAnimation","destroyOnClose","DropdownItem","displayName","defaultProps","dropdownDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../src/dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport omit from 'lodash/omit';\nimport { DropdownOption, TdDropdownProps } from './type';\nimport { StyledProps } from '../common';\nimport Popup, { PopupVisibleChangeContext } from '../popup';\nimport DropdownMenu from './DropdownMenu';\nimport DropdownItem from './DropdownItem';\nimport { dropdownDefaultProps } from './defaultProps';\nimport useConfig from '../hooks/useConfig';\nimport useDropdownOptions from './hooks/useDropdownOptions';\nimport useDefaultProps from '../hooks/useDefaultProps';\n\nexport interface DropdownProps extends TdDropdownProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Dropdown: React.FC<DropdownProps> & {\n  DropdownItem: typeof DropdownItem;\n  DropdownMenu: typeof DropdownMenu;\n} = (originalProps) => {\n  const props = useDefaultProps<DropdownProps>(originalProps, dropdownDefaultProps);\n  const {\n    popupProps = {},\n    disabled,\n    placement,\n    trigger,\n    className,\n    children,\n    hideAfterItemClick,\n    options: propsOptions,\n    style,\n  } = props;\n\n  const arrayChildren = React.Children.toArray(children);\n  const { classPrefix } = useConfig();\n  const [isPopupVisible, togglePopupVisible] = useState(false);\n  const dropdownClass = `${classPrefix}-dropdown`;\n\n  const options = useDropdownOptions(arrayChildren, propsOptions);\n\n  const handleMenuClick = (data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) => {\n    if (hideAfterItemClick) {\n      togglePopupVisible(false);\n      popupProps?.onVisibleChange?.(false, context);\n    }\n    props.onClick?.(data, context);\n  };\n\n  const handleVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    togglePopupVisible(visible);\n    popupProps?.onVisibleChange?.(visible, context);\n  };\n\n  const renderContent = <DropdownMenu {...props} options={options} onClick={handleMenuClick} />;\n\n  const popupParams = {\n    disabled,\n    placement,\n    trigger,\n    showArrow: false,\n    content: renderContent,\n    ...omit(popupProps, 'onVisibleChange'),\n    overlayInnerClassName: classNames(dropdownClass, className, popupProps?.overlayInnerClassName),\n    overlayInnerStyle: style,\n  };\n\n  return (\n    <Popup\n      expandAnimation={true}\n      destroyOnClose={true}\n      visible={isPopupVisible}\n      onVisibleChange={handleVisibleChange}\n      {...popupParams}\n    >\n      {arrayChildren?.[0]}\n    </Popup>\n  );\n};\n\nDropdown.DropdownItem = DropdownItem;\nDropdown.DropdownMenu = DropdownMenu;\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"names":["Dropdown","originalProps","props","useDefaultProps","dropdownDefaultProps","_props$popupProps","popupProps","disabled","placement","trigger","className","children","hideAfterItemClick","propsOptions","options","style","arrayChildren","React","Children","toArray","_useConfig","useConfig","classPrefix","_useState","useState","_useState2","_slicedToArray","isPopupVisible","togglePopupVisible","dropdownClass","useDropdownOptions","handleMenuClick","data","context","_props$onClick","_popupProps$onVisible","onVisibleChange","call","onClick","handleVisibleChange","visible","_popupProps$onVisible2","renderContent","createElement","DropdownMenu","_objectSpread","popupParams","showArrow","content","omit","overlayInnerClassName","classNames","overlayInnerStyle","Popup","expandAnimation","destroyOnClose","DropdownItem","displayName"],"mappings":"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"}

package/es/dropdown/DropdownItem.js

@@ -13,11 +13,12 @@ import useDomRefCallback from '../hooks/useDomRefCallback.js';
 import useRipple from '../_util/useRipple.js';
 import { dropdownItemDefaultProps } from './defaultProps.js';
 import { pxCompat } from '../_util/helper.js';
+import useDefaultProps from '../hooks/useDefaultProps.js';
 import '../_chunks/dep-9e4e5d47.js';
 import '../config-provider/ConfigContext.js';
-import '../_chunks/dep-ba07e2e1.js';
+import '../_chunks/dep-6fcc415b.js';
 import '../_chunks/dep-3d798f80.js';
-import '../_chunks/dep-5ce191b2.js';
+import '../_chunks/dep-1be2f85d.js';
 import '../_chunks/dep-136b9a8f.js';
 import '../_chunks/dep-ce138fec.js';
 import '../_chunks/dep-3489dcba.js';
@@ -26,7 +27,7 @@ import '../_chunks/dep-ef1111ba.js';
 import '../_chunks/dep-d6165815.js';
 import '../_chunks/dep-578cd8b2.js';
 import '../_chunks/dep-b511e316.js';
-import '../_chunks/dep-993532b5.js';
+import '../_chunks/dep-96952b5e.js';
 import '../_chunks/dep-931e1820.js';
 import '../_chunks/dep-c2cef2d7.js';
 import '../_chunks/dep-c302e5cb.js';
@@ -35,7 +36,7 @@ import '../_chunks/dep-13ce414c.js';
 import '../_chunks/dep-eb436203.js';
 import '../_chunks/dep-784b8427.js';
 import '../_chunks/dep-95419531.js';
-import '../_chunks/dep-28e4e603.js';
+import '../_chunks/dep-eaa5a954.js';
 import '../_chunks/dep-6443af82.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
@@ -61,18 +62,19 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var _classNames;
-  var children = props.children,
-    className = props.className,
-    active = props.active,
-    disabled = props.disabled,
-    value = props.value,
-    theme = props.theme,
-    prefixIcon = props.prefixIcon,
-    maxColumnWidth = props.maxColumnWidth,
-    minColumnWidth = props.minColumnWidth,
-    onClick = props.onClick,
-    style = props.style,
-    isSubmenu = props.isSubmenu;
+  var _useDefaultProps = useDefaultProps(props, dropdownItemDefaultProps),
+    children = _useDefaultProps.children,
+    className = _useDefaultProps.className,
+    active = _useDefaultProps.active,
+    disabled = _useDefaultProps.disabled,
+    value = _useDefaultProps.value,
+    theme = _useDefaultProps.theme,
+    prefixIcon = _useDefaultProps.prefixIcon,
+    maxColumnWidth = _useDefaultProps.maxColumnWidth,
+    minColumnWidth = _useDefaultProps.minColumnWidth,
+    onClick = _useDefaultProps.onClick,
+    style = _useDefaultProps.style,
+    isSubmenu = _useDefaultProps.isSubmenu;
   var _useConfig = useConfig(),
     classPrefix = _useConfig.classPrefix;
   var _useDomRefCallback = useDomRefCallback(),
@@ -96,7 +98,6 @@ var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
   }, prefixIcon) : null, children));
 });
 DropdownItem.displayName = "DropdownItem";
-DropdownItem.defaultProps = dropdownItemDefaultProps;
 
 export { DropdownItem as default };
 //# sourceMappingURL=DropdownItem.js.map

package/es/dropdown/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../src/dropdown/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption, TdDropdownProps, DropdownItemTheme } from './type';\nimport useConfig from '../hooks/useConfig';\nimport useDomRefCallback from '../hooks/useDomRefCallback';\nimport useRipple from '../_util/useRipple';\nimport { dropdownItemDefaultProps } from './defaultProps';\nimport { StyledProps } from '../common';\nimport { pxCompat } from '../_util/helper';\n\ntype DropdownItemProps = Pick<DropdownOption, 'value'> &\n  Pick<TdDropdownProps, 'maxColumnWidth' | 'minColumnWidth'> &\n  StyledProps & {\n    active?: boolean;\n    disabled?: boolean;\n    children?: React.ReactNode;\n    theme?: DropdownItemTheme;\n    prefixIcon?: React.ReactNode;\n    onClick?: (value: DropdownOption['value'], e: unknown) => void;\n    isSubmenu?: boolean;\n  };\n\nconst DropdownItem = forwardRef((props: DropdownItemProps, ref: React.RefObject<HTMLLIElement>) => {\n  const {\n    children,\n    className,\n    active,\n    disabled,\n    value,\n    theme,\n    prefixIcon,\n    maxColumnWidth,\n    minColumnWidth,\n    onClick,\n    style,\n    isSubmenu,\n  } = props;\n  const { classPrefix } = useConfig();\n  const [dropdownItemDom, setRefCurrent] = useDomRefCallback();\n\n  useRipple(isSubmenu ? null : ref?.current || dropdownItemDom);\n\n  const handleItemClick = (e: React.MouseEvent) => {\n    onClick?.(value, e);\n  };\n  return (\n    <>\n      <li\n        className={classNames(className, `${classPrefix}-dropdown__item--theme-${theme}`, {\n          [`${classPrefix}-dropdown__item--active`]: active,\n          [`${classPrefix}-dropdown__item--disabled`]: disabled,\n        })}\n        onClick={handleItemClick}\n        style={{\n          maxWidth: pxCompat(maxColumnWidth),\n          minWidth: pxCompat(minColumnWidth),\n          ...style,\n        }}\n        ref={ref || setRefCurrent}\n      >\n        {prefixIcon ? <div className={`${classPrefix}-dropdown__item-icon`}>{prefixIcon}</div> : null}\n        {children}\n      </li>\n    </>\n  );\n});\n\nDropdownItem.displayName = 'DropdownItem';\nDropdownItem.defaultProps = dropdownItemDefaultProps;\n\nexport default DropdownItem;\n"],"names":["DropdownItem","forwardRef","props","ref","_classNames","children","className","active","disabled","value","theme","prefixIcon","maxColumnWidth","minColumnWidth","onClick","style","isSubmenu","_useConfig","useConfig","classPrefix","_useDomRefCallback","useDomRefCallback","_useDomRefCallback2","_slicedToArray","dropdownItemDom","setRefCurrent","useRipple","current","handleItemClick","e","React","createElement","classNames","concat","_defineProperty","_objectSpread","maxWidth","pxCompat","minWidth","displayName","defaultProps","dropdownItemDefaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBMA,IAAAA,YAAe,gBAAAC,UAAA,CAAW,UAACC,KAAA,EAA0BC,GAAwC,EAAA;AAAA,EAAA,IAAAC,WAAA,CAAA;AAC3F,EAAA,IACJC,QAAA,GAYEH,KAAA,CAZFG,QAAA;IACAC,SAAA,GAWEJ,KAAA,CAXFI,SAAA;IACAC,MAAA,GAUEL,KAAA,CAVFK,MAAA;IACAC,QAAA,GASEN,KAAA,CATFM,QAAA;IACAC,KAAA,GAQEP,KAAA,CARFO,KAAA;IACAC,KAAA,GAOER,KAAA,CAPFQ,KAAA;IACAC,UAAA,GAMET,KAAA,CANFS,UAAA;IACAC,cAAA,GAKEV,KAAA,CALFU,cAAA;IACAC,cAAA,GAIEX,KAAA,CAJFW,cAAA;IACAC,OAAA,GAGEZ,KAAA,CAHFY,OAAA;IACAC,KAAA,GAEEb,KAAA,CAFFa,KAAA;IACAC,SAAA,GACEd,KAAA,CADFc,SAAA,CAAA;AAEI,EAAA,IAAAC,UAAA,GAAkBC,SAAU,EAAA;IAA1BC,WAAY,GAAAF,UAAA,CAAZE,WAAY,CAAA;AACpB,EAAA,IAAAC,kBAAA,GAAyCC,iBAAkB,EAAA;IAAAC,mBAAA,GAAAC,cAAA,CAAAH,kBAAA,EAAA,CAAA,CAAA;AAApDI,IAAAA,eAAA,GAAAF,mBAAA,CAAA,CAAA,CAAA;AAAiBG,IAAAA,aAAa,GAAAH,mBAAA,CAAA,CAAA,CAAA,CAAA;AAErCI,EAAAA,SAAA,CAAUV,SAAY,GAAA,IAAA,GAAO,CAAAb,GAAK,KAALA,IAAAA,IAAAA,GAAK,uBAALA,GAAK,CAAAwB,OAAA,KAAWH,eAAe,CAAA,CAAA;AAEtD,EAAA,IAAAI,eAAA,GAAkB,SAAlBA,eAAAA,CAAmBC,CAAwB,EAAA;IAC/Cf,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAA,CAAUL,OAAOoB,CAAC,CAAA,CAAA;GACpB,CAAA;AACA,EAAA,+EAEKC,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AACCzB,IAAAA,SAAW,EAAA0B,UAAA,CAAW1B,SAAW,EAAA,EAAA,CAAA2B,MAAA,CAAGd,+CAAqCT,KAAS,CAAA,GAAAN,WAAA,GAAA,EAAA,EAAA8B,eAAA,CAAA9B,WAAA,EAAA6B,EAAAA,CAAAA,MAAA,CAC5Ed,WAAuC,EAAA,yBAAA,CAAA,EAAAZ,MAAA,CAAA,EAAA2B,eAAA,CAAA9B,WAAA,EAAA6B,EAAAA,CAAAA,MAAA,CACvCd,WAAyC,EAAA,2BAAA,CAAA,EAAAX,QAAA,CAAAJ,EAAAA,WAAA,EAC9C;AACDU,IAAAA,OAAS,EAAAc,eAAA;AACTb,IAAAA,KAAO,EAAAoB,aAAA,CAAA;AACLC,MAAAA,QAAA,EAAUC,SAASzB,cAAc,CAAA;MACjC0B,QAAA,EAAUD,SAASxB,cAAc,CAAA;AAAA,KAAA,EAC9BE,KAAA,CACL;IACAZ,KAAKA,GAAO,IAAAsB,aAAAA;GAAA,EAEXd,4BAAcmB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAIzB,qBAAca,WAAA,EAAA,sBAAA,CAAA;GAAA,EAAoCR,UAAW,CAAA,GAAS,IACxF,EAAAN,QACH,CACF,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEDL,YAAA,CAAauC,WAAc,GAAA,cAAA,CAAA;AAC3BvC,YAAA,CAAawC,YAAe,GAAAC,wBAAA;;;;"}
+{"version":3,"file":"DropdownItem.js","sources":["../../src/dropdown/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { RefObject } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption, TdDropdownProps, DropdownItemTheme } from './type';\nimport useConfig from '../hooks/useConfig';\nimport useDomRefCallback from '../hooks/useDomRefCallback';\nimport useRipple from '../_util/useRipple';\nimport { dropdownItemDefaultProps } from './defaultProps';\nimport { StyledProps } from '../common';\nimport { pxCompat } from '../_util/helper';\nimport useDefaultProps from '../hooks/useDefaultProps';\n\ntype DropdownItemProps = Pick<DropdownOption, 'value'> &\n  Pick<TdDropdownProps, 'maxColumnWidth' | 'minColumnWidth'> &\n  StyledProps & {\n    active?: boolean;\n    disabled?: boolean;\n    children?: React.ReactNode;\n    theme?: DropdownItemTheme;\n    prefixIcon?: React.ReactNode;\n    onClick?: (value: DropdownOption['value'], e: unknown) => void;\n    isSubmenu?: boolean;\n  };\n\nconst DropdownItem = forwardRef<HTMLLIElement, DropdownItemProps>((props, ref: RefObject<HTMLLIElement>) => {\n  const {\n    children,\n    className,\n    active,\n    disabled,\n    value,\n    theme,\n    prefixIcon,\n    maxColumnWidth,\n    minColumnWidth,\n    onClick,\n    style,\n    isSubmenu,\n  } = useDefaultProps<DropdownItemProps>(props, dropdownItemDefaultProps);\n  const { classPrefix } = useConfig();\n  const [dropdownItemDom, setRefCurrent] = useDomRefCallback();\n\n  useRipple(isSubmenu ? null : ref?.current || dropdownItemDom);\n\n  const handleItemClick = (e: React.MouseEvent) => {\n    onClick?.(value, e);\n  };\n  return (\n    <>\n      <li\n        className={classNames(className, `${classPrefix}-dropdown__item--theme-${theme}`, {\n          [`${classPrefix}-dropdown__item--active`]: active,\n          [`${classPrefix}-dropdown__item--disabled`]: disabled,\n        })}\n        onClick={handleItemClick}\n        style={{\n          maxWidth: pxCompat(maxColumnWidth),\n          minWidth: pxCompat(minColumnWidth),\n          ...style,\n        }}\n        ref={ref || setRefCurrent}\n      >\n        {prefixIcon ? <div className={`${classPrefix}-dropdown__item-icon`}>{prefixIcon}</div> : null}\n        {children}\n      </li>\n    </>\n  );\n});\n\nDropdownItem.displayName = 'DropdownItem';\n\nexport default DropdownItem;\n"],"names":["DropdownItem","forwardRef","props","ref","_classNames","_useDefaultProps","useDefaultProps","dropdownItemDefaultProps","children","className","active","disabled","value","theme","prefixIcon","maxColumnWidth","minColumnWidth","onClick","style","isSubmenu","_useConfig","useConfig","classPrefix","_useDomRefCallback","useDomRefCallback","_useDomRefCallback2","_slicedToArray","dropdownItemDom","setRefCurrent","useRipple","current","handleItemClick","e","React","createElement","classNames","concat","_defineProperty","_objectSpread","maxWidth","pxCompat","minWidth","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBMA,IAAAA,YAAe,gBAAAC,UAAA,CAA6C,UAACC,KAAA,EAAOC,GAAkC,EAAA;AAAA,EAAA,IAAAC,WAAA,CAAA;AACpG,EAAA,IAAAC,gBAAA,GAaFC,eAAmC,CAAAJ,KAAA,EAAOK,wBAAwB,CAAA;IAZpEC,QAAA,GAAAH,gBAAA,CAAAG,QAAA;IACAC,SAAA,GAAAJ,gBAAA,CAAAI,SAAA;IACAC,MAAA,GAAAL,gBAAA,CAAAK,MAAA;IACAC,QAAA,GAAAN,gBAAA,CAAAM,QAAA;IACAC,KAAA,GAAAP,gBAAA,CAAAO,KAAA;IACAC,KAAA,GAAAR,gBAAA,CAAAQ,KAAA;IACAC,UAAA,GAAAT,gBAAA,CAAAS,UAAA;IACAC,cAAA,GAAAV,gBAAA,CAAAU,cAAA;IACAC,cAAA,GAAAX,gBAAA,CAAAW,cAAA;IACAC,OAAA,GAAAZ,gBAAA,CAAAY,OAAA;IACAC,KAAA,GAAAb,gBAAA,CAAAa,KAAA;IACAC,SAAA,GAAAd,gBAAA,CAAAc,SAAA,CAAA;AAEI,EAAA,IAAAC,UAAA,GAAkBC,SAAU,EAAA;IAA1BC,WAAY,GAAAF,UAAA,CAAZE,WAAY,CAAA;AACpB,EAAA,IAAAC,kBAAA,GAAyCC,iBAAkB,EAAA;IAAAC,mBAAA,GAAAC,cAAA,CAAAH,kBAAA,EAAA,CAAA,CAAA;AAApDI,IAAAA,eAAA,GAAAF,mBAAA,CAAA,CAAA,CAAA;AAAiBG,IAAAA,aAAa,GAAAH,mBAAA,CAAA,CAAA,CAAA,CAAA;AAErCI,EAAAA,SAAA,CAAUV,SAAY,GAAA,IAAA,GAAO,CAAAhB,GAAK,KAALA,IAAAA,IAAAA,GAAK,uBAALA,GAAK,CAAA2B,OAAA,KAAWH,eAAe,CAAA,CAAA;AAEtD,EAAA,IAAAI,eAAA,GAAkB,SAAlBA,eAAAA,CAAmBC,CAAwB,EAAA;IAC/Cf,OAAA,KAAA,IAAA,IAAAA,OAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAA,CAAUL,OAAOoB,CAAC,CAAA,CAAA;GACpB,CAAA;AACA,EAAA,+EAEKC,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AACCzB,IAAAA,SAAW,EAAA0B,UAAA,CAAW1B,SAAW,EAAA,EAAA,CAAA2B,MAAA,CAAGd,+CAAqCT,KAAS,CAAA,GAAAT,WAAA,GAAA,EAAA,EAAAiC,eAAA,CAAAjC,WAAA,EAAAgC,EAAAA,CAAAA,MAAA,CAC5Ed,WAAuC,EAAA,yBAAA,CAAA,EAAAZ,MAAA,CAAA,EAAA2B,eAAA,CAAAjC,WAAA,EAAAgC,EAAAA,CAAAA,MAAA,CACvCd,WAAyC,EAAA,2BAAA,CAAA,EAAAX,QAAA,CAAAP,EAAAA,WAAA,EAC9C;AACDa,IAAAA,OAAS,EAAAc,eAAA;AACTb,IAAAA,KAAO,EAAAoB,aAAA,CAAA;AACLC,MAAAA,QAAA,EAAUC,SAASzB,cAAc,CAAA;MACjC0B,QAAA,EAAUD,SAASxB,cAAc,CAAA;AAAA,KAAA,EAC9BE,KAAA,CACL;IACAf,KAAKA,GAAO,IAAAyB,aAAAA;GAAA,EAEXd,4BAAcmB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAIzB,qBAAca,WAAA,EAAA,sBAAA,CAAA;GAAA,EAAoCR,UAAW,CAAA,GAAS,IACxF,EAAAN,QACH,CACF,CAAA,CAAA;AAEJ,CAAC,EAAA;AAEDR,YAAA,CAAa0C,WAAc,GAAA,cAAA;;;;"}

package/es/dropdown/DropdownMenu.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
 import { DropdownProps } from './Dropdown';
-declare const DropdownMenu: {
-    (props: DropdownProps): React.JSX.Element;
-    displayName: string;
-};
+declare const DropdownMenu: React.FC<DropdownProps>;
 export default DropdownMenu;

package/es/dropdown/DropdownMenu.js

@@ -24,14 +24,14 @@ import '../_chunks/dep-e6e7d654.js';
 import '../_chunks/dep-5a3ae6ea.js';
 import '../_chunks/dep-931e1820.js';
 import '../config-provider/ConfigContext.js';
-import '../_chunks/dep-ba07e2e1.js';
-import '../_chunks/dep-5ce191b2.js';
+import '../_chunks/dep-6fcc415b.js';
+import '../_chunks/dep-1be2f85d.js';
 import '../_chunks/dep-136b9a8f.js';
 import '../_chunks/dep-ce138fec.js';
 import '../_chunks/dep-3489dcba.js';
 import '../_chunks/dep-578cd8b2.js';
 import '../_chunks/dep-b511e316.js';
-import '../_chunks/dep-993532b5.js';
+import '../_chunks/dep-96952b5e.js';
 import '../_chunks/dep-c2cef2d7.js';
 import '../_chunks/dep-c302e5cb.js';
 import '../_chunks/dep-85d66c50.js';
@@ -39,7 +39,7 @@ import '../_chunks/dep-13ce414c.js';
 import '../_chunks/dep-eb436203.js';
 import '../_chunks/dep-784b8427.js';
 import '../_chunks/dep-95419531.js';
-import '../_chunks/dep-28e4e603.js';
+import '../_chunks/dep-eaa5a954.js';
 import '../_chunks/dep-6443af82.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
@@ -49,6 +49,7 @@ import '../_common/js/global-config/default-config.js';
 import '../divider/Divider.js';
 import '../_chunks/dep-886030e5.js';
 import '../divider/defaultProps.js';
+import '../hooks/useDefaultProps.js';
 import '../divider/style/css.js';
 import '../divider/type.js';
 import '../hooks/useDomRefCallback.js';

package/es/dropdown/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../src/dropdown/DropdownMenu.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport throttle from 'lodash/throttle';\nimport { ChevronRightIcon as TdIconChevronRight, ChevronLeftIcon as TdIconChevronLeft } from 'tdesign-icons-react';\nimport useConfig from '../hooks/useConfig';\nimport { DropdownProps } from './Dropdown';\nimport TDivider from '../divider';\nimport DropdownItem from './DropdownItem';\nimport { DropdownOption } from './type';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\n\nconst DropdownMenu = (props: DropdownProps) => {\n  const { options = [], maxHeight = 300, minColumnWidth = 10, maxColumnWidth = 160, direction } = props;\n\n  const { classPrefix } = useConfig();\n  const dropdownClass = `${classPrefix}-dropdown`;\n  const dropdownMenuClass = `${dropdownClass}__menu`;\n\n  const { ChevronRightIcon, ChevronLeftIcon } = useGlobalIcon({\n    ChevronRightIcon: TdIconChevronRight,\n    ChevronLeftIcon: TdIconChevronLeft,\n  });\n\n  const menuRef = useRef<HTMLDivElement>();\n  const [isOverMaxHeight, setIsOverMaxHeight] = useState(false);\n  const [calcScrollTopMap, setScrollTopMap] = useState({});\n\n  useEffect(() => {\n    if (menuRef.current) {\n      const menuHeight = menuRef.current.childNodes?.length * 30;\n\n      if (menuHeight >= maxHeight) setIsOverMaxHeight(true);\n    }\n  }, [maxHeight]);\n\n  const handleItemClick = (options: {\n    data: DropdownOption;\n    context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> };\n  }) => {\n    const { data, context } = options;\n    data?.onClick?.(data, context);\n    props.onClick?.(data, context);\n  };\n\n  const handleScroll = (e: React.MouseEvent<HTMLDivElement>, deep = 0) => {\n    const { scrollTop } = e.target as HTMLElement;\n    setScrollTopMap({ ...calcScrollTopMap, [deep]: scrollTop });\n  };\n\n  const throttleUpdate = throttle(handleScroll, 100);\n\n  // 处理options渲染的场景\n  const renderOptions = (data: Array<DropdownOption | React.ReactChild>, deep: number) => {\n    const arr = [];\n    let renderContent: ReactElement;\n    data.forEach?.((menu, idx) => {\n      const optionItem = { ...(menu as DropdownOption) };\n      const onViewIdx = Math.ceil(calcScrollTopMap[deep] / 30);\n      const itemIdx = idx >= onViewIdx ? idx - onViewIdx : idx;\n      if (optionItem.children) {\n        optionItem.children = renderOptions(optionItem.children, deep + 1);\n        renderContent = (\n          <div key={idx}>\n            <DropdownItem\n              className={classNames(optionItem.className, `${dropdownClass}__item`, `${dropdownClass}__item--suffix`)}\n              style={optionItem.style}\n              value={optionItem.value}\n              theme={optionItem.theme}\n              active={optionItem.active}\n              prefixIcon={optionItem.prefixIcon}\n              disabled={optionItem.disabled}\n              minColumnWidth={minColumnWidth}\n              maxColumnWidth={maxColumnWidth}\n              isSubmenu={true}\n            >\n              <div className={`${dropdownClass}__item-content`}>\n                {direction === 'right' ? (\n                  <>\n                    <span className={`${dropdownClass}__item-text`}>{optionItem.content}</span>\n                    <ChevronRightIcon className={`${dropdownClass}__item-direction`} size=\"16\" />\n                  </>\n                ) : (\n                  <>\n                    <ChevronLeftIcon className={`${dropdownClass}__item-direction`} size=\"16\" />\n                    <span className={`${dropdownClass}__item-text`}>{optionItem.content}</span>\n                  </>\n                )}\n              </div>\n              <div\n                className={classNames(`${dropdownClass}__submenu-wrapper`, {\n                  [`${dropdownClass}__submenu-wrapper--${props.direction}`]: props.direction,\n                })}\n                style={{\n                  position: 'absolute',\n                  top: `${itemIdx * 30}px`,\n                }}\n              >\n                <div\n                  className={classNames(`${dropdownClass}__submenu`, {\n                    [`${dropdownClass}__submenu--disabled`]: optionItem.disabled,\n                  })}\n                  style={{\n                    position: 'static',\n                    maxHeight: `${props.maxHeight}px`,\n                  }}\n                  onScroll={(e: React.MouseEvent<HTMLDivElement>) => handleScroll(e, deep + 1)}\n                >\n                  <ul>{optionItem.children as React.ReactNode}</ul>\n                </div>\n              </div>\n            </DropdownItem>\n            {optionItem.divider ? <TDivider /> : null}\n          </div>\n        );\n      } else {\n        renderContent = (\n          <div key={idx}>\n            <DropdownItem\n              className={classNames(optionItem.className, `${dropdownClass}__item`)}\n              style={optionItem.style}\n              value={optionItem.value}\n              theme={optionItem.theme}\n              active={optionItem.active}\n              prefixIcon={optionItem.prefixIcon}\n              disabled={optionItem.disabled}\n              minColumnWidth={minColumnWidth}\n              maxColumnWidth={maxColumnWidth}\n              onClick={\n                optionItem.disabled || optionItem.children\n                  ? () => null\n                  : (\n                      value: string | number | { [key: string]: any },\n                      context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> },\n                    ) => handleItemClick({ data: optionItem, context })\n              }\n            >\n              <span className={`${dropdownClass}__item-text`}>{optionItem.content}</span>\n            </DropdownItem>\n            {optionItem.divider ? <TDivider /> : null}\n          </div>\n        );\n      }\n      arr.push(renderContent);\n    });\n    return arr;\n  };\n\n  return (\n    <div\n      className={classNames(dropdownMenuClass, `${dropdownMenuClass}--${direction}`, {\n        [`${dropdownMenuClass}--overflow`]: isOverMaxHeight,\n      })}\n      style={{\n        maxHeight: `${maxHeight}px`,\n      }}\n      ref={menuRef}\n      onScroll={throttleUpdate}\n    >\n      {renderOptions(options, 0)}\n    </div>\n  );\n};\n\nDropdownMenu.displayName = 'DropdownMenu';\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","props","_props$options","options","_props$maxHeight","maxHeight","_props$minColumnWidth","minColumnWidth","_props$maxColumnWidth","maxColumnWidth","direction","_useConfig","useConfig","classPrefix","dropdownClass","dropdownMenuClass","_useGlobalIcon","useGlobalIcon","ChevronRightIcon","TdIconChevronRight","ChevronLeftIcon","TdIconChevronLeft","menuRef","useRef","_useState","useState","_useState2","_slicedToArray","isOverMaxHeight","setIsOverMaxHeight","_useState3","_useState4","calcScrollTopMap","setScrollTopMap","useEffect","current","_menuRef$current$chil","menuHeight","childNodes","length","handleItemClick","_data$onClick","_props$onClick","data","context","onClick","call","handleScroll","e","deep","arguments","undefined","scrollTop","target","_objectSpread","_defineProperty","throttleUpdate","throttle","renderOptions","_data$forEach","arr","renderContent","forEach","menu","idx","optionItem","onViewIdx","Math","ceil","itemIdx","children","React","createElement","key","DropdownItem","className","classNames","concat","style","value","theme","active","prefixIcon","disabled","isSubmenu","Fragment","content","size","position","top","onScroll","divider","TDivider","push","ref","displayName"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../src/dropdown/DropdownMenu.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport throttle from 'lodash/throttle';\nimport { ChevronRightIcon as TdIconChevronRight, ChevronLeftIcon as TdIconChevronLeft } from 'tdesign-icons-react';\nimport useConfig from '../hooks/useConfig';\nimport { DropdownProps } from './Dropdown';\nimport TDivider from '../divider';\nimport DropdownItem from './DropdownItem';\nimport { DropdownOption } from './type';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\n\nconst DropdownMenu: React.FC<DropdownProps> = (props) => {\n  const { options = [], maxHeight = 300, minColumnWidth = 10, maxColumnWidth = 160, direction } = props;\n\n  const { classPrefix } = useConfig();\n  const dropdownClass = `${classPrefix}-dropdown`;\n  const dropdownMenuClass = `${dropdownClass}__menu`;\n\n  const { ChevronRightIcon, ChevronLeftIcon } = useGlobalIcon({\n    ChevronRightIcon: TdIconChevronRight,\n    ChevronLeftIcon: TdIconChevronLeft,\n  });\n\n  const menuRef = useRef<HTMLDivElement>();\n  const [isOverMaxHeight, setIsOverMaxHeight] = useState(false);\n  const [calcScrollTopMap, setScrollTopMap] = useState({});\n\n  useEffect(() => {\n    if (menuRef.current) {\n      const menuHeight = menuRef.current.childNodes?.length * 30;\n\n      if (menuHeight >= maxHeight) setIsOverMaxHeight(true);\n    }\n  }, [maxHeight]);\n\n  const handleItemClick = (options: {\n    data: DropdownOption;\n    context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> };\n  }) => {\n    const { data, context } = options;\n    data?.onClick?.(data, context);\n    props.onClick?.(data, context);\n  };\n\n  const handleScroll = (e: React.MouseEvent<HTMLDivElement>, deep = 0) => {\n    const { scrollTop } = e.target as HTMLElement;\n    setScrollTopMap({ ...calcScrollTopMap, [deep]: scrollTop });\n  };\n\n  const throttleUpdate = throttle(handleScroll, 100);\n\n  // 处理options渲染的场景\n  const renderOptions = (data: Array<DropdownOption | React.ReactChild>, deep: number) => {\n    const arr = [];\n    let renderContent: ReactElement;\n    data.forEach?.((menu, idx) => {\n      const optionItem = { ...(menu as DropdownOption) };\n      const onViewIdx = Math.ceil(calcScrollTopMap[deep] / 30);\n      const itemIdx = idx >= onViewIdx ? idx - onViewIdx : idx;\n      if (optionItem.children) {\n        optionItem.children = renderOptions(optionItem.children, deep + 1);\n        renderContent = (\n          <div key={idx}>\n            <DropdownItem\n              className={classNames(optionItem.className, `${dropdownClass}__item`, `${dropdownClass}__item--suffix`)}\n              style={optionItem.style}\n              value={optionItem.value}\n              theme={optionItem.theme}\n              active={optionItem.active}\n              prefixIcon={optionItem.prefixIcon}\n              disabled={optionItem.disabled}\n              minColumnWidth={minColumnWidth}\n              maxColumnWidth={maxColumnWidth}\n              isSubmenu={true}\n            >\n              <div className={`${dropdownClass}__item-content`}>\n                {direction === 'right' ? (\n                  <>\n                    <span className={`${dropdownClass}__item-text`}>{optionItem.content}</span>\n                    <ChevronRightIcon className={`${dropdownClass}__item-direction`} size=\"16\" />\n                  </>\n                ) : (\n                  <>\n                    <ChevronLeftIcon className={`${dropdownClass}__item-direction`} size=\"16\" />\n                    <span className={`${dropdownClass}__item-text`}>{optionItem.content}</span>\n                  </>\n                )}\n              </div>\n              <div\n                className={classNames(`${dropdownClass}__submenu-wrapper`, {\n                  [`${dropdownClass}__submenu-wrapper--${props.direction}`]: props.direction,\n                })}\n                style={{\n                  position: 'absolute',\n                  top: `${itemIdx * 30}px`,\n                }}\n              >\n                <div\n                  className={classNames(`${dropdownClass}__submenu`, {\n                    [`${dropdownClass}__submenu--disabled`]: optionItem.disabled,\n                  })}\n                  style={{\n                    position: 'static',\n                    maxHeight: `${props.maxHeight}px`,\n                  }}\n                  onScroll={(e: React.MouseEvent<HTMLDivElement>) => handleScroll(e, deep + 1)}\n                >\n                  <ul>{optionItem.children as React.ReactNode}</ul>\n                </div>\n              </div>\n            </DropdownItem>\n            {optionItem.divider ? <TDivider /> : null}\n          </div>\n        );\n      } else {\n        renderContent = (\n          <div key={idx}>\n            <DropdownItem\n              className={classNames(optionItem.className, `${dropdownClass}__item`)}\n              style={optionItem.style}\n              value={optionItem.value}\n              theme={optionItem.theme}\n              active={optionItem.active}\n              prefixIcon={optionItem.prefixIcon}\n              disabled={optionItem.disabled}\n              minColumnWidth={minColumnWidth}\n              maxColumnWidth={maxColumnWidth}\n              onClick={\n                optionItem.disabled || optionItem.children\n                  ? () => null\n                  : (\n                      value: string | number | { [key: string]: any },\n                      context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> },\n                    ) => handleItemClick({ data: optionItem, context })\n              }\n            >\n              <span className={`${dropdownClass}__item-text`}>{optionItem.content}</span>\n            </DropdownItem>\n            {optionItem.divider ? <TDivider /> : null}\n          </div>\n        );\n      }\n      arr.push(renderContent);\n    });\n    return arr;\n  };\n\n  return (\n    <div\n      className={classNames(dropdownMenuClass, `${dropdownMenuClass}--${direction}`, {\n        [`${dropdownMenuClass}--overflow`]: isOverMaxHeight,\n      })}\n      style={{\n        maxHeight: `${maxHeight}px`,\n      }}\n      ref={menuRef}\n      onScroll={throttleUpdate}\n    >\n      {renderOptions(options, 0)}\n    </div>\n  );\n};\n\nDropdownMenu.displayName = 'DropdownMenu';\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","props","_props$options","options","_props$maxHeight","maxHeight","_props$minColumnWidth","minColumnWidth","_props$maxColumnWidth","maxColumnWidth","direction","_useConfig","useConfig","classPrefix","dropdownClass","dropdownMenuClass","_useGlobalIcon","useGlobalIcon","ChevronRightIcon","TdIconChevronRight","ChevronLeftIcon","TdIconChevronLeft","menuRef","useRef","_useState","useState","_useState2","_slicedToArray","isOverMaxHeight","setIsOverMaxHeight","_useState3","_useState4","calcScrollTopMap","setScrollTopMap","useEffect","current","_menuRef$current$chil","menuHeight","childNodes","length","handleItemClick","_data$onClick","_props$onClick","data","context","onClick","call","handleScroll","e","deep","arguments","undefined","scrollTop","target","_objectSpread","_defineProperty","throttleUpdate","throttle","renderOptions","_data$forEach","arr","renderContent","forEach","menu","idx","optionItem","onViewIdx","Math","ceil","itemIdx","children","React","createElement","key","DropdownItem","className","classNames","concat","style","value","theme","active","prefixIcon","disabled","isSubmenu","Fragment","content","size","position","top","onScroll","divider","TDivider","push","ref","displayName"],"mappings":"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"}

package/es/dropdown/hooks/useDropdownOptions.js

@@ -23,14 +23,14 @@ import '../../_chunks/dep-931e1820.js';
 import 'tdesign-icons-react';
 import '../../hooks/useConfig.js';
 import '../../config-provider/ConfigContext.js';
-import '../../_chunks/dep-ba07e2e1.js';
-import '../../_chunks/dep-5ce191b2.js';
+import '../../_chunks/dep-6fcc415b.js';
+import '../../_chunks/dep-1be2f85d.js';
 import '../../_chunks/dep-136b9a8f.js';
 import '../../_chunks/dep-ce138fec.js';
 import '../../_chunks/dep-3489dcba.js';
 import '../../_chunks/dep-578cd8b2.js';
 import '../../_chunks/dep-b511e316.js';
-import '../../_chunks/dep-993532b5.js';
+import '../../_chunks/dep-96952b5e.js';
 import '../../_chunks/dep-c2cef2d7.js';
 import '../../_chunks/dep-c302e5cb.js';
 import '../../_chunks/dep-85d66c50.js';
@@ -38,7 +38,7 @@ import '../../_chunks/dep-13ce414c.js';
 import '../../_chunks/dep-eb436203.js';
 import '../../_chunks/dep-784b8427.js';
 import '../../_chunks/dep-95419531.js';
-import '../../_chunks/dep-28e4e603.js';
+import '../../_chunks/dep-eaa5a954.js';
 import '../../_chunks/dep-6443af82.js';
 import '../../locale/zh_CN.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
@@ -49,6 +49,7 @@ import '../../divider/index.js';
 import '../../divider/Divider.js';
 import '../../_chunks/dep-886030e5.js';
 import '../../divider/defaultProps.js';
+import '../../hooks/useDefaultProps.js';
 import '../../divider/style/css.js';
 import '../../divider/type.js';
 import '../../hooks/useGlobalIcon.js';

package/es/dropdown/hooks/useDropdownOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownOptions.js","sources":["../../../src/dropdown/hooks/useDropdownOptions.ts"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { DropdownOption } from '../type';\nimport DropdownMenu from '../DropdownMenu';\nimport DropdownItem from '../DropdownItem';\n\nexport const getOptionsFromChildren = (children: React.ReactElement): DropdownOption[] => {\n  if (!children) return [];\n\n  if (children.type === DropdownMenu) {\n    const groupChildren = children.props.children as React.ReactElement;\n    if (Array.isArray(groupChildren)) {\n      return getOptionsFromChildren(groupChildren);\n    }\n  }\n\n  return React.Children.toArray(children)\n    .map((item: React.ReactElement) => {\n      const groupChildren = item.props?.children;\n      const contextRes = item.props?.content;\n\n      if (Array.isArray(groupChildren)) {\n        const contentCtx = groupChildren?.filter?.((v) => ![DropdownItem, DropdownMenu].includes(v.type));\n        const childrenCtx = groupChildren?.filter?.((v) => [DropdownItem, DropdownMenu].includes(v.type));\n\n        return {\n          ...item.props,\n          content: contentCtx || groupChildren,\n          children: childrenCtx.length > 0 ? getOptionsFromChildren(groupChildren[1]) : null,\n        };\n      }\n      return { ...item.props, content: groupChildren || contextRes, children: null };\n    })\n    .filter((v) => !!v.content);\n};\n\nexport default function useDropdownOptions(\n  children: (React.ReactChild | React.ReactFragment | React.ReactPortal)[],\n  options: DropdownOption[],\n): DropdownOption[] {\n  const dropdownOptions = useMemo(() => {\n    if (options && options.length > 0) return options;\n    let dropdownMenuChild: React.ReactElement;\n    React.Children.forEach(children, (child: React.ReactChild) => {\n      if (!React.isValidElement(child)) return;\n\n      if (child.type === DropdownMenu && (child.props as { children: React.ReactElement }).children) {\n        dropdownMenuChild = (child.props as { children: React.ReactElement }).children;\n      }\n    });\n    return getOptionsFromChildren(dropdownMenuChild);\n  }, [options, children]);\n\n  return dropdownOptions;\n}\n"],"names":["getOptionsFromChildren","children","type","DropdownMenu","groupChildren","props","Array","isArray","React","Children","toArray","map","item","_item$props","_item$props2","contextRes","content","_groupChildren$filter","_groupChildren$filter2","contentCtx","filter","call","v","DropdownItem","includes","childrenCtx","_objectSpread","length","useDropdownOptions","options","dropdownOptions","useMemo","dropdownMenuChild","forEach","child","isValidElement"],"mappings":"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"}
+{"version":3,"file":"useDropdownOptions.js","sources":["../../../src/dropdown/hooks/useDropdownOptions.ts"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { DropdownOption } from '../type';\nimport DropdownMenu from '../DropdownMenu';\nimport DropdownItem from '../DropdownItem';\n\nexport const getOptionsFromChildren = (children: React.ReactElement): DropdownOption[] => {\n  if (!children) return [];\n\n  if (children.type === DropdownMenu) {\n    const groupChildren = children.props.children as React.ReactElement;\n    if (Array.isArray(groupChildren)) {\n      return getOptionsFromChildren(groupChildren);\n    }\n  }\n\n  return React.Children.toArray(children)\n    .map((item: React.ReactElement) => {\n      const groupChildren = item.props?.children;\n      const contextRes = item.props?.content;\n\n      if (Array.isArray(groupChildren)) {\n        const contentCtx = groupChildren?.filter?.((v) => ![DropdownItem, DropdownMenu].includes(v.type));\n        const childrenCtx = groupChildren?.filter?.((v) => [DropdownItem, DropdownMenu].includes(v.type));\n\n        return {\n          ...item.props,\n          content: contentCtx || groupChildren,\n          children: childrenCtx.length > 0 ? getOptionsFromChildren(groupChildren[1]) : null,\n        };\n      }\n      return { ...item.props, content: groupChildren || contextRes, children: null };\n    })\n    .filter((v) => !!v.content);\n};\n\nexport default function useDropdownOptions(\n  children: (React.ReactChild | React.ReactFragment | React.ReactPortal)[],\n  options: DropdownOption[],\n): DropdownOption[] {\n  const dropdownOptions = useMemo(() => {\n    if (options && options.length > 0) return options;\n    let dropdownMenuChild: React.ReactElement;\n    React.Children.forEach(children, (child: React.ReactChild) => {\n      if (!React.isValidElement(child)) return;\n\n      if (child.type === DropdownMenu && (child.props as { children: React.ReactElement }).children) {\n        dropdownMenuChild = (child.props as { children: React.ReactElement }).children;\n      }\n    });\n    return getOptionsFromChildren(dropdownMenuChild);\n  }, [options, children]);\n\n  return dropdownOptions;\n}\n"],"names":["getOptionsFromChildren","children","type","DropdownMenu","groupChildren","props","Array","isArray","React","Children","toArray","map","item","_item$props","_item$props2","contextRes","content","_groupChildren$filter","_groupChildren$filter2","contentCtx","filter","call","v","DropdownItem","includes","childrenCtx","_objectSpread","length","useDropdownOptions","options","dropdownOptions","useMemo","dropdownMenuChild","forEach","child","isValidElement"],"mappings":"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"}

package/es/dropdown/index.d.ts

@@ -2,8 +2,7 @@
 import './style/index.js';
 export type { DropdownProps } from './Dropdown';
 export * from './type';
-export declare const Dropdown: {
-    (props: import("./Dropdown").DropdownProps): import("react").JSX.Element;
+export declare const Dropdown: import("react").FC<import("./Dropdown").DropdownProps> & {
     DropdownItem: import("react").ForwardRefExoticComponent<Pick<import("./type").DropdownOption, "value"> & Pick<import("./type").TdDropdownProps, "maxColumnWidth" | "minColumnWidth"> & import("../common").StyledProps & {
         active?: boolean;
         disabled?: boolean;
@@ -15,11 +14,6 @@ export declare const Dropdown: {
         }, e: unknown) => void;
         isSubmenu?: boolean;
     } & import("react").RefAttributes<HTMLLIElement>>;
-    DropdownMenu: {
-        (props: import("./Dropdown").DropdownProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    displayName: string;
-    defaultProps: import("./type").TdDropdownProps;
+    DropdownMenu: import("react").FC<import("./Dropdown").DropdownProps>;
 };
 export default Dropdown;