mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

ts popover (#2542)

Browse Source
This commit is contained in:
ddcat1115 2016-07-29 14:45:06 +08:00 committed by 偏右
parent 10a0709b3a
commit 89efcb903a
3 changed files with 42 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/index.tsx
View File

@ -34,6 +34,9 @@ export { Cascader };
import Popconfirm from './popconfirm';
export { Popconfirm };
import Popover from './popover';
export { Popover };
import Transfer from './transfer';
export { Transfer };

34
components/popover/index.tsx
View File

@ -5,7 +5,37 @@ import warning from 'warning';
const placements = getPlacements();
export default class Popover extends React.Component {
export interface PopoverProps {
/** trigger type, options: `hover` `focus` `click` */
trigger?: 'hover' | 'focus' | 'click';
/** Position of popup-container,
* options: `top` `left` `right` `bottom` `topLeft` `topRight` `bottomLeft` `bottomRight`
* `leftTop` `leftBottom` `rightTop` `rightBottom`
*/
placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' |
'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
/** title of popup-container */
title?: React.ReactNode;
/** classname of popup-container */
overlayClassName?: string;
/** Style of overlay */
overlayStyle?: React.CSSProperties;
prefixCls?: string;
/** to control visibility of popup-container */
visible?: boolean;
/** callback when visible change */
onVisibleChange?: (visible: boolean) => void;
/** specify wrapper of popup-container */
getTooltipContainer?: (triggerNode: React.ReactNode) => React.ReactNode;
/** content of popup-container */
content?: React.ReactNode;
/** keep overlay for compatibility */
overlay?: React.ReactNode;
style?: React.CSSProperties;
transitionName?: string;
}
export default class Popover extends React.Component<PopoverProps, any> {
static defaultProps = {
prefixCls: 'ant-popover',
placement: 'top',
@ -30,7 +60,7 @@ export default class Popover extends React.Component {
}
getPopupDomNode() {
return this.refs.tooltip.getPopupDomNode();
return (this.refs as any).tooltip.getPopupDomNode();
}
componentDidMount() {

8
components/popover/placements.tsx
View File

@ -5,7 +5,13 @@ const autoAdjustOverflow = {
const targetOffset = [0, 0];
export default function getPlacements(config = {}) {
export interface GetPlacementsProps {
arrowWidth?: number;
horizontalArrowShift?: number;
verticalArrowShift?: number;
}
export default function getPlacements(config: GetPlacementsProps = {}) {
const { arrowWidth = 5, horizontalArrowShift = 16, verticalArrowShift = 12 } = config;
return {
left: {