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
| <template>
| <div :class="[`${prefixCls}__header px-2 py-5`, $attrs.class]">
| <BasicTitle :helpMessage="helpMessage" normal>
| <template v-if="title">
| {{ title }}
| </template>
| <template v-else>
| <slot name="title"></slot>
| </template>
| </BasicTitle>
| <div :class="`${prefixCls}__action`">
| <slot name="action"></slot>
| <BasicArrow v-if="canExpan" up :expand="show" @click="$emit('expand')" />
| </div>
| </div>
| </template>
| <script lang="ts">
| import { defineComponent } from 'vue';
| import { BasicArrow, BasicTitle } from '/@/components/Basic';
|
| const props = {
| prefixCls: { type: String },
| helpMessage: {
| type: [Array, String] as PropType<string[] | string>,
| default: '',
| },
| title: { type: String },
| show: { type: Boolean },
| canExpan: { type: Boolean },
| };
|
| export default defineComponent({
| components: { BasicArrow, BasicTitle },
| inheritAttrs: false,
| props,
| emits: ['expand'],
| });
| </script>
|
|
