feat(Docz): update docz and fix variables

Author: zWingz

doc/index.mdx

@@ -5,17 +5,20 @@ order: 1
 ---
 
 import { Playground, PropsTable } from 'docz'
-import {Image, PreviewApi } from '../src'
+import { Image, PreviewApi } from '../src'
+import src1 from './assets/logo.jpg'
 const Images = (function() {
   const ret = []
   for(let i = 1; i <= 20; i++) {
     ret.push(
       require(`./assets/${i}.jpg`)
     )
   }
+  window.Images = ret
   return ret
 })()
 
+
 # Usage
 
 ## Install
@@ -38,7 +41,7 @@ const Images = (function() {
 #### Base
 
 <Playground>
-  <Image src={require('./assets/logo.jpg')} width={120} height={120}/>
+  <Image src={src1} width={120} height={120}/>
 </Playground>
 
 #### Multi Image
@@ -77,8 +80,8 @@ const Images = (function() {
         }
       }
       return [
-        <Image key={1} src={require('./assets/1.jpg')} {...props}/>,
-        <Image key={2} src={require('./assets/2.jpg')} {...props}/>,
+        <Image key={1} src={Images[0]} {...props}/>,
+        <Image key={2} src={Images[1]} {...props}/>,
         <Image key={4} src='123.jpg' {...props}/>
       ]
     })()
@@ -93,7 +96,7 @@ Preview image without use component `Image`
 <Playground>
   {
     (function() {
-      const img = [require('./assets/1.jpg'), require('./assets/2.jpg'), require('./assets/3.jpg')]
+      const img = Images.slice(0, 3)
       return img.map(each => {
         return <img src={each} key={each} style={{width: '200px', height: '200px', objectFit: 'cover'}}onClick={() => PreviewApi.preview(each, img)}/>
       })

package.json

@@ -34,53 +34,52 @@
     "prop-types": ">=15.6.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.0.0-rc.1",
-    "@babel/plugin-external-helpers": "^7.0.0-rc.3",
-    "@babel/plugin-proposal-class-properties": "^7.0.0-rc.1",
-    "@babel/preset-env": "^7.0.0-rc.1",
-    "@babel/preset-react": "^7.0.0-rc.1",
-    "@babel/preset-stage-0": "^7.0.0-beta.54",
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-external-helpers": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
     "@mdx-js/loader": "^0.15.0-2",
     "@mdx-js/mdx": "^0.15.0-2",
-    "autoprefixer": "^9.1.0",
-    "babel-eslint": "^8.2.6",
-    "babel-loader": "^8.0.0-beta.0",
+    "autoprefixer": "^9.1.3",
+    "babel-eslint": "^9.0.0",
+    "babel-loader": "^8.0.2",
     "babel-plugin-external-helpers": "^6.22.0",
     "cross-env": "^5.2.0",
     "css-loader": "^1.0.0",
     "cz-conventional-changelog": "^2.1.0",
-    "docz": "^0.9.6",
-    "docz-plugin-css": "^0.9.6",
-    "docz-theme-default": "^0.9.6",
-    "eslint": "^4.19.1",
+    "docz": "^0.11.0",
+    "docz-plugin-css": "^0.11.0",
+    "docz-theme-default": "^0.11.0",
+    "eslint": "^5.5.0",
     "eslint-config-airbnb": "^17.0.0",
     "eslint-loader": "^2.1.0",
     "eslint-plugin-import": "^2.13.0",
     "eslint-plugin-jsx-a11y": "^6.1.1",
     "eslint-plugin-react": "^7.10.0",
-    "file-loader": "^1.1.11",
+    "file-loader": "^2.0.0",
     "html-webpack-plugin": "^3.2.0",
     "node-sass": "^4.9.2",
     "postcss-loader": "^3.0.0",
     "react": "^16.4.2",
     "react-dom": "^16.4.2",
-    "react-hot-loader": "^4.3.4",
+    "react-hot-loader": "^4.3.5",
     "rollup": "^0.64.1",
-    "rollup-plugin-babel": "^4.0.0-beta.8",
-    "rollup-plugin-commonjs": "^9.1.3",
+    "rollup-plugin-babel": "^4.0.2",
+    "rollup-plugin-commonjs": "^9.1.6",
     "rollup-plugin-node-resolve": "^3.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.0",
     "rollup-plugin-postcss": "^1.6.2",
     "rollup-plugin-sass": "^0.9.2",
     "rollup-plugin-uglify": "^4.0.0",
     "rollup-plugin-url": "^1.4.0",
     "sass-loader": "^7.0.3",
-    "url-loader": "^1.0.1",
+    "url-loader": "^1.1.1",
     "vue-style-loader": "^4.1.1",
-    "webpack": "^4.16.3",
+    "webpack": "^4.17.1",
     "webpack-cli": "^3.1.0",
-    "webpack-serve": "^2.0.2",
-    "webpack-merge": "^4.1.3"
+    "webpack-merge": "^4.1.3",
+    "webpack-serve": "^2.0.2"
   },
   "config": {
     "commitizen": {