Merge pull request #22 from yaolunmao/Re-1.0

fix: 放大之后设置动画导致缩放失效问题

src/components/webtopo-svg-edit/components/center-panel/index.vue

@@ -38,6 +38,7 @@
           :transform="`translate(${item.x},${item.y})rotate(0)scale(1)`"
           v-show="item.display"
         >
+          <g :class="`${getCommonClass(item)}`">
             <g
               :transform="`translate(${item.actual_bound.x + item.actual_bound.width / 2},${
                 item.actual_bound.y + item.actual_bound.height / 2
@@ -70,7 +71,6 @@
                   item.actual_bound.x +
                   item.actual_bound.width / 2
                 )},${-(item.actual_bound.y + item.actual_bound.height / 2)})`"
-              :class="`${getCommonClass(item)}`"
               ></use>
               <component
                 v-else-if="item.type === EDoneJsonType.CustomSvg"
@@ -85,13 +85,11 @@
                   item.actual_bound.x +
                   item.actual_bound.width / 2
                 )},${-(item.actual_bound.y + item.actual_bound.height / 2)})`"
-              :class="`${getCommonClass(item)}`"
               ></component>
               <foreignObject
                 v-else-if="item.type === EDoneJsonType.Vue"
                 v-bind="getActualBoundScale(item.actual_bound, item.scale_x, item.scale_y)"
                 :id="`foreign-object${item.id}`"
-              :class="`${getCommonClass(item)}`"
               >
                 <component
                   :is="item.tag"
@@ -141,7 +139,7 @@
                   globalStore.handle_svg_info?.info.id == item.id
                     ? 'svg-item-select'
                     : ''
-              } ${getCommonClass(item)}`"
+                }`"
               ></rect>
               <handle-panel
                 v-if="
@@ -167,6 +165,7 @@
             </g>
           </g>
         </g>
+      </g>
     </svg>
     <!-- 右键菜单 -->
     <ul ref="contextMenuRef" class="contextMenu" v-show="contextMenuStore.display">

src/components/webtopo-svg-preview/index.vue

@@ -25,6 +25,7 @@
           :transform="`translate(${item.x},${item.y})rotate(0)scale(1)`"
           v-show="item.display"
         >
+          <g :class="`${getCommonClass(item)}`">
             <g
               :transform="`translate(${item.actual_bound.x + item.actual_bound.width / 2},${
                 item.actual_bound.y + item.actual_bound.height / 2
@@ -50,7 +51,6 @@
                   item.actual_bound.x +
                   item.actual_bound.width / 2
                 )},${-(item.actual_bound.y + item.actual_bound.height / 2)})`"
-              :class="`${getCommonClass(item)}`"
               ></use>
               <component
                 v-else-if="item.type === EDoneJsonType.CustomSvg"
@@ -65,13 +65,11 @@
                   item.actual_bound.x +
                   item.actual_bound.width / 2
                 )},${-(item.actual_bound.y + item.actual_bound.height / 2)})`"
-              :class="`${getCommonClass(item)}`"
               ></component>
               <foreignObject
                 v-else-if="item.type === EDoneJsonType.Vue"
                 v-bind="getActualBoundScale(item.actual_bound, item.scale_x, item.scale_y)"
                 :id="`foreign-object${item.id}`"
-              :class="`${getCommonClass(item)}`"
               >
                 <component
                   :is="item.tag"
@@ -89,6 +87,7 @@
             </g>
           </g>
         </g>
+      </g>
     </svg>
   </div>
 </template>