fix: 修改高度计算方式

app/web/page/editor/component/OperationPanel/index.ts

@@ -14,7 +14,7 @@ export default class OperationPanel extends Mixins(TransformStyleMixin) {
 
   @Prop(Boolean) isDraging;
   @Prop(Boolean) isDragIn;
-
+  layout: object = [];
   bottomInfo: object = {
     x: 0,
     y: 0,
@@ -23,13 +23,10 @@ export default class OperationPanel extends Mixins(TransformStyleMixin) {
     i: 'page-bottom-top'
   };
 
-  get layout() {
-    return this.pageData.elements.map(v => v.point);
-  }
-
-  @Watch('layout')
+  @Watch('pageData')
   onLayoutChange(val) {
-    const lastGridItemPoint = val[val.length - 1];
+    const layout = this.pageData.elements.map(v => v.point);
+    const lastGridItemPoint = layout[layout.length - 1];
     if (lastGridItemPoint.w) {
       this.bottomInfo = {
         x: 0,
@@ -41,6 +38,8 @@ export default class OperationPanel extends Mixins(TransformStyleMixin) {
       if (lastGridItemPoint.w > this.bottomInfo.w) { this.bottomInfo.w = lastGridItemPoint.w; }
       this.bottomInfo.y = this.bottomInfo.y + lastGridItemPoint.y + lastGridItemPoint.h;
     }
+    layout.push(this.bottomInfo);
+    this.layout = layout;
   }
 
   @Emit('update:isDragIn')

package-lock.json

@@ -1491,9 +1491,9 @@
       "integrity": "sha512-uOCUKu5mvX3PWee+7ZFXQSNIR1V5SN2JVE2yANmW9/wQOgpEct291gXGok8VMw0009HlTWB4JATURPwyOP2DFg=="
     },
     "@qg/cherry-ui": {
-      "version": "2.21.1-beta5",
-      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcherry-ui/-/cherry-ui-2.21.1-beta5.tgz",
-      "integrity": "sha512-C43ydazyjqmsrq2uYJ2prcksnSTmeMyoracVw5dcyV1S9GGQku7C6CmpV1KXXpXiR6HLrXb7HcLyzgrCf/DzUA==",
+      "version": "2.21.1-beta6",
+      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcherry-ui/-/cherry-ui-2.21.1-beta6.tgz",
+      "integrity": "sha512-N99UjjwYrQj1AccZ+08lNRdHWKnlb7ZnKvAn4w48KWRERQNxJ1U2LwclVmQ3FRFlc9x5FRSUDccuoJ3CAf2ZMg==",
       "requires": {
         "@popperjs/core": "^2.5.4",
         "vue-lazyload": "^1.3.3",

package.json

@@ -26,7 +26,7 @@
     "@easy-team/easywebpack-vue": "^4.0.0",
     "@hubcarl/json-typescript-mapper": "^2.0.0",
     "@qg/apollo-nodejs": "^2.1.2",
-    "@qg/cherry-ui": "2.21.1-beta5",
+    "@qg/cherry-ui": "2.21.1-beta6",
     "@qg/citrus-ui": "0.1.15-beta3",
     "@riophae/vue-treeselect": "^0.4.0",
     "@types/lodash": "^4.14.117",