fix(components): sort by position

Author: Akryum

packages/app-backend-vue3/src/components/tree.ts

@@ -165,7 +165,7 @@ export class ComponentWalker {
     // record screen position to ensure correct ordering
     if ((!list || list.length > 1) && !instance._inactive) {
       const rect = getInstanceOrVnodeRect(instance)
-      treeNode.positionTop = rect ? rect.positionTop : Infinity
+      treeNode.positionTop = rect ? rect.top : Infinity
     }
 
     if (instance.suspense) {

packages/app-frontend/src/features/components/ComponentTreeNode.vue

@@ -31,9 +31,9 @@ export default {
     const componentHasKey = computed(() => (props.instance.renderKey === 0 || !!props.instance.renderKey) && props.instance.renderKey !== UNDEFINED)
 
     const sortedChildren = computed(() => props.instance.children ? props.instance.children.slice().sort((a, b) => {
-      return a.top === b.top
+      return a.positionTop === b.positionTop
         ? a.id - b.id
-        : a.top - b.top
+        : a.positionTop - b.positionTop
     }) : [])
 
     const {