feat(projects): 支持 pro-naive-ui 配置表单的按需加载

src/main.ts

@@ -1,6 +1,13 @@
 import { createApp } from 'vue';
 import './plugins/assets';
-import { setupAppVersionNotification, setupDayjs, setupIconifyOffline, setupLoading, setupNProgress } from './plugins';
+import {
+  setupAppVersionNotification,
+  setupDayjs,
+  setupIconifyOffline,
+  setupLoading,
+  setupNProgress,
+  setupProNaiveComponents
+} from './plugins';
 import { setupStore } from './store';
 import { setupRouter } from './router';
 import { setupI18n } from './locales';
@@ -21,6 +28,8 @@ async function setupApp() {
 
   await setupRouter(app);
 
+  setupProNaiveComponents(app);
+
   setupI18n(app);
 
   setupAppVersionNotification();

src/plugins/components.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import { ProDate, ProDateTime, ProInput, ProRate, create } from 'pro-naive-ui';
+
+/** pro-naive-ui 支持配置表单的按需加载，所以需要注册 */
+export function setupProNaiveComponents(app: App) {
+  const proNaive = create({
+    components: [ProInput, ProDate, ProDateTime, ProRate]
+  });
+  app.use(proNaive);
+}

src/plugins/index.ts

@@ -1,5 +1,6 @@
 export * from './loading';
 export * from './nprogress';
+export * from './components';
 export * from './iconify';
 export * from './dayjs';
 export * from './app';