@mathwiz/ui-components 0.1.16 → 0.1.22

package/dist/pages/AreaGeometrySessionPage/data/config/utils/geometryCalculations.d.ts

@@ -0,0 +1,157 @@
+/**
+ * 几何计算工具函数
+ *
+ * 此模块提供了三角形几何计算相关的工具函数，
+ * 包括顶点计算、面积计算、变换中心计算等。
+ *
+ * @module geometryCalculations
+ */
+import type { TriangleVertices } from '../types';
+/**
+ * 计算直角三角形的顶点坐标
+ *
+ * 直角三角形定义：直角在原点(originX, originY)，
+ * 底边沿x轴正方向，高度沿y轴正方向
+ *
+ * @param base 底边长度
+ * @param height 高度
+ * @param originX 原点X坐标
+ * @param originY 原点Y坐标
+ * @returns 三角形顶点坐标
+ */
+export declare function calculateRightTriangleVertices(base: number, height: number, originX?: number, originY?: number): TriangleVertices;
+/**
+ * 计算锐角三角形的顶点坐标
+ *
+ * @param base 底边长度
+ * @param height 高度
+ * @param originX 原点X坐标
+ * @param originY 原点Y坐标
+ * @returns 三角形顶点坐标
+ */
+export declare function calculateAcuteTriangleVertices(base: number, height: number, originX?: number, originY?: number): TriangleVertices;
+/**
+ * 计算钝角三角形的顶点坐标
+ *
+ * @param base 底边长度
+ * @param height 高度
+ * @param originX 原点X坐标
+ * @param originY 原点Y坐标
+ * @returns 三角形顶点坐标
+ */
+export declare function calculateObtuseTriangleVertices(base: number, height: number, originX?: number, originY?: number): TriangleVertices;
+/**
+ * 计算三角形面积
+ *
+ * 使用向量叉积公式：面积 = 0.5 * |(x2-x1)*(y3-y1) - (x3-x1)*(y2-y1)|
+ *
+ * @param vertices 三角形顶点坐标
+ * @returns 三角形面积
+ */
+export declare function calculateTriangleArea(vertices: TriangleVertices): number;
+/**
+ * 计算旋转中心
+ *
+ * @param vertices 三角形顶点坐标
+ * @param triangleType 三角形类型
+ * @returns 旋转中心坐标
+ */
+export declare function calculateRotationCenter(vertices: TriangleVertices, triangleType: string): {
+    x: number;
+    y: number;
+};
+/**
+ * 计算变换中心
+ *
+ * @param vertices 三角形顶点坐标
+ * @param strategy 变换策略
+ * @returns 变换中心坐标
+ */
+export declare function calculateTransformCenter(vertices: TriangleVertices, strategy: string): {
+    x: number;
+    y: number;
+};
+/**
+ * 计算三角形的边界框
+ *
+ * @param vertices 三角形顶点坐标
+ * @param margin 边距（可选）
+ * @returns 边界框 [minX, maxY, maxX, minY]
+ */
+export declare function calculateBoundingBox(vertices: TriangleVertices, margin?: number): [number, number, number, number];
+/**
+ * 计算两点中点
+ *
+ * @param x1 第一个点的x坐标
+ * @param y1 第一个点的y坐标
+ * @param x2 第二个点的x坐标
+ * @param y2 第二个点的y坐标
+ * @returns 中点坐标
+ */
+export declare function calculateMidpoint(x1: number, y1: number, x2: number, y2: number): {
+    x: number;
+    y: number;
+};
+/**
+ * 计算两点距离
+ *
+ * @param x1 第一个点的x坐标
+ * @param y1 第一个点的y坐标
+ * @param x2 第二个点的x坐标
+ * @param y2 第二个点的y坐标
+ * @returns 两点距离
+ */
+export declare function calculateDistance(x1: number, y1: number, x2: number, y2: number): number;
+/**
+ * 缩放顶点坐标
+ *
+ * @param vertices 原始顶点坐标
+ * @param scale 缩放比例
+ * @returns 缩放后的顶点坐标
+ */
+export declare function scaleVertices(vertices: TriangleVertices, scale: number): TriangleVertices;
+/**
+ * 平移顶点坐标
+ *
+ * @param vertices 原始顶点坐标
+ * @param dx X方向平移量
+ * @param dy Y方向平移量
+ * @returns 平移后的顶点坐标
+ */
+export declare function translateVertices(vertices: TriangleVertices, dx: number, dy: number): TriangleVertices;
+/**
+ * 旋转顶点坐标
+ *
+ * @param vertices 原始顶点坐标
+ * @param angle 旋转角度（弧度）
+ * @param center 旋转中心
+ * @returns 旋转后的顶点坐标
+ */
+export declare function rotateVertices(vertices: TriangleVertices, angle: number, center: {
+    x: number;
+    y: number;
+}): TriangleVertices;
+/**
+ * 验证三角形顶点是否有效
+ *
+ * @param vertices 三角形顶点坐标
+ * @returns 是否有效（非退化三角形）
+ */
+export declare function validateTriangleVertices(vertices: TriangleVertices): boolean;
+declare const _default: {
+    calculateRightTriangleVertices: typeof calculateRightTriangleVertices;
+    calculateAcuteTriangleVertices: typeof calculateAcuteTriangleVertices;
+    calculateObtuseTriangleVertices: typeof calculateObtuseTriangleVertices;
+    calculateTriangleArea: typeof calculateTriangleArea;
+    calculateRotationCenter: typeof calculateRotationCenter;
+    calculateTransformCenter: typeof calculateTransformCenter;
+    calculateBoundingBox: typeof calculateBoundingBox;
+    calculateMidpoint: typeof calculateMidpoint;
+    calculateDistance: typeof calculateDistance;
+    scaleVertices: typeof scaleVertices;
+    translateVertices: typeof translateVertices;
+    rotateVertices: typeof rotateVertices;
+    validateTriangleVertices: typeof validateTriangleVertices;
+};
+export default _default;
+//# sourceMappingURL=geometryCalculations.d.ts.map

