refactor: 将组件前缀从Art统一替换为Fa

- 更新所有FA前缀的组件文件
- 新增Fa前缀的对应组件
- 更新所有引用路径和组件名
- 修改相关样式和变量名
- 调整部分组件目录结构

frontend/web/src/views/module_monitor/online/index.vue

@@ -1,7 +1,7 @@
 <!-- 在线用户：Art + useTable -->
 <template>
   <div class="art-full-height">
-    <ArtSearchBar
+    <FaSearchBar
       v-show="showSearchBar"
       ref="searchBarRef"
       v-model="searchForm"
@@ -18,7 +18,7 @@
     />
 
     <ElCard class="art-table-card" :style="{ 'margin-top': showSearchBar ? '12px' : '0' }">
-      <ArtTableHeader
+      <FaTableHeader
         v-model:columns="columnChecks"
         v-model:showSearchBar="showSearchBar"
         :loading="loading"
@@ -35,9 +35,9 @@
             强退所有
           </ElButton>
         </template>
-      </ArtTableHeader>
+      </FaTableHeader>
 
-      <ArtTable
+      <FaTable
         row-key="session_id"
         :loading="loading"
         :data="data"
@@ -58,11 +58,11 @@ defineOptions({
 
 import { h, ref, computed } from "vue";
 import { useTable } from "@/hooks/core/useTable";
-import ArtTable from "@/components/Core/tables/art-table/index.vue";
-import ArtTableHeader from "@/components/Core/tables/art-table-header/index.vue";
-import ArtSearchBar from "@/components/Core/forms/art-search-bar/index.vue";
-import type { SearchFormItem } from "@/components/Core/forms/art-search-bar/index.vue";
-import ArtButtonTable from "@/components/Core/forms/art-button-table/index.vue";
+import FaTable from "@/components/tables/fa-table/index.vue";
+import FaTableHeader from "@/components/tables/fa-table-header/index.vue";
+import FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import ArtButtonTable from "@/components/forms/fa-button-table/index.vue";
 import CopyButton from "@/components/CopyButton/index.vue";
 import OnlineAPI, { type OnlineUserTable } from "@/api/module_monitor/online";
 import type { ColumnOption } from "@/types/component";
@@ -92,7 +92,7 @@ const searchForm = ref<OnlineSearchForm>({
 });
 
 const showSearchBar = ref(true);
-const searchBarRef = ref<InstanceType<typeof ArtSearchBar> | null>(null);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
 const searchBarRules: Record<string, unknown> = {};
 
 const onlineSearchItems = computed<SearchFormItem[]>(() => [

frontend/web/src/views/module_monitor/resource/index.vue

@@ -1,7 +1,7 @@
 <!-- 资源管理：Art + useTable -->
 <template>
   <div class="art-full-height resource-monitor-page">
-    <ArtSearchBar
+    <FaSearchBar
       v-show="showSearchBar"
       ref="searchBarRef"
       v-model="searchForm"
@@ -42,7 +42,7 @@
         </div>
       </div>
 
-      <ArtTableHeader
+      <FaTableHeader
         class="resource-toolbar shrink-0"
         v-model:columns="columnChecks"
         v-model:showSearchBar="showSearchBar"
@@ -89,11 +89,11 @@
             </ElCheckbox>
           </ElSpace>
         </template>
-      </ArtTableHeader>
+      </FaTableHeader>
 
       <!-- 面包屑与表头已占用高度：表格高度须在独立 flex 子项内计算，否则分页会被挤出卡片 -->
       <div class="resource-table-region min-h-0 flex flex-1 flex-col overflow-hidden pb-3">
-        <ArtTable
+        <FaTable
           row-key="file_url"
           :show-table-header="false"
           :loading="loading"
@@ -107,7 +107,7 @@
       </div>
     </ElCard>
 
-    <ArtDialog
+    <FaDialog
       v-model="uploadDialogVisible"
       title="上传文件"
       width="500px"
@@ -143,9 +143,9 @@
           确定上传
         </ElButton>
       </template>
-    </ArtDialog>
+    </FaDialog>
 
-    <ArtDialog v-model="createDirDialogVisible" title="新建文件夹" width="400px">
+    <FaDialog v-model="createDirDialogVisible" title="新建文件夹" width="400px">
       <ElForm :model="createDirForm" label-width="80px">
         <ElFormItem label="文件夹名" required>
           <ElInput
@@ -165,9 +165,9 @@
           确定
         </ElButton>
       </template>
-    </ArtDialog>
+    </FaDialog>
 
-    <ArtDialog v-model="renameDialogVisible" title="重命名" width="400px">
+    <FaDialog v-model="renameDialogVisible" title="重命名" width="400px">
       <ElForm :model="renameForm" label-width="80px">
         <ElFormItem label="新名称" required>
           <ElInput
@@ -187,7 +187,7 @@
           确定
         </ElButton>
       </template>
-    </ArtDialog>
+    </FaDialog>
   </div>
 </template>
 
@@ -218,12 +218,12 @@ import {
   UploadFilled,
 } from "@element-plus/icons-vue";
 import { useTable } from "@/hooks/core/useTable";
-import ArtTable from "@/components/Core/tables/art-table/index.vue";
-import ArtTableHeader from "@/components/Core/tables/art-table-header/index.vue";
-import ArtSearchBar from "@/components/Core/forms/art-search-bar/index.vue";
-import type { SearchFormItem } from "@/components/Core/forms/art-search-bar/index.vue";
-import ArtButtonTable from "@/components/Core/forms/art-button-table/index.vue";
-import ArtDialog from "@/components/Core/modal/art-dialog/index.vue";
+import FaTable from "@/components/tables/fa-table/index.vue";
+import FaTableHeader from "@/components/tables/fa-table-header/index.vue";
+import FaSearchBar from "@/components/forms/fa-search-bar/index.vue";
+import type { SearchFormItem } from "@/components/forms/fa-search-bar/index.vue";
+import ArtButtonTable from "@/components/forms/fa-button-table/index.vue";
+import FaDialog from "@/components/modal/fa-dialog/index.vue";
 import { ResourceAPI, type ResourceItem } from "@/api/module_monitor/resource";
 import type { ColumnOption } from "@/types/component";
 import { useAuth } from "@/hooks/core/useAuth";
@@ -253,7 +253,7 @@ const searchForm = ref<ResourceSearchForm>({
 });
 
 const showSearchBar = ref(true);
-const searchBarRef = ref<InstanceType<typeof ArtSearchBar> | null>(null);
+const searchBarRef = ref<InstanceType<typeof FaSearchBar> | null>(null);
 const searchBarRules: Record<string, unknown> = {};
 
 const resourceSearchItems = computed<SearchFormItem[]>(() => [