| | |
| | | <template> |
| | | <div class="flex px-2 py-1.5 items-center border-b-1"> |
| | | <BasicTitle :helpMessage="helpMessage" v-if="title">{{ title }}</BasicTitle> |
| | | <slot name="headerTitle" v-if="$slots.headerTitle"></slot> |
| | | <BasicTitle :helpMessage="helpMessage" v-if="!$slots.headerTitle && title"> |
| | | {{ title }} |
| | | </BasicTitle> |
| | | |
| | | <div class="flex flex-1 justify-end items-center cursor-pointer" v-if="search || toolbar"> |
| | | <div class="mr-1 w-2/3" v-if="search"> |
| | | <InputSearch :placeholder="t('common.searchText')" size="small" @change="handleSearch" /> |
| | | <InputSearch |
| | | :placeholder="t('common.searchText')" |
| | | size="small" |
| | | allowClear |
| | | @change="handleSearch" |
| | | /> |
| | | </div> |
| | | <Dropdown @click.prevent v-if="toolbar"> |
| | | <Icon icon="ion:ellipsis-vertical" /> |
| | |
| | | </template> |
| | | <script lang="ts"> |
| | | import type { PropType } from 'vue'; |
| | | import { defineComponent, ref, computed } from 'vue'; |
| | | import { defineComponent, computed } from 'vue'; |
| | | |
| | | import { Dropdown, Menu, Input } from 'ant-design-vue'; |
| | | import { Icon } from '/@/components/Icon'; |
| | |
| | | }, |
| | | ...defaultToolbarList, |
| | | { label: t('component.tree.checkStrictly'), value: ToolbarEnum.CHECK_STRICTLY }, |
| | | { label: t('component.tree.checkUnStrictly'), value: ToolbarEnum.CHE }, |
| | | { label: t('component.tree.checkUnStrictly'), value: ToolbarEnum.CHECK_UN_STRICTLY }, |
| | | ] |
| | | : defaultToolbarList; |
| | | }); |