feat: improve dialog demo

Author: Justineo

one/docs/components/dialog.md

@@ -30,7 +30,7 @@
 
 ### 加载与禁用态
 
-[[ demo src="/demo/dialog/status.vue" ]]
+[[ demo src="/demo/dialog/state.vue" ]]
 
 ## API
 

one/docs/demo/dialog/state.vue

@@ -0,0 +1,45 @@
+<template>
+<article>
+  <veui-button @click="open = true">
+    Open Dialog
+  </veui-button>
+  <veui-dialog
+    :open.sync="open"
+    title="Dialog State"
+    :loading="loading"
+    :disabled="disabled"
+  >
+    <veui-stack gap="m">
+      <veui-checkbox v-model="loading">
+        Loading
+      </veui-checkbox>
+      <veui-checkbox
+        v-model="disabled"
+        class="ml-3p"
+      >
+        Disabled
+      </veui-checkbox>
+    </veui-stack>
+  </veui-dialog>
+</article>
+</template>
+
+<script>
+import { Dialog, Button, Stack, Checkbox } from 'veui'
+
+export default {
+  components: {
+    'veui-dialog': Dialog,
+    'veui-button': Button,
+    'veui-stack': Stack,
+    'veui-checkbox': Checkbox
+  },
+  data () {
+    return {
+      open: false,
+      disabled: false,
+      loading: false
+    }
+  }
+}
+</script>

one/docs/demo/dialog/status.vue

@@ -30,7 +30,7 @@ Available size/dimensional variants for the [`ui`](#props-ui) prop: `s` / `m` /
 
 ### Loading and disabled states
 
-[[ demo src="/demo/dialog/status.vue" ]]
+[[ demo src="/demo/dialog/state.vue" ]]
 
 ## API