chore: 修改文件夹路径

apps/web-antd/src/components/tenant-toggle/index.ts

@@ -0,0 +1,5 @@
+import { withInstall } from '#/utils';
+
+import tenantToggle from './src/index.vue';
+
+export const TenantToggle = withInstall(tenantToggle);

apps/web-antd/src/components/tenant-toggle/readme.md

@@ -0,0 +1 @@
+租户切换组件

apps/web-antd/src/components/tenant-toggle/src/index.vue

@@ -0,0 +1,105 @@
+<script setup lang="ts">
+import type { TenantOption } from '#/api';
+
+import { computed, onMounted, ref, unref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { useAccess } from '@vben/access';
+import { DEFAULT_HOME_PATH } from '@vben/constants';
+import { useTabs } from '@vben/hooks';
+
+import { message, Select } from 'ant-design-vue';
+import { storeToRefs } from 'pinia';
+
+import { tenantDynamicClear, tenantDynamicToggle } from '#/api/system/tenant';
+import { useDictStore } from '#/store/dict';
+import { useTenantStore } from '#/store/tenant';
+
+const { hasAccessByRoles } = useAccess();
+
+// 上一次选择的租户
+const lastSelected = ref<string>();
+// 当前选择租户的id
+const selected = ref<string>();
+
+const tenantStore = useTenantStore();
+const { initTenant, setChecked } = tenantStore;
+const { tenantEnable, tenantList } = storeToRefs(tenantStore);
+
+const showToggle = computed<boolean>(() => {
+  // 超级管理员 && 启用租户
+  return hasAccessByRoles(['superadmin']) && unref(tenantEnable);
+});
+
+onMounted(async () => {
+  if (!hasAccessByRoles(['superadmin'])) {
+    return;
+  }
+  await initTenant();
+});
+
+const { closeAllTabs } = useTabs();
+const router = useRouter();
+function close(checked: boolean) {
+  // store设置状态
+  setChecked(checked);
+  // 需要关闭全部标签页
+  closeAllTabs();
+  // 切换完加载首页
+  router.push(DEFAULT_HOME_PATH);
+}
+
+const dictStore = useDictStore();
+/**
+ * 为什么要用any ide报错😅 实际类型为string
+ */
+async function onSelected(tenantId: any, option: any) {
+  if (unref(lastSelected) === tenantId) {
+    // createMessage.info('选择一致');
+    return;
+  }
+  await tenantDynamicToggle(tenantId);
+  lastSelected.value = tenantId;
+  dictStore.resetCache();
+  message.success(`切换当前租户为: ${option.companyName}`);
+  close(true);
+}
+
+async function onDeselect() {
+  await tenantDynamicClear();
+  dictStore.resetCache();
+  message.success('还原为默认租户');
+  lastSelected.value = '';
+  close(false);
+}
+
+/**
+ * select搜索使用
+ * @param input 输入内容
+ * @param option 选项
+ */
+function filterOption(input: string, option: TenantOption) {
+  return option.companyName.toLowerCase().includes(input.toLowerCase());
+}
+</script>
+
+<template>
+  <div v-if="showToggle" class="mr-[8px] hidden md:block">
+    <Select
+      v-model:value="selected"
+      :field-names="{ label: 'companyName', value: 'tenantId' }"
+      :filter-option="filterOption"
+      :options="tenantList"
+      allow-clear
+      class="w-60"
+      placeholder="选择租户"
+      show-search
+      @deselect="onDeselect"
+      @select="onSelected"
+    >
+      <template #suffixIcon>
+        <span class="icon-mdi--company"></span>
+      </template>
+    </Select>
+  </div>
+</template>