befly-admin 3.4.55 → 3.4.57

package/src/styles/global.scss

@@ -1,6 +1,8 @@
 /* 全局基础样式 */
 
-* {
+*,
+*::before,
+*::after {
     box-sizing: border-box;
 }
 
@@ -9,6 +11,11 @@ body {
     margin: 0;
     padding: 0;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'PingFang SC', 'Microsoft YaHei';
+    font-size: var(--font-size-md);
+    color: var(--text-primary);
+    background: var(--bg-color-page);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 #app {
@@ -16,19 +23,20 @@ body {
     min-height: 100vh;
 }
 
-/* 滚动条样式 */
+/* 滚动条样式 - 更精致 */
 ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
+    width: 6px;
+    height: 6px;
 }
 
 ::-webkit-scrollbar-track {
-    background: #f5f5f5;
+    background: transparent;
 }
 
 ::-webkit-scrollbar-thumb {
     background: #d9d9d9;
-    border-radius: 4px;
+    border-radius: 3px;
+    transition: background var(--transition-fast);
 }
 
 ::-webkit-scrollbar-thumb:hover {
@@ -73,6 +81,10 @@ body {
     padding-left: 0 !important;
 }
 
+.t-button .t-button__suffix:not(:empty) {
+    margin-left: 2px;
+}
+
 // 首页组件通用样式 - 临时注释未定义变量
 // .section-block {
 //     background: $dashboard-section-bg;
@@ -114,69 +126,98 @@ body {
     justify-content: center;
 }
 
+// 通用卡片样式
+.section-block {
+    background: var(--bg-color-container);
+    border-radius: var(--card-radius);
+    box-shadow: var(--shadow-1);
+    padding: var(--spacing-md);
+
+    .section-header {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-sm);
+        margin-bottom: var(--spacing-md);
+        padding-bottom: var(--spacing-sm);
+        border-bottom: 1px solid var(--border-color-light);
+
+        h2 {
+            font-size: var(--font-size-md);
+            font-weight: var(--font-weight-semibold);
+            color: var(--text-primary);
+            margin: 0;
+        }
+
+        svg {
+            width: 18px;
+            height: 18px;
+            color: var(--primary-color);
+        }
+    }
+}
+
 // 数据列表页面通用布局样式
 .page-table {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    height: 100%;
     display: flex;
     flex-direction: column;
-    background: var(--bg-color-page);
+    gap: var(--layout-gap);
+    overflow: hidden;
 
-    // 搜索栏区域
+    // 搜索栏区域（卡片样式）
     .main-search {
         height: var(--search-height);
         flex-shrink: 0;
         display: flex;
         align-items: center;
-        padding: 0 16px;
+        padding: 0 var(--spacing-md);
         background: var(--bg-color-container);
-        border-bottom: 1px solid var(--border-color);
+        border-radius: var(--card-radius);
+        box-shadow: var(--shadow-1);
 
         .search-left {
             display: flex;
-            gap: 12px;
+            gap: var(--spacing-sm);
             align-items: center;
         }
 
         .search-right {
             display: flex;
-            gap: 12px;
+            gap: var(--spacing-sm);
             align-items: center;
             margin-left: auto;
         }
     }
 
-    // 工具栏（兼容旧代码）
+    // 工具栏
     .main-tool {
         height: var(--search-height);
         flex-shrink: 0;
         display: flex;
         justify-content: space-between;
         align-items: center;
-        padding: 0 16px;
+        padding: 0 var(--spacing-md);
         background: var(--bg-color-container);
-        border-bottom: 1px solid var(--border-color);
+        border-radius: var(--card-radius);
+        box-shadow: var(--shadow-1);
 
         .left,
         .toolbar-left {
             display: flex;
-            gap: 12px;
+            gap: var(--spacing-sm);
             align-items: center;
         }
 
         .right,
         .toolbar-right {
             display: flex;
-            gap: 12px;
+            gap: var(--spacing-sm);
             align-items: center;
         }
 
         .toolbar-search {
             display: flex;
-            gap: 12px;
+            gap: var(--spacing-sm);
             align-items: center;
         }
     }
@@ -186,115 +227,67 @@ body {
         flex: 1;
         display: flex;
         overflow: hidden;
+        gap: var(--layout-gap);
+        min-height: 0;
 
         // 表格区域
         .main-table {
             flex: 1;
             overflow: hidden;
             background: var(--bg-color-container);
-            border-right: 1px solid var(--border-color);
+            border-radius: var(--card-radius);
+            box-shadow: var(--shadow-1);
+            display: flex;
+            flex-direction: column;
+            flex: 1;
 
-            // 表格头部样式
-            .custom-table-cell-class {
-                background-color: var(--bg-color-page) !important;
-                font-weight: 600;
-                color: var(--text-primary);
+            // 表头样式 - 增强对比
+            .t-table__header tr th {
+                background-color: var(--table-header-bg) !important;
+                border-bottom: 1px solid #ddd !important;
+                font-weight: var(--font-weight-semibold);
             }
 
-            // 覆盖 TDesign 默认选中行样式
-            :deep(.t-table) {
-                // 单选框选中样式
-                .t-table__row--selected {
-                    background-color: rgba(var(--primary-color-rgb), 0.08) !important;
-
-                    &:hover {
-                        background-color: rgba(var(--primary-color-rgb), 0.12) !important;
-                    }
-                }
-
-                // 行高亮样式（active-row）
-                .t-table__row--active {
-                    background-color: rgba(var(--primary-color-rgb), 0.08) !important;
-
-                    &:hover {
-                        background-color: rgba(var(--primary-color-rgb), 0.12) !important;
-                    }
-                }
-
-                // 普通行悬停样式
-                .t-table__row:hover {
-                    background-color: var(--bg-color-hover);
-                }
+            // 单元格边框
+            td {
+                cursor: pointer;
+                border-bottom: 1px solid var(--border-color-light) !important;
             }
         }
 
-        // 详情侧栏（默认隐藏）
         .main-detail {
             background: var(--bg-color-container);
             width: var(--detail-width);
+            border-radius: var(--card-radius);
+            box-shadow: var(--shadow-1);
+            overflow: hidden;
 
             .detail-content {
-                padding: 16px;
+                padding: var(--spacing-md);
                 overflow-y: auto;
                 height: 100%;
             }
         }
     }
 
-    // 兼容旧版独立表格区域（未使用 main-content 包裹时）
-    & > .main-table {
-        flex: 1;
-        overflow: hidden;
-        background: var(--bg-color-container);
-
-        .custom-table-cell-class {
-            background-color: var(--bg-color-page) !important;
-            font-weight: 600;
-            color: var(--text-primary);
-        }
-
-        :deep(.t-table) {
-            .t-table__row--selected {
-                background-color: rgba(var(--primary-color-rgb), 0.08) !important;
-
-                &:hover {
-                    background-color: rgba(var(--primary-color-rgb), 0.12) !important;
-                }
-            }
-
-            .t-table__row--active {
-                background-color: rgba(var(--primary-color-rgb), 0.08) !important;
-
-                &:hover {
-                    background-color: rgba(var(--primary-color-rgb), 0.12) !important;
-                }
-            }
-
-            .t-table__row:hover {
-                background-color: var(--bg-color-hover);
-            }
-        }
-    }
-
-    // 分页栏
+    // 分页栏 - 卡片样式
     .main-page {
         height: var(--pagination-height);
         flex-shrink: 0;
-        padding: 0 16px;
+        padding: 0 var(--spacing-md);
         background: var(--bg-color-container);
-        border-top: 1px solid var(--border-color);
+        border-radius: var(--card-radius);
+        box-shadow: var(--shadow-1);
         display: flex;
         align-items: center;
 
-        .tiny-pager {
-            width: 100%;
+        // 分页文字样式
+        .t-pagination__total {
+            color: var(--text-secondary);
         }
     }
 }
-.custom-toolbar {
-    padding: 0 10px;
-    display: flex;
-    align-items: center;
-    height: 52px;
-    justify-content: space-between;
+
+.t-dialog--default {
+    padding: 24px;
 }

package/src/types/auto-imports.d.ts

@@ -82,14 +82,12 @@ declare global {
   const useRoute: typeof import('vue-router').useRoute
   const useRouter: typeof import('vue-router').useRouter
   const useSlots: typeof import('vue').useSlots
-  const useTablePage: typeof import('../utils/useTablePage.js').useTablePage
   const useTemplateRef: typeof import('vue').useTemplateRef
   const watch: typeof import('vue').watch
   const watchEffect: typeof import('vue').watchEffect
   const watchPostEffect: typeof import('vue').watchPostEffect
   const watchSyncEffect: typeof import('vue').watchSyncEffect
   const withDefaultColumns: typeof import('../utils/index.js').withDefaultColumns
-  const withTableProps: typeof import('../utils/index.js').withTableProps
   const withTreeTableProps: typeof import('../utils/index.js').withTreeTableProps
 }
 // for type re-export
@@ -180,14 +178,12 @@ declare module 'vue' {
     readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
     readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
     readonly useSlots: UnwrapRef<typeof import('vue')['useSlots']>
-    readonly useTablePage: UnwrapRef<typeof import('../utils/useTablePage.js')['useTablePage']>
     readonly useTemplateRef: UnwrapRef<typeof import('vue')['useTemplateRef']>
     readonly watch: UnwrapRef<typeof import('vue')['watch']>
     readonly watchEffect: UnwrapRef<typeof import('vue')['watchEffect']>
     readonly watchPostEffect: UnwrapRef<typeof import('vue')['watchPostEffect']>
     readonly watchSyncEffect: UnwrapRef<typeof import('vue')['watchSyncEffect']>
     readonly withDefaultColumns: UnwrapRef<typeof import('../utils/index.js')['withDefaultColumns']>
-    readonly withTableProps: UnwrapRef<typeof import('../utils/index.js')['withTableProps']>
     readonly withTreeTableProps: UnwrapRef<typeof import('../utils/index.js')['withTreeTableProps']>
   }
 }

package/src/types/components.d.ts

@@ -13,16 +13,23 @@ declare module 'vue' {
   export interface GlobalComponents {
     DetailPanel: typeof import('./../components/DetailPanel.vue')['default']
     Dialog: typeof import('./../components/Dialog.vue')['default']
+    'ILucide:box': typeof import('~icons/lucide/box')['default']
+    'ILucide:camera': typeof import('~icons/lucide/camera')['default']
     'ILucide:fileText': typeof import('~icons/lucide/file-text')['default']
     'ILucide:folder': typeof import('~icons/lucide/folder')['default']
     'ILucide:home': typeof import('~icons/lucide/home')['default']
     'ILucide:logOut': typeof import('~icons/lucide/log-out')['default']
+    'ILucide:panelLeftClose': typeof import('~icons/lucide/panel-left-close')['default']
+    'ILucide:panelLeftOpen': typeof import('~icons/lucide/panel-left-open')['default']
+    'ILucide:settings': typeof import('~icons/lucide/settings')['default']
+    'ILucide:user': typeof import('~icons/lucide/user')['default']
     'ILucide:x': typeof import('~icons/lucide/x')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     TAvatar: typeof import('tdesign-vue-next')['Avatar']
     TButton: typeof import('tdesign-vue-next')['Button']
     TCard: typeof import('tdesign-vue-next')['Card']
+    TIcon: typeof import('tdesign-vue-next')['Icon']
     TIconBell: typeof import('tdesign-vue-next')['IconBell']
     TIconChevronDown: typeof import('tdesign-vue-next')['IconChevronDown']
     TIconChevronUp: typeof import('tdesign-vue-next')['IconChevronUp']
@@ -38,5 +45,6 @@ declare module 'vue' {
     TSpace: typeof import('tdesign-vue-next')['Space']
     TSubmenu: typeof import('tdesign-vue-next')['Submenu']
     TTag: typeof import('tdesign-vue-next')['Tag']
+    TUpload: typeof import('tdesign-vue-next')['Upload']
   }
 }

package/src/types/typed-router.d.ts

@@ -30,51 +30,79 @@ declare module 'vue-router/auto-routes' {
       Record<never, never>,
       | never
     >,
-    '/addon/admin/403/': RouteRecordInfo<
-      '/addon/admin/403/',
-      '/addon/admin/403',
+    '/addon/admin/403_1/': RouteRecordInfo<
+      '/addon/admin/403_1/',
+      '/addon/admin/403_1',
       Record<never, never>,
       Record<never, never>,
       | never
     >,
-    '/addon/admin/admin/': RouteRecordInfo<
-      '/addon/admin/admin/',
-      '/addon/admin/admin',
+    '/addon/admin/config/dict/': RouteRecordInfo<
+      '/addon/admin/config/dict/',
+      '/addon/admin/config/dict',
       Record<never, never>,
       Record<never, never>,
       | never
     >,
-    '/addon/admin/api/': RouteRecordInfo<
-      '/addon/admin/api/',
-      '/addon/admin/api',
+    '/addon/admin/config/system/': RouteRecordInfo<
+      '/addon/admin/config/system/',
+      '/addon/admin/config/system',
       Record<never, never>,
       Record<never, never>,
       | never
     >,
-    '/addon/admin/dict/': RouteRecordInfo<
-      '/addon/admin/dict/',
-      '/addon/admin/dict',
+    '/addon/admin/log/email/': RouteRecordInfo<
+      '/addon/admin/log/email/',
+      '/addon/admin/log/email',
       Record<never, never>,
       Record<never, never>,
       | never
     >,
-    '/addon/admin/login/index_1': RouteRecordInfo<
-      '/addon/admin/login/index_1',
-      '/addon/admin/login/index_1',
+    '/addon/admin/log/login/': RouteRecordInfo<
+      '/addon/admin/log/login/',
+      '/addon/admin/log/login',
       Record<never, never>,
       Record<never, never>,
       | never
     >,
-    '/addon/admin/menu/': RouteRecordInfo<
-      '/addon/admin/menu/',
-      '/addon/admin/menu',
+    '/addon/admin/log/operate/': RouteRecordInfo<
+      '/addon/admin/log/operate/',
+      '/addon/admin/log/operate',
       Record<never, never>,
       Record<never, never>,
       | never
     >,
-    '/addon/admin/role/': RouteRecordInfo<
-      '/addon/admin/role/',
-      '/addon/admin/role',
+    '/addon/admin/login_1/': RouteRecordInfo<
+      '/addon/admin/login_1/',
+      '/addon/admin/login_1',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
+    '/addon/admin/people/admin/': RouteRecordInfo<
+      '/addon/admin/people/admin/',
+      '/addon/admin/people/admin',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
+    '/addon/admin/permission/api/': RouteRecordInfo<
+      '/addon/admin/permission/api/',
+      '/addon/admin/permission/api',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
+    '/addon/admin/permission/menu/': RouteRecordInfo<
+      '/addon/admin/permission/menu/',
+      '/addon/admin/permission/menu',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
+    '/addon/admin/permission/role/': RouteRecordInfo<
+      '/addon/admin/permission/role/',
+      '/addon/admin/permission/role',
       Record<never, never>,
       Record<never, never>,
       | never
@@ -112,45 +140,69 @@ declare module 'vue-router/auto-routes' {
       views:
         | never
     }
-    'node_modules/@befly-addon/admin/views/403/index.vue': {
+    'node_modules/@befly-addon/admin/views/403_1/index.vue': {
+      routes:
+        | '/addon/admin/403_1/'
+      views:
+        | never
+    }
+    'node_modules/@befly-addon/admin/views/config/dict/index.vue': {
+      routes:
+        | '/addon/admin/config/dict/'
+      views:
+        | never
+    }
+    'node_modules/@befly-addon/admin/views/config/system/index.vue': {
+      routes:
+        | '/addon/admin/config/system/'
+      views:
+        | never
+    }
+    'node_modules/@befly-addon/admin/views/log/email/index.vue': {
+      routes:
+        | '/addon/admin/log/email/'
+      views:
+        | never
+    }
+    'node_modules/@befly-addon/admin/views/log/login/index.vue': {
       routes:
-        | '/addon/admin/403/'
+        | '/addon/admin/log/login/'
       views:
         | never
     }
-    'node_modules/@befly-addon/admin/views/admin/index.vue': {
+    'node_modules/@befly-addon/admin/views/log/operate/index.vue': {
       routes:
-        | '/addon/admin/admin/'
+        | '/addon/admin/log/operate/'
       views:
         | never
     }
-    'node_modules/@befly-addon/admin/views/api/index.vue': {
+    'node_modules/@befly-addon/admin/views/login_1/index.vue': {
       routes:
-        | '/addon/admin/api/'
+        | '/addon/admin/login_1/'
       views:
         | never
     }
-    'node_modules/@befly-addon/admin/views/dict/index.vue': {
+    'node_modules/@befly-addon/admin/views/people/admin/index.vue': {
       routes:
-        | '/addon/admin/dict/'
+        | '/addon/admin/people/admin/'
       views:
         | never
     }
-    'node_modules/@befly-addon/admin/views/login/index_1.vue': {
+    'node_modules/@befly-addon/admin/views/permission/api/index.vue': {
       routes:
-        | '/addon/admin/login/index_1'
+        | '/addon/admin/permission/api/'
       views:
         | never
     }
-    'node_modules/@befly-addon/admin/views/menu/index.vue': {
+    'node_modules/@befly-addon/admin/views/permission/menu/index.vue': {
       routes:
-        | '/addon/admin/menu/'
+        | '/addon/admin/permission/menu/'
       views:
         | never
     }
-    'node_modules/@befly-addon/admin/views/role/index.vue': {
+    'node_modules/@befly-addon/admin/views/permission/role/index.vue': {
       routes:
-        | '/addon/admin/role/'
+        | '/addon/admin/permission/role/'
       views:
         | never
     }

package/src/utils/index.js

@@ -33,16 +33,64 @@ const defaultColumnConfig = {
     ellipsisTitle: true
 };
 
+/**
+ * 常用字段默认宽度映射
+ * 根据 colKey 自动设置宽度，页面可覆盖
+ */
+const columnWidthMap = {
+    'row-select': 50,
+    id: 150,
+    index: 60,
+    state: 100,
+    operation: 100,
+    username: 150,
+    nickname: 150,
+    name: 150,
+    title: 150,
+    code: 150,
+    roleCode: 120,
+    path: 250,
+    icon: 120,
+    value: 200,
+    description: 200,
+    createdAt: 170,
+    updatedAt: 170,
+    deletedAt: 170,
+    email: 200,
+    phone: 130,
+    sort: 80,
+    pid: 80
+};
+
+/**
+ * 特定字段的默认配置
+ * 某些字段需要特殊的 ellipsis、align 等配置
+ */
+const columnDefaultProps = {
+    'row-select': { ellipsis: false },
+    id: { align: 'center' },
+    index: { align: 'center' },
+    state: { ellipsis: false, align: 'center' },
+    operation: { ellipsis: false, align: 'center', fixed: 'right' },
+    sort: { align: 'center' }
+};
+
 /**
  * 为表格列添加默认配置
  * @param {Array} columns - 列配置数组
  * @returns {Array} 添加默认配置后的列数组
  */
 export function withDefaultColumns(columns) {
-    return columns.map((col) => ({
-        ...defaultColumnConfig,
-        ...col
-    }));
+    return columns.map((col) => {
+        const defaultWidth = columnWidthMap[col.colKey];
+        const defaultProps = columnDefaultProps[col.colKey] || {};
+        return {
+            ...defaultColumnConfig,
+            ...(defaultWidth && !col.width ? { width: defaultWidth } : {}),
+            ...defaultProps,
+            ...col
+        };
+    });
 }
 
 /**
@@ -55,18 +103,6 @@ const defaultTableProps = {
     activeRowType: 'single'
 };
 
-/**
- * 生成表格通用属性
- * @param {Object} overrides - 覆盖或扩展的属性
- * @returns {Object} 合并后的表格属性
- */
-export function withTableProps(overrides = {}) {
-    return {
-        ...defaultTableProps,
-        ...overrides
-    };
-}
-
 /**
  * 树形表格默认配置
  */
@@ -92,6 +128,3 @@ export function withTreeTableProps(treeOverrides = {}, tableOverrides = {}) {
         }
     };
 }
-
-// 导出组合式函数
-export { useTablePage } from './useTablePage.js';