From afcfce5a59186e4c129d89ddfa19d0382b747184 Mon Sep 17 00:00:00 2001
From: yuntian001 <479820787@qq.com>
Date: Mon, 8 Aug 2022 22:26:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=85=A8=E5=B1=80=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E3=80=81=E5=85=A8=E5=B1=80=E6=8C=87=E4=BB=A4=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E6=B3=A8=E5=86=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |  2 ++
 src/App.vue                                   |  1 -
 src/app.ts                                    |  4 ---
 src/components/{ => core}/meComponent.vue     |  0
 .../{ => core}/meKeepAlive/core/Suspense.ts   |  0
 .../meKeepAlive/core/apiAsyncComponent.ts     |  0
 .../{ => core}/meKeepAlive/core/component.ts  |  0
 .../core/componentPublicInstance.ts           |  0
 .../{ => core}/meKeepAlive/core/devtools.ts   |  0
 .../meKeepAlive/core/errorHandling.ts         |  0
 .../{ => core}/meKeepAlive/core/renderer.ts   |  0
 .../{ => core}/meKeepAlive/core/shapeFlags.ts |  0
 .../{ => core}/meKeepAlive/core/vnode.ts      |  0
 .../{ => core}/meKeepAlive/core/warning.ts    |  0
 .../{ => core}/meKeepAlive/index.ts           |  0
 src/components/index.ts                       | 14 +++++++++++
 .../core}/clickOutside.ts                     |  0
 src/directives/index.ts                       | 13 ++++++++++
 src/event/modules/core.ts                     |  4 +++
 src/icons/index.ts                            |  1 -
 src/layout/index.vue                          |  2 --
 src/utils/helper.ts                           | 21 ++++++++++++++++
 template/globalComponents.d.ts                |  7 ++++++
 template/globalDirectives.d.ts                |  7 ++++++
 vite.config.ts                                | 25 +++++++++++++++++--
 25 files changed, 91 insertions(+), 10 deletions(-)
 rename src/components/{ => core}/meComponent.vue (100%)
 rename src/components/{ => core}/meKeepAlive/core/Suspense.ts (100%)
 rename src/components/{ => core}/meKeepAlive/core/apiAsyncComponent.ts (100%)
 rename src/components/{ => core}/meKeepAlive/core/component.ts (100%)
 rename src/components/{ => core}/meKeepAlive/core/componentPublicInstance.ts (100%)
 rename src/components/{ => core}/meKeepAlive/core/devtools.ts (100%)
 rename src/components/{ => core}/meKeepAlive/core/errorHandling.ts (100%)
 rename src/components/{ => core}/meKeepAlive/core/renderer.ts (100%)
 rename src/components/{ => core}/meKeepAlive/core/shapeFlags.ts (100%)
 rename src/components/{ => core}/meKeepAlive/core/vnode.ts (100%)
 rename src/components/{ => core}/meKeepAlive/core/warning.ts (100%)
 rename src/components/{ => core}/meKeepAlive/index.ts (100%)
 create mode 100644 src/components/index.ts
 rename src/{directive => directives/core}/clickOutside.ts (100%)
 create mode 100644 src/directives/index.ts
 create mode 100644 template/globalComponents.d.ts
 create mode 100644 template/globalDirectives.d.ts

diff --git a/.gitignore b/.gitignore
index b7d53ef2..d2a6573a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,3 +26,5 @@ package-lock.json
 types/auto-imports.d.ts
 types/meIconComments.d.ts
 src/store/module.ts
+types/globalComponents.d.ts
+types/globalDirectives.d.ts
diff --git a/src/App.vue b/src/App.vue
index 459055ce..0e8d3ed7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,6 @@
   </el-config-provider>
 </template>
 <script setup lang="ts">
-import meComponent from './components/meComponent.vue';
 import { useSettingStore } from '@/store';
 import { sizeEnum } from '@/enums/configEnum';
 const settingStore = useSettingStore();
diff --git a/src/app.ts b/src/app.ts
index fa150fd5..2ec532de 100644
--- a/src/app.ts
+++ b/src/app.ts
@@ -2,13 +2,9 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import { event, mitter } from './event';
 import sidebarItem from '@/layout/components/sidebar/components/sidebarItem.vue';
-import meKeepAlive from '@/components/meKeepAlive';
-import clickOutside from "@/directive/clickOutside";
 export const app = createApp(App);
 export async function bootscrapt() {
     app.component('sidebarItem', sidebarItem);
-    app.component('meKeepAlive', meKeepAlive);
-    app.directive('ClickOutside', clickOutside)
     await Promise.allSettled(mitter.emit(event.ready, app));
     app.mount('#app');
 }
