feat(vue editor): 初始化时计算滚动条默认居中

Author: lljj-x

packages/demo/src/vue-editor/views/editor/Editor.vue

@@ -1,6 +1,5 @@
 <template>
     <div v-loading="loading" :class="{
-        [$style.box]: true,
         [$style.previewBox]: isPreview
     }"
     >
@@ -201,7 +200,8 @@
         mounted() {
             // todo: 通过计算获取
             window.document.body.classList.add('page-decorate-design');
-            this.$refs.domScrollWrap.scrollLeft = 480;
+            const scrollDom = this.$refs.domScrollWrap;
+            this.$refs.domScrollWrap.scrollLeft = (scrollDom.scrollWidth - scrollDom.clientWidth) / 2;
         },
         destroyed() {
             window.document.body.classList.remove('page-decorate-design');

packages/demo/src/vue-editor/views/editor/EditorM.vue

@@ -1,6 +1,5 @@
 <template>
     <div v-loading="loading" :class="{
-        [$style.box]: true,
         [$style.previewBox]: isPreview
     }"
     >
@@ -17,7 +16,7 @@
                 v-else
                 type="primary"
                 style="position: fixed;right: 20px;top: 20px;z-index: 5;"
-                @click="(scale = 70) && (isPreview = false)"
+                @click="isPreview = false"
             >
                 结束预览
             </el-button>
@@ -309,7 +308,6 @@
 
             // 用户操作数据
             handleDataChange() {
-                // todo: ie 会导致输入框丢失光标
                 this.fixComponentFormPosition();
             },