diff --git a/src/components/ReBarcode/index.ts b/src/components/ReBarcode/index.ts
index dc16c1d83..50d0ae75c 100644
--- a/src/components/ReBarcode/index.ts
+++ b/src/components/ReBarcode/index.ts
@@ -1,6 +1,7 @@
 import { App } from "vue";
 import reBarcode from "./src/index.vue";
 
+/** 条形码组件 */
 export const ReBarcode = Object.assign(reBarcode, {
   install(app: App) {
     app.component(reBarcode.name, reBarcode);
diff --git a/src/components/ReCard/index.ts b/src/components/ReCard/index.ts
deleted file mode 100644
index 68d7cf57a..000000000
--- a/src/components/ReCard/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { App } from "vue";
-import reCard from "./src/index.vue";
-
-export const ReCard = Object.assign(reCard, {
-  install(app: App) {
-    app.component(reCard.name, reCard);
-  }
-});
-
-export default ReCard;
diff --git a/src/components/ReCharts/index.ts b/src/components/ReCharts/index.ts
deleted file mode 100644
index d8fc412a2..000000000
--- a/src/components/ReCharts/index.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { App } from "vue";
-import reBar from "./src/Bar.vue";
-import reGithub from "./src/Github.vue";
-import reInfinite from "./src/Infinite.vue";
-import reLine from "./src/Line.vue";
-import rePie from "./src/Pie.vue";
-
-export const ReBar = Object.assign(reBar, {
-  install(app: App) {
-    app.component(reBar.name, reBar);
-  }
-});
-
-export const ReGithub = Object.assign(reGithub, {
-  install(app: App) {
-    app.component(reGithub.name, reGithub);
-  }
-});
-
-export const ReInfinite = Object.assign(reInfinite, {
-  install(app: App) {
-    app.component(reInfinite.name, reInfinite);
-  }
-});
-
-export const ReLine = Object.assign(reLine, {
-  install(app: App) {
-    app.component(reLine.name, reLine);
-  }
-});
-
-export const RePie = Object.assign(rePie, {
-  install(app: App) {
-    app.component(rePie.name, rePie);
-  }
-});
diff --git a/src/components/ReCountTo/index.ts b/src/components/ReCountTo/index.ts
index bbd6266bd..5fa36b75d 100644
--- a/src/components/ReCountTo/index.ts
+++ b/src/components/ReCountTo/index.ts
@@ -2,14 +2,18 @@ import { App } from "vue";
 import reNormalCountTo from "./src/normal";
 import reboundCountTo from "./src/rebound";
 
-export const ReNormalCountTo = Object.assign(reNormalCountTo, {
+/** 普通数字动画组件 */
+const ReNormalCountTo = Object.assign(reNormalCountTo, {
   install(app: App) {
     app.component(reNormalCountTo.name, reNormalCountTo);
   }
 });
 
-export const ReboundCountTo = Object.assign(reboundCountTo, {
+/** 回弹式数字动画组件 */
+const ReboundCountTo = Object.assign(reboundCountTo, {
   install(app: App) {
     app.component(reboundCountTo.name, reboundCountTo);
   }
 });
+
+export { ReNormalCountTo, ReboundCountTo };
diff --git a/src/components/ReCropper/index.ts b/src/components/ReCropper/index.ts
index 2fdb206a2..9d87a0643 100644
--- a/src/components/ReCropper/index.ts
+++ b/src/components/ReCropper/index.ts
@@ -1,6 +1,7 @@
 import { App } from "vue";
 import reCropper from "./src";
 
+/** 图片裁剪组件 */
 export const ReCropper = Object.assign(reCropper, {
   install(app: App) {
     app.component(reCropper.name, reCropper);
diff --git a/src/components/ReFlop/index.ts b/src/components/ReFlop/index.ts
index f56e1710c..1c3c80d32 100644
--- a/src/components/ReFlop/index.ts
+++ b/src/components/ReFlop/index.ts
@@ -1,6 +1,7 @@
 import { App } from "vue";
 import reFlop from "./src/index.vue";
 
+/** 时间翻牌组件 */
 export const ReFlop = Object.assign(reFlop, {
   install(app: App) {
     app.component(reFlop.name, reFlop);
diff --git a/src/components/ReFlop/src/index.vue b/src/components/ReFlop/src/index.vue
index e5efa6a87..1e448e7fa 100644
--- a/src/components/ReFlop/src/index.vue
+++ b/src/components/ReFlop/src/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, unref, nextTick, onUnmounted } from "vue";
 import { templateRef } from "@vueuse/core";
-import flippers from "./Filpper";
+import flippers from "./filpper";
 
 let timer = ref(null);
 let flipObjs = ref([]);
diff --git a/src/components/ReFlowChart/index.ts b/src/components/ReFlowChart/index.ts
index 9c0f74f2e..15b3d8749 100644
--- a/src/components/ReFlowChart/index.ts
+++ b/src/components/ReFlowChart/index.ts
@@ -3,20 +3,27 @@ import control from "./src/Control.vue";
 import nodePanel from "./src/NodePanel.vue";
 import dataDialog from "./src/DataDialog.vue";
 
-export const Control = Object.assign(control, {
+/** LogicFlow流程图-控制面板 */
+const Control = Object.assign(control, {
   install(app: App) {
     app.component(control.name, control);
   }
 });
 
-export const NodePanel = Object.assign(nodePanel, {
+/** LogicFlow流程图-拖拽面板 */
+const NodePanel = Object.assign(nodePanel, {
   install(app: App) {
     app.component(nodePanel.name, nodePanel);
   }
 });
 
-export const DataDialog = Object.assign(dataDialog, {
+/** LogicFlow流程图-查看数据 */
+const DataDialog = Object.assign(dataDialog, {
   install(app: App) {
     app.component(dataDialog.name, dataDialog);
   }
 });
+
+export { Control, NodePanel, DataDialog };
+
+// LogicFlow流程图文档：http://logic-flow.org/
diff --git a/src/components/ReIcon/index.ts b/src/components/ReIcon/index.ts
index bd7e05e52..8fd33e64a 100644
--- a/src/components/ReIcon/index.ts
+++ b/src/components/ReIcon/index.ts
@@ -1,16 +1,15 @@
 import iconifyIconOffline from "./src/iconifyIconOffline";
 import iconifyIconOnline from "./src/iconifyIconOnline";
+import iconSelect from "./src/Select.vue";
 import fontIcon from "./src/iconfont";
-import iconSelect from "./src/select.vue";
 
-export const IconifyIconOffline = iconifyIconOffline;
-export const IconifyIconOnline = iconifyIconOnline;
-export const FontIcon = fontIcon;
-export const IconSelect = iconSelect;
+/** 离线图标组件 */
+const IconifyIconOffline = iconifyIconOffline;
+/** 在线图标组件 */
+const IconifyIconOnline = iconifyIconOnline;
+/** 图标选择器组件 */
+const IconSelect = iconSelect;
+/** iconfont组件 */
+const FontIcon = fontIcon;
 
-export default {
-  IconifyIconOffline,
-  IconifyIconOnline,
-  FontIcon,
-  IconSelect
-};
+export { IconifyIconOffline, IconifyIconOnline, IconSelect, FontIcon };
diff --git a/src/components/ReImageVerify/index.ts b/src/components/ReImageVerify/index.ts
index 5f193cbdd..2e1fc0709 100644
--- a/src/components/ReImageVerify/index.ts
+++ b/src/components/ReImageVerify/index.ts
@@ -1,12 +1,11 @@
 import { App } from "vue";
 import reImageVerify from "./src/index.vue";
 
+/** 图形验证码组件 */
 export const ReImageVerify = Object.assign(reImageVerify, {
   install(app: App) {
     app.component(reImageVerify.name, reImageVerify);
   }
 });
 
-export default {
-  ReImageVerify
-};
+export default ReImageVerify;
diff --git a/src/components/ReMap/index.ts b/src/components/ReMap/index.ts
index 8ca00c7ae..d4b9351d8 100644
--- a/src/components/ReMap/index.ts
+++ b/src/components/ReMap/index.ts
@@ -1,12 +1,11 @@
 import { App } from "vue";
 import amap from "./src/Amap.vue";
 
+/** 高德地图组件 */
 export const Amap = Object.assign(amap, {
   install(app: App) {
     app.component(amap.name, amap);
   }
 });
 
-export default {
-  Amap
-};
+export default Amap;
diff --git a/src/components/ReMap/src/Amap.vue b/src/components/ReMap/src/Amap.vue
index 3bb29d175..bc9feb987 100644
--- a/src/components/ReMap/src/Amap.vue
+++ b/src/components/ReMap/src/Amap.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import AMapLoader from "@amap/amap-jsapi-loader";
 import { reactive, getCurrentInstance, onBeforeMount, onUnmounted } from "vue";
-import { mapJson } from "/@/api/mock";
 import { deviceDetection } from "/@/utils/deviceDetection";
+import AMapLoader from "@amap/amap-jsapi-loader";
+import { mapJson } from "/@/api/mock";
 import car from "/@/assets/car.png";
 
 export interface MapConfigureInter {
diff --git a/src/components/ReQrcode/index.ts b/src/components/ReQrcode/index.ts
index a5a99ca4f..b007f6931 100644
--- a/src/components/ReQrcode/index.ts
+++ b/src/components/ReQrcode/index.ts
@@ -1,6 +1,7 @@
 import { App } from "vue";
 import reQrcode from "./src/index";
 
+/** 二维码组件 */
 export const ReQrcode = Object.assign(reQrcode, {
   install(app: App) {
     app.component(reQrcode.name, reQrcode);
diff --git a/src/components/ReSeamlessScroll/index.ts b/src/components/ReSeamlessScroll/index.ts
index 3895ffee3..731c27702 100644
--- a/src/components/ReSeamlessScroll/index.ts
+++ b/src/components/ReSeamlessScroll/index.ts
@@ -1,6 +1,7 @@
 import { App } from "vue";
 import reSeamlessScroll from "./src/index.vue";
 
+/** 无缝滚动组件 */
 export const ReSeamlessScroll = Object.assign(reSeamlessScroll, {
   install(app: App) {
     app.component(reSeamlessScroll.name, reSeamlessScroll);
diff --git a/src/components/ReSelector/index.ts b/src/components/ReSelector/index.ts
index 7cb4a4915..93acc5045 100644
--- a/src/components/ReSelector/index.ts
+++ b/src/components/ReSelector/index.ts
@@ -1,6 +1,7 @@
 import { App } from "vue";
 import reSelector from "./src";
 
+/** 选择器组件 */
 export const ReSelector = Object.assign(reSelector, {
   install(app: App) {
     app.component(reSelector.name, reSelector);
diff --git a/src/components/ReSplitPane/index.tsx b/src/components/ReSplitPane/index.tsx
index 9d52820c1..831a65c03 100644
--- a/src/components/ReSplitPane/index.tsx
+++ b/src/components/ReSplitPane/index.tsx
@@ -8,6 +8,7 @@ export interface ContextProps {
   split: string;
 }
 
+/** 切割面板组件 */
 export default defineComponent({
   name: "splitPane",
   components: { resizer },
diff --git a/src/components/ReTable/index.ts b/src/components/ReTable/index.ts
index 5572821ac..d6f832086 100644
--- a/src/components/ReTable/index.ts
+++ b/src/components/ReTable/index.ts
@@ -1,6 +1,7 @@
 import { App } from "vue";
 import epTableProBar from "./src/bar";
 
+/** table-crud组件 */
 export const EpTableProBar = Object.assign(epTableProBar, {
   install(app: App) {
     app.component(epTableProBar.name, epTableProBar);
diff --git a/src/components/ReTreeLine/index.ts b/src/components/ReTreeLine/index.ts
index 135b98769..d860a2732 100644
--- a/src/components/ReTreeLine/index.ts
+++ b/src/components/ReTreeLine/index.ts
@@ -9,6 +9,7 @@ import type {
   TreeNodeData
 } from "element-plus/es/components/tree-v2/src/types";
 
+/** 树形连接线组件 */
 export default defineComponent({
   name: "el-tree-line",
   props: {
diff --git a/src/router/modules/home.ts b/src/router/modules/home.ts
index e734a5b96..7bcf2b763 100644
--- a/src/router/modules/home.ts
+++ b/src/router/modules/home.ts
@@ -15,7 +15,7 @@ const homeRouter = {
     {
       path: "/welcome",
       name: "welcome",
-      component: () => import("/@/views/welcome.vue"),
+      component: () => import("/@/views/welcome/index.vue"),
       meta: {
         title: $t("menus.hshome")
       }
diff --git a/src/views/able/print.vue b/src/views/able/print.vue
index 28bb96c87..d746a63bf 100644
--- a/src/views/able/print.vue
+++ b/src/views/able/print.vue
@@ -2,7 +2,7 @@
 import Print from "/@/utils/print";
 import { reactive, ref } from "vue";
 import { VxeTablePropTypes } from "vxe-table";
-import { ReLine } from "/@/components/ReCharts/index";
+import { ReLine } from "../welcome/components";
 
 interface User {
   date: string;
diff --git a/src/components/ReCard/src/index.vue b/src/views/list/card/components/Card.vue
similarity index 100%
rename from src/components/ReCard/src/index.vue
rename to src/views/list/card/components/Card.vue
diff --git a/src/views/list/card/index.vue b/src/views/list/card/index.vue
index 243182d0f..616378e45 100644
--- a/src/views/list/card/index.vue
+++ b/src/views/list/card/index.vue
@@ -6,7 +6,7 @@ export default {
 
 <script setup lang="ts">
 import { getCardList } from "/@/api/list";
-import ReCard from "/@/components/ReCard";
+import Card from "./components/Card.vue";
 import { ref, onMounted, nextTick } from "vue";
 import dialogForm from "./components/DialogForm.vue";
 import { ElMessage, ElMessageBox } from "element-plus";
@@ -152,7 +152,7 @@ const handleManageProduct = product => {
             :lg="6"
             :xl="4"
           >
-            <ReCard
+            <Card
               :product="product"
               @delete-item="handleDeleteItem"
               @manage-product="handleManageProduct"
diff --git a/src/components/ReCharts/src/Bar.vue b/src/views/welcome/components/Bar.vue
similarity index 100%
rename from src/components/ReCharts/src/Bar.vue
rename to src/views/welcome/components/Bar.vue
diff --git a/src/components/ReCharts/src/Github.vue b/src/views/welcome/components/Github.vue
similarity index 100%
rename from src/components/ReCharts/src/Github.vue
rename to src/views/welcome/components/Github.vue
diff --git a/src/components/ReCharts/src/Infinite.vue b/src/views/welcome/components/Infinite.vue
similarity index 100%
rename from src/components/ReCharts/src/Infinite.vue
rename to src/views/welcome/components/Infinite.vue
diff --git a/src/components/ReCharts/src/Line.vue b/src/views/welcome/components/Line.vue
similarity index 100%
rename from src/components/ReCharts/src/Line.vue
rename to src/views/welcome/components/Line.vue
diff --git a/src/components/ReCharts/src/Pie.vue b/src/views/welcome/components/Pie.vue
similarity index 100%
rename from src/components/ReCharts/src/Pie.vue
rename to src/views/welcome/components/Pie.vue
diff --git a/src/views/welcome/components/index.ts b/src/views/welcome/components/index.ts
new file mode 100644
index 000000000..3a47507dc
--- /dev/null
+++ b/src/views/welcome/components/index.ts
@@ -0,0 +1,38 @@
+import reInfinite from "./Infinite.vue";
+import reGithub from "./Github.vue";
+import reLine from "./Line.vue";
+import reBar from "./Bar.vue";
+import rePie from "./Pie.vue";
+import { App } from "vue";
+
+const ReInfinite = Object.assign(reInfinite, {
+  install(app: App) {
+    app.component(reInfinite.name, reInfinite);
+  }
+});
+
+const ReGithub = Object.assign(reGithub, {
+  install(app: App) {
+    app.component(reGithub.name, reGithub);
+  }
+});
+
+const ReLine = Object.assign(reLine, {
+  install(app: App) {
+    app.component(reLine.name, reLine);
+  }
+});
+
+const ReBar = Object.assign(reBar, {
+  install(app: App) {
+    app.component(reBar.name, reBar);
+  }
+});
+
+const RePie = Object.assign(rePie, {
+  install(app: App) {
+    app.component(rePie.name, rePie);
+  }
+});
+
+export { ReInfinite, ReGithub, ReLine, ReBar, RePie };
diff --git a/src/views/welcome.vue b/src/views/welcome/index.vue
similarity index 98%
rename from src/views/welcome.vue
rename to src/views/welcome/index.vue
index a7ff5e59d..5dc44222a 100644
--- a/src/views/welcome.vue
+++ b/src/views/welcome/index.vue
@@ -1,11 +1,5 @@
 <script setup lang="ts">
-import {
-  ReGithub,
-  ReInfinite,
-  RePie,
-  ReLine,
-  ReBar
-} from "/@/components/ReCharts/index";
+import { ReGithub, ReInfinite, RePie, ReLine, ReBar } from "./components";
 import { ref, computed } from "vue";
 import avatars from "/@/assets/avatars.jpg";