feat: typescript

Author: zWingz

.babelrc

@@ -0,0 +1,10 @@
+// console.log('babelrc-js');
+module.exports = {
+  "presets": [
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    ['@babel/proposal-class-properties', { loose: true }],
+    "react-hot-loader/babel"
+  ],
+}

.babelrc.js

@@ -56,3 +56,4 @@ website
 lib/**
 es
 coverage/
+.awcache

.eslintignore

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { hot } from 'react-hot-loader'
 import { Image } from '../src'
 import './style'
@@ -7,7 +7,6 @@ const Images = (function() {
   for(let i = 1; i <= 20; i++) {
     ret.push(require(`../doc/assets/${i}.jpg`))
   }
-  window.Images = ret
   return ret
 })()
 
@@ -16,14 +15,21 @@ const App = hot(module)(() => (
     <div className='container' style={{ display: 'flex', flexWrap: 'wrap' }}>
       {Images.map(each => (
         <Image
-          group="multi"
+          group='multi'
           key={each}
           src={each}
           width={120}
           height={120}
           style={{ margin: '35px' }}
         />
       ))}
+      <Image
+          group='multi'
+          src={'each'}
+          width={120}
+          height={120}
+          style={{ margin: '35px' }}
+        />
     </div>
   </div>
 ))