feat: new component input-otp

Author: Aybrea

packages/varlet-ui/src/field-decorator/props.ts

@@ -36,9 +36,18 @@ export const props = {
     type: Boolean,
     default: true,
   },
-  textColor: String,
-  focusColor: String,
-  blurColor: String,
+  textColor: {
+    type: String,
+    default: '',
+  },
+  focusColor: {
+    type: String,
+    default: '',
+  },
+  blurColor: {
+    type: String,
+    default: '',
+  },
   isError: Boolean,
   formDisabled: Boolean,
   disabled: Boolean,

packages/varlet-ui/src/input-otp/InputOtp.vue

@@ -26,7 +26,7 @@ export default defineComponent({
   name,
   props,
   setup(props, { emit }) {
-    const { length, inputOtpItems, bindInputOtpItem } = useInputOtpItems()
+    const { length, bindInputOtpItem } = useInputOtpItems()
     const activeInput = ref()
 
     const model = computed({
@@ -107,10 +107,9 @@ export default defineComponent({
 
     return {
       length,
-      inputOtpItems,
+      activeInput,
       errorMessage,
       n,
-      activeInput,
       reset,
       validate,
     }