package/dist/pages/AreaGeometrySessionPage/data/config/utils/geometryCalculations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometryCalculations.d.ts","sourceRoot":"","sources":["../../../../../../src/pages/AreaGeometrySessionPage/data/config/utils/geometryCalculations.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAIjD;;;;;;;;;;;GAWG;AACH,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,MAAU,EACnB,OAAO,GAAE,MAAU,GAClB,gBAAgB,CAclB;AAED;;;;;;;;GAQG;AACH,wBAAgB,8BAA8B,CAC5C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,MAAU,EACnB,OAAO,GAAE,MAAU,GAClB,gBAAgB,CAelB;AAED;;;;;;;;GAQG;AACH,wBAAgB,+BAA+B,CAC7C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,GAAE,MAAU,EACnB,OAAO,GAAE,MAAU,GAClB,gBAAgB,CAelB;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM,CASxE;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,gBAAgB,EAC1B,YAAY,EAAE,MAAM,GACnB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAsC1B;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,MAAM,GACf;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAqC1B;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,GAAE,MAAU,GACjB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAWlC;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,GACT;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAK1B;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAC/B,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,GACT,MAAM,CAIR;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,MAAM,GACZ,gBAAgB,CAclB;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,gBAAgB,EAC1B,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,GACT,gBAAgB,CASlB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAC/B,gBAAgB,CA4BlB;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,OAAO,CAsB5E;;;;;;;;;;;;;;;;AAgDD,wBAcE"}

package/dist/pages/AreaGeometrySessionPage/data/index.d.ts

