From d9e2defa177e538b2fa316835b31cd3c3c762d53 Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Mon, 2 Feb 2026 19:51:45 +0800
Subject: [PATCH] =?UTF-8?q?docs(demo):=20=E6=9B=B4=E6=96=B0=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=BC=94=E7=A4=BA=E9=A1=B5=E9=9D=A2=E7=BB=93=E6=9E=84?=
 =?UTF-8?q?=E5=92=8C=E6=96=87=E6=A1=A3=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复CuteLinkDemo组件API文档中的字段描述错误
- 添加完整的组件演示导航页面index.vue
- 集成基础组件、快捷组件等多个组件演示入口
- 统一组件演示页面的布局和标签页管理
- 完善组件文档的必填项标识和类型定义
---
 .../views/componentsDemo/dev/CuteLinkDemo.vue |  4 +-
 .../src/views/componentsDemo/index.vue        | 64 +++++++++++++++++++
 2 files changed, 66 insertions(+), 2 deletions(-)
 create mode 100644 cutejava-front/src/views/componentsDemo/index.vue

diff --git a/cutejava-front/src/views/componentsDemo/dev/CuteLinkDemo.vue b/cutejava-front/src/views/componentsDemo/dev/CuteLinkDemo.vue
index 1382f9e8..f22b6cff 100644
--- a/cutejava-front/src/views/componentsDemo/dev/CuteLinkDemo.vue
+++ b/cutejava-front/src/views/componentsDemo/dev/CuteLinkDemo.vue
@@ -33,8 +33,8 @@ export default {
   data() {
     return {
       apiData: [
-        { name: 'title', remark: '按钮类型', type: 'primary| secondary | normal | text', defaultValue: 'normal', required: '否' },
-        { name: 'href', remark: '内置图标占位', type: '参考ElementUI icon', defaultValue: '-', required: '否' }
+        { name: 'title', remark: '标题', type: 'string', defaultValue: '-', required: '是' },
+        { name: 'href', remark: '任何有效文档的相对或绝对URL', type: 'string', defaultValue: '-', required: '是' }
       ]
     }
   }
diff --git a/cutejava-front/src/views/componentsDemo/index.vue b/cutejava-front/src/views/componentsDemo/index.vue
new file mode 100644
index 00000000..5132171f
--- /dev/null
+++ b/cutejava-front/src/views/componentsDemo/index.vue
@@ -0,0 +1,64 @@
+<template>
+  <cute-page>
+    <el-tabs v-model="tabKey">
+      <el-tab-pane label="基础组件" name="basic">
+        <el-collapse accordion>
+          <el-collapse-item title="按钮 CuteButton" name="CuteButton">
+            <CuteButtonDemo />
+          </el-collapse-item>
+          <el-collapse-item title="文字链接 CuteLink" name="CuteLink">
+            <CuteLinkDemo />
+          </el-collapse-item>
+        </el-collapse>
+      </el-tab-pane>
+      <el-tab-pane label="快捷组件" name="kit">
+        <el-collapse accordion>
+          <el-collapse-item title="信息提示 KitMessage" name="KitMessage">
+            <KitMessageDemo />
+          </el-collapse-item>
+          <el-collapse-item title="通知提醒框 KitNotification" name="KitNotification">
+            <KitNotificationDemo />
+          </el-collapse-item>
+          <el-collapse-item title="快捷对话框 KitDialog" name="KitDialog">
+            <KitDialogDemo />
+          </el-collapse-item>
+          <el-collapse-item title="WebSocket客户端 KitWsClient" name="KitWsClient">
+            <KitWsClientDemo />
+          </el-collapse-item>
+        </el-collapse>
+      </el-tab-pane>
+      <el-tab-pane label="业务组件" name="business" />
+      <el-tab-pane label="高级组件" name="advanced" />
+    </el-tabs>
+  </cute-page>
+</template>
+
+<script>
+
+import CutePage from '@/views/components/dev/CutePage.vue'
+import CuteButtonDemo from '@/views/componentsDemo/dev/CuteButtonDemo.vue'
+import KitMessageDemo from '@/views/componentsDemo/dev/KitMessageDemo.vue'
+import KitNotificationDemo from '@/views/componentsDemo/dev/KitNotificationDemo.vue'
+import KitDialogDemo from '@/views/componentsDemo/dev/KitDialogDemo.vue'
+import KitWsClientDemo from '@/views/componentsDemo/dev/KitWsClientDemo.vue'
+import CuteLinkDemo from '@/views/componentsDemo/dev/CuteLinkDemo.vue'
+
+export default {
+  name: 'SystemComponents',
+  components: {
+    CuteLinkDemo, KitWsClientDemo, KitDialogDemo, KitNotificationDemo, KitMessageDemo, CuteButtonDemo, CutePage },
+  props: {
+    value: {
+      type: Object,
+      required: true,
+      default: null
+    }
+  },
+  data() {
+    return {
+      tabKey: 'basic'
+    }
+  }
+}
+</script>
+