feat(admin): art-design-pro integration with local session auth

P1b Task 9: apps/admin based on art-design-pro v3.0.2 (tag, commit d224dd4; source recorded in apps/admin/SOURCE.md), trimmed to layout/login/i18n/request/table-form core. Login wired to real POST /v1/auth/password (single-token session), Bearer header on all requests, 401 interceptor logout+redirect, request-driven sliding renewal (refresh at ~80% TTL, single-flight), best-effort POST /v1/auth/logout on user-menu logout. One protected stub page (相册管理). Dev port 5176 strictPort + /v1 proxy to 8080. Admin keeps its own eslint9 flat config; root eslint ignores apps/admin/**. vitest unit tests for renewal pacing + Playwright e2e (guard redirect, localized wrong-password error, login lands on stub, token persists across reload, logout clears session). Co-Authored-By: Claude Code <noreply@anthropic.com>
2026-09-18 11:47:32 +08:00
parent 90fe64f637
commit a6cc190751
273 changed files with 32565 additions and 48 deletions
@@ -0,0 +1,97 @@
+/**
+ * 表格状态管理模块
+ *
+ * 提供表格显示配置的状态管理
+ *
+ * ## 主要功能
+ *
+ * - 表格尺寸配置（紧凑、默认、宽松）
+ * - 斑马纹显示开关
+ * - 边框显示开关
+ * - 表头背景显示开关
+ * - 全屏模式开关
+ *
+ * ## 使用场景
+ * - 表格组件样式配置
+ * - 用户表格偏好设置
+ * - 表格工具栏功能控制
+ *
+ * ## 持久化
+ *
+ * - 使用 localStorage 存储
+ * - 存储键：sys-v{version}-table
+ * - 用户配置跨页面保持
+ *
+ * @module store/modules/table
+ * @author Art Design Pro Team
+ */
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import { TableSizeEnum } from '@/enums/formEnum'
+
+// 表格
+export const useTableStore = defineStore(
+  'tableStore',
+  () => {
+    // 表格大小
+    const tableSize = ref(TableSizeEnum.DEFAULT)
+    // 斑马纹
+    const isZebra = ref(false)
+    // 边框
+    const isBorder = ref(false)
+    // 表头背景
+    const isHeaderBackground = ref(false)
+
+    // 是否全屏
+    const isFullScreen = ref(false)
+
+    /**
+     * 设置表格大小
+     * @param size 表格大小枚举值
+     */
+    const setTableSize = (size: TableSizeEnum) => (tableSize.value = size)
+
+    /**
+     * 设置斑马纹显示状态
+     * @param value 是否显示斑马纹
+     */
+    const setIsZebra = (value: boolean) => (isZebra.value = value)
+
+    /**
+     * 设置表格边框显示状态
+     * @param value 是否显示边框
+     */
+    const setIsBorder = (value: boolean) => (isBorder.value = value)
+
+    /**
+     * 设置表头背景显示状态
+     * @param value 是否显示表头背景
+     */
+    const setIsHeaderBackground = (value: boolean) => (isHeaderBackground.value = value)
+
+    /**
+     * 设置是否全屏
+     * @param value 是否全屏
+     */
+    const setIsFullScreen = (value: boolean) => (isFullScreen.value = value)
+
+    return {
+      tableSize,
+      isZebra,
+      isBorder,
+      isHeaderBackground,
+      setTableSize,
+      setIsZebra,
+      setIsBorder,
+      setIsHeaderBackground,
+      isFullScreen,
+      setIsFullScreen
+    }
+  },
+  {
+    persist: {
+      key: 'table',
+      storage: localStorage
+    }
+  }
+)