fix: 🐛 修复Input初始化修改失败的问题 (#814)

Moonofweisheng · Jan 4, 2025 · 04e9a50 · 04e9a50
1 parent 9b50d6c
commit 04e9a50
Showing 1 changed file with 15 additions and 14 deletions.
diff --git a/src/uni_modules/wot-design-uni/components/wd-input/wd-input.vue b/src/uni_modules/wot-design-uni/components/wd-input/wd-input.vue
@@ -57,9 +57,9 @@
           <view v-if="showWordCount" class="wd-input__count">
             <text
               :class="[
-                inputValue && String(inputValue).length > 0 ? 'wd-input__count-current' : '',
-                String(inputValue).length > maxlength! ? 'is-error' : ''
-              ]"
+              inputValue && String(inputValue).length > 0 ? 'wd-input__count-current' : '',
+              String(inputValue).length > maxlength! ? 'is-error' : ''
+            ]"
             >
               {{ String(inputValue).length }}
             </text>
@@ -88,7 +88,7 @@ export default {
 <script lang="ts" setup>
 import wdIcon from '../wd-icon/wd-icon.vue'
 import { computed, onBeforeMount, ref, watch } from 'vue'
-import { isDef, objToStyle, pause } from '../common/util'
+import { isDef, objToStyle, pause, isEqual } from '../common/util'
 import { useCell } from '../composables/useCell'
 import { FORM_KEY, type FormItemRule } from '../wd-form/types'
 import { useParent } from '../composables/useParent'
@@ -115,7 +115,7 @@ const isPwdVisible = ref<boolean>(false)
 const clearing = ref<boolean>(false) // 是否正在清空操作，避免重复触发失焦
 const focused = ref<boolean>(false) // 控制聚焦
 const focusing = ref<boolean>(false) // 当前是否激活状态
-const inputValue = ref<string | number>('') // 输入框的值
+const inputValue = ref<string | number>(getInitValue()) // 输入框的值
 const cell = useCell()
 
 watch(
@@ -130,8 +130,7 @@ watch(
   () => props.modelValue,
   (newValue) => {
     inputValue.value = isDef(newValue) ? String(newValue) : ''
-  },
-  { immediate: true, deep: true }
+  }
 )
 
 const { parent: form } = useParent(FORM_KEY)
@@ -210,14 +209,13 @@ const labelStyle = computed(() => {
     : ''
 })
 
-onBeforeMount(() => {
-  initState()
-})
-
 // 状态初始化
-function initState() {
-  inputValue.value = formatValue(inputValue.value)
-  emit('update:modelValue', inputValue.value)
+function getInitValue() {
+  const formatted = formatValue(props.modelValue)
+  if (!isValueEqual(formatted, props.modelValue)) {
+    emit('update:modelValue', formatted)
+  }
+  return formatted
 }
 
 function formatValue(value: string | number) {
@@ -284,6 +282,9 @@ function onClickPrefixIcon() {
 function handleClick(event: MouseEvent) {
   emit('click', event)
 }
+function isValueEqual(value1: number | string, value2: number | string) {
+  return isEqual(String(value1), String(value2))
+}
 </script>
 
 <style lang="scss" scoped>