InputNumber | placeholder prop

pull/2862/head
Tuğçe Küçükoğlu 2022-08-12 15:07:22 +03:00
parent 8ff6f37f54
commit c6d34c9b60
4 changed files with 21 additions and 1 deletions

View File

@ -137,6 +137,12 @@ const InputNumberProps = [
default: "false", default: "false",
description: "When present, it specifies that an input field is read-only." description: "When present, it specifies that an input field is read-only."
}, },
{
name: "placeholder",
type: "string",
default: "null",
description: "Placeholder text for the input."
},
{ {
name: "inputId", name: "inputId",
type: "string", type: "string",

View File

@ -137,6 +137,10 @@ export interface InputNumberProps {
* When present, it specifies that an input field is read-only. * When present, it specifies that an input field is read-only.
*/ */
readonly?: boolean | undefined; readonly?: boolean | undefined;
/**
* Placeholder text for the input.
*/
placeholder?: boolean | undefined;
/** /**
* Identifier of the focus input to match a label defined for the chips. * Identifier of the focus input to match a label defined for the chips.
*/ */

View File

@ -1,6 +1,6 @@
<template> <template>
<span :class="containerClass"> <span :class="containerClass">
<INInputText ref="input" class="p-inputnumber-input" role="spinbutton" :id="inputId" :class="inputClass" :style="inputStyle" :value="formattedValue" :aria-valuemin="min" :aria-valuemax="max" :aria-valuenow="modelValue" :readonly="readonly" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel" <INInputText ref="input" class="p-inputnumber-input" role="spinbutton" :id="inputId" :class="inputClass" :style="inputStyle" :value="formattedValue" :aria-valuemin="min" :aria-valuemax="max" :aria-valuenow="modelValue" :readonly="readonly" :placeholder="placeholder" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel"
@input="onUserInput" @keydown="onInputKeyDown" @keypress="onInputKeyPress" @paste="onPaste" @click="onInputClick" @focus="onInputFocus" @blur="onInputBlur" v-bind="inputProps"/> @input="onUserInput" @keydown="onInputKeyDown" @keypress="onInputKeyPress" @paste="onPaste" @click="onInputClick" @focus="onInputFocus" @blur="onInputBlur" v-bind="inputProps"/>
<span class="p-inputnumber-button-group" v-if="showButtons && buttonLayout === 'stacked'"> <span class="p-inputnumber-button-group" v-if="showButtons && buttonLayout === 'stacked'">
<INButton :class="upButtonClass" :icon="incrementButtonIcon" v-on="upButtonListeners" :disabled="disabled" :tabindex="-1" aria-hidden="true" v-bind="incrementButtonProps" /> <INButton :class="upButtonClass" :icon="incrementButtonIcon" v-on="upButtonListeners" :disabled="disabled" :tabindex="-1" aria-hidden="true" v-bind="incrementButtonProps" />
@ -115,6 +115,10 @@ export default {
type: Boolean, type: Boolean,
default: false default: false
}, },
placeholder: {
type: String,
default: null
},
inputId: null, inputId: null,
inputClass: null, inputClass: null,
inputStyle: null, inputStyle: null,

View File

@ -278,6 +278,12 @@ Vertical
<td>false</td> <td>false</td>
<td>When present, it specifies that an input field is read-only.</td> <td>When present, it specifies that an input field is read-only.</td>
</tr> </tr>
<tr>
<td>placeholder</td>
<td>string</td>
<td>null</td>
<td>Placeholder text for the input.</td>
</tr>
<tr> <tr>
<td>inputId</td> <td>inputId</td>
<td>string</td> <td>string</td>