style: format code

2024-11-29 18:48:32 +08:00 · 2019-12-21 18:37:33 +08:00 · 2019-12-21 18:37:33 +08:00 · d7561734ea
commit d7561734ea
parent d038b90f4d
74 changed files with 128 additions and 99 deletions
--- a/.prettierignore
+++ b/.prettierignore
@ -24,3 +24,6 @@ components/style/color/*.less
 .gitattributes
 .stylelintrc
 .vcmrc
+.logo
+.npmrc.template
+.huskyrc
--- a/components/checkbox/tests/group.test.js
+++ b/components/checkbox/tests/group.test.js
@ -40,7 +40,10 @@ describe('CheckboxGroup', () => {
  it('does not trigger onChange callback of both Checkbox and CheckboxGroup when CheckboxGroup is disabled', () => {
    const onChangeGroup = jest.fn();

-    const options = [{ label: 'Apple', value: 'Apple' }, { label: 'Pear', value: 'Pear' }];
+    const options = [
+      { label: 'Apple', value: 'Apple' },
+      { label: 'Pear', value: 'Pear' },
+    ];

    const groupWrapper = mount(
      {
@ -95,7 +98,10 @@ describe('CheckboxGroup', () => {
  });

  it('passes prefixCls down to checkbox', () => {
-    const options = [{ label: 'Apple', value: 'Apple' }, { label: 'Orange', value: 'Orange' }];
+    const options = [
+      { label: 'Apple', value: 'Apple' },
+      { label: 'Orange', value: 'Orange' },
+    ];

    const wrapper = mount({
      render() {
@ -106,7 +112,10 @@ describe('CheckboxGroup', () => {
    expect(wrapper.html()).toMatchSnapshot();
  });
  it('should be controlled by value', async () => {
-    const options = [{ label: 'Apple', value: 'Apple' }, { label: 'Orange', value: 'Orange' }];
+    const options = [
+      { label: 'Apple', value: 'Apple' },
+      { label: 'Orange', value: 'Orange' },
+    ];

    const wrapper = mount(Checkbox.Group, {
      propsData: { options },
--- a/components/date-picker/tests/utils.js
+++ b/components/date-picker/tests/utils.js
@ -1,4 +1,3 @@
-/* eslint-disable import/prefer-default-export */
 export function $$(className) {
  return document.body.querySelectorAll(className);
 }
--- a/components/date-picker/demo/disabled-date.md
+++ b/components/date-picker/demo/disabled-date.md
@ -24,7 +24,7 @@ Disabled part of dates and time by `disabledDate` and `disabledTime` respectivel
      :disabledDate="disabledDate"
      :disabledTime="disabledRangeTime"
      :showTime="{
-        hideDisabledOptions: true, 
+        hideDisabledOptions: true,
        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('11:59:59', 'HH:mm:ss')]
      }"
      format="YYYY-MM-DD HH:mm:ss"
