From f85e3cb68948fa0911395a501fd2b153a96c96ca Mon Sep 17 00:00:00 2001
From: loopzhou <363415642@qq.com>
Date: Wed, 22 Nov 2023 11:10:17 +0800
Subject: [PATCH] =?UTF-8?q?feat(input):=20input=E5=A2=9E=E5=8A=A0pattern,?=
 =?UTF-8?q?=20inputmode=E7=9A=84=E9=80=8F=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/input/input.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/input/input.vue b/src/input/input.vue
index bc69a983a..1f2e6efbc 100644
--- a/src/input/input.vue
+++ b/src/input/input.vue
@@ -23,6 +23,8 @@
           :placeholder="placeholder"
           :readonly="readonly"
           :maxlength="maxlength || -1"
+          :pattern="pattern"
+          :inputmode="inputmode"
           @focus="handleFocus"
           @blur="handleBlur"
           @input="handleInput"
@@ -50,8 +52,8 @@
 </template>
 
 <script lang="ts">
+import { PropType, ref, computed, defineComponent, getCurrentInstance, toRefs, nextTick, watch } from 'vue';
 import { CloseCircleFilledIcon } from 'tdesign-icons-vue-next';
-import { ref, computed, defineComponent, getCurrentInstance, toRefs, nextTick, watch } from 'vue';
 import { useFocus } from '@vueuse/core';
 import config from '../config';
 import InputProps from './props';
@@ -74,6 +76,16 @@ export default defineComponent({
       type: String,
       default: 'top',
     },
+    pattern: {
+      type: String,
+    },
+    inputmode: {
+      type: String as PropType<'search' | 'text' | 'none' | 'url' | 'tel' | 'email' | 'numeric' | 'decimal'>,
+      validator(val: string): boolean {
+        if (!val) return true;
+        return ['search', 'text', 'none', 'url', 'tel', 'email', 'numeric', 'decimal'].includes(val);
+      },
+    },
   },
   emits: ['update:value', 'update:modelValue', 'click-icon', 'focus', 'blur', 'change', 'clear'],
   setup(props, context) {