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>

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

@@ -36,17 +36,22 @@ export default class part extends Component {
     }
 
     /**
-     * DOM加载完成钩子,在此将自身传递给父级,并且绑定数据
+     * DOM加载完成钩子,绑定数据
      */
     componentDidMount() {
-        if (this.props.onRef) {
-            this.props.onRef(this)
-        }
         this.fillData({
             record: this.props.record,
         })
     }
 
+    /**
+     * 加载完成,通知父级组件并传递自身
+     */
+    call() {
+        const { onRef } = this.props
+        if (onRef) onRef(this)
+    }
+
     /**
      * 填充数据
      * 可以在设置this.record之后对其作出数据结构调整
@@ -59,9 +64,8 @@ export default class part extends Component {
         //#endregion
         this.form.current.setFieldsValue(this.record)
 
-        this.setState({
-            loading: false,
-        })
+        this.setState({ loading: false })
+        this.call()
     }
 
     /**