Merge branch 'fix/data-board-control-send-issue' into 'main_dev'

fix: 修改看板控制组件

See merge request yunteng/thingskit-front!717

@@ -15,8 +15,10 @@
 
   const sliderValue = ref<number>(33);
   const oldSliderValue = ref<number>(33);
+  const noSendValue = ref<number>(0);
   const sMin = ref<number>(0);
   const sMax = ref<number>(100);
+  const sliderEl = ref<Nullable<InstanceType<typeof Slider>>>(null);
 
   const { loading, sendCommand } = useSendCommand();
 
@@ -43,11 +45,20 @@
     sliderValue.value = e;
   };
 
-  const handleAfterChange = async (e) => {
-    const flag = await sendCommand(props.config.option, unref(sliderValue));
-    flag
-      ? ((sliderValue.value = e), (oldSliderValue.value = sliderValue.value), (index.value = 0))
-      : (sliderValue.value = unref(oldSliderValue));
+  const handleAfterChange = async () => {
+    unref(sliderEl)?.blur();
+  };
+
+  const handleBlur = async () => {
+    if (unref(oldSliderValue) !== unref(sliderValue)) {
+      console.log('effect');
+      const flag = await sendCommand(props.config.option, unref(sliderValue));
+      flag
+        ? ((sliderValue.value = unref(sliderValue)),
+          (oldSliderValue.value = sliderValue.value),
+          (index.value = 0))
+        : (sliderValue.value = unref(oldSliderValue));
+    }
   };
 
   const { getNumberValue } = useReceiveValue();
@@ -55,6 +66,7 @@
     const { data = {} } = message;
     const [latest] = data[attribute] || [];
     const [_, value] = latest;
+    noSendValue.value = getNumberValue(value);
     sliderValue.value = getNumberValue(value);
   };
 
@@ -74,6 +86,7 @@
             >{{ sliderValue }}</span
           >
           <Slider
+            ref="sliderEl"
             :style="{ '--slider-color': getDesign.controlBarColor }"
             class="no-drag"
             :value="sliderValue"
@@ -81,6 +94,7 @@
             :max="sMax"
             @change="handleChange"
             @afterChange="handleAfterChange"
+            @blur="handleBlur"
           />
 
           <span