@mathwiz/ui-components 0.1.17 → 0.1.22

package/dist/data/RectangleAreaCalculation.json

@@ -0,0 +1,582 @@
+{
+  "sessionId": "geometry-session-001",
+  "grade": 5,
+  "unit": "几何与测量",
+  "lesson": "矩形面积计算",
+  "problems": [
+    {
+      "problemId": "rectangle-area-001",
+      "grade": 5,
+      "unit": "几何与测量",
+      "problemType": "geometry-area-calculation",
+      "question": [
+        {
+          "type": "text",
+          "content": "计算下面矩形的面积："
+        },
+        {
+          "type": "geometry",
+          "content": "一个矩形，长为 6 个单位，宽为 4 个单位。"
+        }
+      ],
+      "reviewContent": [
+        {
+          "type": "text",
+          "content": "矩形面积计算复习"
+        },
+        {
+          "type": "text",
+          "content": "矩形面积 = 长 × 宽"
+        }
+      ],
+      "answer": {
+        "correctAnswer": ["24"],
+        "options": [
+          {
+            "id": "1",
+            "content": [
+              {
+                "type": "text",
+                "content": "10"
+              }
+            ]
+          },
+          {
+            "id": "2",
+            "content": [
+              {
+                "type": "text",
+                "content": "20"
+              }
+            ]
+          },
+          {
+            "id": "3",
+            "content": [
+              {
+                "type": "text",
+                "content": "24"
+              }
+            ]
+          },
+          {
+            "id": "4",
+            "content": [
+              {
+                "type": "text",
+                "content": "28"
+              }
+            ]
+          }
+        ],
+        "explanation": "矩形的面积 = 长 × 宽 = 6 × 4 = 24 平方单位"
+      },
+      "definitions": {
+        "description": "矩形面积（用字母 A 表示）等于其长度（用字母 L 或ℓ表示）与宽度（用字母 W 或 w 表示）的乘积",
+        "mathematical_expression": "A = L × W（或 A = ℓ × w）"
+      },
+      "explanationSteps": [
+        {
+          "step_number": 1,
+          "step_name": "明确已知条件",
+          "content": "从题目中提取矩形的关键参数，确保单位统一（本题单位均为“单位”，无需转换）",
+          "extracted_parameters": {
+            "rectangle_length": "ℓ = 6 单位",
+            "rectangle_width": "w = 4 单位"
+          }
+        },
+        {
+          "step_number": 2,
+          "step_name": "代入面积公式",
+          "content": "将已知的长度和宽度数值，对应代入矩形面积公式 A = ℓ × w 中，替换公式里的字母变量",
+          "formula_after_substitution": "A = 6 单位 × 4 单位"
+        },
+        {
+          "step_number": 3,
+          "step_name": "进行数值计算",
+          "content": "按照乘法运算规则计算数值部分，同时保留单位参与运算（面积单位为“长度单位的平方”）",
+          "calculation_details": {
+            "numerical_calculation": "6 × 4 = 24",
+            "unit_calculation": "单位 × 单位 = 平方单位（sq unit）",
+            "combined_result": "A = 24 平方单位（或 24 sq unit）"
+          }
+        },
+        {
+          "step_number": 4,
+          "step_name": "验证单位合理性",
+          "content": "面积是“二维空间的大小”，单位需体现“平方”属性",
+          "verification_result": "因原始长度、宽度单位为“单位”，故面积单位应为“平方单位”，与计算结果一致，单位无错误"
+        },
+        {
+          "step_number": 5,
+          "step_name": "得出最终结论",
+          "content": "整合计算过程与单位，明确写出矩形的面积结果",
+          "final_conclusion": "该矩形的面积为 24 平方单位（24 square units 或 24 sq unit）"
+        }
+      ],
+      "geometryShapes": [
+        {
+          "id": "pointA",
+          "type": "point",
+          "position": {
+            "x": 0,
+            "y": 0
+          },
+          "color": "blue",
+          "name": "A",
+          "size": 4
+        },
+        {
+          "id": "pointB",
+          "type": "point",
+          "position": {
+            "x": 6,
+            "y": 0
+          },
+          "color": "blue",
+          "name": "B",
+          "size": 4
+        },
+        {
+          "id": "pointC",
+          "type": "point",
+          "position": {
+            "x": 6,
+            "y": 4
+          },
+          "color": "blue",
+          "name": "C",
+          "size": 4
+        },
+        {
+          "id": "pointD",
+          "type": "point",
+          "position": {
+            "x": 0,
+            "y": 4
+          },
+          "color": "blue",
+          "name": "D",
+          "size": 4
+        },
+        {
+          "id": "rectangle",
+          "type": "polygon",
+          "vertices": [
+            { "$ref": "pointA" },
+            { "$ref": "pointB" },
+            { "$ref": "pointC" },
+            { "$ref": "pointD" }
+          ],
+          "strokeColor": "darkblue",
+          "fillColor": "lightblue",
+          "fillOpacity": 0.3,
+          "strokeWidth": 2,
+          "name": "矩形"
+        },
+        {
+          "id": "lengthLabel",
+          "type": "text",
+          "position": {
+            "x": 3,
+            "y": -0.5
+          },
+          "content": "长 = 6",
+          "color": "red",
+          "fontSize": 14
+        },
+        {
+          "id": "widthLabel",
+          "type": "text",
+          "position": {
+            "x": -0.5,
+            "y": 2
+          },
+          "content": "宽 = 4",
+          "color": "red",
+          "fontSize": 14
+        }
+      ]
+    },
+    {
+      "problemId": "rectangle-area-002",
+      "grade": 5,
+      "unit": "几何与测量",
+      "problemType": "geometry-area-calculation",
+      "question": [
+        {
+          "type": "text",
+          "content": "一个矩形的长是 8 个单位，宽是 3 个单位，计算它的面积："
+        }
+      ],
+      "reviewContent": [
+        {
+          "type": "text",
+          "content": "矩形面积计算复习"
+        },
+        {
+          "type": "text",
+          "content": "记住：面积 = 长 × 宽"
+        }
+      ],
+      "answer": {
+        "correctAnswer": ["24"],
+        "options": [
+          {
+            "id": "1",
+            "content": [
+              {
+                "type": "text",
+                "content": "11"
+              }
+            ]
+          },
+          {
+            "id": "2",
+            "content": [
+              {
+                "type": "text",
+                "content": "24"
+              }
+            ]
+          },
+          {
+            "id": "3",
+            "content": [
+              {
+                "type": "text",
+                "content": "32"
+              }
+            ]
+          },
+          {
+            "id": "4",
+            "content": [
+              {
+                "type": "text",
+                "content": "38"
+              }
+            ]
+          }
+        ],
+        "explanation": "矩形的面积 = 长 × 宽 = 8 × 3 = 24 平方单位"
+      },
+      "definitions": {
+        "description": "矩形面积（用字母 A 表示）等于其长度（用字母 L 或ℓ表示）与宽度（用字母 W 或 w 表示）的乘积",
+        "mathematical_expression": "A = L × W（或 A = ℓ × w）"
+      },
+      "explanationSteps": [
+        {
+          "step_number": 1,
+          "step_name": "明确已知条件",
+          "content": "从题目中提取矩形的关键参数，确保单位统一（本题单位均为“单位”，无需转换）",
+          "extracted_parameters": {
+            "rectangle_length": "ℓ = 8 单位",
+            "rectangle_width": "w = 3 单位"
+          }
+        },
+        {
+          "step_number": 2,
+          "step_name": "代入面积公式",
+          "content": "将已知的长度和宽度数值，对应代入矩形面积公式 A = ℓ × w 中，替换公式里的字母变量",
+          "formula_after_substitution": "A = 8 单位 × 3 单位"
+        },
+        {
+          "step_number": 3,
+          "step_name": "进行数值计算",
+          "content": "按照乘法运算规则计算数值部分，同时保留单位参与运算（面积单位为“长度单位的平方”）",
+          "calculation_details": {
+            "numerical_calculation": "8 × 3 = 24",
+            "unit_calculation": "单位 × 单位 = 平方单位（sq unit）",
+            "combined_result": "A = 24 平方单位（或 24 sq unit）"
+          }
+        },
+        {
+          "step_number": 4,
+          "step_name": "验证单位合理性",
+          "content": "面积是“二维空间的大小”，单位需体现“平方”属性",
+          "verification_result": "因原始长度、宽度单位为“单位”，故面积单位应为“平方单位”，与计算结果一致，单位无错误"
+        },
+        {
+          "step_number": 5,
+          "step_name": "得出最终结论",
+          "content": "整合计算过程与单位，明确写出矩形的面积结果",
+          "final_conclusion": "该矩形的面积为 24 平方单位（24 square units 或 24 sq unit）"
+        }
+      ],
+      "geometryShapes": [
+        {
+          "id": "pointA",
+          "type": "point",
+          "position": {
+            "x": 0,
+            "y": 0
+          },
+          "color": "green",
+          "name": "A",
+          "size": 4
+        },
+        {
+          "id": "pointB",
+          "type": "point",
+          "position": {
+            "x": 8,
+            "y": 0
+          },
+          "color": "green",
+          "name": "B",
+          "size": 4
+        },
+        {
+          "id": "pointC",
+          "type": "point",
+          "position": {
+            "x": 8,
+            "y": 3
+          },
+          "color": "green",
+          "name": "C",
+          "size": 4
+        },
+        {
+          "id": "pointD",
+          "type": "point",
+          "position": {
+            "x": 0,
+            "y": 3
+          },
+          "color": "green",
+          "name": "D",
+          "size": 4
+        },
+        {
+          "id": "rectangle",
+          "type": "polygon",
+          "vertices": [
+            { "$ref": "pointA" },
+            { "$ref": "pointB" },
+            { "$ref": "pointC" },
+            { "$ref": "pointD" }
+          ],
+          "strokeColor": "darkgreen",
+          "fillColor": "lightgreen",
+          "fillOpacity": 0.3,
+          "strokeWidth": 2,
+          "name": "矩形"
+        },
+        {
+          "id": "lengthLabel",
+          "type": "text",
+          "position": {
+            "x": 4,
+            "y": -0.5
+          },
+          "content": "长 = 8",
+          "color": "red",
+          "fontSize": 14
+        },
+        {
+          "id": "widthLabel",
+          "type": "text",
+          "position": {
+            "x": -0.5,
+            "y": 1.5
+          },
+          "content": "宽 = 3",
+          "color": "red",
+          "fontSize": 14
+        }
+      ]
+    },
+    {
+      "problemId": "rectangle-area-003",
+      "grade": 5,
+      "unit": "几何与测量",
+      "problemType": "geometry-area-calculation",
+      "question": [
+        {
+          "type": "text",
+          "content": "一个矩形的长是 5 个单位，宽是 7 个单位，计算它的面积："
+        }
+      ],
+      "reviewContent": [
+        {
+          "type": "text",
+          "content": "矩形面积计算复习"
+        },
+        {
+          "type": "text",
+          "content": "面积公式：A = L × W"
+        }
+      ],
+      "answer": {
+        "correctAnswer": ["35"],
+        "options": [
+          {
+            "id": "1",
+            "content": [
+              {
+                "type": "text",
+                "content": "12"
+              }
+            ]
+          },
+          {
+            "id": "2",
+            "content": [
+              {
+                "type": "text",
+                "content": "25"
+              }
+            ]
+          },
+          {
+            "id": "3",
+            "content": [
+              {
+                "type": "text",
+                "content": "35"
+              }
+            ]
+          },
+          {
+            "id": "4",
+            "content": [
+              {
+                "type": "text",
+                "content": "42"
+              }
+            ]
+          }
+        ],
+        "explanation": "矩形的面积 = 长 × 宽 = 5 × 7 = 35 平方单位"
+      },
+      "definitions": {
+        "description": "矩形面积（用字母 A 表示）等于其长度（用字母 L 或ℓ表示）与宽度（用字母 W 或 w 表示）的乘积",
+        "mathematical_expression": "A = L × W（或 A = ℓ × w）"
+      },
+      "explanationSteps": [
+        {
+          "step_number": 1,
+          "step_name": "明确已知条件",
+          "content": "从题目中提取矩形的关键参数，确保单位统一（本题单位均为“单位”，无需转换）",
+          "extracted_parameters": {
+            "rectangle_length": "ℓ = 5 单位",
+            "rectangle_width": "w = 7 单位"
+          }
+        },
+        {
+          "step_number": 2,
+          "step_name": "代入面积公式",
+          "content": "将已知的长度和宽度数值，对应代入矩形面积公式 A = ℓ × w 中，替换公式里的字母变量",
+          "formula_after_substitution": "A = 5 单位 × 7 单位"
+        },
+        {
+          "step_number": 3,
+          "step_name": "进行数值计算",
+          "content": "按照乘法运算规则计算数值部分，同时保留单位参与运算（面积单位为“长度单位的平方”）",
+          "calculation_details": {
+            "numerical_calculation": "5 × 7 = 35",
+            "unit_calculation": "单位 × 单位 = 平方单位（sq unit）",
+            "combined_result": "A = 35 平方单位（或 35 sq unit）"
+          }
+        },
+        {
+          "step_number": 4,
+          "step_name": "验证单位合理性",
+          "content": "面积是“二维空间的大小”，单位需体现“平方”属性",
+          "verification_result": "因原始长度、宽度单位为“单位”，故面积单位应为“平方单位”，与计算结果一致，单位无错误"
+        },
+        {
+          "step_number": 5,
+          "step_name": "得出最终结论",
+          "content": "整合计算过程与单位，明确写出矩形的面积结果",
+          "final_conclusion": "该矩形的面积为 35 平方单位（35 square units 或 35 sq unit）"
+        }
+      ],
+      "geometryShapes": [
+        {
+          "id": "pointA",
+          "type": "point",
+          "position": {
+            "x": 0,
+            "y": 0
+          },
+          "color": "purple",
+          "name": "A",
+          "size": 4
+        },
+        {
+          "id": "pointB",
+          "type": "point",
+          "position": {
+            "x": 5,
+            "y": 0
+          },
+          "color": "purple",
+          "name": "B",
+          "size": 4
+        },
+        {
+          "id": "pointC",
+          "type": "point",
+          "position": {
+            "x": 5,
+            "y": 7
+          },
+          "color": "purple",
+          "name": "C",
+          "size": 4
+        },
+        {
+          "id": "pointD",
+          "type": "point",
+          "position": {
+            "x": 0,
+            "y": 7
+          },
+          "color": "purple",
+          "name": "D",
+          "size": 4
+        },
+        {
+          "id": "rectangle",
+          "type": "polygon",
+          "vertices": [
+            { "$ref": "pointA" },
+            { "$ref": "pointB" },
+            { "$ref": "pointC" },
+            { "$ref": "pointD" }
+          ],
+          "strokeColor": "darkpurple",
+          "fillColor": "lavender",
+          "fillOpacity": 0.3,
+          "strokeWidth": 2,
+          "name": "矩形"
+        },
+        {
+          "id": "lengthLabel",
+          "type": "text",
+          "position": {
+            "x": 2.5,
+            "y": -0.5
+          },
+          "content": "长 = 5",
+          "color": "red",
+          "fontSize": 14
+        },
+        {
+          "id": "widthLabel",
+          "type": "text",
+          "position": {
+            "x": -0.5,
+            "y": 3.5
+          },
+          "content": "宽 = 7",
+          "color": "red",
+          "fontSize": 14
+        }
+      ]
+    }
+  ]
+}

