diff --git a/build/plugins/router.ts b/build/plugins/router.ts
index 65460f92..c63e8dfb 100644
--- a/build/plugins/router.ts
+++ b/build/plugins/router.ts
@@ -19,6 +19,7 @@ export function setupElegantRouter() {
         'document_vite',
         'document_unocss',
         'document_naive',
+        'document_pro-naive',
         'document_antd',
         'document_alova'
       ]
diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts
index 2444ddb9..9f0aaa2d 100644
--- a/src/locales/langs/en-us.ts
+++ b/src/locales/langs/en-us.ts
@@ -170,6 +170,7 @@ const local: App.I18n.Schema = {
     document_vite: 'Vite Document',
     document_unocss: 'UnoCSS Document',
     document_naive: 'Naive UI Document',
+    'document_pro-naive': 'Pro Naive UI Document',
     document_antd: 'Ant Design Vue Document',
     document_alova: 'Alova Document',
     'user-center': 'User Center',
diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts
index ffce4039..5b2f6800 100644
--- a/src/locales/langs/zh-cn.ts
+++ b/src/locales/langs/zh-cn.ts
@@ -170,6 +170,7 @@ const local: App.I18n.Schema = {
     document_vite: 'Vite文档',
     document_unocss: 'UnoCSS文档',
     document_naive: 'Naive UI文档',
+    'document_pro-naive': 'Pro Naive UI文档',
     document_antd: 'Ant Design Vue文档',
     document_alova: 'Alova文档',
     'user-center': '个人中心',
diff --git a/src/router/elegant/transform.ts b/src/router/elegant/transform.ts
index ed5a79c4..099ff7ab 100644
--- a/src/router/elegant/transform.ts
+++ b/src/router/elegant/transform.ts
@@ -174,6 +174,7 @@ const routeMap: RouteMap = {
   "document_vite": "/document/vite",
   "document_unocss": "/document/unocss",
   "document_naive": "/document/naive",
+  "document_pro-naive": "/document/pro-naive",
   "document_antd": "/document/antd",
   "document_alova": "/document/alova",
   "403": "/403",
diff --git a/src/router/routes/index.ts b/src/router/routes/index.ts
index 5be1e3b7..56f75106 100644
--- a/src/router/routes/index.ts
+++ b/src/router/routes/index.ts
@@ -91,6 +91,20 @@ const customRoutes: CustomRoute[] = [
           icon: 'logos:naiveui'
         }
       },
+      {
+        name: 'document_pro-naive',
+        path: '/document/pro-naive',
+        component: 'view.iframe-page',
+        props: {
+          url: 'https://naive-ui.pro-components.cn/'
+        },
+        meta: {
+          title: 'document_pro-naive',
+          i18nKey: 'route.document_pro-naive',
+          order: 6,
+          icon: 'logos:naiveui'
+        }
+      },
       {
         name: 'document_alova',
         path: '/document/alova',
diff --git a/src/typings/elegant-router.d.ts b/src/typings/elegant-router.d.ts
index e7c44fbb..aa1aee8b 100644
--- a/src/typings/elegant-router.d.ts
+++ b/src/typings/elegant-router.d.ts
@@ -28,6 +28,7 @@ declare module "@elegant-router/types" {
     "document_vite": "/document/vite";
     "document_unocss": "/document/unocss";
     "document_naive": "/document/naive";
+    "document_pro-naive": "/document/pro-naive";
     "document_antd": "/document/antd";
     "document_alova": "/document/alova";
     "403": "/403";
@@ -117,6 +118,7 @@ declare module "@elegant-router/types" {
     | "document_vite"
     | "document_unocss"
     | "document_naive"
+    | "document_pro-naive"
     | "document_antd"
     | "document_alova"
   >;
@@ -224,6 +226,7 @@ declare module "@elegant-router/types" {
     | "document_vite"
     | "document_unocss"
     | "document_naive"
+    | "document_pro-naive"
     | "document_antd"
     | "document_alova"
   >;