Ben Lin
2024-06-18 ebbd788fbb2c0b45d4473798efc57eec8ba74a25
src/components/Tree/src/components/TreeHeader.vue
@@ -1,5 +1,5 @@
<template>
  <div :class="bem()" class="flex px-2 py-1.5 items-center">
  <div :class="bem()" class="flex mb-1 px-2 py-1.5 items-center">
    <slot name="headerTitle" v-if="slots.headerTitle"></slot>
    <BasicTitle :helpMessage="helpMessage" v-if="!slots.headerTitle && title">
      {{ title }}
@@ -34,12 +34,19 @@
</template>
<script lang="ts" setup>
  import { type PropType, computed, ref, watch, useSlots } from 'vue';
  import { Dropdown, Menu, MenuItem, MenuDivider, InputSearch } from 'ant-design-vue';
  import {
    Dropdown,
    Menu,
    MenuItem,
    MenuDivider,
    InputSearch,
    type MenuProps,
  } from 'ant-design-vue';
  import Icon from '@/components/Icon/Icon.vue';
  import { BasicTitle } from '/@/components/Basic';
  import { useI18n } from '/@/hooks/web/useI18n';
  import { BasicTitle } from '@/components/Basic';
  import { useI18n } from '@/hooks/web/useI18n';
  import { useDebounceFn } from '@vueuse/core';
  import { createBEM } from '/@/utils/bem';
  import { createBEM } from '@/utils/bem';
  import { ToolbarEnum } from '../types/tree';
  const searchValue = ref('');
@@ -80,7 +87,7 @@
      default: undefined,
    },
  } as const);
  const emit = defineEmits(['strictly-change', 'search', 'addHouse']);
  const emit = defineEmits(['strictly-change', 'search']);
  const slots = useSlots();
  const { t } = useI18n();
@@ -116,14 +123,13 @@
            divider: checkable,
          },
          ...defaultToolbarList,
          // { label: t('component.tree.checkStrictly'), value: ToolbarEnum.CHECK_STRICTLY },
          // { label: t('component.tree.checkUnStrictly'), value: ToolbarEnum.CHECK_UN_STRICTLY },
          { label: t('component.tree.checkStrictly'), value: ToolbarEnum.CHECK_STRICTLY },
          { label: t('component.tree.checkUnStrictly'), value: ToolbarEnum.CHECK_UN_STRICTLY },
        ]
      : defaultToolbarList;
  });
  function handleMenuClick(e: { key: ToolbarEnum }) {
    const { key } = e;
  const handleMenuClick: MenuProps['onClick'] = ({ key }) => {
    switch (key) {
      case ToolbarEnum.SELECT_ALL:
        props.checkAll?.(true);
@@ -144,7 +150,7 @@
        emit('strictly-change', true);
        break;
    }
  }
  };
  function emitChange(value?: string): void {
    emit('search', value);