package/dist/data/TriangleAdapterV3/TriangleAdapterV3.stories.new.d.ts

@@ -0,0 +1,102 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TriangleAdapterV3Demo } from './TriangleAdapterV3Demo';
+declare const meta: Meta<typeof TriangleAdapterV3Demo>;
+export default meta;
+type Story = StoryObj<typeof TriangleAdapterV3Demo>;
+export declare const BasicConversion: Story;
+export declare const ReferenceResolution: Story;
+export declare const ConfigurationOptions: Story;
+export declare const ErrorHandling: Story;
+export declare const InteractiveDemo: Story;
+export declare const DirectFunctionCall: StoryObj;
+/**
+ * 真实数据转换故事 - 使用实际外部JSON数据
+ * 验证完整四场景转换和引用解析
+ */
+export declare const RealDataConversion: Story;
+/**
+ * 几何引用解析验证故事
+ * 验证 geometry_shapes 中的几何形状引用正确解析
+ */
+export declare const GeometryReferenceResolution: Story;
+/**
+ * 变换定义引用解析验证故事
+ * 验证 transform_definitions 中的变换引用正确解析
+ */
+export declare const TransformReferenceResolution: Story;
+/**
+ * 设计令牌解析验证故事
+ * 验证 $colors.primary、$fonts.body 等设计令牌正确解析
+ */
+export declare const DesignTokenResolution: Story;
+/**
+ * 复合引用场景验证故事
+ * 验证同时包含多种引用类型的复杂场景
+ */
+export declare const CompositeReferences: Story;
+/**
+ * Question场景契约验证故事
+ * 验证 question 场景的 items 数组、layout、graph 类型
+ */
+export declare const QuestionSceneContract: Story;
+/**
+ * Remember场景契约验证故事
+ * 验证 remember 场景的 formula 类型、parts 数组
+ */
+export declare const RememberSceneContract: Story;
+/**
+ * Solve场景契约验证故事
+ * 重点验证 geometryTransform 配置完整性
+ */
+export declare const SolveSceneContract: Story;
+/**
+ * Review场景契约验证故事
+ * 验证 review 场景的答案展示
+ */
+export declare const ReviewSceneContract: Story;
+/**
+ * 缺失几何引用处理故事
+ * 验证缺少几何定义时的回退处理
+ */
+export declare const MissingGeometryReferences: Story;
+/**
+ * 无效变换配置处理故事
+ * 验证变换配置错误时的降级策略
+ */
+export declare const InvalidTransformConfig: Story;
+/**
+ * 部分字段缺失处理故事
+ * 验证部分字段缺失的兼容性
+ */
+export declare const PartialDataHandling: Story;
+/**
+ * 严格验证模式故事
+ * 验证严格验证模式下的错误抛出
+ */
+export declare const ValidationStrictMode: Story;
+/**
+ * 性能基准测试故事
+ * 展示大数据量转换性能
+ */
+export declare const PerformanceBenchmark: Story;
+/**
+ * 引用解析性能测试故事
+ * 展示引用解析性能统计
+ */
+export declare const ReferenceResolutionPerf: Story;
+/**
+ * 几何变换内容块格式验证故事
+ * 验证geometryTransform内容块转换为MathCardV2兼容格式的正确性
+ */
+export declare const GeometryTransformContentBlockValidation: Story;
+/**
+ * MathCardV2集成验证故事
+ * 验证TriangleAdapterV3输出与MathCardV2输入的兼容性
+ */
+export declare const MathCardV2IntegrationValidation: Story;
+/**
+ * 几何变换转换过程详细展示故事
+ * 展示geometryTransform从原始配置到MathCardV2兼容格式的完整转换过程
+ */
+export declare const GeometryTransformConversionProcess: Story;
+//# sourceMappingURL=TriangleAdapterV3.stories.new.d.ts.map

