Squashed commit of the following:

commit 3c1c96a
Author: Tenny <tenny.shu@foxmail.com>
Date:   Thu Sep 26 17:53:54 2024 +0800

    fix(MdInput): 修复赋予初始值时显示异常

Author: Tenny

src/components/input/MdInput.vue

@@ -12,6 +12,7 @@
       :id="elId"
       ref="el"
       :type="htmlType"
+      :inputmode="inputmode"
       :name="name"
       :placeholder="!focused ? '' : placeholder"
       @focus="handleInputFocus"
@@ -24,15 +25,14 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, watch } from 'vue';
+import { ref, computed } from 'vue';
 import { random, isBlank } from 'ph-utils';
 
 const el = ref<HTMLInputElement>();
 
 const modelValue = defineModel<string | number>();
 
 const focused = ref(false);
-const hasValue = ref(false);
 
 const props = withDefaults(
   defineProps<{
@@ -41,8 +41,9 @@ const props = withDefaults(
     outline?: boolean;
     label?: string;
     placeholder?: string;
-    htmlType?: 'text' | 'number' | 'password';
+    htmlType?: 'text' | 'number' | 'password' | 'tel';
     name?: string;
+    inputmode?: 'text' | 'numeric' | 'decimal' | 'tel';
   }>(),
   {
     outline: false,
@@ -68,8 +69,8 @@ function handleInputBlur() {
   focused.value = false;
 }
 
-watch(modelValue, (v) => {
-  hasValue.value = isBlank(v) ? false : true;
+const hasValue = computed(() => {
+  return isBlank(modelValue.value as string) ? false : true;
 });
 
 defineExpose({