refator: Use father (#641)

* init father

* rm warning deps

* fix lint

* slider tsx

* Slider tsx

* Range tsx

* handle tsx

* createSliderWithTooltip

* rest

* fix lint

* examples

* fix ts

* fix ci

Author: zombieJ

.eslintrc

@@ -0,0 +1,19 @@
+const base = require('@umijs/fabric/dist/eslint');
+
+module.exports = {
+  ...base,
+  rules: {
+    ...base.rules,
+    'react/no-array-index-key': 0,
+    'react/sort-comp': 0,
+    '@typescript-eslint/no-explicit-any': 1,
+    '@typescript-eslint/no-empty-interface': 1,
+    '@typescript-eslint/no-inferrable-types': 0,
+    'react/no-find-dom-node': 1,
+    'react/require-default-props': 0,
+    'no-confusing-arrow': 0,
+    'import/no-named-as-default-member': 0,
+    'jsx-a11y/label-has-for': 0,
+    'jsx-a11y/label-has-associated-control': 0,
+  },
+};

.eslintrc.js

@@ -0,0 +1,8 @@
+export default {
+  cjs: 'babel',
+  esm: { type: 'babel', importLibToEs: true },
+  preCommit: {
+    eslint: true,
+    prettier: true,
+  },
+};

.fatherrc.js

@@ -28,3 +28,6 @@ lib
 es
 /coverage
 yarn.lock
+package-lock.json
+.doc
+.storybook

.gitignore

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "proseWrap": "never",
+  "printWidth": 100
+}

.prettierrc

@@ -1,43 +1,18 @@
 language: node_js
 
-sudo: false
-
-notifications:
-  email:
-  - [email protected]
-  - [email protected]
-
 node_js:
-- 6.0.0
-
-before_install:
-- |
-    if ! git diff --name-only $TRAVIS_COMMIT_RANGE | grep -qvE '(\.md$)|(^(docs|examples))/'
-    then
-      echo "Only docs were updated, stopping build process."
-      exit
-    fi
-    phantomjs --version
+  - 10
 
 script:
-- |
+  - |
     if [ "$TEST_TYPE" = test ]; then
       npm test -- --coverage && \
       bash <(curl -s https://codecov.io/bash)
     else
       npm run $TEST_TYPE
     fi
-
 env:
   matrix:
-  - TEST_TYPE=lint
-  - TEST_TYPE=test
-  - TEST_TYPE=saucelabs
-  global:
-  - secure: S1VwbaPzLnSH/IUT/wlJulxAX5VHRIDmSt53h/ycHcZsszUpWcLCJRQAe0fTVB2dAx5MdBbSZ+o+tr3tRwVB5TRAYm0oTCsYAkOZaWOB28RuUQtdGt3wf9xxTG1UiPiaLLUW3waX9zAaf3yqKBcJGf1op0RD8dksxbCFw/7xVbU=
-  - secure: EBEDg8k///IlEsnx0AE8X3mbFl0QE5+xGKbG4AxXlGZda12uTIPUSMKJzdZQ2hVbZXduTzf1cQl9rcu9nGoSnkL/DWnIax9cvHi+1orx5+YPlxPHNWAwWByTnHosBn2MJhfy1s5paJfHC9cUzmmEL6x4fYthWxjsPUo+irEZH6E=
-
-
-matrix:
-  allow_failures:
-  - env: "TEST_TYPE=saucelabs"
+    - TEST_TYPE=lint
+    - TEST_TYPE=test
+    - TEST_TYPE=compile

.travis.yml

@@ -1,15 +1,14 @@
-import 'rc-slider/assets/index.less';
+import '../assets/index.less';
 import 'rc-tooltip/assets/bootstrap.css';
 import React from 'react';
-import ReactDOM from 'react-dom';
 import Tooltip from 'rc-tooltip';
-import Slider from 'rc-slider';
+import Slider from '../src';
 
-const createSliderWithTooltip = Slider.createSliderWithTooltip;
+const { createSliderWithTooltip } = Slider;
 const Range = createSliderWithTooltip(Slider.Range);
-const Handle = Slider.Handle;
+const { Handle } = Slider;
 
-const handle = (props) => {
+const handle = props => {
   const { value, dragging, index, ...restProps } = props;
   return (
     <Tooltip
@@ -25,7 +24,8 @@ const handle = (props) => {
 };
 
 const wrapperStyle = { width: 400, margin: 50 };
-ReactDOM.render(
+
+export default () => (
   <div>
     <div style={wrapperStyle}>
       <p>Slider with custom handle</p>
@@ -43,6 +43,5 @@ ReactDOM.render(
       <p>Range with custom tooltip</p>
       <Range min={0} max={20} defaultValue={[3, 10]} tipFormatter={value => `${value}%`} />
     </div>
-  </div>,
-  document.getElementById('__react-content')
+  </div>
 );

examples/handle.html

@@ -1,8 +1,7 @@
-import 'rc-slider/assets/index.less';
+import '../assets/index.less';
 
 import React from 'react';
-import ReactDOM from 'react-dom';
-import Slider from 'rc-slider';
+import Slider from '../src';
 
 const style = { width: 400, margin: 50 };
 const marks = {
@@ -23,7 +22,7 @@ function log(value) {
   console.log(value); //eslint-disable-line
 }
 
-ReactDOM.render(
+export default () => (
   <div>
     <div style={style}>
       <p>Slider with marks, `step=null`</p>
@@ -57,4 +56,4 @@ ReactDOM.render(
       <Slider.Range min={-10} marks={marks} step={10} onChange={log} defaultValue={[20, 40]} />
     </div>
   </div>
-  , document.getElementById('__react-content'));
+);