openatc-components 0.0.109 → 0.0.112

package/package/kisscomps/components/DrawChannelization/drawsvg/basicCoordInfo.vue

@@ -21,6 +21,7 @@
           <el-input-number :min="0" :controls="false"
             ref="refNumber-x"
             v-model="basicCoodInfo.x"
+            @change="handleChangePosX"
             @input.native="eventChange('x')" />
         </el-form-item>
         <el-form-item
@@ -29,6 +30,7 @@
           <el-input-number :min="0" :controls="false"
             ref="refNumber-y"
             v-model="basicCoodInfo.y"
+            @change="handleChangePosY"
             @input.native="eventChange('y')" />
         </el-form-item>
         <el-form-item
@@ -38,6 +40,7 @@
           <el-input-number :min="0" :max="360" :controls="false"
             ref="refNumber-angle"
             v-model="basicCoodInfo.angle"
+            @change="handleChangeAngle"
             @input.native="eventChange('angle')" />
         </el-form-item>
     </el-form>
@@ -80,9 +83,54 @@ export default {
   },
   methods: {
     eventChange (field) {
+      // 解决change事件只在失去焦点时响应，此处，可以监听到实时变化
       const key = this.$refs[`refNumber-${field}`].displayValue
-      this.basicCoodInfo[field] = Number(key)
-      this.$emit('handleChangeBasicCoord', this.basicCoodInfo)
+      if (this.checkOnlyNum(key)) {
+        this.basicCoodInfo[field] = field === 'angle' ? this.checkMinMaxNum(key) : Number(key)
+        this.$emit('handleChangeBasicCoord', this.basicCoodInfo)
+      }
+    },
+    handleChangePosX (Xvalue) {
+      // 解决用上下箭头控制数字改变
+      if (this.checkOnlyNum(Xvalue)) {
+        this.basicCoodInfo['x'] = Number(Xvalue)
+        this.$emit('handleChangeBasicCoord', this.basicCoodInfo)
+      }
+    },
+    handleChangePosY (Yvalue) {
+      // 解决用上下箭头控制数字改变
+      if (this.checkOnlyNum(Yvalue)) {
+        this.basicCoodInfo['y'] = Number(Yvalue)
+        this.$emit('handleChangeBasicCoord', this.basicCoodInfo)
+      }
+    },
+    handleChangeAngle (angle) {
+      // 解决用上下箭头控制数字改变
+      if (this.checkOnlyNum(angle)) {
+        this.basicCoodInfo['angle'] = this.checkMinMaxNum(angle)
+        this.$emit('handleChangeBasicCoord', this.basicCoodInfo)
+      }
+    },
+    checkOnlyNum (numString) {
+      // eslint-disable-next-line no-new-wrappers
+      let num = new Number(numString)
+      if (num.toString() === 'NaN') {
+        // 校验输入非数字则不生效
+        return false
+      } else {
+        return true
+      }
+    },
+    checkAngleMinMaxNum (numString) {
+      // 控制角度范围
+      let num = Number(numString)
+      if (num > 360) {
+        return 360
+      } else if (num < 0) {
+        return 0
+      } else {
+        return num
+      }
     },
     isShowAngleSetting () {
       this.showAngle = true

package/package/kisscomps/components/DrawChannelization/drawsvg/laneEditPanel.vue

@@ -428,6 +428,8 @@ export default {
         if (data.maxflowsaturationthreshold !== undefined) {
           this.maxflowsaturationthreshold = data.maxflowsaturationthreshold
         }
+        this.handleDisabledMinflowOption(data.minflowsaturationthreshold)
+        this.handleDisabledMaxflowOption(data.maxflowsaturationthreshold)
         if (data.flip !== undefined) {
           this.flip = data.flip
         }