新建德森项目分支

skyouc

2024-12-21 c635d78b479510ebe2556a420948effcd30a0731

 zy-asrs-flow/src/components/HeaderDropdown/index.tsx

@@ -1,27 +1,27 @@
import { Dropdown } from 'antd';
import type { DropDownProps } from 'antd/es/dropdown';
import React from 'react';
import { createStyles } from 'antd-style';
import classNames from 'classnames';

const useStyles = createStyles(({ token }) => {
  return {
    dropdown: {
      [`@media screen and (max-width: ${token.screenXS}px)`]: {
        width: '100%',
      },
    },
  };
});

export type HeaderDropdownProps = {
  overlayClassName?: string;
  placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight' | 'bottomCenter';
} & Omit<DropDownProps, 'overlay'>;

const HeaderDropdown: React.FC<HeaderDropdownProps> = ({ overlayClassName: cls, ...restProps }) => {
  const { styles } = useStyles();
  return <Dropdown overlayClassName={classNames(styles.dropdown, cls)} {...restProps} />;
};

export default HeaderDropdown;
import { Dropdown } from 'antd';

import type { DropDownProps } from 'antd/es/dropdown';

import React from 'react';

import { createStyles } from 'antd-style';

import classNames from 'classnames';



const useStyles = createStyles(({ token }) => {

  return {

    dropdown: {

      [`@media screen and (max-width: ${token.screenXS}px)`]: {

        width: '100%',

      },

    },

  };

});



export type HeaderDropdownProps = {

  overlayClassName?: string;

  placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight' | 'bottomCenter';

} & Omit<DropDownProps, 'overlay'>;



const HeaderDropdown: React.FC<HeaderDropdownProps> = ({ overlayClassName: cls, ...restProps }) => {

  const { styles } = useStyles();

  return <Dropdown overlayClassName={classNames(styles.dropdown, cls)} {...restProps} />;

};



export default HeaderDropdown;