package/dist/data/TriangleAdapterV3/TriangleAdapterV3.stories.new.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleAdapterV3.stories.new.d.ts","sourceRoot":"","sources":["../../../src/data/TriangleAdapterV3/TriangleAdapterV3.stories.new.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AA4LhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,qBAAqB,CA6B5C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAOpD,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAmBjC,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAoBlC,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,QA6DhC,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,EAAE,KAmBzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,EAAE,KAmB1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAmBnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAmBjC,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAoBnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAoBnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAoBjC,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAuBvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KA6BpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAoBjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAuBlC,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAmBlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAmBrC,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,uCAAuC,EAAE,KA2IrD,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,+BAA+B,EAAE,KAmQ7C,CAAC;AAMF;;;GAGG;AACH,eAAO,MAAM,kCAAkC,EAAE,KAyPhD,CAAC"}

package/dist/data/TriangleAdapterV3/TriangleAdapterV3Demo.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type SyncAdapterConfig, type RawTriangleProblemData } from './index';
+interface TriangleAdapterV3DemoProps {
+    inputData: RawTriangleProblemData;
+    initialConfig?: SyncAdapterConfig;
+    showPerformance?: boolean;
+    showReferences?: boolean;
+}
+export declare const TriangleAdapterV3Demo: React.FC<TriangleAdapterV3DemoProps>;
+export default TriangleAdapterV3Demo;
+//# sourceMappingURL=TriangleAdapterV3Demo.d.ts.map