--- a/components/drawer/index.jsx
+++ b/components/drawer/index.jsx
@ -162,7 +162,7 @@ const Drawer = {
      return (
        <div
          class={`${prefixCls}-wrapper-body`}
-          style={{...containerStyle, ...wrapStyle}}
+          style={{ ...containerStyle, ...wrapStyle }}
          onTransitionend={this.onDestroyTransitionEnd}
        >
          {this.renderHeader(prefixCls)}
--- a/components/form/FormItem.jsx
+++ b/components/form/FormItem.jsx
@ -96,7 +96,8 @@ export default {
    const { help, validateStatus } = this.$props;
    warning(
      this.getControls(this.slotDefault, true).length <= 1 ||
-        (help !== undefined || validateStatus !== undefined),
+        help !== undefined ||
+        validateStatus !== undefined,
      '`Form.Item` cannot generate `validateStatus` and `help` automatically, ' +
        'while there are more than one `getFieldDecorator` in it.',
    );
--- a/components/form/demo/validate-other.vue
+++ b/components/form/demo/validate-other.vue
@ -9,7 +9,12 @@ Demonstration of validation configuration for form controls which are not shown
 </us>

 <template>
-  <a-form id="components-form-demo-validate-other" :form="form" v-bind="formItemLayout" @submit="handleSubmit">
+  <a-form
+    id="components-form-demo-validate-other"
+    :form="form"
+    v-bind="formItemLayout"
+    @submit="handleSubmit"
+  >
    <a-form-item label="Plain Text">
      <span class="ant-form-text">
        China
--- a/components/locale-provider/tests/index.test.js
+++ b/components/locale-provider/tests/index.test.js
@ -1,4 +1,3 @@
-/* eslint-disable react/no-multi-comp */
 import { mount } from '@vue/test-utils';
 import Vue from 'vue';
 import moment from 'moment';
--- a/components/radio/tests/group.test.js
+++ b/components/radio/tests/group.test.js
@ -218,7 +218,10 @@ describe('Radio', () => {
  });

  it('passes prefixCls down to radio', () => {
-    const options = [{ label: 'Apple', value: 'Apple' }, { label: 'Orange', value: 'Orange' }];
+    const options = [
+      { label: 'Apple', value: 'Apple' },
+      { label: 'Orange', value: 'Orange' },
+    ];

    const wrapper = mount(RadioGroup, {
      propsData: {
--- a/components/table/tests/Table.filter.test.js
+++ b/components/table/tests/Table.filter.test.js
@ -21,7 +21,10 @@ describe('Table.filter', () => {
      {
        text: 'Title',
        value: 'title',
-        children: [{ text: 'Designer', value: 'designer' }, { text: 'Coder', value: 'coder' }],
+        children: [
+          { text: 'Designer', value: 'designer' },
+          { text: 'Coder', value: 'coder' },
+        ],
      },
    ],
    onFilter: filterFn,
@ -358,7 +361,10 @@ describe('Table.filter', () => {
              title="name"
              dataIndex="name"
              key="name"
-              filters={[{ text: 'Jack', value: 'Jack' }, { text: 'Lucy', value: 'Lucy' }]}
+              filters={[
+                { text: 'Jack', value: 'Jack' },
+                { text: 'Lucy', value: 'Lucy' },
+              ]}
              filteredValue={this.filters.name}
              onFilter={filterFn}
            />
@ -399,7 +405,10 @@ describe('Table.filter', () => {
            title: 'Name',
            dataIndex: 'name',
            key: 'name',
-            filters: [{ text: 'Jack', value: 'Jack' }, { text: 'Lucy', value: 'Lucy' }],
+            filters: [
+              { text: 'Jack', value: 'Jack' },
+              { text: 'Lucy', value: 'Lucy' },
+            ],
            onFilter: filterFn,
            filteredValue: ['Jack'],
          },
--- a/components/table/index.zh-CN.md
+++ b/components/table/index.zh-CN.md
@ -69,11 +69,11 @@ const columns = [

 ### 事件

-| 事件名称           | 说明                       | 回调参数                              |
-| ------------------ | -------------------------- | ------------------------------------- |
-| expandedRowsChange | 展开的行变化时触发         | Function(expandedRows)                |
-| change             | 分页、排序、筛选变化时触发 | Function(pagination, filters, sorter, { currentDataSource }) |
-| expand             | 点击展开图标时触发         | Function(expanded, record)            |
+| 事件名称 | 说明 | 回调参数 |
+| --- | --- | --- |
+| expandedRowsChange | 展开的行变化时触发 | Function(expandedRows) |
+| change | 分页、排序、筛选变化时触发 | Function(pagination, filters, sorter, { currentDataSource }) |
+| expand | 点击展开图标时触发 | Function(expanded, record) |

 #### customRow 用法

--- a/components/tree/DirectoryTree.jsx
+++ b/components/tree/DirectoryTree.jsx
@ -171,7 +171,10 @@ export default {
    },

    setUncontrolledState(state) {
-      const newState = omit(state, Object.keys(getOptionProps(this)).map(p => `_${p}`));
+      const newState = omit(
+        state,
+        Object.keys(getOptionProps(this)).map(p => `_${p}`),
+      );
      if (Object.keys(newState).length) {
        this.setState(newState);
      }
--- a/components/tree/Tree.jsx
+++ b/components/tree/Tree.jsx
@ -161,14 +161,7 @@ export default {
      return treeData.map(item => {
        const key = item[replaceFields.key];
        const children = item[replaceFields.children];
-        const {
-          on = {},
-          slots = {},
-          scopedSlots = {},
-          class: cls,
-          style,
-          ...restProps
-        } = item;
+        const { on = {}, slots = {}, scopedSlots = {}, class: cls, style, ...restProps } = item;
        const treeNodeProps = {
          ...restProps,
          icon:
--- a/components/tree/demo/index.vue
+++ b/components/tree/demo/index.vue
@ -38,7 +38,7 @@ export default {
        <md cn={md.cn} us={md.us} />
        <BasicControlled />
        <Basic />
-        <ReplaceFields/>
+        <ReplaceFields />
        <CustomizedIcon />
        <Draggable />
        <Dynamic />
--- a/components/tree/index.en-US.md
+++ b/components/tree/index.en-US.md
@ -64,8 +64,8 @@ One of the Tree `treeNode` prop for describing the tree's node, TreeNode has the

 ### DirectoryTree props

-| Property     | Description                                                  | Type   | Default |
-| ------------ | ------------------------------------------------------------ | ------ | ------- |
+| Property     | Description                                                   | Type   | Default |
+| ------------ | ------------------------------------------------------------- | ------ | ------- |
 | expandAction | Directory open logic, optional `false` `'click'` `'dblclick'` | string | click   |

 ## FAQ
--- a/components/tree/index.zh-CN.md
+++ b/components/tree/index.zh-CN.md
@ -5,7 +5,7 @@
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
 | treeData | 节点的配置描述，具体项见下表, 1.1.4 之前的版本使用`treeNodes` | array | -- |
-| replaceFields | 替换treeNode中 title,key,children字段为treeData中对应的字段 | object |{children:'children', title:'title', key:'key' } |
+| replaceFields | 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段 | object | {children:'children', title:'title', key:'key' } |
 | autoExpandParent | 是否自动展开父节点 | boolean | true |
 | checkable | 节点前添加 Checkbox 复选框 | boolean | false |
 | checkedKeys(v-model) | （受控）选中复选框的树节点（注意：父子节点有关联，如果传入父节点 key，则子节点自动选中；相应当子节点 key 都传入，父节点也自动选中。当设置`checkable`和`checkStrictly`，它是一个有`checked`和`halfChecked`属性的对象，并且父子节点的选中与否不再关联 | string\[] \| number\[] \| {checked: string\[] \| number\[], halfChecked: string\[] \| number\[]} | \[] |
@ -64,8 +64,8 @@

 ### DirectoryTree props

-| 参数         | 说明                                             | 类型   | 默认值 |
-| ------------ | ------------------------------------------------ | ------ | ------ |
+| 参数         | 说明                                              | 类型   | 默认值 |
+| ------------ | ------------------------------------------------- | ------ | ------ |
 | expandAction | 目录展开逻辑，可选 `false` `'click'` `'dblclick'` | string | click  |

 ## FAQ
--- a/components/upload/tests/mock.js
+++ b/components/upload/tests/mock.js
@ -11,4 +11,4 @@ export function setup() {
  });
 }

-export const teardown = mock.teardown.bind(mock);
+export const teardown = mock.teardown.bind(mock);
--- a/components/vc-calendar/demo/antd-calendar.vue
+++ b/components/vc-calendar/demo/antd-calendar.vue
@ -1,5 +1,5 @@
 <script>
-/* eslint react/no-multi-comp:0, no-console:0, no-unused-vars:0 */
+/* eslint no-console:0, no-unused-vars:0 */

 import '../assets/index.less';
 import PropTypes from '@/components/_util/vue-types';
--- a/components/vc-calendar/demo/antd-month-calendar.vue
+++ b/components/vc-calendar/demo/antd-month-calendar.vue
@ -1,5 +1,5 @@
 <script>
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */
 import '../assets/index.less';
 import PropTypes from '@/components/_util/vue-types';
 import DatePicker from '../src/Picker';
--- a/components/vc-calendar/demo/antd-range-calendar.vue
+++ b/components/vc-calendar/demo/antd-range-calendar.vue
@ -1,5 +1,5 @@
 <script>
-/* eslint react/no-multi-comp:0, no-console:0, no-unused-vars:0 */
+/* eslint no-console:0, no-unused-vars:0 */

 import '../assets/index.less';
 import '@/components/vc-time-picker/assets/index.less';
--- a/components/vc-calendar/demo/full-calendar.vue
+++ b/components/vc-calendar/demo/full-calendar.vue
@ -1,5 +1,5 @@
 <script>
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */
 import '../assets/index.less';
 import zhCN from '../src/locale/zh_CN';
 import enUS from '../src/locale/en_US';
--- a/components/vc-cascader/Cascader.jsx
+++ b/components/vc-cascader/Cascader.jsx
@ -155,7 +155,11 @@ export default {
    },
    handleChange(options, setProps, e) {
      if (e.type !== 'keydown' || e.keyCode === KeyCode.ENTER) {
-        this.__emit('change', options.map(o => o[this.getFieldName('value')]), options);
+        this.__emit(
+          'change',
+          options.map(o => o[this.getFieldName('value')]),
+          options,
+        );
        this.setPopupVisible(setProps.visible);
      }
    },
--- a/components/vc-dialog/Dialog.jsx
+++ b/components/vc-dialog/Dialog.jsx
@ -10,7 +10,6 @@ const IDialogPropTypes = getDialogPropTypes();

 let uuid = 0;

-/* eslint react/no-is-mounted:0 */
 function noop() {}
 function getScroll(w, top) {
  let ret = w[`page${top ? 'Y' : 'X'}Offset`];
@ -111,7 +110,7 @@ export default {
    },
    updatedCallback(visible) {
      const mousePosition = this.mousePosition;
-      const {mask, focusTriggerAfterClose} = this;
+      const { mask, focusTriggerAfterClose } = this;
      if (this.visible) {
        // first show
        if (!visible) {
@ -375,7 +374,7 @@ export default {
        cacheOverflow = {
          overflowX: document.body.style.overflowX,
          overflowY: document.body.style.overflowY,
-          overflow:  document.body.style.overflow,
+          overflow: document.body.style.overflow,
        };
        switchScrollingEffect();
        // Must be set after switchScrollingEffect
@ -383,7 +382,7 @@ export default {
      } else if (!openCount) {
        // IE browser doesn't merge overflow style, need to set it separately
        // https://github.com/ant-design/ant-design/issues/19393
-        if (cacheOverflow.overflow  !== undefined) {
+        if (cacheOverflow.overflow !== undefined) {
          document.body.style.overflow = cacheOverflow.overflow;
        }
        if (cacheOverflow.overflowX !== undefined) {
--- a/components/vc-form/demo/async-init.js
+++ b/components/vc-form/demo/async-init.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';
 import { regionStyle, errorStyle } from './styles';
--- a/components/vc-form/demo/dynamic-fields.js
+++ b/components/vc-form/demo/dynamic-fields.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';
 import BaseMixin from '../../_util/BaseMixin';
--- a/components/vc-form/demo/dynamic.js
+++ b/components/vc-form/demo/dynamic.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';
 import { regionStyle, errorStyle } from './styles';
--- a/components/vc-form/demo/file-input.js
+++ b/components/vc-form/demo/file-input.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';
 import { regionStyle, errorStyle } from './styles';
--- a/components/vc-form/demo/getFieldDecorator.js
+++ b/components/vc-form/demo/getFieldDecorator.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';

--- a/components/vc-form/demo/modal.js
+++ b/components/vc-form/demo/modal.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import BaseMixin from '../../_util/BaseMixin';
 import createDOMForm from '../src/createDOMForm';
--- a/components/vc-form/demo/nested-field.js
+++ b/components/vc-form/demo/nested-field.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import createForm from '../src/createDOMForm';

--- a/components/vc-form/demo/normalize.js
+++ b/components/vc-form/demo/normalize.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';
 import { regionStyle, errorStyle } from './styles';
--- a/components/vc-form/demo/overview.js
+++ b/components/vc-form/demo/overview.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import createDOMForm from '../src/createDOMForm';
 import { DatePicker, Select } from 'ant-design-vue';
--- a/components/vc-form/demo/parallel-form.js
+++ b/components/vc-form/demo/parallel-form.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';
 import { regionStyle } from './styles';
--- a/components/vc-form/demo/suggest.js
+++ b/components/vc-form/demo/suggest.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';
 import { Select } from 'ant-design-vue';
--- a/components/vc-form/demo/validateFirst.js
+++ b/components/vc-form/demo/validateFirst.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';
 import { regionStyle, errorStyle } from './styles';
--- a/components/vc-form/demo/validateTrigger.js
+++ b/components/vc-form/demo/validateTrigger.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import { createForm } from '../index';
 import { regionStyle, errorStyle } from './styles';
--- a/components/vc-select/Select.jsx
+++ b/components/vc-select/Select.jsx
@ -622,7 +622,13 @@ const Select = {
      if (value.length) {
        hidden = true;
      }
-      if (!state._mirrorInputValue && isCombobox(props) && value.length === 1 && (state._value && !state._value[0])) {
+      if (
+        !state._mirrorInputValue &&
+        isCombobox(props) &&
+        value.length === 1 &&
+        state._value &&
+        !state._value[0]
+      ) {
        hidden = false;
      }
      const placeholder = props.placeholder;
--- a/components/vc-steps/Step.jsx
+++ b/components/vc-steps/Step.jsx
@ -40,8 +40,8 @@ export default {
        [`${prefixCls}-icon`]: true,
        [`${iconPrefix}icon`]: true,
        [`${iconPrefix}icon-${icon}`]: icon && isString(icon),
-        [`${iconPrefix}icon-check`]: !icon && status === 'finish' && (icons && !icons.finish),
-        [`${iconPrefix}icon-close`]: !icon && status === 'error' && (icons && !icons.error),
+        [`${iconPrefix}icon-check`]: !icon && status === 'finish' && icons && !icons.finish,
+        [`${iconPrefix}icon-close`]: !icon && status === 'error' && icons && !icons.error,
      };
      const iconDot = <span class={`${prefixCls}-icon-dot`} />;
      // `progressDot` enjoy the highest priority
--- a/components/vc-table/demo/childrenIndent.js
+++ b/components/vc-table/demo/childrenIndent.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/className.js
+++ b/components/vc-table/demo/className.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/colspan-rowspan.js
+++ b/components/vc-table/demo/colspan-rowspan.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/column-resize.js
+++ b/components/vc-table/demo/column-resize.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';
 import BaseMixin from '../../_util/BaseMixin';
--- a/components/vc-table/demo/dropdown.js
+++ b/components/vc-table/demo/dropdown.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';
 import Menu from '../../menu';
--- a/components/vc-table/demo/expandIcon.js
+++ b/components/vc-table/demo/expandIcon.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/expandedRowRender.js
+++ b/components/vc-table/demo/expandedRowRender.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/fixedColumns-auto-height.js
+++ b/components/vc-table/demo/fixedColumns-auto-height.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/fixedColumns.js
+++ b/components/vc-table/demo/fixedColumns.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/fixedColumnsAndHeader.js
+++ b/components/vc-table/demo/fixedColumnsAndHeader.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/fixedColumnsAndHeaderSyncRowHeight.js
+++ b/components/vc-table/demo/fixedColumnsAndHeaderSyncRowHeight.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/grouping-columns.js
+++ b/components/vc-table/demo/grouping-columns.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';
 import '../assets/bordered.less';
--- a/components/vc-table/demo/jsx.js
+++ b/components/vc-table/demo/jsx.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/key.js
+++ b/components/vc-table/demo/key.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/no-data.js
+++ b/components/vc-table/demo/no-data.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/rowAndCellClick.js
+++ b/components/vc-table/demo/rowAndCellClick.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/scrollX.js
+++ b/components/vc-table/demo/scrollX.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/scrollXY.js
+++ b/components/vc-table/demo/scrollXY.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/scrollY.js
+++ b/components/vc-table/demo/scrollY.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/subTable.js
+++ b/components/vc-table/demo/subTable.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/demo/title-and-footer.js
+++ b/components/vc-table/demo/title-and-footer.js
@ -1,4 +1,4 @@
-/* eslint-disable no-console,func-names,react/no-multi-comp */
+/* eslint-disable no-console,func-names */
 import Table from '../index';
 import '../assets/index.less';

--- a/components/vc-table/src/TableHeaderRow.jsx
+++ b/components/vc-table/src/TableHeaderRow.jsx
@ -20,7 +20,10 @@ const TableHeaderRow = {
    const { row, index, height, components, customHeaderRow, prefixCls } = this;
    const HeaderRow = components.header.row;
    const HeaderCell = components.header.cell;
-    const rowProps = customHeaderRow(row.map(cell => cell.column), index);
+    const rowProps = customHeaderRow(
+      row.map(cell => cell.column),
+      index,
+    );
    const customStyle = rowProps ? rowProps.style : {};
    const style = { height, ...customStyle };
    if (style.height === null) {
--- a/components/vc-tabs/src/ScrollableTabBarNode.jsx
+++ b/components/vc-tabs/src/ScrollableTabBarNode.jsx
@ -72,7 +72,6 @@ export default {
        return;
      }
      // wait next, prev show hide
-      /* eslint react/no-did-update-set-state:0 */
      if (this.isNextPrevShown(this.$data) !== this.isNextPrevShown(this.setNextPrev())) {
        this.$forceUpdate();
        this.$nextTick(() => {
--- a/components/vc-tree-select/demo/basic.jsx
+++ b/components/vc-tree-select/demo/basic.jsx
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0, no-alert: 0 */
+/* eslint no-console:0, no-alert: 0 */
 import BaseMixin from '../../_util/BaseMixin';
 import '../assets/index.less';
 import '../../vc-dialog/assets/index.less';
--- a/components/vc-tree-select/demo/big-data.js
+++ b/components/vc-tree-select/demo/big-data.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */

 import '../assets/index.less';
 import './demo.less';
--- a/components/vc-tree-select/demo/controlled.jsx
+++ b/components/vc-tree-select/demo/controlled.jsx
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0, no-alert: 0 */
+/* eslint no-console:0, no-alert: 0 */

 import BaseMixin from '../../_util/BaseMixin';
 import '../assets/index.less';
--- a/components/vc-tree-select/demo/custom-icons.jsx
+++ b/components/vc-tree-select/demo/custom-icons.jsx
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0, no-alert: 0 */
+/* eslint no-console:0, no-alert: 0 */

 import '../assets/index.less';
 import '../../vc-dialog/assets/index.less';
--- a/components/vc-tree-select/demo/disable.js
+++ b/components/vc-tree-select/demo/disable.js
@ -1,4 +1,4 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
+/* eslint no-console:0 */
 import BaseMixin from '../../_util/BaseMixin';
 import '../assets/index.less';
 import TreeSelect from '../src/index';
--- a/components/vc-tree-select/demo/dynamic.js
+++ b/components/vc-tree-select/demo/dynamic.js
@ -1,5 +1,3 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
-
 import BaseMixin from '../../_util/BaseMixin';
 import '../assets/index.less';
 import TreeSelect from '../src/index';
--- a/components/vc-tree-select/demo/filter.js
+++ b/components/vc-tree-select/demo/filter.js
@ -1,5 +1,3 @@
-/* eslint react/no-multi-comp:0, no-console:0 */
-
 import '../assets/index.less';
 import TreeSelect, { SHOW_PARENT } from '../index';
 import { gData } from './util';
--- a/components/vc-tree-select/src/Base/BasePopup.jsx
+++ b/components/vc-tree-select/src/Base/BasePopup.jsx
@ -123,7 +123,7 @@ const BasePopup = {
      _keyList: [],
      _expandedKeyList: expandedKeyList,
      // Cache `expandedKeyList` when tree is in filter. This is used in `getDerivedStateFromProps`
-      _cachedExpandedKeyList: [], // eslint-disable-line react/no-unused-state
+      _cachedExpandedKeyList: [],
      _loadedKeys: [],
      _prevProps: {},
    };
--- a/components/vc-upload/src/Upload.jsx
+++ b/components/vc-upload/src/Upload.jsx
@ -58,7 +58,6 @@ export default {
  mounted() {
    this.$nextTick(() => {
      if (this.supportServerRender) {
-        /* eslint react/no-did-mount-set-state:0 */
        this.setState(
          {
            Component: this.getComponent(),
--- a/docs/vue/customize-theme.en-US.md
+++ b/docs/vue/customize-theme.en-US.md
@ -21,8 +21,8 @@ There are some major variables below, all less variables could be found in [Defa
@font-size-base: 14px; // major text font size
@heading-color: rgba(0, 0, 0, 0.85); // heading text color
@text-color: rgba(0, 0, 0, 0.65); // major text color
-@text-color-secondary : rgba(0, 0, 0, .45); // secondary text color
-@disabled-color : rgba(0, 0, 0, .25); // disable state color
+@text-color-secondary: rgba(0, 0, 0, 0.45); // secondary text color
+@disabled-color: rgba(0, 0, 0, 0.25); // disable state color
@border-radius-base: 4px; // major border radius
@border-color-base: #d9d9d9; // major border color
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // major shadow for layers
--- a/docs/vue/customize-theme.zh-CN.md
+++ b/docs/vue/customize-theme.zh-CN.md
@ -21,8 +21,8 @@ antd 的样式使用了 [Less](http://lesscss.org/) 作为开发语言，并定
@font-size-base: 14px; // 主字号
@heading-color: rgba(0, 0, 0, 0.85); // 标题色
@text-color: rgba(0, 0, 0, 0.65); // 主文本色
-@text-color-secondary : rgba(0, 0, 0, .45); // 次文本色
-@disabled-color : rgba(0, 0, 0, .25); // 失效色
+@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
+@disabled-color: rgba(0, 0, 0, 0.25); // 失效色
@border-radius-base: 4px; // 组件/浮层圆角
@border-color-base: #d9d9d9; // 边框色
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影
--- a/types/empty.d.ts
+++ b/types/empty.d.ts
@ -18,5 +18,4 @@ export declare class Empty extends AntdComponent {
   * @type string | VNode
   */
  image: string | VNode;
-
 }
--- a/types/tree/tree.d.ts
+++ b/types/tree/tree.d.ts
@ -16,7 +16,7 @@ export declare class Tree extends AntdComponent {
   */
  treeData: TreeNode[];

-   /**
+  /**
   *
   *@description Replace the title,key and children fields in treeNode with the corresponding fields in treeData
   */