From c4d959d1331ca2e0cd4aae950e6e55d2320db349 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Wed, 4 Sep 2024 09:18:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=AD=97=E5=85=B8=E4=B8=8B=E6=8B=89=E9=80=89=E9=A1=B9=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{common => custom}/boolean-tag.vue        |  0
 src/components/custom/dict-select.vue         | 39 +++++++++++++++++++
 .../{common => custom}/status-tag.vue         |  0
 src/typings/components.d.ts                   |  5 ++-
 src/views/system/menu/index.vue               |  2 +-
 5 files changed, 43 insertions(+), 3 deletions(-)
 rename src/components/{common => custom}/boolean-tag.vue (100%)
 create mode 100644 src/components/custom/dict-select.vue
 rename src/components/{common => custom}/status-tag.vue (100%)

diff --git a/src/components/common/boolean-tag.vue b/src/components/custom/boolean-tag.vue
similarity index 100%
rename from src/components/common/boolean-tag.vue
rename to src/components/custom/boolean-tag.vue
diff --git a/src/components/custom/dict-select.vue b/src/components/custom/dict-select.vue
new file mode 100644
index 00000000..bd85621f
--- /dev/null
+++ b/src/components/custom/dict-select.vue
@@ -0,0 +1,39 @@
+<script setup lang="tsx">
+import { ref, useAttrs, watch } from 'vue';
+import { useLoading } from '@sa/hooks';
+import type { SelectProps } from 'naive-ui';
+import { useDict } from '@/hooks/business/dict';
+
+defineOptions({ name: 'DictSelect' });
+
+const dictType = defineModel<string>('value', { required: true });
+
+const attrs: SelectProps = useAttrs();
+const { getDictOptions } = useDict();
+const options = ref<Array<CommonType.Option>>([]);
+const { loading, startLoading, endLoading } = useLoading();
+
+async function getDeptOptions() {
+  if (!dictType.value) {
+    return;
+  }
+  startLoading();
+  const dictData = await getDictOptions(dictType.value);
+  options.value = dictData[dictType.value];
+  endLoading();
+}
+
+watch(
+  () => dictType.value,
+  () => {
+    getDeptOptions();
+  },
+  { immediate: true }
+);
+</script>
+
+<template>
+  <NSelect :loading="loading" :options="options" :clear-filter-after-select="false" v-bind="attrs" />
+</template>
+
+<style scoped></style>
diff --git a/src/components/common/status-tag.vue b/src/components/custom/status-tag.vue
similarity index 100%
rename from src/components/common/status-tag.vue
rename to src/components/custom/status-tag.vue
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index fd9cb17e..2b749c34 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -9,10 +9,11 @@ declare module 'vue' {
   export interface GlobalComponents {
     AppProvider: typeof import('./../components/common/app-provider.vue')['default']
     BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default']
-    BooleanTag: typeof import('./../components/common/boolean-tag.vue')['default']
+    BooleanTag: typeof import('./../components/custom/boolean-tag.vue')['default']
     ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default']
     CountTo: typeof import('./../components/custom/count-to.vue')['default']
     DarkModeContainer: typeof import('./../components/common/dark-mode-container.vue')['default']
+    DictSelect: typeof import('./../components/custom/dict-select.vue')['default']
     ExceptionBase: typeof import('./../components/common/exception-base.vue')['default']
     FullScreen: typeof import('./../components/common/full-screen.vue')['default']
     IconAntDesignEnterOutlined: typeof import('~icons/ant-design/enter-outlined')['default']
@@ -103,7 +104,7 @@ declare module 'vue' {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SoybeanAvatar: typeof import('./../components/custom/soybean-avatar.vue')['default']
-    StatusTag: typeof import('./../components/common/status-tag.vue')['default']
+    StatusTag: typeof import('./../components/custom/status-tag.vue')['default']
     SvgIcon: typeof import('./../components/custom/svg-icon.vue')['default']
     SystemLogo: typeof import('./../components/common/system-logo.vue')['default']
     TableColumnSetting: typeof import('./../components/advanced/table-column-setting.vue')['default']
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index d635b76a..91ac2a7b 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -10,7 +10,7 @@ import { menuTypeRecord } from '@/constants/business';
 import ButtonIcon from '@/components/custom/button-icon.vue';
 import { $t } from '@/locales';
 import { handleMenuTree } from '@/utils/ruoyi';
-import StatusTag from '@/components/common/status-tag.vue';
+import StatusTag from '@/components/custom/status-tag.vue';
 import { useDict } from '@/hooks/business/dict';
 import MenuOperateDrawer from './modules/menu-operate-drawer.vue';