\ No newline at end of file
diff --git a/src/components/meComponent.vue b/src/components/core/meComponent.vue
similarity index 100%
rename from src/components/meComponent.vue
rename to src/components/core/meComponent.vue
diff --git a/src/components/meKeepAlive/core/Suspense.ts b/src/components/core/meKeepAlive/core/Suspense.ts
similarity index 100%
rename from src/components/meKeepAlive/core/Suspense.ts
rename to src/components/core/meKeepAlive/core/Suspense.ts
diff --git a/src/components/meKeepAlive/core/apiAsyncComponent.ts b/src/components/core/meKeepAlive/core/apiAsyncComponent.ts
similarity index 100%
rename from src/components/meKeepAlive/core/apiAsyncComponent.ts
rename to src/components/core/meKeepAlive/core/apiAsyncComponent.ts
diff --git a/src/components/meKeepAlive/core/component.ts b/src/components/core/meKeepAlive/core/component.ts
similarity index 100%
rename from src/components/meKeepAlive/core/component.ts
rename to src/components/core/meKeepAlive/core/component.ts
diff --git a/src/components/meKeepAlive/core/componentPublicInstance.ts b/src/components/core/meKeepAlive/core/componentPublicInstance.ts
similarity index 100%
rename from src/components/meKeepAlive/core/componentPublicInstance.ts
rename to src/components/core/meKeepAlive/core/componentPublicInstance.ts
diff --git a/src/components/meKeepAlive/core/devtools.ts b/src/components/core/meKeepAlive/core/devtools.ts
similarity index 100%
rename from src/components/meKeepAlive/core/devtools.ts
rename to src/components/core/meKeepAlive/core/devtools.ts
diff --git a/src/components/meKeepAlive/core/errorHandling.ts b/src/components/core/meKeepAlive/core/errorHandling.ts
similarity index 100%
rename from src/components/meKeepAlive/core/errorHandling.ts
rename to src/components/core/meKeepAlive/core/errorHandling.ts
diff --git a/src/components/meKeepAlive/core/renderer.ts b/src/components/core/meKeepAlive/core/renderer.ts
similarity index 100%
rename from src/components/meKeepAlive/core/renderer.ts
rename to src/components/core/meKeepAlive/core/renderer.ts
diff --git a/src/components/meKeepAlive/core/shapeFlags.ts b/src/components/core/meKeepAlive/core/shapeFlags.ts
similarity index 100%
rename from src/components/meKeepAlive/core/shapeFlags.ts
rename to src/components/core/meKeepAlive/core/shapeFlags.ts
diff --git a/src/components/meKeepAlive/core/vnode.ts b/src/components/core/meKeepAlive/core/vnode.ts
similarity index 100%
rename from src/components/meKeepAlive/core/vnode.ts
rename to src/components/core/meKeepAlive/core/vnode.ts
diff --git a/src/components/meKeepAlive/core/warning.ts b/src/components/core/meKeepAlive/core/warning.ts
similarity index 100%
rename from src/components/meKeepAlive/core/warning.ts
rename to src/components/core/meKeepAlive/core/warning.ts
diff --git a/src/components/meKeepAlive/index.ts b/src/components/core/meKeepAlive/index.ts
similarity index 100%
rename from src/components/meKeepAlive/index.ts
rename to src/components/core/meKeepAlive/index.ts
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 00000000..0089df16
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,14 @@
+import path from "path-browserify";
+import { App, ComponentOptions } from "vue";
+import { fileToHump } from '@/utils/helper';
+
+//注册全局组件
+export function installComponent(app: App) {
+    const componentModules = import.meta.glob(['./core/*.{vue,ts}', './core/*/index.{vue,ts}'], {
+        import: 'default',
+        eager: true
+    }) as Record<string, ComponentOptions>;
+    for (const key in componentModules) {
+        app.component(fileToHump(path.relative('/core', '/' + key)), componentModules[key]);
+    }
+}
\ No newline at end of file
diff --git a/src/directive/clickOutside.ts b/src/directives/core/clickOutside.ts
similarity index 100%
rename from src/directive/clickOutside.ts
rename to src/directives/core/clickOutside.ts
diff --git a/src/directives/index.ts b/src/directives/index.ts
new file mode 100644
index 00000000..df7746f4
--- /dev/null
+++ b/src/directives/index.ts
@@ -0,0 +1,13 @@
+import { fileToHump } from "@/utils/helper";
+import path from "path-browserify";
+import { App, Directive } from "vue";
+//注册全局指令
+export function installDirective(app: App) {
+    const directiveModules = import.meta.glob(['./core/*.ts', './core/*/index.ts'], {
+        import: 'default',
+        eager: true
+    }) as Record<string, Directive>;
+    for (const key in directiveModules) {
+        app.directive(fileToHump(path.relative('/core', '/' + key)), directiveModules[key]);
+    }
+}
\ No newline at end of file
diff --git a/src/event/modules/core.ts b/src/event/modules/core.ts
index a052ae67..a4f05a8a 100644
--- a/src/event/modules/core.ts
+++ b/src/event/modules/core.ts
@@ -6,6 +6,8 @@ import 'element-plus/dist/index.css';
 import 'element-plus/theme-chalk/dark/css-vars.css'
 import { installIcon } from '@/icons';
 import { installI18n } from '@/locales/i18n';
+import { installComponent } from '@/components';
+import { installDirective } from '@/directives';
 import nProgress from 'nprogress';
 import 'nprogress/nprogress.css';
 
