diff --git a/locales/en.yaml b/locales/en.yaml
index 4605818fea..c54d9fd47c 100644
--- a/locales/en.yaml
+++ b/locales/en.yaml
@@ -157,7 +157,7 @@ menus:
   pureTimeline: Time Line
   pureLineTree: LineTree
   pureList: List Page
-  pureListCard: Card List Page
+  pureCardList: Card List Page
   pureDebounce: Debounce & Throttle
   pureFormDesign: Form Design
   pureBarcode: Barcode
diff --git a/locales/zh-CN.yaml b/locales/zh-CN.yaml
index 1d2f2ce154..2b1fd4123f 100644
--- a/locales/zh-CN.yaml
+++ b/locales/zh-CN.yaml
@@ -157,7 +157,7 @@ menus:
   pureTimeline: 时间线
   pureLineTree: 树形连接线
   pureList: 列表页面
-  pureListCard: 卡片列表页
+  pureCardList: 卡片列表页
   pureDebounce: 防抖节流
   pureFormDesign: 表单设计器
   pureBarcode: 条形码
diff --git a/src/router/modules/list.ts b/src/router/modules/list.ts
index e63733942c..6595846082 100644
--- a/src/router/modules/list.ts
+++ b/src/router/modules/list.ts
@@ -12,11 +12,11 @@ export default {
   children: [
     {
       path: "/list/card",
-      name: "ListCard",
+      name: "CardList",
       component: () => import("@/views/list/card/index.vue"),
       meta: {
         icon: "ri:bank-card-line",
-        title: $t("menus.pureListCard"),
+        title: $t("menus.pureCardList"),
         showParent: true
       }
     }
diff --git a/src/views/account-settings/components/accountManagement.vue b/src/views/account-settings/components/AccountManagement.vue
similarity index 96%
rename from src/views/account-settings/components/accountManagement.vue
rename to src/views/account-settings/components/AccountManagement.vue
index eb85d2c2d8..837f6a7b3e 100644
--- a/src/views/account-settings/components/accountManagement.vue
+++ b/src/views/account-settings/components/AccountManagement.vue
@@ -3,6 +3,10 @@ import { ref } from "vue";
 import { message } from "@/utils/message";
 import { deviceDetection } from "@pureadmin/utils";
 
+defineOptions({
+  name: "AccountManagement"
+});
+
 const list = ref([
   {
     title: "账户密码",
diff --git a/src/views/account-settings/components/preferences.vue b/src/views/account-settings/components/Preferences.vue
similarity index 97%
rename from src/views/account-settings/components/preferences.vue
rename to src/views/account-settings/components/Preferences.vue
index 46f1196478..93a510a541 100644
--- a/src/views/account-settings/components/preferences.vue
+++ b/src/views/account-settings/components/Preferences.vue
@@ -3,6 +3,10 @@ import { ref } from "vue";
 import { message } from "@/utils/message";
 import { deviceDetection } from "@pureadmin/utils";
 
+defineOptions({
+  name: "Preferences"
+});
+
 const list = ref([
   {
     title: "账户密码",
diff --git a/src/views/account-settings/components/profile.vue b/src/views/account-settings/components/Profile.vue
similarity index 99%
rename from src/views/account-settings/components/profile.vue
rename to src/views/account-settings/components/Profile.vue
index 39ea664ef2..dc6edb18b0 100644
--- a/src/views/account-settings/components/profile.vue
+++ b/src/views/account-settings/components/Profile.vue
@@ -8,6 +8,10 @@ import ReCropperPreview from "@/components/ReCropperPreview";
 import { createFormData, deviceDetection } from "@pureadmin/utils";
 import uploadLine from "@iconify-icons/ri/upload-line";
 
+defineOptions({
+  name: "Profile"
+});
+
 const imgSrc = ref("");
 const cropperInfo = ref();
 const cropRef = ref();
diff --git a/src/views/account-settings/components/securityLog.vue b/src/views/account-settings/components/SecurityLog.vue
similarity index 97%
rename from src/views/account-settings/components/securityLog.vue
rename to src/views/account-settings/components/SecurityLog.vue
index 554a25e43e..845540c296 100644
--- a/src/views/account-settings/components/securityLog.vue
+++ b/src/views/account-settings/components/SecurityLog.vue
@@ -5,6 +5,10 @@ import { reactive, ref, onMounted } from "vue";
 import { deviceDetection } from "@pureadmin/utils";
 import type { PaginationProps } from "@pureadmin/table";
 
+defineOptions({
+  name: "SecurityLog"
+});
+
 const loading = ref(true);
 const dataList = ref([]);
 const pagination = reactive<PaginationProps>({
diff --git a/src/views/account-settings/index.vue b/src/views/account-settings/index.vue
index 01bf187e44..d218044089 100644
--- a/src/views/account-settings/index.vue
+++ b/src/views/account-settings/index.vue
@@ -3,11 +3,11 @@ import { getMine } from "@/api/user";
 import { useRouter } from "vue-router";
 import { ref, onBeforeMount } from "vue";
 import { ReText } from "@/components/ReText";
-import Profile from "./components/profile.vue";
-import Preferences from "./components/preferences.vue";
-import SecurityLog from "./components/securityLog.vue";
+import Profile from "./components/Profile.vue";
+import Preferences from "./components/Preferences.vue";
+import SecurityLog from "./components/SecurityLog.vue";
 import { useGlobal, deviceDetection } from "@pureadmin/utils";
-import AccountManagement from "./components/accountManagement.vue";
+import AccountManagement from "./components/AccountManagement.vue";
 import TopCollapse from "@/layout/components/sidebar/topCollapse.vue";
 import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";
 
diff --git a/src/views/editor/components/base.vue b/src/views/editor/components/EditorBase.vue
similarity index 100%
rename from src/views/editor/components/base.vue
rename to src/views/editor/components/EditorBase.vue
diff --git a/src/views/editor/components/multi.vue b/src/views/editor/components/EditorMulti.vue
similarity index 100%
rename from src/views/editor/components/multi.vue
rename to src/views/editor/components/EditorMulti.vue
diff --git a/src/views/editor/components/picUpload.vue b/src/views/editor/components/EditorUpload.vue
similarity index 100%
rename from src/views/editor/components/picUpload.vue
rename to src/views/editor/components/EditorUpload.vue
diff --git a/src/views/editor/components/index.ts b/src/views/editor/components/index.ts
index eb5f269a50..1e1767f47e 100644
--- a/src/views/editor/components/index.ts
+++ b/src/views/editor/components/index.ts
@@ -1,9 +1,3 @@
-import base from "./base.vue";
-import multi from "./multi.vue";
-import picUpload from "./picUpload.vue";
-
-const Base = base;
-const Multi = multi;
-const PicUpload = picUpload;
-
-export { Base, Multi, PicUpload };
+export { default as EditorBase } from "./EditorBase.vue";
+export { default as EditorMulti } from "./EditorMulti.vue";
+export { default as EditorUpload } from "./EditorUpload.vue";
diff --git a/src/views/editor/index.vue b/src/views/editor/index.vue
index 237d42f8e8..3a9845cc94 100644
--- a/src/views/editor/index.vue
+++ b/src/views/editor/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { Base, Multi, PicUpload } from "./components";
+import { EditorBase, EditorMulti, EditorUpload } from "./components";
 
 defineOptions({
   name: "Editor"
@@ -34,13 +34,13 @@ const activeNames = ref("1");
     </template>
     <el-collapse v-model="activeNames" accordion>
       <el-collapse-item title="基础用法" name="1">
-        <Base v-if="activeNames === '1'" />
+        <EditorBase v-if="activeNames === '1'" />
       </el-collapse-item>
       <el-collapse-item title="多个富文本" name="2">
-        <Multi v-if="activeNames === '2'" />
+        <EditorMulti v-if="activeNames === '2'" />
       </el-collapse-item>
       <el-collapse-item title="自定义图片上传" name="3">
-        <PicUpload v-if="activeNames === '3'" />
+        <EditorUpload v-if="activeNames === '3'" />
       </el-collapse-item>
     </el-collapse>
   </el-card>
diff --git a/src/views/list/card/components/Card.vue b/src/views/list/card/components/ListCard.vue
similarity index 100%
rename from src/views/list/card/components/Card.vue
rename to src/views/list/card/components/ListCard.vue
diff --git a/src/views/list/card/components/DialogForm.vue b/src/views/list/card/components/ListDialogForm.vue
similarity index 100%
rename from src/views/list/card/components/DialogForm.vue
rename to src/views/list/card/components/ListDialogForm.vue
diff --git a/src/views/list/card/index.vue b/src/views/list/card/index.vue
index 5ed9bd0f38..7cad5c4eba 100644
--- a/src/views/list/card/index.vue
+++ b/src/views/list/card/index.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import Card from "./components/Card.vue";
 import { getCardList } from "@/api/list";
 import { message } from "@/utils/message";
 import { ElMessageBox } from "element-plus";
 import { ref, onMounted, nextTick } from "vue";
-import dialogForm from "./components/DialogForm.vue";
+import ListCard from "./components/ListCard.vue";
+import ListDialogForm from "./components/ListDialogForm.vue";
 import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 import AddFill from "@iconify-icons/ri/add-circle-line";
 
 defineOptions({
-  name: "ListCard"
+  name: "CardList"
 });
 
 const svg = `
@@ -152,7 +152,7 @@ const handleManageProduct = product => {
             :lg="6"
             :xl="4"
           >
-            <Card
+            <ListCard
               :product="product"
               @delete-item="handleDeleteItem"
               @manage-product="handleManageProduct"
@@ -172,6 +172,6 @@ const handleManageProduct = product => {
         />
       </template>
     </div>
-    <dialogForm v-model:visible="formDialogVisible" :data="formData" />
+    <ListDialogForm v-model:visible="formDialogVisible" :data="formData" />
   </div>
 </template>
diff --git a/src/views/login/components/phone.vue b/src/views/login/components/LoginPhone.vue
similarity index 100%
rename from src/views/login/components/phone.vue
rename to src/views/login/components/LoginPhone.vue
diff --git a/src/views/login/components/qrCode.vue b/src/views/login/components/LoginQrCode.vue
similarity index 100%
rename from src/views/login/components/qrCode.vue
rename to src/views/login/components/LoginQrCode.vue
diff --git a/src/views/login/components/regist.vue b/src/views/login/components/LoginRegist.vue
similarity index 100%
rename from src/views/login/components/regist.vue
rename to src/views/login/components/LoginRegist.vue
diff --git a/src/views/login/components/update.vue b/src/views/login/components/LoginUpdate.vue
similarity index 100%
rename from src/views/login/components/update.vue
rename to src/views/login/components/LoginUpdate.vue
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 157db39770..6c745e4a81 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -4,18 +4,18 @@ import Motion from "./utils/motion";
 import { useRouter } from "vue-router";
 import { message } from "@/utils/message";
 import { loginRules } from "./utils/rule";
-import phone from "./components/phone.vue";
 import TypeIt from "@/components/ReTypeit";
 import { debounce } from "@pureadmin/utils";
-import qrCode from "./components/qrCode.vue";
-import regist from "./components/regist.vue";
-import update from "./components/update.vue";
 import { useNav } from "@/layout/hooks/useNav";
 import { useEventListener } from "@vueuse/core";
 import type { FormInstance } from "element-plus";
 import { $t, transformI18n } from "@/plugins/i18n";
 import { operates, thirdParty } from "./utils/enums";
 import { useLayout } from "@/layout/hooks/useLayout";
+import LoginPhone from "./components/LoginPhone.vue";
+import LoginRegist from "./components/LoginRegist.vue";
+import LoginUpdate from "./components/LoginUpdate.vue";
+import LoginQrCode from "./components/LoginQrCode.vue";
 import { useUserStoreHook } from "@/store/modules/user";
 import { initRouter, getTopMenu } from "@/router/utils";
 import { bg, avatar, illustration } from "./utils/static";
@@ -318,13 +318,13 @@ watch(loginDay, value => {
             </el-form-item>
           </Motion>
           <!-- 手机号登录 -->
-          <phone v-if="currentPage === 1" />
+          <LoginPhone v-if="currentPage === 1" />
           <!-- 二维码登录 -->
-          <qrCode v-if="currentPage === 2" />
+          <LoginQrCode v-if="currentPage === 2" />
           <!-- 注册 -->
-          <regist v-if="currentPage === 3" />
+          <LoginRegist v-if="currentPage === 3" />
           <!-- 忘记密码 -->
-          <update v-if="currentPage === 4" />
+          <LoginUpdate v-if="currentPage === 4" />
         </div>
       </div>
     </div>
diff --git a/src/views/welcome/components/chart/bar.vue b/src/views/welcome/components/WelcomeCharts/ChartBar.vue
similarity index 100%
rename from src/views/welcome/components/chart/bar.vue
rename to src/views/welcome/components/WelcomeCharts/ChartBar.vue
diff --git a/src/views/welcome/components/chart/line.vue b/src/views/welcome/components/WelcomeCharts/ChartLine.vue
similarity index 100%
rename from src/views/welcome/components/chart/line.vue
rename to src/views/welcome/components/WelcomeCharts/ChartLine.vue
diff --git a/src/views/welcome/components/chart/round.vue b/src/views/welcome/components/WelcomeCharts/ChartRound.vue
similarity index 100%
rename from src/views/welcome/components/chart/round.vue
rename to src/views/welcome/components/WelcomeCharts/ChartRound.vue
diff --git a/src/views/welcome/components/WelcomeCharts/index.ts b/src/views/welcome/components/WelcomeCharts/index.ts
new file mode 100644
index 0000000000..fa554485d6
--- /dev/null
+++ b/src/views/welcome/components/WelcomeCharts/index.ts
@@ -0,0 +1,3 @@
+export { default as ChartBar } from "./ChartBar.vue";
+export { default as ChartLine } from "./ChartLine.vue";
+export { default as ChartRound } from "./ChartRound.vue";
diff --git a/src/views/welcome/components/table/columns.tsx b/src/views/welcome/components/WelcomeTable/columns.tsx
similarity index 100%
rename from src/views/welcome/components/table/columns.tsx
rename to src/views/welcome/components/WelcomeTable/columns.tsx
diff --git a/src/views/welcome/components/table/empty.svg b/src/views/welcome/components/WelcomeTable/empty.svg
similarity index 100%
rename from src/views/welcome/components/table/empty.svg
rename to src/views/welcome/components/WelcomeTable/empty.svg
diff --git a/src/views/welcome/components/table/index.vue b/src/views/welcome/components/WelcomeTable/index.vue
similarity index 100%
rename from src/views/welcome/components/table/index.vue
rename to src/views/welcome/components/WelcomeTable/index.vue
diff --git a/src/views/welcome/components/chart/index.ts b/src/views/welcome/components/chart/index.ts
deleted file mode 100644
index 42cd5e6862..0000000000
--- a/src/views/welcome/components/chart/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { default as barChart } from "./bar.vue";
-export { default as lineChart } from "./line.vue";
-export { default as roundChart } from "./round.vue";
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index 8e811aa7c2..bfd56b22b9 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -2,11 +2,11 @@
 import { ref, markRaw } from "vue";
 import ReCol from "@/components/ReCol";
 import { useDark, randomGradient } from "./utils";
-import PureTable from "./components/table/index.vue";
 import { ReNormalCountTo } from "@/components/ReCountTo";
 import { useRenderFlicker } from "@/components/ReFlicker";
-import { barChart, lineChart, roundChart } from "./components/chart";
+import WelcomeTable from "./components/WelcomeTable/index.vue";
 import Segmented, { type OptionsType } from "@/components/ReSegmented";
+import { ChartBar, ChartLine, ChartRound } from "./components/WelcomeCharts";
 import { chartData, barChartData, progressData, latestNewsData } from "./data";
 
 defineOptions({
@@ -78,13 +78,13 @@ const optionsBasis: Array<OptionsType> = [
               />
               <p class="font-medium text-green-500">{{ item.percent }}</p>
             </div>
-            <lineChart
+            <ChartLine
               v-if="item.data.length > 1"
               class="!w-1/2"
               :color="item.color"
               :data="item.data"
             />
-            <roundChart v-else class="!w-1/2" />
+            <ChartRound v-else class="!w-1/2" />
           </div>
         </el-card>
       </re-col>
@@ -112,7 +112,7 @@ const optionsBasis: Array<OptionsType> = [
             <Segmented v-model="curWeek" :options="optionsBasis" />
           </div>
           <div class="flex justify-between items-start mt-3">
-            <barChart
+            <ChartBar
               :requireData="barChartData[curWeek].requireData"
               :questionData="barChartData[curWeek].questionData"
             />
@@ -188,7 +188,7 @@ const optionsBasis: Array<OptionsType> = [
           <div class="flex justify-between">
             <span class="text-md font-medium">数据统计</span>
           </div>
-          <PureTable class="mt-3" />
+          <WelcomeTable class="mt-3" />
         </el-card>
       </re-col>