Fixed #2926 - Update for props typing in .vue files

src/components/autocomplete/AutoComplete.vue

@@ -135,13 +135,34 @@ export default {
             type: Boolean,
             default: false
         },
-        inputId: String,
+        inputId: {
-        inputStyle: null,
+            type: String,
-        inputClass: null,
+            default: null
-        inputProps: null,
+        },
-        panelStyle: null,
+        inputStyle: {
-        panelClass: null,
+            type: null,
-        panelProps: null,
+            default: null
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        panelStyle: {
+            type: null,
+            default: null
+        },
+        panelClass: {
+            type: String,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
         loadingIcon: {
             type: String,
             default: 'pi pi-spinner'

src/components/calendar/Calendar.vue

@@ -321,14 +321,38 @@ export default {
             type: String,
             default: null
         },
-        id: null,
+        id: {
-        inputId: null,
+            type: String,
-        inputClass: null,
+            default: null
-        inputStyle: null,
+        },
-        inputProps: null,
+        inputId: {
-        panelClass: null,
+            type: String,
-        panelStyle: null,
+            default: null
-        panelProps: null,
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        panelClass: {
+            type: String,
+            default: null
+        },
+        panelStyle: {
+            type: null,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
 			default: null

src/components/cascadeselect/CascadeSelect.vue

@@ -56,13 +56,34 @@ export default {
         placeholder: String,
 		disabled: Boolean,
         dataKey: null,
-        inputId: null,
+        inputId: {
-        inputStyle: null,
+            type: String,
-        inputClass: null,
+            default: null
-        inputProps: null,
+        },
-        panelStyle: null,
+        inputClass: {
-        panelClass: null,
+            type: String,
-        panelProps: null,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        panelClass: {
+            type: String,
+            default: null
+        },
+        panelStyle: {
+            type: null,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
         appendTo: {
             type: String,
             default: 'body'

src/components/checkbox/Checkbox.vue

@@ -48,10 +48,22 @@ export default {
             type: Number,
             default: null
         },
-        inputId: null,
+        inputId: {
-        inputClass: null,
+            type: String,
-        inputStyle: null,
+            default: null
-        inputProps: null,
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
 			default: null

src/components/chips/Chips.vue

@@ -48,14 +48,26 @@ export default {
             type: String,
             default: null
         },
-        inputId: null,
-        inputClass: null,
-        inputStyle: null,
-        inputProps: null,
         disabled: {
             type: Boolean,
             default: false
         },
+        inputId: {
+            type: String,
+            default: null
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
 			default: null

src/components/dropdown/Dropdown.vue

@@ -107,19 +107,55 @@ export default {
             default: null
         },
 		editable: Boolean,
-		placeholder: String,
+		placeholder: {
-		disabled: Boolean,
+            type: String,
+            default: null
+        },
+		disabled: {
+            type: Boolean,
+            default: false
+        },
         dataKey: null,
-        showClear: Boolean,
+        showClear: {
-        inputId: String,
+            type: Boolean,
-        inputStyle: null,
+            default: false
-        inputClass: null,
+        },
-        inputProps: null,
+        inputId: {
-        panelStyle: null,
+            type: String,
-        panelClass: null,
+            default: null
-        panelProps: null,
+        },
-        filterInputProps: null,
+        inputClass: {
-        clearIconProps: null,
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        panelClass: {
+            type: String,
+            default: null
+        },
+        panelStyle: {
+            type: null,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
+        filterInputProps: {
+            type: null,
+            default: null
+        },
+        clearIconProps: {
+            type: null,
+            default: null
+        },
         appendTo: {
             type: String,
             default: 'body'

src/components/inputnumber/InputNumber.vue

@@ -119,12 +119,30 @@ export default {
             type: String,
             default: null
         },
-        inputId: null,
+        inputId: {
-        inputClass: null,
+            type: String,
-        inputStyle: null,
+            default: null
-        inputProps: null,
+        },
-        incrementButtonProps: null,
+        inputClass: {
-        decrementButtonProps: null,
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        incrementButtonProps: {
+            type: null,
+            default: null
+        },
+        decrementButtonProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
 			default: null

src/components/inputswitch/InputSwitch.vue

@@ -29,10 +29,22 @@ export default {
             type: Boolean,
             default: false
         },
-        inputId: null,
+        inputId: {
-        inputClass: null,
+            type: String,
-        inputStyle: null,
+            default: null
-        inputProps: null,
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
 			default: null

src/components/multiselect/MultiSelect.vue

@@ -130,13 +130,34 @@ export default {
 		},
 		placeholder: String,
 		disabled: Boolean,
-        inputId: String,
+        inputId: {
-        inputProps: null,
+            type: String,
-        panelStyle: null,
+            default: null
-        panelClass: null,
+        },
-        panelProps: null,
+        inputProps: {
-        filterInputProps: null,
+            type: null,
-        closeButtonProps: null,
+            default: null
+        },
+        panelClass: {
+            type: String,
+            default: null
+        },
+        panelStyle: {
+            type: null,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
+        filterInputProps: {
+            type: null,
+            default: null
+        },
+        closeButtonProps: {
+            type: null,
+            default: null
+        },
         dataKey: null,
         filter: Boolean,
         filterPlaceholder: String,

src/components/password/Password.vue

@@ -91,14 +91,38 @@ export default {
             type: Boolean,
             required: false
         },
-        inputId: null,
+        inputId: {
-        inputClass: null,
+            type: String,
-        inputStyle: null,
+            default: null
-        inputProps: null,
+        },
-        panelId: null,
+        inputClass: {
-        panelClass: null,
+            type: String,
-        panelStyle: null,
+            default: null
-        panelProps: null,
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        panelId: {
+            type: String,
+            default: null
+        },
+        panelClass: {
+            type: String,
+            default: null
+        },
+        panelStyle: {
+            type: null,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
 			default: null

src/components/radiobutton/RadioButton.vue

@@ -27,10 +27,22 @@ export default {
             type: Boolean,
             default: false
         },
-        inputId: null,
+        inputId: {
-        inputClass: null,
+            type: String,
-        inputStyle: null,
+            default: null
-        inputProps: null,
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
 			default: null

src/components/togglebutton/ToggleButton.vue

@@ -39,10 +39,22 @@ export default {
             type: Number,
             default: null
         },
-        inputId: null,
+        inputId: {
-        inputClass: null,
+            type: String,
-        inputStyle: null,
+            default: null
-        inputProps: null,
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
 			default: null

src/components/treeselect/TreeSelect.vue

@@ -62,18 +62,22 @@ export default {
 			type: String,
 			default: '400px'
 		},
-		placeholder: String,
+		placeholder: {
-		disabled: Boolean,
+            type: String,
-        tabindex: String,
+            default: null
+        },
+		disabled: {
+            type: Boolean,
+            default: false
+        },
+        tabindex: {
+            type: Number,
+            default: null
+        },
         selectionMode: {
             type: String,
             default: 'single'
         },
-        panelClass: {
-            type: String,
-            default: null
-        },
-        panelProps: null,
         appendTo: {
             type: String,
             default: 'body'
@@ -90,10 +94,30 @@ export default {
             type: Boolean,
             default: true
         },
-        inputId: String,
+        inputId: {
-        inputClass: String,
+            type: String,
-        inputStyle: null,
+            default: null
-        inputProps: null,
+        },
+        inputClass: {
+            type: String,
+            default: null
+        },
+        inputStyle: {
+            type: null,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
+        panelClass: {
+            type: String,
+            default: null
+        },
+        panelProps: {
+            type: null,
+            default: null
+        },
         'aria-labelledby': {
             type: String,
 			default: null

src/components/tristatecheckbox/TriStateCheckbox.vue

@@ -17,8 +17,14 @@ export default {
     emits: ['click', 'update:modelValue', 'change', 'keydown', 'focus', 'blur'],
     props: {
         modelValue: null,
-        inputId: null,
+        inputId: {
-        inputProps: null,
+            type: String,
+            default: null
+        },
+        inputProps: {
+            type: null,
+            default: null
+        },
         disabled: {
 			type: Boolean,
 			default: false