Commit ⋅ ant-design/ant-design

Showing 1 of 3 files from the diff.

Newly tracked file

98.72% ø ø

components/drawer/index.tsx changed.

Other files ignored by Codecov

components/drawer/index.en-US.md has changed.

components/drawer/index.zh-CN.md has changed.

@@ -1,5 +1,4 @@

Loading

import * as React from 'react';
import * as PropTypes from 'prop-types';
import RcDrawer from 'rc-drawer';
import createReactContext from '@ant-design/create-react-context';
import warning from '../_util/warning';

@@ -10,7 +9,9 @@

Loading


const DrawerContext = createReactContext<Drawer | null>(null);

type EventType = React.MouseEvent<HTMLDivElement> | React.MouseEvent<HTMLButtonElement>;
type EventType =
  | React.KeyboardEvent<HTMLDivElement>
  | React.MouseEvent<HTMLDivElement | HTMLButtonElement>;

type getContainerFunc = () => HTMLElement;


@@ -39,6 +40,7 @@

Loading

  afterVisibleChange?: (visible: boolean) => void;
  className?: string;
  handler?: React.ReactNode;
  keyboard?: boolean;
}

export interface IDrawerState {

@@ -46,30 +48,6 @@

Loading

}

class Drawer extends React.Component<DrawerProps & ConfigConsumerProps, IDrawerState> {
  static propTypes = {
    closable: PropTypes.bool,
    destroyOnClose: PropTypes.bool,
    getContainer: PropTypes.oneOfType([
      PropTypes.string,
      PropTypes.object as PropTypes.Requireable<HTMLElement>,
      PropTypes.func,
      PropTypes.bool,
    ]),
    maskClosable: PropTypes.bool,
    mask: PropTypes.bool,
    maskStyle: PropTypes.object,
    style: PropTypes.object,
    title: PropTypes.node,
    visible: PropTypes.bool,
    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
    zIndex: PropTypes.number,
    prefixCls: PropTypes.string,
    placement: PropTypes.oneOf(PlacementTypes),
    onClose: PropTypes.func,
    afterVisibleChange: PropTypes.func,
    className: PropTypes.string,
  };

  static defaultProps = {
    width: 256,
    height: 256,

@@ -78,6 +56,7 @@

Loading

    maskClosable: true,
    mask: true,
    level: null,
    keyboard: true,
  };

  readonly state = {

@@ -106,7 +85,7 @@

Loading

  };

  onMaskClick = (e: EventType) => {
    if (!this.props.maskClosable) {
    if (!this.props.maskClosable && !(e.nativeEvent instanceof KeyboardEvent)) {
      return;
    }
    this.close(e);

Files		•	•	•	Coverage
components	7,377	7,083	2	292	96.01%
Project Totals (263 files)	7,377	7,083	2	292	96.01%

Notifications are pending CI completion. Waiting for GitHub's status webhook to queue notifications. Push notifications now.

View CI Build Download

codecov:
  branch: master

coverage:
  status:
    project:
      default:
        # Fail the status if coverage drops by >= 0.1%
        threshold: 0.1

Read the docs

Interact now

The inner-most circle is the entire project, moving away from the center are folders then, finally, a single file. The size and color of each slice is representing the number of statements and the coverage, respectively.

SVG

The top section represents the entire project. Proceeding with folders and finally individual files. The size and color of each slice is representing the number of statements and the coverage, respectively.

SVG

Each block represents a single file in the project. The size and color of each block is represented by the number of statements and the coverage, respectively.

SVG

Learn more about the coverage sunburst graph

10	9
11	10		const DrawerContext = createReactContext<Drawer \| null>(null);
12	11
13		-	type EventType = React.MouseEvent<HTMLDivElement> \| React.MouseEvent<HTMLButtonElement>;
	12	+	type EventType =
	13	+	\| React.KeyboardEvent<HTMLDivElement>
	14	+	\| React.MouseEvent<HTMLDivElement \| HTMLButtonElement>;
14	15
15	16		type getContainerFunc = () => HTMLElement;
16	17

78	56		maskClosable: true,
79	57		mask: true,
80	58		level: null,
	59	+	keyboard: true,
81	60		};
82	61
83	62		readonly state = {

106	85		};
107	86
108	87		onMaskClick = (e: EventType) => {
109		-	if (!this.props.maskClosable) {
	88	+	if (!this.props.maskClosable && !(e.nativeEvent instanceof KeyboardEvent)) {
110	89		return;
111	90		}
112	91		this.close(e);

Navigation	Overlay
`t` Navigate files	`h` Toggle hits
`y` Change url to tip of branch	`m` Toggle misses
`b / v` Jump to prev/next hit line	`p` Toggle partial
`z / x` Jump to prev/next missed or partial line	`1..9` Toggle flags
`shift + o` Open current page in GitHub	`a` Toggle all on
`/ or ?` Show keyboard shortcuts dialog	`c` Toggle context lines or commits

1	1		import * as React from 'react';
2		-	import * as PropTypes from 'prop-types';
3	2		import RcDrawer from 'rc-drawer';
4	3		import createReactContext from '@ant-design/create-react-context';
5	4		import warning from '../_util/warning';

39	40		afterVisibleChange?: (visible: boolean) => void;
40	41		className?: string;
41	42		handler?: React.ReactNode;
	43	+	keyboard?: boolean;
42	44		}
43	45
44	46		export interface IDrawerState {

46	48		}
47	49
48	50		class Drawer extends React.Component<DrawerProps & ConfigConsumerProps, IDrawerState> {
49		-	static propTypes = {
50		-	closable: PropTypes.bool,
51		-	destroyOnClose: PropTypes.bool,
52		-	getContainer: PropTypes.oneOfType([
53		-	PropTypes.string,
54		-	PropTypes.object as PropTypes.Requireable<HTMLElement>,
55		-	PropTypes.func,
56		-	PropTypes.bool,
57		-	]),
58		-	maskClosable: PropTypes.bool,
59		-	mask: PropTypes.bool,
60		-	maskStyle: PropTypes.object,
61		-	style: PropTypes.object,
62		-	title: PropTypes.node,
63		-	visible: PropTypes.bool,
64		-	width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
65		-	zIndex: PropTypes.number,
66		-	prefixCls: PropTypes.string,
67		-	placement: PropTypes.oneOf(PlacementTypes),
68		-	onClose: PropTypes.func,
69		-	afterVisibleChange: PropTypes.func,
70		-	className: PropTypes.string,
71		-	};
72		-
73	51		static defaultProps = {
74	52		width: 256,
75	53		height: 256,

1	codecov:
2	branch: master
3
4	coverage:
5	status:
6	project:
7	default:
8	# Fail the status if coverage drops by >= 0.1%
9	threshold: 0.1

Updating our web app