@@ -0,0 +1,72 @@
+/**
+ * ⚠️⚠️⚠️ DEPRECATED ⚠️⚠️⚠️
+ *
+ * AreaGeometrySessionPage 数据加载模块 - 简化版 (已废弃)
+ *
+ * 此模块已废弃，将在 v2.0.0 版本中移除。
+ *
+ * 迁移到新的数据适配架构：
+ * 1. 业务项目自己获取原始JSON数据（从API或静态文件）
+ * 2. 使用 GeometryProblemAdapterV4 适配器将V4格式JSON转换为标准化格式
+ * 3. 将转换后的 MathPracticeProblemData 直接传递给组件
+ *
+ * 替代方案：
+ * - 几何问题（三角形、梯形）：使用 src/data/GeometryProblemAdapterV4/index.ts
+ * - 年龄问题：使用 src/pages/AreaGeometrySessionPage/data/adapters/ageProblemAdapter.ts
+ * - 平行四边形：使用 src/pages/AreaGeometrySessionPage/data/adapters/parallelogramDataAdapter.ts
+ *
+ * 废弃原因：组件库不应包含数据加载逻辑，违反关注点分离原则
+ * 废弃日期：2026-02-21
+ * 预计移除版本：v2.0.0
+ */
+import type { MathPracticeProblemData } from '../../../components/MathCardV2/MathPracticeSessionTypes';
+import { adaptParallelogramData } from './adapters/parallelogramDataAdapter';
+import { adaptAgeProblemData } from './adapters/ageProblemAdapter';
+/**
+ * 问题类型定义
+ */
+export type ProblemType = 'triangle' | 'parallelogram' | 'age' | 'trapezoid';
+/**
+ * 加载锐角三角形问题数据（使用新的池化格式）（保持向后兼容）
+ *
+ * @deprecated 请使用 GeometryProblemAdapterV4 直接适配JSON数据
+ */
+export declare function loadTriangleProblemDataFromPool(): MathPracticeProblemData;
+/**
+ * 加载锐角三角形V4外部化配置数据（保持向后兼容）
+ *
+ * @deprecated 请使用 GeometryProblemAdapterV4 直接适配JSON数据
+ */
+export declare function loadAcuteTriangleV2Data(): Promise<MathPracticeProblemData>;
+/**
+ * 加载梯形面积问题数据（保持向后兼容）
+ *
+ * @deprecated 请使用 GeometryProblemAdapterV4 直接适配JSON数据
+ */
+export declare function loadTrapezoidProblemData(): Promise<MathPracticeProblemData>;
+/**
+ * 加载三角形问题数据（保持向后兼容）
+ *
+ * @deprecated 请使用 GeometryProblemAdapterV4 直接适配JSON数据
+ */
+export declare function loadTriangleProblemData(): Promise<MathPracticeProblemData>;
+/**
+ * 加载平行四边形问题数据（保持向后兼容）
+ *
+ * @deprecated 请使用 parallelogramDataAdapter 直接适配JSON数据
+ */
+export declare function loadParallelogramProblemData(): Promise<MathPracticeProblemData>;
+/**
+ * 加载年龄问题数据（保持向后兼容）
+ *
+ * @deprecated 请使用 ageProblemAdapter 直接适配JSON数据
+ */
+export declare function loadAgeProblemData(): Promise<MathPracticeProblemData>;
+/**
+ * 根据问题类型加载数据
+ *
+ * @deprecated 组件库不应包含数据加载逻辑，请使用正确的架构模式
+ */
+export declare function loadProblemData(problemType: ProblemType): Promise<MathPracticeProblemData>;
+export { adaptParallelogramData, adaptAgeProblemData };
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/AreaGeometrySessionPage/data/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/AreaGeometrySessionPage/data/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAOvG,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAUnE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,KAAK,GAAG,WAAW,CAAC;AAa7E;;;;GAIG;AACH,wBAAgB,+BAA+B,IAAI,uBAAuB,CAmBzE;AAED;;;;GAIG;AACH,wBAAsB,uBAAuB,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAmBhF;AAED;;;;GAIG;AACH,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAwBjF;AAED;;;;GAIG;AACH,wBAAsB,uBAAuB,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAiBhF;AAED;;;;GAIG;AACH,wBAAsB,4BAA4B,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAwBrF;AAED;;;;GAIG;AACH,wBAAsB,kBAAkB,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAwB3E;AAED;;;;GAIG;AACH,wBAAsB,eAAe,CAAC,WAAW,EAAE,WAAW,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAwBhG;AAgGD,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/pages/AreaGeometrySessionPage/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * AreaGeometrySessionPage 导出文件
+ * 纯容器组件，必须通过problemData prop传入适配后的数据
+ * 支持三角形面积、平行四边形面积、年龄问题和梯形面积四种类型
+ */
+export { AreaGeometrySessionPage } from './AreaGeometrySessionPage.tsx';
+export type { AreaGeometrySessionPageProps, ProblemType } from './types';
+export { loadProblemData, loadTriangleProblemData, loadParallelogramProblemData, loadAgeProblemData } from './data';
+export default AreaGeometrySessionPage;
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/AreaGeometrySessionPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/AreaGeometrySessionPage/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,4BAA4B,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGpH,eAAe,uBAAuB,CAAC"}

package/dist/pages/AreaGeometrySessionPage/types.d.ts

