1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
| <template>
| <div>
| <slot name="insertFooter"></slot>
| <a-button v-bind="cancelButtonProps" @click="handleCancel" v-if="showCancelBtn">
| {{ cancelText }}
| </a-button>
| <slot name="centerFooter"></slot>
| <a-button
| :type="okType"
| @click="handleOk"
| :loading="confirmLoading"
| v-bind="okButtonProps"
| v-if="showOkBtn"
| >
| {{ okText }}
| </a-button>
| <slot name="appendFooter"></slot>
| </div>
| </template>
| <script lang="ts">
| import { defineComponent } from 'vue';
|
| import { basicProps } from '../props';
|
| export default defineComponent({
| name: 'BasicModalFooter',
| props: basicProps,
| emits: ['ok', 'cancel'],
| setup(_, { emit }) {
| function handleOk(e: Event) {
| emit('ok', e);
| }
|
| function handleCancel(e: Event) {
| emit('cancel', e);
| }
|
| return { handleOk, handleCancel };
| },
| });
| </script>
|
|
