From c804b21ceb92133c6ea7cc64c87521cc164e40ce Mon Sep 17 00:00:00 2001
From: Soybean <2570172956@qq.com>
Date: Wed, 5 Jan 2022 19:06:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E6=B7=BB=E5=8A=A0NaiveProvid?=
 =?UTF-8?q?er=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/AppProvider.vue                            | 15 ++++++++++++---
 .../components/NaiveProviderContent.vue        | 18 ++++++++++++++++++
 .../common/NaiveProvider/components/index.ts   |  3 +++
 src/components/common/NaiveProvider/index.vue  | 18 ++++++++++++++++++
 src/components/common/index.ts                 |  3 ++-
 src/components/index.ts                        |  1 +
 6 files changed, 54 insertions(+), 4 deletions(-)
 create mode 100644 src/components/common/NaiveProvider/components/NaiveProviderContent.vue
 create mode 100644 src/components/common/NaiveProvider/components/index.ts
 create mode 100644 src/components/common/NaiveProvider/index.vue

diff --git a/src/AppProvider.vue b/src/AppProvider.vue
index c62407e1..8acec2bc 100644
--- a/src/AppProvider.vue
+++ b/src/AppProvider.vue
@@ -1,11 +1,20 @@
 <template>
-  <n-config-provider :theme="theme.naiveTheme" :theme-overrides="theme.naiveThemeOverrides" class="h-full">
-    <slot></slot>
+  <n-config-provider
+    :theme="theme.naiveTheme"
+    :theme-overrides="theme.naiveThemeOverrides"
+    :locale="zhCN"
+    :date-locale="dateZhCN"
+    class="h-full"
+  >
+    <naive-provider>
+      <slot></slot>
+    </naive-provider>
   </n-config-provider>
 </template>
 
 <script setup lang="ts">
-import { NConfigProvider } from 'naive-ui';
+import { NConfigProvider, zhCN, dateZhCN } from 'naive-ui';
+import { NaiveProvider } from '@/components';
 import { useThemeStore } from '@/store';
 
 const theme = useThemeStore();
diff --git a/src/components/common/NaiveProvider/components/NaiveProviderContent.vue b/src/components/common/NaiveProvider/components/NaiveProviderContent.vue
new file mode 100644
index 00000000..e497643a
--- /dev/null
+++ b/src/components/common/NaiveProvider/components/NaiveProviderContent.vue
@@ -0,0 +1,18 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup>
+import { useLoadingBar, useDialog, useMessage, useNotification } from 'naive-ui';
+
+// 挂载naive组件的方法至window, 以便在路由钩子函数和请求函数里面调用
+function registerNaiveTools() {
+  window.$loadingBar = useLoadingBar();
+  window.$dialog = useDialog();
+  window.$message = useMessage();
+  window.$notification = useNotification();
+}
+
+registerNaiveTools();
+</script>
+<style scoped></style>
diff --git a/src/components/common/NaiveProvider/components/index.ts b/src/components/common/NaiveProvider/components/index.ts
new file mode 100644
index 00000000..11b83311
--- /dev/null
+++ b/src/components/common/NaiveProvider/components/index.ts
@@ -0,0 +1,3 @@
+import NaiveProviderContent from './NaiveProviderContent.vue';
+
+export { NaiveProviderContent };
diff --git a/src/components/common/NaiveProvider/index.vue b/src/components/common/NaiveProvider/index.vue
new file mode 100644
index 00000000..ab32c03b
--- /dev/null
+++ b/src/components/common/NaiveProvider/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <n-loading-bar-provider>
+    <n-dialog-provider>
+      <n-notification-provider>
+        <n-message-provider>
+          <slot></slot>
+          <naive-provider-content />
+        </n-message-provider>
+      </n-notification-provider>
+    </n-dialog-provider>
+  </n-loading-bar-provider>
+</template>
+
+<script setup lang="ts">
+import { NLoadingBarProvider, NDialogProvider, NNotificationProvider, NMessageProvider } from 'naive-ui';
+import { NaiveProviderContent } from './components';
+</script>
+<style scoped></style>
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
index 172c886d..2e5b4cab 100644
--- a/src/components/common/index.ts
+++ b/src/components/common/index.ts
@@ -1,4 +1,5 @@
+import NaiveProvider from './NaiveProvider/index.vue';
 import SystemLogo from './SystemLogo/index.vue';
 import DarkModeSwitch from './DarkModeSwitch/index.vue';
 
-export { SystemLogo, DarkModeSwitch };
+export { NaiveProvider, SystemLogo, DarkModeSwitch };
diff --git a/src/components/index.ts b/src/components/index.ts
index 2047bf38..814c5b36 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,3 +1,4 @@
 export * from './common';
+export * from './common';
 export * from './custom';
 export * from './business';