fix: select vmodel prop type (#616)

oruga-ui · Oct 7, 2023 · 60f67c5 · 60f67c5
1 parent b35c339
commit 60f67c5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/packages/docs-next/components/Select.md b/packages/docs-next/components/Select.md
@@ -59,14 +59,14 @@ title: Select
 
 ### Events
 
-| Event name        | Properties                                                                      | Description                     |
-| ----------------- | ------------------------------------------------------------------------------- | ------------------------------- |
-| update:modelValue | **value** ` [String, Number, Boolean, Object, Array]` - updated modelValue prop | modelValue prop two-way binding |
-| focus             | **event** `Event` - native event                                                | on input focus event            |
-| blur              | **event** `Event` - native event                                                | on input blur event             |
-| invalid           | **event** `Event` - native event                                                | on input invalid event          |
-| icon-click        | **event** `Event` - native event                                                | on icon click event             |
-| icon-right-click  | **event** `Event` - native event                                                | on icon right click event       |
+| Event name        | Properties                                                                                      | Description                     |
+| ----------------- | ----------------------------------------------------------------------------------------------- | ------------------------------- |
+| update:modelValue | **value** `string \| number \| boolean \| object \| Array&lt;any&gt;` - updated modelValue prop | modelValue prop two-way binding |
+| focus             | **event** `Event` - native event                                                                | on input focus event            |
+| blur              | **event** `Event` - native event                                                                | on input blur event             |
+| invalid           | **event** `Event` - native event                                                                | on input invalid event          |
+| icon-click        | **event** `Event` - native event                                                                | on icon click event             |
+| icon-right-click  | **event** `Event` - native event                                                                | on icon right click event       |
 
 ### Slots
 

diff --git a/packages/oruga-next/src/components/select/Select.vue b/packages/oruga-next/src/components/select/Select.vue
@@ -124,11 +124,11 @@ const props = defineProps({
 const emits = defineEmits<{
     /**
      * modelValue prop two-way binding
-     * @param value { [String, Number, Boolean, Object, Array]} updated modelValue prop
+     * @param value {string | number | boolean | object | Array<any>} updated modelValue prop
      */
     (
         e: "update:modelValue",
-        value: [string, number, boolean, object, Array<any>],
+        value: string | number | boolean | object | Array<any>,
     ): void;
     /**
      * on input focus event
@@ -166,11 +166,9 @@ const { checkHtml5Validity, onBlur, onFocus, onInvalid, setFocus } =
 // inject parent field component if used inside one
 const { parentField, statusVariant, statusVariantIcon } = injectField();
 
-const vmodel = useVModelBinding<[string, number, boolean, object, Array<any>]>(
-    props,
-    emits,
-    { passive: true },
-);
+const vmodel = useVModelBinding<
+    string | number | boolean | object | Array<any>
+>(props, emits, { passive: true });
 
 const placeholderVisible = computed(() => vmodel.value === null);