fix(Form): incorrect validation order when add field dynamically

src/utils/vnodes.ts

@@ -0,0 +1,25 @@
+/* eslint-disable no-underscore-dangle */
+import { VNode } from 'vue';
+
+function flattenVNodes(vnodes: VNode[]) {
+  const result: VNode[] = [];
+
+  function traverse(vnodes: VNode[]) {
+    vnodes.forEach(vnode => {
+      result.push(vnode);
+
+      if (vnode.children) {
+        traverse(vnode.children);
+      }
+    });
+  }
+
+  traverse(vnodes);
+  return result;
+}
+
+// sort children instances by vnodes order
+export function sortChildren(children: any[], parent: any) {
+  const vnodes = flattenVNodes(parent._vnode.children);
+  children.sort((a, b) => vnodes.indexOf(a.$vnode) - vnodes.indexOf(b.$vnode));
+}