update demos

hustcc · hustcc · commit 44835ba958d6 · 2017-12-26T20:15:47.000+08:00
diff --git a/demo/dist/bundle.js b/demo/dist/bundle.js
diff --git a/demo/src/charts/Airport.jsx b/demo/src/charts/Airport.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 require("echarts/map/js/china.js");
 
diff --git a/demo/src/charts/Api.jsx b/demo/src/charts/Api.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 export default class Api extends PureComponent {
   getOption = () => ({
diff --git a/demo/src/charts/Calendar.jsx b/demo/src/charts/Calendar.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 import echarts from 'echarts';
 
 export default class Calendar extends PureComponent {
diff --git a/demo/src/charts/Dynamic.jsx b/demo/src/charts/Dynamic.jsx
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 export default class Dynamic extends Component {
   constructor(props) {
diff --git a/demo/src/charts/Events.jsx b/demo/src/charts/Events.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 export default class Events extends PureComponent {
   getOption = () => ({
diff --git a/demo/src/charts/Gauge.jsx b/demo/src/charts/Gauge.jsx
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 export default class Gauge extends Component {
   constructor(props) {
diff --git a/demo/src/charts/Gcalendar.jsx b/demo/src/charts/Gcalendar.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 import echarts from 'echarts';
 
 export default class Gcalendar extends PureComponent {
diff --git a/demo/src/charts/Graph.jsx b/demo/src/charts/Graph.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 export default class Graph extends PureComponent {
   getOption = () => {
diff --git a/demo/src/charts/Loading.jsx b/demo/src/charts/Loading.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 export default class Loading extends PureComponent {
   _t = null;
diff --git a/demo/src/charts/Lunar.jsx b/demo/src/charts/Lunar.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 import echarts from 'echarts';
 
 export default class Lunar extends PureComponent {
diff --git a/demo/src/charts/Map.jsx b/demo/src/charts/Map.jsx
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 require('echarts/map/js/china.js');
 
diff --git a/demo/src/charts/Simple.jsx b/demo/src/charts/Simple.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 export default class Simple extends PureComponent {
   getOption = () => {
diff --git a/demo/src/charts/Theme.jsx b/demo/src/charts/Theme.jsx
@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import { udpate } from '76';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 
 import echarts from 'echarts';
 
@@ -10,7 +10,7 @@ export default class Theme extends PureComponent {
     this.registerTheme();
     this.state = {
       theme: 'my_theme',
-      style: { height: 300 }
+      className: 'class_1'
     }
   }
   getOption = () => {
@@ -103,9 +103,9 @@ export default class Theme extends PureComponent {
     })
   };
 
-  toggleStyle = () => {
+  toggleClassName = () => {
     this.setState({
-      style: this.state.style.height === 200 ? { height: 300 } : { height: 200 },
+      className: this.state.className === 'class_1' ? 'class_2' : 'class_1',
     })
   }
 
@@ -122,13 +122,13 @@ export default class Theme extends PureComponent {
           <label> render a echart With <strong>theme</strong>, should <strong>echarts.registerTheme(themeName, themeObj)</strong> before use.</label>
           <ReactEcharts
             option={this.getOption()}
-            style={this.state.style}
+            className={this.state.className}
             theme={this.state.theme} />
           <div>
             <button className='a_line' onClick={this.toggleTheme}>Click to Toggle theme.</button>
           </div>
           <div>
-            <button className='a_line' onClick={this.toggleStyle}>Click to Toggle style.</button>
+            <button className='a_line' onClick={this.toggleClassName}>Click to Toggle className.</button>
           </div>
           <label> the theme object format: https://github.com/ecomfe/echarts/blob/master/theme/dark.js</label>
           <pre>
diff --git a/demo/src/charts/Treemap.jsx b/demo/src/charts/Treemap.jsx
@@ -1,5 +1,5 @@
 import React, { PureComponent } from 'react';
-import ReactEcharts from '../../../lib/index';
+import ReactEcharts from '../../../src/index';
 import echarts from 'echarts';
 
 export default class Treemap extends PureComponent {
diff --git a/demo/src/index.css b/demo/src/index.css
@@ -148,4 +148,14 @@ button:hover {
 
 .examples {
   background-color: rgba(0,0,0,0.1);
+}
+
+/* test class name */
+
+.class_1 {
+  height: 300px!important;
+}
+
+.class_2 {
+  height: 200px!important;
 }
diff --git a/webpack.config.js b/webpack.config.js
@@ -12,7 +12,7 @@ module.exports = {
   },
   module: {
     loaders:[{
-      test: /\.js[x]?$/,
+      test: /\.jsx?$/,
       exclude: /node_modules/,
       loader: 'babel-loader'
     }, {
@@ -23,6 +23,9 @@ module.exports = {
       loader: 'url-loader?limit=512'
     }]
   },
+  resolve: {
+    extensions: ['.js', '.jsx']
+  },
   externals: {
     echarts: 'window.echarts',
   },
