Merge branch 'polyfill/vision' of gitlab.alibaba-inc.com:ali-lowcode/ali-lowcode-engine into polyfill/vision

packages/demo/public/schema.json

@@ -2,7 +2,8 @@
   "componentName": "Page",
   "fileName": "test",
   "dataSource": {
-    "list": []
+    "list": [],
+    "online": []
   },
   "state": {
     "text": "outter"

packages/demo/src/vision/index.ts

@@ -143,20 +143,20 @@ function initDemoPanes() {
       children: '保存',
     }),
   });
-  skeleton.add({
+  // skeleton.add({
-    area: 'topArea',
+  //   area: 'topArea',
-    type: 'Dock',
+  //   type: 'Dock',
-    name: 'preview4',
+  //   name: 'preview4',
-    props: {
+  //   props: {
-      align: 'center',
+  //     align: 'center',
-    },
+  //   },
-    content: createElement('img', {
+  //   content: createElement('img', {
-      src: 'https://img.alicdn.com/tfs/TB1WW.VC.z1gK0jSZLeXXb9kVXa-486-64.png',
+  //     src: 'https://img.alicdn.com/tfs/TB1WW.VC.z1gK0jSZLeXXb9kVXa-486-64.png',
-      style: {
+  //     style: {
-        height: 32,
+  //       height: 32,
-      },
+  //     },
-    }),
+  //   }),
-  });
+  // });
   skeleton.add({
     area: 'topArea',
     type: 'Dock',

packages/editor-skeleton/src/layouts/top-area.tsx

@@ -24,7 +24,11 @@ class Contents extends Component<{ area: Area }> {
     const left: any[] = [];
     const center: any[] = [];
     const right: any[] = [];
-    area.container.items.forEach(item => {
+    area.container.items.sort((a,b) => {
+      const index1 = a.config?.index || 0;
+      const index2 = b.config?.index || 0;
+      return index1 === index2 ? 0 : (index1 > index2 ? 1 : -1);
+    }).forEach(item => {
       if (item.align === 'center') {
         center.push(item.content);
       } else if (item.align === 'left') {

packages/editor-skeleton/src/widget/panel.ts

@@ -74,8 +74,6 @@ export default class Panel implements IWidget {
       );
       content.forEach((item) => this.add(item));
     }
-    // compatiable for vision, init at first
-    this.initBody();
     // todo: process shortcut
   }
 

packages/vision-preset/src/panes.ts

@@ -63,7 +63,7 @@ function upgradeConfig(config: OldPaneConfig): IWidgetBaseConfig & { area: strin
       onDestroy: destroy,
     },
     contentProps: props,
-    index,
+    index: index || props?.index,
   };
   if (type === 'dock') {
     newConfig.type = 'PanelDock';

packages/vision-preset/src/vision.less

@@ -84,3 +84,7 @@ html.engine-blur #engine {
   width: 100%;
   white-space: nowrap;
 }
+
+.lc-left-float-pane {
+  font-size: 14px;
+}