|
|
@@ -240,35 +240,35 @@ Asynchronous modification through `change` event and `model-value`
|
|
|
|
|
|
### Props
|
|
|
|
|
|
-| Attribute | Description | Type | Default |
|
|
|
-|----------------|----------------------------|----------------|------------|
|
|
|
-| v-model | Initial value | string \| number | - |
|
|
|
-| input-width | Input box width | string | `40px` |
|
|
|
-| button-size | Operators +, - Dimensions | string | `20px` |
|
|
|
-| min | Minimum limit | string \| number | `1` |
|
|
|
-| max | Maximum limit | string \| number | `9999` |
|
|
|
-| step | step | string \| number | `1` |
|
|
|
-| decimal-places | Set reserved decimal places | string \| number | `0` |
|
|
|
-| disabled | Disable all features | boolean | `false` |
|
|
|
-| readonly | Read only status disables input box operation behavior | boolean | `false` |
|
|
|
+| Attribute | Description | Type | Default |
|
|
|
+|----------------|--------------------------------------------------------|------------------|---------|
|
|
|
+| v-model | Initial value | string \| number | - |
|
|
|
+| input-width | Input box width | string | `40px` |
|
|
|
+| button-size | Operators +, - Dimensions | string | `20px` |
|
|
|
+| min | Minimum limit | string \| number | `1` |
|
|
|
+| max | Maximum limit | string \| number | `9999` |
|
|
|
+| step | step | string \| number | `1` |
|
|
|
+| decimal-places | Set reserved decimal places | string \| number | `0` |
|
|
|
+| disabled | Disable all features | boolean | `false` |
|
|
|
+| readonly | Read only status disables input box operation behavior | boolean | `false` |
|
|
|
|
|
|
### Slots
|
|
|
|
|
|
-| Name | Description |
|
|
|
-|-|-|
|
|
|
-| leftIcon | Custom left icon |
|
|
|
+| Name | Description |
|
|
|
+|-----------|-------------------|
|
|
|
+| leftIcon | Custom left icon |
|
|
|
| rightIcon | Custom right icon |
|
|
|
|
|
|
### Events
|
|
|
|
|
|
-| Event | Description | Arguments |
|
|
|
-|-----------|------------------------|--------------------------------|
|
|
|
-| add | Triggered when the Add button is clicked | event: Event |
|
|
|
-| reduce | Triggered when the decrease button is clicked | event: Event |
|
|
|
-| overlimit | Triggered when an unavailable button is clicked | event: Event,type:string (reduce or add) |
|
|
|
-| change | Triggered when the value changes | value: number , event : Event |
|
|
|
-| blur | Triggered when the input box blur | event: Event |
|
|
|
-| focus | Triggered when the input box focus | event: Event |
|
|
|
+| Event | Description | Arguments |
|
|
|
+|-----------|-------------------------------------------------|------------------------------------------|
|
|
|
+| add | Triggered when the Add button is clicked | event: Event |
|
|
|
+| reduce | Triggered when the decrease button is clicked | event: Event |
|
|
|
+| overlimit | Triggered when an unavailable button is clicked | event: Event,type:string (reduce or add) |
|
|
|
+| change | Triggered when the value changes | value: number , event : Event |
|
|
|
+| blur | Triggered when the input box blur | event: Event |
|
|
|
+| focus | Triggered when the input box focus | event: Event |
|
|
|
|
|
|
## Theming
|
|
|
|
|
|
@@ -276,21 +276,21 @@ Asynchronous modification through `change` event and `model-value`
|
|
|
|
|
|
The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/component/configprovider).
|
|
|
|
|
|
-| Name | Default Value |
|
|
|
-| --------------------------------------- | -------------------------- |
|
|
|
-| --nut-inputnumber-icon-color| _var(--nut-title-color)_ |
|
|
|
-| --nut-inputnumber-icon-void-color| _var(--nut-disable-color)_ |
|
|
|
-| --nut-inputnumber-icon-size| _20px_ |
|
|
|
-| --nut-inputnumber-input-font-size| _12px_ |
|
|
|
-| --nut-inputnumber-input-font-color| _var(--nut-title-color)_ |
|
|
|
-| --nut-inputnumber-input-background-color| _var(--nut-help-color)_ |
|
|
|
-| --nut-inputnumber-input-border-radius| _4px_ |
|
|
|
-| --nut-inputnumber-input-width| _40px_ |
|
|
|
-| --nut-inputnumber-input-margin| _0 6px_ |
|
|
|
-| --nut-inputnumber-input-border| _0_ |
|
|
|
-| --nut-inputnumber-border| _0_ |
|
|
|
-| --nut-inputnumber-border-radius| _0_ |
|
|
|
-| --nut-inputnumber-height| _auto_ |
|
|
|
-| --nut-inputnumber-line-height| _normal_ |
|
|
|
-| --nut-inputnumber-border-box| _content-box_ |
|
|
|
-| --nut-inputnumber-display| _flex_ |
|
|
|
+| Name | Default Value |
|
|
|
+|------------------------------------------|----------------------------|
|
|
|
+| --nut-inputnumber-icon-color | _var(--nut-title-color)_ |
|
|
|
+| --nut-inputnumber-icon-void-color | _var(--nut-disable-color)_ |
|
|
|
+| --nut-inputnumber-icon-size | _20px_ |
|
|
|
+| --nut-inputnumber-input-font-size | _12px_ |
|
|
|
+| --nut-inputnumber-input-font-color | _var(--nut-title-color)_ |
|
|
|
+| --nut-inputnumber-input-background-color | _var(--nut-help-color)_ |
|
|
|
+| --nut-inputnumber-input-border-radius | _4px_ |
|
|
|
+| --nut-inputnumber-input-width | _40px_ |
|
|
|
+| --nut-inputnumber-input-margin | _0 6px_ |
|
|
|
+| --nut-inputnumber-input-border | _0_ |
|
|
|
+| --nut-inputnumber-border | _0_ |
|
|
|
+| --nut-inputnumber-border-radius | _0_ |
|
|
|
+| --nut-inputnumber-height | _auto_ |
|
|
|
+| --nut-inputnumber-line-height | _normal_ |
|
|
|
+| --nut-inputnumber-border-box | _content-box_ |
|
|
|
+| --nut-inputnumber-display | _flex_ |
|