mirror of
https://github.com/element-plus/element-plus.git
synced 2024-11-27 02:01:15 +08:00
chore: format code (#13467)
This commit is contained in:
parent
2e00d65568
commit
2c605cb794
@ -113,28 +113,28 @@ When using `modal` = false, please make sure that `append-to-body` was set to **
|
||||
|
||||
## Attributes
|
||||
|
||||
| Name | Description | Type | Accepted Values | Default |
|
||||
|----------------------------|---------------------------------------------------------------------------------------------------|--------------------------------------------------| --------------- |--------|
|
||||
| model-value / v-model | visibility of Dialog | boolean | — | — |
|
||||
| title | title of Dialog. Can also be passed with a named slot (see the following table) | string | — | — |
|
||||
| width | width of Dialog | string / number | — | 50% |
|
||||
| fullscreen | whether the Dialog takes up full screen | boolean | — | false |
|
||||
| top | value for `margin-top` of Dialog CSS | string | — | 15vh |
|
||||
| modal | whether a mask is displayed | boolean | — | true |
|
||||
| modal-class | custom class names for mask | string | — | — |
|
||||
| append-to-body | whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true` | boolean | — | false |
|
||||
| lock-scroll | whether scroll of body is disabled while Dialog is displayed | boolean | — | true |
|
||||
| custom-class ^(deprecated) | custom class names for Dialog | string | — | — |
|
||||
| open-delay | Time(milliseconds) before open | number | — | 0 |
|
||||
| close-delay | Time(milliseconds) before close | number | — | 0 |
|
||||
| close-on-click-modal | whether the Dialog can be closed by clicking the mask | boolean | — | true |
|
||||
| close-on-press-escape | whether the Dialog can be closed by pressing ESC | boolean | — | true |
|
||||
| show-close | whether to show a close button | boolean | — | true |
|
||||
| before-close | callback before Dialog closes, and it will prevent Dialog from closing | Function(done) (done is used to close the Dialog) | — | — |
|
||||
| draggable | enable dragging feature for Dialog | boolean | — | false |
|
||||
| center | whether to align the header and footer in center | boolean | — | false |
|
||||
| align-center | whether to align the dialog both horizontally and vertically | boolean | — | false |
|
||||
| destroy-on-close | Destroy elements in Dialog when closed | boolean | — | false |
|
||||
| Name | Description | Type | Accepted Values | Default |
|
||||
| -------------------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------- | --------------- | ------- |
|
||||
| model-value / v-model | visibility of Dialog | boolean | — | — |
|
||||
| title | title of Dialog. Can also be passed with a named slot (see the following table) | string | — | — |
|
||||
| width | width of Dialog | string / number | — | 50% |
|
||||
| fullscreen | whether the Dialog takes up full screen | boolean | — | false |
|
||||
| top | value for `margin-top` of Dialog CSS | string | — | 15vh |
|
||||
| modal | whether a mask is displayed | boolean | — | true |
|
||||
| modal-class | custom class names for mask | string | — | — |
|
||||
| append-to-body | whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true` | boolean | — | false |
|
||||
| lock-scroll | whether scroll of body is disabled while Dialog is displayed | boolean | — | true |
|
||||
| custom-class ^(deprecated) | custom class names for Dialog | string | — | — |
|
||||
| open-delay | Time(milliseconds) before open | number | — | 0 |
|
||||
| close-delay | Time(milliseconds) before close | number | — | 0 |
|
||||
| close-on-click-modal | whether the Dialog can be closed by clicking the mask | boolean | — | true |
|
||||
| close-on-press-escape | whether the Dialog can be closed by pressing ESC | boolean | — | true |
|
||||
| show-close | whether to show a close button | boolean | — | true |
|
||||
| before-close | callback before Dialog closes, and it will prevent Dialog from closing | Function(done) (done is used to close the Dialog) | — | — |
|
||||
| draggable | enable dragging feature for Dialog | boolean | — | false |
|
||||
| center | whether to align the header and footer in center | boolean | — | false |
|
||||
| align-center | whether to align the dialog both horizontally and vertically | boolean | — | false |
|
||||
| destroy-on-close | Destroy elements in Dialog when closed | boolean | — | false |
|
||||
|
||||
:::warning
|
||||
|
||||
|
@ -81,22 +81,22 @@ progress/striped-progress
|
||||
|
||||
### Attributes
|
||||
|
||||
| Name | Description | Type | Default |
|
||||
| -------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ------- |
|
||||
| percentage | percentage, **required** | ^[number]`(0-100)` | 0 |
|
||||
| type | the type of progress bar | ^[enum]`'line' \| 'circle' \| 'dashboard'` | line |
|
||||
| stroke-width | the width of progress bar | ^[number] | 6 |
|
||||
| text-inside | whether to place the percentage inside progress bar, only works when `type` is 'line' | ^[boolean] | false |
|
||||
| status | the current status of progress bar | ^[enum]`'success' \| 'exception' \| 'warning'` | — |
|
||||
| indeterminate | set indeterminate progress | ^[boolean] | false |
|
||||
| duration | control the animation duration of indeterminate progress or striped flow progress | ^[number] | 3 |
|
||||
| color | background color of progress bar. Overrides `status` prop | ^[string] / ^[function]`(percentage: number) => string` / ^[Array]`{ color: string; percentage: number }[]` | '' |
|
||||
| width | the canvas width of circle progress bar | ^[number] | 126 |
|
||||
| show-text | whether to show percentage | ^[boolean] | true |
|
||||
| stroke-linecap | circle/dashboard type shape at the end path | ^[enum]`'butt' \| 'round' \| 'square'` | round |
|
||||
| format | custom text format | ^[Function]`(percentage: number) => string` | — |
|
||||
| striped ^(2.3.4) | stripe over the progress bar's color | ^[boolean] | false |
|
||||
| striped-flow ^(2.3.4) | get the stripes to flow | ^[boolean] | false |
|
||||
| Name | Description | Type | Default |
|
||||
| --------------------- | ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ------- |
|
||||
| percentage | percentage, **required** | ^[number]`(0-100)` | 0 |
|
||||
| type | the type of progress bar | ^[enum]`'line' \| 'circle' \| 'dashboard'` | line |
|
||||
| stroke-width | the width of progress bar | ^[number] | 6 |
|
||||
| text-inside | whether to place the percentage inside progress bar, only works when `type` is 'line' | ^[boolean] | false |
|
||||
| status | the current status of progress bar | ^[enum]`'success' \| 'exception' \| 'warning'` | — |
|
||||
| indeterminate | set indeterminate progress | ^[boolean] | false |
|
||||
| duration | control the animation duration of indeterminate progress or striped flow progress | ^[number] | 3 |
|
||||
| color | background color of progress bar. Overrides `status` prop | ^[string] / ^[function]`(percentage: number) => string` / ^[Array]`{ color: string; percentage: number }[]` | '' |
|
||||
| width | the canvas width of circle progress bar | ^[number] | 126 |
|
||||
| show-text | whether to show percentage | ^[boolean] | true |
|
||||
| stroke-linecap | circle/dashboard type shape at the end path | ^[enum]`'butt' \| 'round' \| 'square'` | round |
|
||||
| format | custom text format | ^[Function]`(percentage: number) => string` | — |
|
||||
| striped ^(2.3.4) | stripe over the progress bar's color | ^[boolean] | false |
|
||||
| striped-flow ^(2.3.4) | get the stripes to flow | ^[boolean] | false |
|
||||
|
||||
### Slots
|
||||
|
||||
|
@ -26,7 +26,7 @@
|
||||
map.get($button, 'bg-color')
|
||||
);
|
||||
border: getCssVar('border');
|
||||
border-left-color:transparent;
|
||||
border-left-color: transparent;
|
||||
color: var(
|
||||
#{getCssVarName('button-text-color')},
|
||||
map.get($button, 'text-color')
|
||||
|
Loading…
Reference in New Issue
Block a user