<!-- 搜索表单 -->
<template>
  <a-space style="flex-wrap: wrap">
    <!--    <a-button type="primary" class="ele-btn-icon" @click="add">-->
    <!--      <template #icon>-->
    <!--        <PlusOutlined />-->
    <!--      </template>-->
    <!--      <span>添加</span>-->
    <!--    </a-button>-->
    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/mp-pages`)">-->
    <!--      <span>页面管理</span>-->
    <!--    </a-button>-->
    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/mp-field/0`)">-->
    <!--      <span>参数配置</span>-->
    <!--    </a-button>-->
    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/mp-ad`)">-->
    <!--      <span>广告管理</span>-->
    <!--    </a-button>-->
    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/mp-group`)">-->
    <!--      <span>卡片管理</span>-->
    <!--    </a-button>-->
    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/mp-package`)">-->
    <!--      <span>分包管理</span>-->
    <!--    </a-button>-->
  </a-space>
</template>

<script lang="ts" setup>
  import { PlusOutlined } from '@ant-design/icons-vue';
  import { watch } from 'vue';
  import { openUrl } from '@/utils/common';

  const props = withDefaults(
    defineProps<{
      // 选中的角色
      selection?: [];
      count?: 0;
    }>(),
    {}
  );

  const emit = defineEmits<{
    (e: 'add'): void;
  }>();

  const add = () => {
    emit('add');
  };

  watch(
    () => props.selection,
    () => {}
  );
</script>
