support prettier

sudomopoy · Dec 7, 2018 · dca9715 · dca9715
1 parent 16c3a94
commit dca9715
Show file tree

Hide file tree

Showing 364 changed files with 8,692 additions and 5,894 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,5 +1,5 @@
 const eslintrc = {
-  extends: ['eslint-config-airbnb'],
+  extends: ['airbnb', 'prettier'],
   env: {
     browser: true,
     node: true,
@@ -8,18 +8,27 @@ const eslintrc = {
     es6: true,
   },
   parser: 'babel-eslint',
-  plugins: [
-    'markdown',
-    'react',
-    'babel',
-  ],
+  plugins: ['markdown', 'react', 'babel'],
   rules: {
     'react/jsx-one-expression-per-line': 0,
     'react/prop-types': 0,
     'react/forbid-prop-types': 0,
-    'import/no-extraneous-dependencies': ['error', {
-      devDependencies: ['site/**', 'tests/**', 'scripts/**', '**/*.test.js', '**/__tests__/*', '*.config.js', '**/*.md'],
-    }],
+    'react/jsx-indent': 0,
+    'react/jsx-wrap-multilines': ['error', { declaration: false, assignment: false }],
+    'import/no-extraneous-dependencies': [
+      'error',
+      {
+        devDependencies: [
+          'site/**',
+          'tests/**',
+          'scripts/**',
+          '**/*.test.js',
+          '**/__tests__/*',
+          '*.config.js',
+          '**/*.md',
+        ],
+      },
+    ],
     'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx', '.md'] }],
     'jsx-a11y/no-static-element-interactions': 0,
     'jsx-a11y/anchor-has-content': 0,

diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,7 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+package.json
+.umi
+.umi-production
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,19 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "overrides": [
+    {
+      "files": ".prettierrc",
+      "options": {
+        "parser": "json"
+      }
+    },
+    {
+      "files": ".stylelintrc",
+      "options": {
+        "parser": "json"
+      }
+    }
+  ]
+}
diff --git a/.stylelintrc b/.stylelintrc
@@ -1,5 +1,5 @@
 {
-  "extends": "stylelint-config-standard",
+  "extends": ["stylelint-config-standard", "stylelint-config-prettier"],
   "rules": {
     "comment-empty-line-before": null,
     "declaration-empty-line-before": null,

diff --git a/components/__tests__/index.test.js b/components/__tests__/index.test.js
@@ -14,7 +14,7 @@ describe('antd', () => {
 
   it('should hint when import all components in dev mode', () => {
     expect(warnSpy).toBeCalledWith(
-      'You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.'
+      'You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.',
     );
     warnSpy.mockRestore();
   });

diff --git a/components/_util/__tests__/util.test.js b/components/_util/__tests__/util.test.js
@@ -88,7 +88,7 @@ describe('Test utils function', () => {
     });
   });
 
-  it('delayRaf', (done) => {
+  it('delayRaf', done => {
     jest.useRealTimers();
 
     let bamboo = false;
@@ -118,9 +118,13 @@ describe('Test utils function', () => {
 
   it('triggerEvent', () => {
     const button = document.createElement('button');
-    button.addEventListener('click', () => {
-      button.style.width = '100px';
-    }, true);
+    button.addEventListener(
+      'click',
+      () => {
+        button.style.width = '100px';
+      },
+      true,
+    );
     triggerEvent(button, 'click');
     expect(button.style.width).toBe('100px');
   });

diff --git a/components/_util/isFlexSupported.tsx b/components/_util/isFlexSupported.tsx
@@ -1,10 +1,12 @@
 export default function isFlexSupported() {
   if (typeof window !== 'undefined' && window.document && window.document.documentElement) {
     const { documentElement } = window.document;
-    return 'flex' in documentElement.style ||
+    return (
+      'flex' in documentElement.style ||
       'webkitFlex' in documentElement.style ||
       'Flex' in documentElement.style ||
-      'msFlex' in documentElement.style;
+      'msFlex' in documentElement.style
+    );
   }
   return false;
 }
diff --git a/components/_util/raf.ts b/components/_util/raf.ts
@@ -1,7 +1,7 @@
 import raf from 'raf';
 
 interface RafMap {
-  [id: number]: number,
+  [id: number]: number;
 }
 
 let id: number = 0;
@@ -31,4 +31,4 @@ export default function wrapperRaf(callback: () => void, delayFrames: number = 1
 wrapperRaf.cancel = function(id: number) {
   raf.cancel(ids[id]);
   delete ids[id];
-}
+};
diff --git a/components/_util/warning.tsx b/components/_util/warning.tsx
@@ -1,6 +1,6 @@
 import warning from 'warning';
 
-const warned: { [msg: string]: boolean} = {};
+const warned: { [msg: string]: boolean } = {};
 export default (valid: boolean, message: string): void => {
   if (!valid && !warned[message]) {
     warning(false, message);

diff --git a/components/_util/wave.tsx b/components/_util/wave.tsx
@@ -13,7 +13,7 @@ function isHidden(element: HTMLElement) {
   return !element || element.offsetParent === null;
 }
 
-export default class Wave extends React.Component<{insertExtraNode?: boolean}> {
+export default class Wave extends React.Component<{ insertExtraNode?: boolean }> {
   private instance?: {
     cancel: () => void;
   };
@@ -22,7 +22,7 @@ export default class Wave extends React.Component<{insertExtraNode?: boolean}> {
   private clickWaveTimeoutId: number;
   private animationStartId: number;
   private animationStart: boolean = false;
-  private destroy: boolean = false
+  private destroy: boolean = false;
 
   isNotGrey(color: string) {
     const match = (color || '').match(/rgba?\((\d*), (\d*), (\d*)(, [\.\d]*)?\)/);
@@ -45,15 +45,16 @@ export default class Wave extends React.Component<{insertExtraNode?: boolean}> {
     node.setAttribute(attributeName, 'true');
     // Not white or transparnt or grey
     styleForPesudo = styleForPesudo || document.createElement('style');
-    if (waveColor &&
-        waveColor !== '#ffffff' &&
-        waveColor !== 'rgb(255, 255, 255)' &&
-        this.isNotGrey(waveColor) &&
-        !/rgba\(\d*, \d*, \d*, 0\)/.test(waveColor) &&  // any transparent rgba color
-        waveColor !== 'transparent') {
+    if (
+      waveColor &&
+      waveColor !== '#ffffff' &&
+      waveColor !== 'rgb(255, 255, 255)' &&
+      this.isNotGrey(waveColor) &&
+      !/rgba\(\d*, \d*, \d*, 0\)/.test(waveColor) && // any transparent rgba color
+      waveColor !== 'transparent'
+    ) {
       extraNode.style.borderColor = waveColor;
-      styleForPesudo.innerHTML =
-        `[ant-click-animating-without-extra-node]:after { border-color: ${waveColor}; }`;
+      styleForPesudo.innerHTML = `[ant-click-animating-without-extra-node]:after { border-color: ${waveColor}; }`;
       if (!document.body.contains(styleForPesudo)) {
         document.body.appendChild(styleForPesudo);
       }
@@ -63,13 +64,15 @@ export default class Wave extends React.Component<{insertExtraNode?: boolean}> {
     }
     TransitionEvents.addStartEventListener(node, this.onTransitionStart);
     TransitionEvents.addEndEventListener(node, this.onTransitionEnd);
-  }
+  };
 
   bindAnimationEvent = (node: HTMLElement) => {
-    if (!node ||
-        !node.getAttribute ||
-        node.getAttribute('disabled') ||
-        node.className.indexOf('disabled') >= 0) {
+    if (
+      !node ||
+      !node.getAttribute ||
+      node.getAttribute('disabled') ||
+      node.className.indexOf('disabled') >= 0
+    ) {
       return;
     }
     const onClick = (e: MouseEvent) => {
@@ -99,7 +102,7 @@ export default class Wave extends React.Component<{insertExtraNode?: boolean}> {
         node.removeEventListener('click', onClick, true);
       },
     };
-  }
+  };
 
   getAttributeName() {
     const { insertExtraNode } = this.props;
@@ -132,14 +135,14 @@ export default class Wave extends React.Component<{insertExtraNode?: boolean}> {
     if (!this.animationStart) {
       this.resetEffect(node);
     }
-  }
+  };
 
   onTransitionEnd = (e: AnimationEvent) => {
     if (!e || e.animationName !== 'fadeEffect') {
       return;
     }
     this.resetEffect(e.target as HTMLElement);
-  }
+  };
 
   removeExtraStyleNode() {
     if (styleForPesudo) {

diff --git a/components/affix/__tests__/Affix.test.js b/components/affix/__tests__/Affix.test.js
@@ -12,7 +12,7 @@ class AffixMounter extends React.Component {
     });
   }
 
-  getTarget = () => this.container
+  getTarget = () => this.container;
 
   render() {
     return (
@@ -21,7 +21,9 @@ class AffixMounter extends React.Component {
           height: 100,
           overflowY: 'scroll',
         }}
-        ref={(node) => { this.container = node; }}
+        ref={node => {
+          this.container = node;
+        }}
       >
         <div
           className="background"
@@ -32,12 +34,12 @@ class AffixMounter extends React.Component {
         >
           <Affix
             target={() => this.container}
-            ref={(ele) => { this.affix = ele; }}
+            ref={ele => {
+              this.affix = ele;
+            }}
             {...this.props}
           >
-            <Button type="primary">
-              Fixed at the top of container
-            </Button>
+            <Button type="primary">Fixed at the top of container</Button>
           </Affix>
         </div>
       </div>
@@ -56,9 +58,14 @@ describe('Affix Render', () => {
     jest.useRealTimers();
   });
 
-  const scrollTo = (top) => {
+  const scrollTo = top => {
     wrapper.instance().affix.fixedNode.parentNode.getBoundingClientRect = jest.fn(() => ({
-      bottom: 100, height: 28, left: 0, right: 0, top: 50 - top, width: 195,
+      bottom: 100,
+      height: 28,
+      left: 0,
+      right: 0,
+      top: 50 - top,
+      width: 195,
     }));
     wrapper.instance().container.scrollTop = top;
     events.scroll({
@@ -86,7 +93,9 @@ describe('Affix Render', () => {
   it('support offsetBottom', () => {
     document.body.innerHTML = '<div id="mounter" />';
 
-    wrapper = mount(<AffixMounter offsetBottom={0} />, { attachTo: document.getElementById('mounter') });
+    wrapper = mount(<AffixMounter offsetBottom={0} />, {
+      attachTo: document.getElementById('mounter'),
+    });
     jest.runAllTimers();
 
     scrollTo(0);
@@ -102,7 +111,9 @@ describe('Affix Render', () => {
   it('updatePosition when offsetTop changed', () => {
     document.body.innerHTML = '<div id="mounter" />';
 
-    wrapper = mount(<AffixMounter offsetTop={0} />, { attachTo: document.getElementById('mounter') });
+    wrapper = mount(<AffixMounter offsetTop={0} />, {
+      attachTo: document.getElementById('mounter'),
+    });
     jest.runAllTimers();
 
     scrollTo(100);