@@ -14,6 +16,8 @@ mitter.once(event.ready, async (app) => {
     installIcon(app);
     await installStore(app);
     await installI18n(app);
+    installComponent(app);
+    installDirective(app);
     installRoute(app);
     window.addEventListener('resize', () => mitter.emit(event.resize));
     //进度条配置
diff --git a/src/icons/index.ts b/src/icons/index.ts
index 3b235ec2..04537a66 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -1,5 +1,4 @@
 /// <reference types="vite-svg-loader" />
-
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import path from 'path-browserify';
 import { App, Component, h } from 'vue'
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 450eae11..a2fb8976 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -27,9 +27,7 @@
 <script setup lang="ts" name="layout">
 import layoutSidebar from './components/sidebar/index.vue';
 import layoutNavbar from './components/navbar/index.vue';
-import meComponent from '@/components/meComponent.vue';
 import { useRouteStore, useSettingStore, useGlobalStore } from '@/store';
-import { MeKeepAliveProps } from '@/components/meKeepAlive';
 const settingStore = useSettingStore();
 const routeStore = useRouteStore();
 const globalStore = useGlobalStore();
diff --git a/src/utils/helper.ts b/src/utils/helper.ts
index 02007344..4ef65bc8 100644
--- a/src/utils/helper.ts
+++ b/src/utils/helper.ts
@@ -31,4 +31,25 @@ export function concatObjectValue<T, P extends Record<string, T[]> = Record<stri
         (currentValue, previousValue) => {
             return currentValue.concat(previousValue || []);
         }, [] as T[])
+}
+
+/**
+ * 文件名转驼峰
+ * @param fileName 
+ * @param nameTemplate 
+ * @returns 
+ */
+export const fileToHump = function (fileName: string): string {
+    const index = fileName.lastIndexOf('.');
+    if (index > 0) {
+        fileName = fileName.slice(0, index);
+    }
+    let fileNameArr = fileName.replace(/\\/g, '/').split('/');
+    if (fileNameArr[fileNameArr.length - 1] == 'index' || fileNameArr[fileNameArr.length - 1] == 'Index') {
+        fileNameArr.pop();
+    }
+    for (let i = 1, len = fileNameArr.length; i < len; i++) {
+        fileNameArr[i] = fileNameArr[i].slice(0, 1).toUpperCase() + fileNameArr[i].slice(1)
+    }
+    return fileNameArr.join('');
 }
\ No newline at end of file
diff --git a/template/globalComponents.d.ts b/template/globalComponents.d.ts
new file mode 100644
index 00000000..89e918b0
--- /dev/null
+++ b/template/globalComponents.d.ts
@@ -0,0 +1,7 @@
+//import code
+declare module "@vue/runtime-core" {
+    interface GlobalComponents {
+        //code
+    }
+}
+export { };
\ No newline at end of file
diff --git a/template/globalDirectives.d.ts b/template/globalDirectives.d.ts
new file mode 100644
index 00000000..2967f1cd
--- /dev/null
+++ b/template/globalDirectives.d.ts
@@ -0,0 +1,7 @@
+//import code
+declare module "@vue/runtime-core" {
+    interface ComponentCustomProperties {
+        //code
+    }
+}
+export { };
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index f8a6699a..8cb7c1f4 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -55,14 +55,35 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
           return 'MeIcon' + name[0].toUpperCase() + name.slice(1);
         },
         template: fs.readFileSync('./template/meIconComments.d.ts', 'utf-8'),
-        codeTemplates: [{ key: '\n        //code', template: '\n        {{name}}: Icon;' }]
+        codeTemplates: [{ key: '        //code', template: '        {{name}}: Icon;/n' }]
       },
       {//pinia module
         pattern: ['**/*.{ts,js}', '*.{ts,js}'],
         dir: 'src/store/modules',
         toFile: 'src/store/module.ts',
         name: 'use_{{name}}_store'
-      }
+      },
+      {//global component
+        pattern: ['*.{vue,ts}', '*/index.{vue,ts}'],
+        dir: 'src/components/core',
+        toFile: 'types/globalComponents.d.ts',
+        template: fs.readFileSync('./template/globalComponents.d.ts', 'utf-8'),
+        codeTemplates: [
+          { key: '//import code', template: 'import {{name}} from "{{path}}"\n' },
+          { key: '        //code', template: '        {{name}}: typeof {{name}};\n' }
+        ]
+      },
+      {//global directives
+        pattern: ['*.{vue,ts}', '*/index.{vue,ts}'],
+        dir: 'src/directives/core',
+        toFile: 'types/globalDirectives.d.ts',
+        template: fs.readFileSync('./template/globalDirectives.d.ts', 'utf-8'),
+        codeTemplates: [
+          { key: '//import code', template: 'import {{name}} from "{{path}}"\n' },
+          { key: '        //code', template: '        {{name}}: typeof {{name}};\n' }
+        ],
+        name: 'v_{{name}}'
+      },
     ]),
     vueSetUpExtend({ setLangImport: true, exclude: ['steup', 'lang'], setComponents: true })
     ],