docs: update disabled prop/demo for dialog

Change-Id: I7eaa2da3d5f1d62b874c6a6282d4cd38229bdeda
This commit is contained in:
xiaodemen
2021-04-29 17:33:17 +08:00
committed by GU Yiling
parent 41ecb7a893
commit c738f7e8ca
4 changed files with 75 additions and 20 deletions

View File

@@ -28,6 +28,10 @@
[[ demo src="/demo/dialog/stack.vue" ]]
### Loading or Disabled
[[ demo src="/demo/dialog/status.vue" ]]
## API
### 属性
@@ -45,6 +49,7 @@
| `inline` | `boolean=` | `false` | 是否内联在内容中显示并占用内容空间。 |
| `footless` | `boolean=` | `false` | 是否不显示默认的底部操作栏。 |
| `loading` | `boolean=` | `false` | 是否处于加载状态。处于加载状态时确定按钮也将进入加载状态,无法点击。 |
| `disabled` | `boolean=` | `false` | 是否处于禁用状态。处于加载状态时确定按钮也将进入禁用状态,无法点击。 |
| `priority` | `number=` | - | 对话框浮层层叠权重,参考 [`Overlay`](./overlay) 组件的 [`priority`](./overlay#props) 属性。 |
| `before-close` | `function(string): boolean=|Promise<boolean=>` | - | [^before-close] |
| `overlay-class` | `string|Object=` | - | 对话框浮层根元素类名,参考 [`Overlay`](./overlay) 组件的 [`overlay-class`](./overlay#props) 属性。 |

View File

@@ -0,0 +1,50 @@
<template>
<article>
<div class="op-wrap">
<veui-button @click="aOpen = true">
Open Dialog
</veui-button>
<veui-checkbox v-model="loading">Loading</veui-checkbox>
<veui-checkbox class="ml-3p" v-model="disabled">Disabled</veui-checkbox>
</div>
<veui-dialog
:open.sync="aOpen"
title="Dialog A"
:loading="loading"
:disabled="disabled"
>
The content of Dialog A.
</veui-dialog>
</article>
</template>
<script>
import { Dialog, Button, Checkbox } from 'veui'
export default {
components: {
'veui-dialog': Dialog,
'veui-button': Button,
'veui-checkbox': Checkbox
},
data () {
return {
aOpen: false,
disabled: false,
loading: false
}
}
}
</script>
<style lang="less" scoped docs>
.veui-button {
margin-right: 20px;
}
.op-wrap {
display: flex;
}
.ml-3p {
margin-left: 12px;
}
</style>