update 迁移table和modal-form组件,迁移app管理

web-react/src/components/query-table-actions/index.jsx

@@ -1,10 +1,28 @@
 import React, { Component } from 'react'
+import { Divider } from 'antd'
 
 export default class QueryTableActions extends Component {
+
+    renderActions() {
+        const { children } = this.props
+        const actions = []
+
+        Array.isArray(children) ? children.forEach((action, i) => {
+            actions.push(action)
+            if (i < this.props.children.length - 1) {
+                actions.push(<Divider type="vertical" key={i} />)
+            }
+        }) : (actions.push(children))
+
+        return actions
+    }
+
     render() {
         return (
-            <div>
-
+            <div className="yo-table-actions">
+                <div className="yo-table-actions--inner">
+                    {this.renderActions()}
+                </div>
             </div>
         )
     }