feat:预览设置

src/views/Preview.vue

@@ -60,7 +60,18 @@ const open = async () => {
 };
 
 const opened = () => {
-  meta2d.fitSizeView(true, 10);
+  let fit: any =
+    (meta2d.store.data as any).scaleMode === '3'
+      ? 'height'
+      : (meta2d.store.data as any).scaleMode === '2'
+      ? 'width'
+      : true;
+  meta2d.fitSizeView(fit, 10);
+  if ((meta2d.store.data as any).scroll) {
+    meta2d.setOptions({
+      scroll: true,
+    });
+  }
 };
 
 onUnmounted(() => {

src/views/components/FileProps.vue

@@ -87,7 +87,11 @@
               <t-space direction="vertical" size="small">
                 <div class="form-item">
                   <label>缩放方式</label>
-                  <t-radio-group class="ml-8" default-value="1">
+                  <t-radio-group
+                    class="ml-8"
+                    v-model="data.meta2dData.scaleMode"
+                    @change="changeValue($event, 'scaleMode')"
+                  >
                     <t-radio
                       value="1"
                       title="宽高中较小的铺满"
@@ -107,9 +111,13 @@
                 </div>
                 <div class="form-item">
                   <label>显示滚动条</label>
-                  <t-checkbox v-model="data.scroll" class="ml-8" />
+                  <t-checkbox
+                    v-model="data.meta2dData.scroll"
+                    @change="changeValue($event, 'scroll')"
+                    class="ml-8"
+                  />
                 </div>
-                <template v-if="data.scroll">
+                <!-- <template v-if="data.scroll">
                   <div class="form-item">
                     <label>水平对齐</label>
                     <t-radio-group class="ml-8" default-value="2">
@@ -126,7 +134,7 @@
                       <t-radio value="3" style="width: 200px">底部对齐</t-radio>
                     </t-radio-group>
                   </div>
-                </template>
+                </template> -->
               </t-space>
             </t-collapse-panel>
             <t-collapse-panel value="2" header="进阶设置">
@@ -361,6 +369,10 @@ onUnmounted(() => {
 });
 
 function openData() {
+  if (!(meta2d.store.data as any).scaleMode) {
+    (meta2d.store.data as any).scaleMode = '1';
+  }
+
   data.meta2dData = Object.assign({}, meta2d.store.data);
   if (meta2d.store.data.bkImage) {
     data.background = [

src/views/components/Graphics.vue

@@ -1054,7 +1054,7 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   background-color: var(--color-background);
-  z-index: 2;
+  z-index: 3;
   .input-search {
     flex-shrink: 0;
     height: 40px;