update 完成表单中上传控件的使用

web-react/public/seed/form-tabs/tab/index.jsx

@@ -34,11 +34,13 @@ export default class index extends Component {
     }
 
     /**
-     * DDOM加载完成钩子,在此将自身传递给父级
+     * 加载完成,通知父级组件并传递自身
      */
-    componentDidMount() {
-        if (this.props.onRef) {
-            this.props.onRef(this)
+    call(child, index) {
+        this.children[index] = child
+        if (this.children.filter(p => p).length === parts.length) {
+            const { onRef } = this.props
+            if (onRef) onRef(this)
         }
     }
 
@@ -85,17 +87,17 @@ export default class index extends Component {
                         <Card className="yo-form-page--body">
                             {parts.map((item, i) => (
                                 <section key={i} id={`form-${i}-${id}`}>
-                                    {item.title && <h5>{parts.title}</h5>}
+                                    {item.title && <h5>{item.title}</h5>}
                                     <Spin
                                         spinning={loading}
                                         indicator={<AntIcon type="loading" />}
-                                        wrapperClassName="h-400-min"
+                                        wrapperClassName={loading && 'h-400-min'}
                                     >
                                         {!loading && (
                                             <ComponentDynamic
                                                 is={item.component}
                                                 record={record}
-                                                onRef={r => this.children.push(r)}
+                                                onRef={child => this.call(child, i)}
                                             />
                                         )}
                                     </Spin>