mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 09:39:10 +08:00
1fc374495f
* chore: init test * test: rootClassName inject * test: part of test * chore: patch qrcode rootCls * chore: part rootClassName * chore: part rootClassName * test: more test * test: more test * test: more test * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * test: more test * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: part rootClassName * chore: fix lint * chore: fix lint * chore: ignore part of lint * test: update snapshot * test: fix test case * chore: fix node test * chore: adjust render logic * fix: test * test: update snapshot * test: update * refactor * chore: fix require module logic
67 lines
2.0 KiB
TypeScript
67 lines
2.0 KiB
TypeScript
import type React from 'react';
|
|
import type Group from './FloatButtonGroup';
|
|
import type BackTop from './BackTop';
|
|
import type { TooltipProps } from '../tooltip';
|
|
import type PurePanel from './PurePanel';
|
|
|
|
export type FloatButtonType = 'default' | 'primary';
|
|
|
|
export type FloatButtonShape = 'circle' | 'square';
|
|
|
|
export type FloatButtonGroupTrigger = 'click' | 'hover';
|
|
|
|
export interface FloatButtonProps {
|
|
prefixCls?: string;
|
|
className?: string;
|
|
rootClassName?: string;
|
|
style?: React.CSSProperties;
|
|
icon?: React.ReactNode;
|
|
description?: React.ReactNode;
|
|
type?: FloatButtonType;
|
|
shape?: FloatButtonShape;
|
|
tooltip?: TooltipProps['title'];
|
|
href?: string;
|
|
target?: React.HTMLAttributeAnchorTarget;
|
|
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
}
|
|
|
|
export interface FloatButtonContentProps extends React.DOMAttributes<HTMLDivElement> {
|
|
className?: string;
|
|
icon?: FloatButtonProps['icon'];
|
|
description?: FloatButtonProps['description'];
|
|
prefixCls: FloatButtonProps['prefixCls'];
|
|
}
|
|
|
|
export interface FloatButtonGroupProps extends FloatButtonProps {
|
|
// 包含的 Float Button
|
|
children: React.ReactNode;
|
|
// 触发方式 (有触发方式为菜单模式)
|
|
trigger?: FloatButtonGroupTrigger;
|
|
// 受控展开
|
|
open?: boolean;
|
|
// 关闭按钮自定义图标
|
|
closeIcon?: React.ReactNode;
|
|
// 展开收起的回调
|
|
onOpenChange?: (open: boolean) => void;
|
|
}
|
|
|
|
export interface BackTopProps extends Omit<FloatButtonProps, 'target'> {
|
|
visibilityHeight?: number;
|
|
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
target?: () => HTMLElement | Window | Document;
|
|
prefixCls?: string;
|
|
children?: React.ReactNode;
|
|
className?: string;
|
|
rootClassName?: string;
|
|
style?: React.CSSProperties;
|
|
duration?: number;
|
|
}
|
|
|
|
export type CompoundedComponent = React.ForwardRefExoticComponent<
|
|
FloatButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>
|
|
> & {
|
|
Group: typeof Group;
|
|
BackTop: typeof BackTop;
|
|
_InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
|
|
};
|