@@ -0,0 +1,87 @@
+import type { MathPracticeSessionPageProps } from '../../components/MathCardV2/MathPracticeSessionTypes';
+/**
+ * AreaGeometrySessionPage支持的页面类型
+ * @deprecated 已废弃，请使用problemData prop直接传入适配后的数据
+ */
+export type ProblemType = 'triangle' | 'parallelogram' | 'age' | 'trapezoid';
+/**
+ * AreaGeometrySessionPage组件Props接口
+ * 扩展自基础的MathPracticeSessionPageProps
+ */
+export interface AreaGeometrySessionPageProps extends Omit<MathPracticeSessionPageProps, 'problemData'> {
+    /**
+     * 必需的问题数据
+     * 业务项目应使用适配器函数将原始JSON转换为标准化格式
+     */
+    problemData: MathPracticeSessionPageProps['problemData'];
+    /**
+     * 自定义CSS类名
+     */
+    className?: string;
+    /**
+     * 子元素（可选）
+     */
+    children?: React.ReactNode;
+}
+/**
+ * 数据加载配置接口
+ */
+export interface DataLoaderConfig {
+    /**
+     * 是否启用缓存
+     * @default true
+     */
+    cacheEnabled?: boolean;
+    /**
+     * 缓存时间（毫秒）
+     * @default 300000 (5分钟)
+     */
+    cacheDuration?: number;
+    /**
+     * 是否在开发环境打印调试信息
+     * @default false
+     */
+    debug?: boolean;
+}
+/**
+ * 数据适配器选项
+ */
+export interface DataAdapterOptions {
+    /**
+     * 是否自动转换snake_case到camelCase
+     * @default true
+     */
+    convertFieldNames?: boolean;
+    /**
+     * 是否注入GeometryTransform配置
+     * @default true
+     */
+    injectGeometryTransform?: boolean;
+    /**
+     * 是否验证数据完整性
+     * @default true
+     */
+    validateData?: boolean;
+}
+/**
+ * 几何变换配置类型
+ */
+export interface GeometryTransformConfig {
+    ui: {
+        layoutDensity: 'compact' | 'standard';
+    };
+    base: number;
+    height: number;
+    unit: string;
+    shapes: {
+        static: Array<any>;
+        animated: Array<any>;
+    };
+    transform: {
+        type: 'rotation' | 'translation';
+        [key: string]: any;
+    };
+    animation: any;
+    boardConfig: any;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/pages/AreaGeometrySessionPage/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/pages/AreaGeometrySessionPage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AAEzG;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,KAAK,GAAG,WAAW,CAAC;AAE7E;;;GAGG;AACH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,4BAA4B,EAAE,aAAa,CAAC;IACrG;;;OAGG;IACH,WAAW,EAAE,4BAA4B,CAAC,aAAa,CAAC,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE;QACF,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC;KACvC,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QACN,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;KACtB,CAAC;IACF,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,GAAG,aAAa,CAAC;QACjC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;IACf,WAAW,EAAE,GAAG,CAAC;CAClB"}

package/dist/pages/GradeUnitBrowserPage/GradeUnitBrowserContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradeUnitBrowserContext.d.ts","sourceRoot":"","sources":["../../../src/pages/GradeUnitBrowserPage/GradeUnitBrowserContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAK3F,OAAO,KAAK,EAAE,2BAA2B,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAM1F,eAAO,MAAM,uBAAuB,mDAA0D,CAAC;AAE/F,eAAO,MAAM,mBAAmB,mCAM/B,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAkN5E,CAAC"}

package/dist/pages/GradeUnitBrowserPage/GradeUnitBrowserPage.css

@@ -0,0 +1,251 @@
+/* GradeUnitBrowserPage 样式 */
+
+.grade-unit-browser-page {
+  display: grid;
+  grid-template-areas:
+    "header header"
+    "sidebar content";
+  grid-template-rows: auto 1fr;
+  grid-template-columns: 300px 1fr;
+  min-height: 100vh;
+  background-color: var(--page-background, #f8fafc);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+}
+
+.grade-unit-browser-page--sidebar-collapsed {
+  grid-template-columns: 60px 1fr;
+}
+
+/* Header 区域 */
+.header-area {
+  grid-area: header;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: white;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  width: 100%;
+}
+
+/* Sidebar 区域 */
+.sidebar-area {
+  grid-area: sidebar;
+  background: white;
+  /* border-right: 1px solid var(--border-color, #e2e8f0); */
+  border-right: none;
+  overflow-y: auto;
+  height: 100vh;
+  position: sticky;
+  top: 0;
+}
+
+/* 内容区域 */
+.content-area {
+  grid-area: content;
+  padding: 24px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background: white;
+  min-height: calc(100vh - 80px);
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+/* 防止内容撑开容器 - 类似 App.css 中 main-view 的处理 */
+.content-area h1,
+.content-area h2,
+.content-area h3,
+.content-area h4,
+.content-area h5,
+.content-area h6,
+.content-area p,
+.content-area div,
+.content-area span {
+  max-width: 100%;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  white-space: normal;
+  box-sizing: border-box;
+}
+
+/* 加载状态 */
+.loading-spinner {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 200px;
+  color: var(--text-secondary, #64748b);
+  font-size: 16px;
+}
+
+.loading-spinner::before {
+  content: '';
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--border-color, #e2e8f0);
+  border-top: 2px solid var(--primary-color, #3b82f6);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  margin-right: 12px;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+/* 错误状态 */
+.error-message {
+  text-align: center;
+  padding: 40px 20px;
+  color: var(--error-color, #dc2626);
+  background: var(--error-bg, #fef2f2);
+  border: 1px solid var(--error-border, #fecaca);
+  border-radius: 8px;
+  margin: 20px;
+}
+
+.retry-button {
+  display: block;
+  margin: 20px auto;
+  padding: 10px 20px;
+  background: var(--primary-color, #3b82f6);
+  color: white;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 14px;
+  transition: background-color 0.2s;
+}
+
+.retry-button:hover {
+  background: var(--primary-hover, #2563eb);
+}
+
+/* 空状态 */
+.empty-state {
+  text-align: center;
+  padding: 60px 20px;
+  color: var(--text-secondary, #64748b);
+}
+
+.empty-state h3 {
+  margin: 0 0 8px 0;
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.empty-state p {
+  margin: 0;
+  font-size: 14px;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .grade-unit-browser-page {
+    grid-template-areas:
+      "header"
+      "content";
+    grid-template-columns: 1fr;
+  }
+
+  .sidebar-area {
+    display: none;
+  }
+
+  .content-area {
+    padding: 16px;
+    min-height: calc(100vh - 60px);
+  }
+
+  /* 移动端侧边栏展开状态 */
+  .grade-unit-browser-page.sidebar-open {
+    grid-template-areas:
+      "header"
+      "sidebar"
+      "content";
+  }
+
+  .grade-unit-browser-page.sidebar-open .sidebar-area {
+    display: block;
+    height: auto;
+    position: relative;
+    border-right: none;
+    border-bottom: 1px solid var(--border-color, #e2e8f0);
+  }
+}
+
+@media (max-width: 480px) {
+  .content-area {
+    padding: 12px;
+  }
+
+  .error-message {
+    margin: 10px;
+    padding: 20px 16px;
+  }
+
+  .retry-button {
+    margin: 10px auto;
+    padding: 8px 16px;
+    font-size: 13px;
+  }
+}
+
+/* 暗色主题支持 */
+@media (prefers-color-scheme: dark) {
+  .grade-unit-browser-page {
+    background-color: var(--page-background-dark, #0f172a);
+    color: var(--text-primary-dark, #f1f5f9);
+  }
+
+  .header-area,
+  .sidebar-area,
+  .content-area {
+    background: var(--surface-dark, #1e293b);
+  }
+
+  .sidebar-area {
+    border-right-color: var(--border-color-dark, #334155);
+  }
+
+  .error-message {
+    color: var(--error-color-dark, #f87171);
+    background: var(--error-bg-dark, #7f1d1d);
+    border-color: var(--error-border-dark, #b91c1c);
+  }
+}
+
+/* 无障碍性支持 */
+.grade-unit-browser-page:focus {
+  outline: 2px solid var(--focus-ring, #3b82f6);
+  outline-offset: 2px;
+}
+
+.retry-button:focus {
+  outline: 2px solid var(--focus-ring, #3b82f6);
+  outline-offset: 2px;
+}
+
+/* 高对比度模式支持 */
+@media (prefers-contrast: high) {
+  .grade-unit-browser-page {
+    border: 1px solid black;
+  }
+
+  .sidebar-area {
+    border-right: 2px solid black;
+  }
+
+  .retry-button {
+    border: 2px solid black;
+  }
+}

package/dist/pages/GradeUnitBrowserPage/GradeUnitBrowserPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradeUnitBrowserPage.d.ts","sourceRoot":"","sources":["../../../src/pages/GradeUnitBrowserPage/GradeUnitBrowserPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAKzC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,4BAA4B,CAAC;AAqIpC,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAC"}

package/dist/pages/GradeUnitBrowserPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/GradeUnitBrowserPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC1F,YAAY,EACV,yBAAyB,EACzB,2BAA2B,EAC3B,SAAS,EACT,WAAW,EACX,kBAAkB,EACnB,MAAM,SAAS,CAAC"}

package/dist/pages/GradeUnitBrowserPage/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/pages/GradeUnitBrowserPage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,2BAA2B;IAE1C,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,SAAS,EAAE,0BAA0B,GAAG,IAAI,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAGlC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,EAAE,CAAC;IAG1B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,KAAK,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAG/B,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,sBAAsB,CAAC,KAAK,IAAI,CAAC;CAClE;AAED,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,SAAS,EAAE,0BAA0B,CAAC;CACvC;AAED,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CAC1C"}