diff --git a/src/main.ts b/src/main.ts
index b97a0d93..5d207075 100644
--- a/src/main.ts
+++ b/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();
diff --git a/src/plugins/components.ts b/src/plugins/components.ts
new file mode 100644
index 00000000..f0c2b134
--- /dev/null
+++ b/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);
+}
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
index b2c9f9b5..3f5a0014 100644
--- a/src/plugins/index.ts
+++ b/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';