优化import

Author: shiqiangliang

README.md

@@ -7,41 +7,31 @@ KityMinder Case React(Antd)
 找了很久，都没有找到基于react的百度脑图，无奈之下只能自力更生，自己写了一个。react初学者，写得不咋的，勉强能用，也阉割掉了部分功能（其实是懒得写了）。
 
 ## 预览
-[![](https://github.com/liangalien/kityminder-case-react/blob/master/src/images/s1.png)](https://github.com/liangalien/kityminder-case-react/blob/master/src/images/s1.png)
+[![](https://github.com/liangalien/kityminder-case-react/blob/3fa74142c64c9cd1cf47e82ce855686f4f75a856/src/images/s1.png)](https://github.com/liangalien/kityminder-case-react/blob/3fa74142c64c9cd1cf47e82ce855686f4f75a856/src/images/s1.png)
 
-[![](https://github.com/liangalien/kityminder-case-react/blob/master/src/images/s2.png)](https://github.com/liangalien/kityminder-case-react/blob/master/src/images/s2.png)
+[![](https://github.com/liangalien/kityminder-case-react/blob/3fa74142c64c9cd1cf47e82ce855686f4f75a856/src/images/s2.png)](https://github.com/liangalien/kityminder-case-react/blob/3fa74142c64c9cd1cf47e82ce855686f4f75a856/src/images/s2.png)
 
-[![](https://github.com/liangalien/kityminder-case-react/blob/master/src/images/s3.png)](https://github.com/liangalien/kityminder-case-react/blob/master/src/images/s3.png)
+[![](https://github.com/liangalien/kityminder-case-react/blob/3fa74142c64c9cd1cf47e82ce855686f4f75a856/src/images/s3.png)](https://github.com/liangalien/kityminder-case-react/blob/3fa74142c64c9cd1cf47e82ce855686f4f75a856/src/images/s3.png)
 
-## 开发说明
-
-```bash
-npm i
-npm run dev
-npm run build
-```
 
 ## 使用说明
 ```bash
 npm i kityminder-case-react
 ```
+
 ```javascript
-import MinderCase from 'kityminder-case-react/src/components/main';
+import MinderCase from 'kityminder-case-react';
 
 export default function () {
     return (
-        <MinderCase></MinderCase>
+        <MinderCase/>
     );
 }
 ```
 
-```javascript
-//报错@antd找不到，需要在webpack.conf添加
-module.exports = {
-    resolve: {
-        alias: {
-            '@antd': 'antd'
-        }
-    }
-}
+## 开发说明
+```bash
+npm i
+npm run dev
+npm run build
 ```

dist/kityminder.case.js

@@ -1,14 +1,14 @@
 {
   "name": "kityminder-case-react",
-  "version": "3.1.0",
-  "description": "",
-  "main": "src/index.js",
+  "version": "3.1.1",
+  "description": "基于react的百度脑图",
+  "main": "src/components/main.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "dev": "webpack serve --config webpack.config.js --mode development",
     "build": "webpack build --config webpack.prod.config.js --mode production"
   },
-  "license": "ISC",
+  "license": "GNU",
   "dependencies": {
     "@babel/core": "^7.7.4",
     "@babel/preset-env": "^7.5.4",

package.json

@@ -2,10 +2,11 @@ import React, { Component } from 'react';
 import MinderCase from './components/main';
 import './index.less';
 
+
 class App extends Component {
     render() {
         return (
-            <MinderCase></MinderCase>
+            <MinderCase/>
         )
     }
 }

src/App.js

@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import {Tabs, Layout, Spin } from '@antd';
+import {Tabs, Layout, Spin } from 'antd';
 import UndoRedo  from './tabs/undoRedo';
 import AppendNode  from './tabs/appendNode';
 import Arrange from './tabs/arrange';
@@ -15,6 +15,7 @@ import Fonts from './tabs/font';
 import Expand from './tabs/expand';
 import SearchNode from './tabs/search';
 import Navigator from './tabs/navigator';
+import Extras from './tabs/extras';
 
 import 'hotbox-ui';
 import 'kity';
@@ -112,6 +113,9 @@ class Main extends Component {
                         <Disabled minder={this.state.minder}/>
                         <Priority minder={this.state.minder}/>
                         <Type minder={this.state.minder}/>
+                        {
+                            this.props.extras && this.props.extras.edit && <Extras minder={this.state.minder} extras={this.props.extras.edit}/>
+                        }
                     </Layout>
                 </TabPane>
 

src/components/main.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Row, Button} from '@antd';
+import { Row, Button} from 'antd';
 import { EnterOutlined, RollbackOutlined, RetweetOutlined } from '@ant-design/icons';
 
 class AppendNode extends Component {

src/components/tabs/appendNode.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Row, Button} from '@antd';
+import { Row, Button} from 'antd';
 import { UpOutlined, DownOutlined } from '@ant-design/icons';
 
 class Arrange extends Component {

src/components/tabs/arrange.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Row, Button} from '@antd';
+import { Row, Button} from 'antd';
 import { EyeInvisibleOutlined, EyeOutlined } from '@ant-design/icons';
 
 class Disabled extends Component {

src/components/tabs/disabled.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Row, Button, Menu, Dropdown } from '@antd';
+import { Row, Button, Menu, Dropdown } from 'antd';
 import { NodeExpandOutlined, BorderInnerOutlined, DownOutlined  } from '@ant-design/icons';
 
 class Expand extends Component {

src/components/tabs/expand.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Row, Col, Button, Menu, Dropdown, Space, Select, Popover } from '@antd';
+import { Row, Col, Button, Menu, Dropdown, Space, Select, Popover } from 'antd';
 
 import { BoldOutlined, ItalicOutlined, UnderlineOutlined, FontColorsOutlined, BgColorsOutlined } from '@ant-design/icons';
 
@@ -94,7 +94,7 @@ class Font extends Component {
                     <Col span={12}>
                         <Select
                             disabled={this.props.minder && this.props.minder.queryCommandState('text') == -1}
-                            style={{width: 70}}
+                            style={{width: 80}}
                             bordered={false}
                             placeholder="字号"
                             options={this.sizeList}