docs(modal): modal添加keep-last的demo

Author: wowCheng

packages/devui-vue/docs/components/modal/index.md

@@ -45,6 +45,43 @@ export default defineComponent({
 
 :::
 
+### 保留最后一次关闭位置
+
+:::demo `keep-last`可使当前modal再次打开时保留上次关闭位置。
+
+```vue
+<template>
+ <d-button @click="handleClick">打开 modal</d-button>
+ <d-modal v-model="visible" title="Start Keep Last" :keep-last="true">
+ <div>name: {{ data.name }}</div>
+ <div>age: {{ data.age }}</div>
+ <div>address: {{ data.address }}</div>
+ </d-modal>
+</template>
+
+<script>
+import { defineComponent, ref, reactive } from 'vue';
+
+export default defineComponent({
+ setup() {
+ const visible = ref(false);
+ const data = reactive({
+ name: 'Tom',
+ age: 20,
+ address: 'Chengdu',
+ });
+ const handleClick = () => {
+ visible.value = true;
+ };
+
+ return { visible, data, handleClick };
+ },
+});
+</script>
+```
+
+:::
+
 ### 自定义标题和操作按钮
 
 :::demo `header`插槽可以自定义 Modal 顶部区域，子组件`d-modal-header`为顶部区域提供了默认样式，自定义样式可通过在子组件设置`style/class`实现。`footer`插槽同理。