openatc-components 0.1.1 → 0.1.2

package/package/kisscomps/components/DrawChannelization/drawsvg/iconSvg/countdownSvg.vue

@@ -24,7 +24,7 @@
       :rotatable="false"
       @select="handleSelectIcon(item)"
       @dragstop="boxDragStop(item, ...arguments)"
-      @resizestop="boxResizeStop(item, ...arguments)"
+      @resize="boxResizeStop"
       @rotatestop="boxRotateStop(item, ...arguments)"
     >
       <div v-if="UsageMode === 'draw'" class="centerText" :class="{'defaultBg': chooseIndex !== CountdownData.index, 'highlightBg': chooseIndex === CountdownData.index }" :style="{'width': item.w + 'px', 'height': item.h + 'px'}">
@@ -60,7 +60,8 @@ export default {
       reset: true,
       phaseCountdownList: [],
       phaseCountdownIcon: 999,
-      Fontsize: 20 // 倒计时默认字号
+      Fontsize: 20, // 倒计时默认字号
+      minCountdownSize: 30 // 限制最小倒计时区域大小
     }
   },
   watch: {
@@ -133,17 +134,20 @@ export default {
   },
   methods: {
     boxDragStop (origin, final) {
-      this.item = JSON.parse(JSON.stringify(final))
+      let info = this.handleMinCountdownSize(final)
+      this.item = JSON.parse(JSON.stringify(info))
       this.$emit('handleSelectIcon', this.CountdownData)
       this.handleChangeData()
     },
-    boxResizeStop (origin, final) {
-      this.resetSvg()
-      this.item = JSON.parse(JSON.stringify(final))
+    boxResizeStop (final) {
+      let info = this.handleMinCountdownSize(final)
+      // this.resetSvg()
+      this.item = JSON.parse(JSON.stringify(info))
       this.handleChangeData()
     },
     boxRotateStop (origin, final) {
-      this.item = JSON.parse(JSON.stringify(final))
+      let info = this.handleMinCountdownSize(final)
+      this.item = JSON.parse(JSON.stringify(info))
       this.handleChangeData()
     },
     resetSvg () {
@@ -171,6 +175,14 @@ export default {
       let fields = Object.keys(this.item)
       this.$emit('changeTimeItem', data, fields)
       this.handleSelectIcon()
+    },
+    handleMinCountdownSize (final) {
+      let info = JSON.parse(JSON.stringify(final))
+      if (info.w < 30 || info.h < 30) {
+        info.w = 30
+        info.h = 30
+      }
+      return info
     }
   },
   created () {