@mathwiz/ui-components 0.1.30 → 0.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (197) hide show
  1. package/dist/components/AICopilot/AICopilot.css +237 -0
  2. package/dist/components/AICopilot/AICopilot.d.ts +10 -0
  3. package/dist/components/AICopilot/AICopilot.d.ts.map +1 -0
  4. package/dist/components/AICopilot/components/ChatContainer.d.ts +9 -0
  5. package/dist/components/AICopilot/components/ChatContainer.d.ts.map +1 -0
  6. package/dist/components/AICopilot/components/ChatInput.d.ts +9 -0
  7. package/dist/components/AICopilot/components/ChatInput.d.ts.map +1 -0
  8. package/dist/components/AICopilot/components/ChatMessage.d.ts +9 -0
  9. package/dist/components/AICopilot/components/ChatMessage.d.ts.map +1 -0
  10. package/dist/components/AICopilot/components/CollapsibleContextBar.d.ts +9 -0
  11. package/dist/components/AICopilot/components/CollapsibleContextBar.d.ts.map +1 -0
  12. package/dist/components/AICopilot/components/QuickActions.d.ts +9 -0
  13. package/dist/components/AICopilot/components/QuickActions.d.ts.map +1 -0
  14. package/dist/components/AICopilot/components/StreamMessage.d.ts +9 -0
  15. package/dist/components/AICopilot/components/StreamMessage.d.ts.map +1 -0
  16. package/dist/components/AICopilot/index.d.ts +12 -0
  17. package/dist/components/AICopilot/index.d.ts.map +1 -0
  18. package/dist/components/AICopilot/store.d.ts +30 -0
  19. package/dist/components/AICopilot/store.d.ts.map +1 -0
  20. package/dist/components/AICopilot/types.d.ts +219 -0
  21. package/dist/components/AICopilot/types.d.ts.map +1 -0
  22. package/dist/components/MathCardV2/MathCardV2.types.d.ts +20 -1
  23. package/dist/components/MathCardV2/MathCardV2.types.d.ts.map +1 -1
  24. package/dist/components/MathCardV2/components/content/MathContainerContent.d.ts +16 -0
  25. package/dist/components/MathCardV2/components/content/MathContainerContent.d.ts.map +1 -0
  26. package/dist/components/MathCardV2/components/renderers/ContentRenderer.d.ts.map +1 -1
  27. package/dist/components/MathCardV2/hooks/useDataAdapter.d.ts.map +1 -1
  28. package/dist/components/MathCardV2/hooks/useMeetingProblemAdapter.d.ts.map +1 -1
  29. package/dist/components/MathCell/MathCell.d.ts +35 -0
  30. package/dist/components/MathCell/MathCell.d.ts.map +1 -0
  31. package/dist/components/MathCell/MathCell.styles.d.ts +149 -0
  32. package/dist/components/MathCell/MathCell.styles.d.ts.map +1 -0
  33. package/dist/components/MathCell/MathCell.types.d.ts +76 -0
  34. package/dist/components/MathCell/MathCell.types.d.ts.map +1 -0
  35. package/dist/components/MathCell/index.d.ts +11 -0
  36. package/dist/components/MathCell/index.d.ts.map +1 -0
  37. package/dist/components/MathContainer/FactorTable/FactorTable.d.ts +17 -0
  38. package/dist/components/MathContainer/FactorTable/FactorTable.d.ts.map +1 -0
  39. package/dist/components/MathContainer/FactorTable/FactorTable.types.d.ts +55 -0
  40. package/dist/components/MathContainer/FactorTable/FactorTable.types.d.ts.map +1 -0
  41. package/dist/components/MathContainer/FactorTable/FactorTableView.d.ts +28 -0
  42. package/dist/components/MathContainer/FactorTable/FactorTableView.d.ts.map +1 -0
  43. package/dist/components/MathContainer/FactorTable/index.d.ts +7 -0
  44. package/dist/components/MathContainer/FactorTable/index.d.ts.map +1 -0
  45. package/dist/components/MathContainer/LongDivision/LongDivision.d.ts +12 -0
  46. package/dist/components/MathContainer/LongDivision/LongDivision.d.ts.map +1 -0
  47. package/dist/components/MathContainer/LongDivision/LongDivision.layout.d.ts +81 -0
  48. package/dist/components/MathContainer/LongDivision/LongDivision.layout.d.ts.map +1 -0
  49. package/dist/components/MathContainer/LongDivision/LongDivision.types.d.ts +37 -0
  50. package/dist/components/MathContainer/LongDivision/LongDivision.types.d.ts.map +1 -0
  51. package/dist/components/MathContainer/LongDivision/LongDivisionView.d.ts +37 -0
  52. package/dist/components/MathContainer/LongDivision/LongDivisionView.d.ts.map +1 -0
  53. package/dist/components/MathContainer/LongDivision/index.d.ts +7 -0
  54. package/dist/components/MathContainer/LongDivision/index.d.ts.map +1 -0
  55. package/dist/components/MathContainer/MathContainer.types.d.ts +151 -0
  56. package/dist/components/MathContainer/MathContainer.types.d.ts.map +1 -0
  57. package/dist/components/MathContainer/ShortDivision/ShortDivision.d.ts +15 -0
  58. package/dist/components/MathContainer/ShortDivision/ShortDivision.d.ts.map +1 -0
  59. package/dist/components/MathContainer/ShortDivision/ShortDivision.types.d.ts +67 -0
  60. package/dist/components/MathContainer/ShortDivision/ShortDivision.types.d.ts.map +1 -0
  61. package/dist/components/MathContainer/ShortDivision/ShortDivisionView.d.ts +16 -0
  62. package/dist/components/MathContainer/ShortDivision/ShortDivisionView.d.ts.map +1 -0
  63. package/dist/components/MathContainer/ShortDivision/index.d.ts +8 -0
  64. package/dist/components/MathContainer/ShortDivision/index.d.ts.map +1 -0
  65. package/dist/components/MathContainer/VerticalMultiplication/VerticalMultiplication.d.ts +16 -0
  66. package/dist/components/MathContainer/VerticalMultiplication/VerticalMultiplication.d.ts.map +1 -0
  67. package/dist/components/MathContainer/VerticalMultiplication/VerticalMultiplication.types.d.ts +42 -0
  68. package/dist/components/MathContainer/VerticalMultiplication/VerticalMultiplication.types.d.ts.map +1 -0
  69. package/dist/components/MathContainer/VerticalMultiplication/VerticalMultiplicationView.d.ts +22 -0
  70. package/dist/components/MathContainer/VerticalMultiplication/VerticalMultiplicationView.d.ts.map +1 -0
  71. package/dist/components/MathContainer/VerticalMultiplication/VerticalMultiplicationView.utils.d.ts +19 -0
  72. package/dist/components/MathContainer/VerticalMultiplication/VerticalMultiplicationView.utils.d.ts.map +1 -0
  73. package/dist/components/MathContainer/VerticalMultiplication/index.d.ts +9 -0
  74. package/dist/components/MathContainer/VerticalMultiplication/index.d.ts.map +1 -0
  75. package/dist/components/MathContainer/hooks/index.d.ts +15 -0
  76. package/dist/components/MathContainer/hooks/index.d.ts.map +1 -0
  77. package/dist/components/MathContainer/hooks/useFactorTable.d.ts +39 -0
  78. package/dist/components/MathContainer/hooks/useFactorTable.d.ts.map +1 -0
  79. package/dist/components/MathContainer/hooks/useLongDivision.d.ts +51 -0
  80. package/dist/components/MathContainer/hooks/useLongDivision.d.ts.map +1 -0
  81. package/dist/components/MathContainer/hooks/useLongDivision.utils.d.ts +15 -0
  82. package/dist/components/MathContainer/hooks/useLongDivision.utils.d.ts.map +1 -0
  83. package/dist/components/MathContainer/hooks/useShortDivision.d.ts +41 -0
  84. package/dist/components/MathContainer/hooks/useShortDivision.d.ts.map +1 -0
  85. package/dist/components/MathContainer/hooks/useVerticalMultiplication.d.ts +28 -0
  86. package/dist/components/MathContainer/hooks/useVerticalMultiplication.d.ts.map +1 -0
  87. package/dist/components/MathContainer/hooks/useVerticalMultiplication.utils.d.ts +30 -0
  88. package/dist/components/MathContainer/hooks/useVerticalMultiplication.utils.d.ts.map +1 -0
  89. package/dist/components/MathContainer/index.d.ts +17 -0
  90. package/dist/components/MathContainer/index.d.ts.map +1 -0
  91. package/dist/components/dashboard/atoms/Badge/Badge.d.ts +23 -0
  92. package/dist/components/dashboard/atoms/Badge/Badge.d.ts.map +1 -0
  93. package/dist/components/dashboard/atoms/Badge/index.d.ts +4 -0
  94. package/dist/components/dashboard/atoms/Badge/index.d.ts.map +1 -0
  95. package/dist/components/dashboard/atoms/GamifiedToken/GamifiedToken.d.ts +14 -0
  96. package/dist/components/dashboard/atoms/GamifiedToken/GamifiedToken.d.ts.map +1 -0
  97. package/dist/components/dashboard/atoms/GamifiedToken/index.d.ts +3 -0
  98. package/dist/components/dashboard/atoms/GamifiedToken/index.d.ts.map +1 -0
  99. package/dist/components/dashboard/index.d.ts +31 -0
  100. package/dist/components/dashboard/index.d.ts.map +1 -0
  101. package/dist/components/dashboard/molecules/MathVisualizer/FormulaRenderer.d.ts +12 -0
  102. package/dist/components/dashboard/molecules/MathVisualizer/FormulaRenderer.d.ts.map +1 -0
  103. package/dist/components/dashboard/molecules/MathVisualizer/MathVisualizer.css +116 -0
  104. package/dist/components/dashboard/molecules/MathVisualizer/MathVisualizer.d.ts +39 -0
  105. package/dist/components/dashboard/molecules/MathVisualizer/MathVisualizer.d.ts.map +1 -0
  106. package/dist/components/dashboard/molecules/MathVisualizer/VisualRenderer.d.ts +12 -0
  107. package/dist/components/dashboard/molecules/MathVisualizer/VisualRenderer.d.ts.map +1 -0
  108. package/dist/components/dashboard/molecules/MathVisualizer/constants.d.ts +28 -0
  109. package/dist/components/dashboard/molecules/MathVisualizer/constants.d.ts.map +1 -0
  110. package/dist/components/dashboard/molecules/MathVisualizer/index.d.ts +5 -0
  111. package/dist/components/dashboard/molecules/MathVisualizer/index.d.ts.map +1 -0
  112. package/dist/components/dashboard/molecules/MathVisualizer/types.d.ts +29 -0
  113. package/dist/components/dashboard/molecules/MathVisualizer/types.d.ts.map +1 -0
  114. package/dist/components/dashboard/molecules/MathVisualizer/utils.d.ts +6 -0
  115. package/dist/components/dashboard/molecules/MathVisualizer/utils.d.ts.map +1 -0
  116. package/dist/components/dashboard/molecules/RadialProgress/RadialProgress.d.ts +3 -0
  117. package/dist/components/dashboard/molecules/RadialProgress/RadialProgress.d.ts.map +1 -0
  118. package/dist/components/dashboard/molecules/RadialProgress/index.d.ts +3 -0
  119. package/dist/components/dashboard/molecules/RadialProgress/index.d.ts.map +1 -0
  120. package/dist/components/dashboard/molecules/RadialProgress/types.d.ts +22 -0
  121. package/dist/components/dashboard/molecules/RadialProgress/types.d.ts.map +1 -0
  122. package/dist/components/dashboard/molecules/SegmentedTabs/SegmentedTabs.d.ts +31 -0
  123. package/dist/components/dashboard/molecules/SegmentedTabs/SegmentedTabs.d.ts.map +1 -0
  124. package/dist/components/dashboard/molecules/SegmentedTabs/SegmentedTabs.types.d.ts +39 -0
  125. package/dist/components/dashboard/molecules/SegmentedTabs/SegmentedTabs.types.d.ts.map +1 -0
  126. package/dist/components/dashboard/molecules/SegmentedTabs/index.d.ts +6 -0
  127. package/dist/components/dashboard/molecules/SegmentedTabs/index.d.ts.map +1 -0
  128. package/dist/components/dashboard/molecules/TaskCheckbox/TaskCheckbox.d.ts +20 -0
  129. package/dist/components/dashboard/molecules/TaskCheckbox/TaskCheckbox.d.ts.map +1 -0
  130. package/dist/components/dashboard/molecules/TaskCheckbox/index.d.ts +6 -0
  131. package/dist/components/dashboard/molecules/TaskCheckbox/index.d.ts.map +1 -0
  132. package/dist/components/dashboard/molecules/TaskCheckbox/types.d.ts +18 -0
  133. package/dist/components/dashboard/molecules/TaskCheckbox/types.d.ts.map +1 -0
  134. package/dist/components/dashboard/organisms/ActionHeroCard/ActionHeroCard.d.ts +3 -0
  135. package/dist/components/dashboard/organisms/ActionHeroCard/ActionHeroCard.d.ts.map +1 -0
  136. package/dist/components/dashboard/organisms/ActionHeroCard/index.d.ts +3 -0
  137. package/dist/components/dashboard/organisms/ActionHeroCard/index.d.ts.map +1 -0
  138. package/dist/components/dashboard/organisms/ActionHeroCard/types.d.ts +16 -0
  139. package/dist/components/dashboard/organisms/ActionHeroCard/types.d.ts.map +1 -0
  140. package/dist/components/dashboard/organisms/ActivityChart/ActivityChart.d.ts +4 -0
  141. package/dist/components/dashboard/organisms/ActivityChart/ActivityChart.d.ts.map +1 -0
  142. package/dist/components/dashboard/organisms/ActivityChart/index.d.ts +3 -0
  143. package/dist/components/dashboard/organisms/ActivityChart/index.d.ts.map +1 -0
  144. package/dist/components/dashboard/organisms/ActivityChart/types.d.ts +23 -0
  145. package/dist/components/dashboard/organisms/ActivityChart/types.d.ts.map +1 -0
  146. package/dist/components/dashboard/organisms/DashboardHeader/DashboardHeader.d.ts +4 -0
  147. package/dist/components/dashboard/organisms/DashboardHeader/DashboardHeader.d.ts.map +1 -0
  148. package/dist/components/dashboard/organisms/DashboardHeader/index.d.ts +3 -0
  149. package/dist/components/dashboard/organisms/DashboardHeader/index.d.ts.map +1 -0
  150. package/dist/components/dashboard/organisms/DashboardHeader/types.d.ts +28 -0
  151. package/dist/components/dashboard/organisms/DashboardHeader/types.d.ts.map +1 -0
  152. package/dist/components/dashboard/organisms/DashboardSidebar/DashboardSidebar.d.ts +4 -0
  153. package/dist/components/dashboard/organisms/DashboardSidebar/DashboardSidebar.d.ts.map +1 -0
  154. package/dist/components/dashboard/organisms/DashboardSidebar/index.d.ts +3 -0
  155. package/dist/components/dashboard/organisms/DashboardSidebar/index.d.ts.map +1 -0
  156. package/dist/components/dashboard/organisms/DashboardSidebar/types.d.ts +25 -0
  157. package/dist/components/dashboard/organisms/DashboardSidebar/types.d.ts.map +1 -0
  158. package/dist/components/dashboard/organisms/PathwayNode/PathwayNode.d.ts +32 -0
  159. package/dist/components/dashboard/organisms/PathwayNode/PathwayNode.d.ts.map +1 -0
  160. package/dist/components/dashboard/organisms/PathwayNode/index.d.ts +6 -0
  161. package/dist/components/dashboard/organisms/PathwayNode/index.d.ts.map +1 -0
  162. package/dist/components/dashboard/organisms/PathwayNode/types.d.ts +29 -0
  163. package/dist/components/dashboard/organisms/PathwayNode/types.d.ts.map +1 -0
  164. package/dist/components/dashboard/organisms/RecommendationCard/RecommendationCard.d.ts +4 -0
  165. package/dist/components/dashboard/organisms/RecommendationCard/RecommendationCard.d.ts.map +1 -0
  166. package/dist/components/dashboard/organisms/RecommendationCard/index.d.ts +3 -0
  167. package/dist/components/dashboard/organisms/RecommendationCard/index.d.ts.map +1 -0
  168. package/dist/components/dashboard/organisms/RecommendationCard/types.d.ts +44 -0
  169. package/dist/components/dashboard/organisms/RecommendationCard/types.d.ts.map +1 -0
  170. package/dist/components/dashboard/organisms/SkillRings/SkillRings.d.ts +4 -0
  171. package/dist/components/dashboard/organisms/SkillRings/SkillRings.d.ts.map +1 -0
  172. package/dist/components/dashboard/organisms/SkillRings/index.d.ts +3 -0
  173. package/dist/components/dashboard/organisms/SkillRings/index.d.ts.map +1 -0
  174. package/dist/components/dashboard/organisms/SkillRings/types.d.ts +25 -0
  175. package/dist/components/dashboard/organisms/SkillRings/types.d.ts.map +1 -0
  176. package/dist/components/dashboard/templates/DailyMilestones/DailyMilestones.d.ts +46 -0
  177. package/dist/components/dashboard/templates/DailyMilestones/DailyMilestones.d.ts.map +1 -0
  178. package/dist/components/dashboard/templates/DailyMilestones/index.d.ts +3 -0
  179. package/dist/components/dashboard/templates/DailyMilestones/index.d.ts.map +1 -0
  180. package/dist/components/dashboard/templates/DailyMilestones/types.d.ts +13 -0
  181. package/dist/components/dashboard/templates/DailyMilestones/types.d.ts.map +1 -0
  182. package/dist/components/dashboard/templates/LearningPathway/LearningPathway.d.ts +4 -0
  183. package/dist/components/dashboard/templates/LearningPathway/LearningPathway.d.ts.map +1 -0
  184. package/dist/components/dashboard/templates/LearningPathway/LearningPathway.types.d.ts +46 -0
  185. package/dist/components/dashboard/templates/LearningPathway/LearningPathway.types.d.ts.map +1 -0
  186. package/dist/components/dashboard/templates/LearningPathway/index.d.ts +6 -0
  187. package/dist/components/dashboard/templates/LearningPathway/index.d.ts.map +1 -0
  188. package/dist/index.cjs +162 -101
  189. package/dist/index.cjs.map +1 -1
  190. package/dist/index.css +1 -1
  191. package/dist/index.d.ts +11 -0
  192. package/dist/index.d.ts.map +1 -1
  193. package/dist/index.mjs +27418 -17241
  194. package/dist/index.mjs.map +1 -1
  195. package/dist/mathwiz-ui.css +1 -1
  196. package/dist/style.css +1 -1
  197. package/package.json +9 -7
@@ -0,0 +1,15 @@
1
+ /**
2
+ * useLongDivision Hook 工具函数
3
+ */
4
+ /**
5
+ * 计算长除法步骤
6
+ * 返回每一步的被除数、商、余数、乘积
7
+ */
8
+ export declare function calculateSteps(dividend: number, divisor: number): Array<{
9
+ index: number;
10
+ dividend: number;
11
+ quotient: number;
12
+ remainder: number;
13
+ product: number;
14
+ }>;
15
+ //# sourceMappingURL=useLongDivision.utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useLongDivision.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/MathContainer/hooks/useLongDivision.utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC,CAyCD"}
@@ -0,0 +1,41 @@
1
+ /**
2
+ * useShortDivision Hook
3
+ * 短除法逻辑层 - 管理状态、验证逻辑
4
+ *
5
+ * @description
6
+ * 使用 useRef 避免闭包问题,确保回调函数引用稳定。
7
+ * 短除法计算逻辑:每一步被除数 ÷ 除数 = 商 ... 余数
8
+ * 余数 × 10 + 下一位 = 新的被除数
9
+ */
10
+ import type { ShortDivisionConfig, ContainerAnswers, AnswerStatus } from '../MathContainer.types';
11
+ export interface UseShortDivisionOptions {
12
+ /** 短除法配置 */
13
+ config: ShortDivisionConfig;
14
+ /** 初始答案 */
15
+ initialAnswers?: ContainerAnswers;
16
+ /** 答案变化回调 */
17
+ onAnswerChange?: (answers: ContainerAnswers) => void;
18
+ }
19
+ export interface UseShortDivisionReturn {
20
+ /** 当前所有答案 */
21
+ answers: ContainerAnswers;
22
+ /** 更新答案函数 */
23
+ updateAnswer: (cellId: string, value: number | null) => void;
24
+ /** 获取单元格状态 */
25
+ getCellStatus: (cellId: string) => AnswerStatus;
26
+ /** 每步计算结果 */
27
+ stepResults: Record<number, {
28
+ quotient: number;
29
+ remainder: number;
30
+ }>;
31
+ /** 是否完成 */
32
+ isComplete: boolean;
33
+ /** 重置函数 */
34
+ reset: () => void;
35
+ }
36
+ /**
37
+ * 短除法 Hook
38
+ * 管理短除法的状态和验证逻辑
39
+ */
40
+ export declare function useShortDivision(options: UseShortDivisionOptions): UseShortDivisionReturn;
41
+ //# sourceMappingURL=useShortDivision.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useShortDivision.d.ts","sourceRoot":"","sources":["../../../../src/components/MathContainer/hooks/useShortDivision.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EACV,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EAEb,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,uBAAuB;IACtC,YAAY;IACZ,MAAM,EAAE,mBAAmB,CAAC;IAC5B,WAAW;IACX,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa;IACb,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,sBAAsB;IACrC,aAAa;IACb,OAAO,EAAE,gBAAgB,CAAC;IAC1B,aAAa;IACb,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,cAAc;IACd,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,CAAC;IAChD,aAAa;IACb,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrE,WAAW;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,sBAAsB,CAiKzF"}
@@ -0,0 +1,28 @@
1
+ /**
2
+ * useVerticalMultiplication Hook
3
+ * 乘法竖式逻辑层 - 管理状态、验证逻辑
4
+ */
5
+ import type { VerticalMultiplicationConfig, ContainerAnswers, AnswerStatus } from '../MathContainer.types';
6
+ export interface UseVerticalMultiplicationOptions {
7
+ config: VerticalMultiplicationConfig;
8
+ initialAnswers?: ContainerAnswers;
9
+ onAnswerChange?: (answers: ContainerAnswers) => void;
10
+ }
11
+ export interface UseVerticalMultiplicationReturn {
12
+ answers: ContainerAnswers;
13
+ updateAnswer: (cellId: string, value: number | null) => void;
14
+ getCellStatus: (cellId: string) => AnswerStatus;
15
+ partialProducts: Array<{
16
+ digit: number;
17
+ partial: number;
18
+ rowIndex: number;
19
+ }>;
20
+ correctProduct: number;
21
+ isComplete: boolean;
22
+ reset: () => void;
23
+ }
24
+ /**
25
+ * 乘法竖式 Hook
26
+ */
27
+ export declare function useVerticalMultiplication(options: UseVerticalMultiplicationOptions): UseVerticalMultiplicationReturn;
28
+ //# sourceMappingURL=useVerticalMultiplication.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useVerticalMultiplication.d.ts","sourceRoot":"","sources":["../../../../src/components/MathContainer/hooks/useVerticalMultiplication.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,4BAA4B,EAAE,gBAAgB,EAAE,YAAY,EAAc,MAAM,wBAAwB,CAAC;AAGvH,MAAM,WAAW,gCAAgC;IAC/C,MAAM,EAAE,4BAA4B,CAAC;IACrC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,+BAA+B;IAC9C,OAAO,EAAE,gBAAgB,CAAC;IAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,CAAC;IAChD,eAAe,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7E,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,gCAAgC,GAAG,+BAA+B,CAkCpH"}
@@ -0,0 +1,30 @@
1
+ /**
2
+ * useVerticalMultiplication Hook 工具函数
3
+ */
4
+ import type { ContainerAnswers } from '../MathContainer.types';
5
+ /**
6
+ * 计算中间积
7
+ * 被乘数 × 乘数的每一位
8
+ */
9
+ export declare function calculatePartialProducts(multiplicand: number, multiplier: number): Array<{
10
+ digit: number;
11
+ partial: number;
12
+ rowIndex: number;
13
+ }>;
14
+ /**
15
+ * 计算总单元格数
16
+ */
17
+ export declare function calculateTotalCells(partialProducts: Array<{
18
+ partial: number;
19
+ }>, correctProduct: number): number;
20
+ /**
21
+ * 获取单元格的正确值
22
+ */
23
+ export declare function getCorrectCellValue(cellId: string, partialProducts: Array<{
24
+ partial: number;
25
+ }>, correctProduct: number): number | null;
26
+ /**
27
+ * 检查是否完成
28
+ */
29
+ export declare function checkComplete(answers: ContainerAnswers, totalCells: number): boolean;
30
+ //# sourceMappingURL=useVerticalMultiplication.utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useVerticalMultiplication.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/MathContainer/hooks/useVerticalMultiplication.utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,GACjB,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC,CAO7D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,eAAe,EAAE,KAAK,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,EAC3C,cAAc,EAAE,MAAM,GACrB,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,KAAK,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,EAC3C,cAAc,EAAE,MAAM,GACrB,MAAM,GAAG,IAAI,CAyBf;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAGpF"}
@@ -0,0 +1,17 @@
1
+ /**
2
+ * MathContainer 模块导出
3
+ * 业务容器组件体系
4
+ */
5
+ export { MathContainerMode, AnswerStatus, MathContainerType, } from './MathContainer.types';
6
+ export type { CellAnswer, ContainerAnswers, BaseContainerConfig, FactorTableConfig, ShortDivisionConfig, VerticalMultiplicationConfig, LongDivisionConfig, ContainerConfig, UseContainerReturn, ContainerViewProps, MathContainerProps, MathContainerAnswer, } from './MathContainer.types';
7
+ export { useFactorTable, useShortDivision, useVerticalMultiplication, useLongDivision, } from './hooks';
8
+ export type { UseFactorTableOptions, UseFactorTableReturn, UseShortDivisionOptions, UseShortDivisionReturn, UseVerticalMultiplicationOptions, UseVerticalMultiplicationReturn, UseLongDivisionOptions, UseLongDivisionReturn, } from './hooks';
9
+ export { FactorTable, FactorTableView } from './FactorTable';
10
+ export type { FactorTableProps, FactorPair, FactorCellData, FactorValidationResult, } from './FactorTable/FactorTable.types';
11
+ export { ShortDivision, ShortDivisionView } from './ShortDivision';
12
+ export type { ShortDivisionProps, ShortDivisionViewProps, ShortDivisionStep, ShortDivisionCellData, } from './ShortDivision/ShortDivision.types';
13
+ export { VerticalMultiplication, VerticalMultiplicationView } from './VerticalMultiplication';
14
+ export type { VerticalMultiplicationProps, VerticalMultiplicationViewProps, } from './VerticalMultiplication/VerticalMultiplication.types';
15
+ export { LongDivision, LongDivisionView } from './LongDivision';
16
+ export type { LongDivisionProps, LongDivisionViewProps, } from './LongDivision/LongDivision.types';
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MathContainer/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,4BAA4B,EAC5B,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,gCAAgC,EAChC,+BAA+B,EAC/B,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EACV,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,sBAAsB,GACvB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACnE,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAC9F,YAAY,EACV,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,uDAAuD,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EACV,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,mCAAmC,CAAC"}
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ export type BadgeVariant = 'solid' | 'outline' | 'glass';
3
+ export type BadgeColor = 'brand' | 'growth' | 'motivation' | 'neutral';
4
+ export type BadgeSize = 'sm' | 'md';
5
+ export interface BadgeProps {
6
+ /** 视觉变体 */
7
+ variant?: BadgeVariant;
8
+ /** 语义化颜色 */
9
+ color?: BadgeColor;
10
+ /** 尺寸 */
11
+ size?: BadgeSize;
12
+ /** FontAwesome 图标类名 */
13
+ icon?: string;
14
+ /** 徽章内容 */
15
+ children: React.ReactNode;
16
+ /** 自定义类名 */
17
+ className?: string;
18
+ /** ARIA 标签 */
19
+ 'aria-label'?: string;
20
+ }
21
+ export declare const Badge: React.FC<BadgeProps>;
22
+ export default Badge;
23
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/atoms/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAC;AACvE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,WAAW,UAAU;IACzB,WAAW;IACX,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY;IACZ,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS;IACT,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqCD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4CtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { Badge } from './Badge';
2
+ export type { BadgeProps, BadgeVariant, BadgeColor, BadgeSize } from './Badge';
3
+ export { default } from './Badge';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/atoms/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ export type TokenType = 'streak' | 'coin' | 'gem' | 'star';
3
+ export type TokenSize = 'sm' | 'md';
4
+ export interface GamifiedTokenProps {
5
+ type: TokenType;
6
+ value: number | string;
7
+ label?: string;
8
+ size?: TokenSize;
9
+ isAnimated?: boolean;
10
+ onClick?: () => void;
11
+ }
12
+ export declare const GamifiedToken: React.FC<GamifiedTokenProps>;
13
+ export default GamifiedToken;
14
+ //# sourceMappingURL=GamifiedToken.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GamifiedToken.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/atoms/GamifiedToken/GamifiedToken.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAqBD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4DtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { GamifiedToken } from './GamifiedToken';
2
+ export type { GamifiedTokenProps, TokenType, TokenSize } from './GamifiedToken';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/atoms/GamifiedToken/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,31 @@
1
+ export { Badge } from './atoms/Badge';
2
+ export type { BadgeProps, BadgeVariant, BadgeColor, BadgeSize } from './atoms/Badge';
3
+ export { GamifiedToken } from './atoms/GamifiedToken';
4
+ export type { GamifiedTokenProps, TokenType, TokenSize } from './atoms/GamifiedToken';
5
+ export { MathVisualizer } from './molecules/MathVisualizer';
6
+ export type { MathVisualizerProps } from './molecules/MathVisualizer';
7
+ export { RadialProgress } from './molecules/RadialProgress';
8
+ export type { RadialProgressProps } from './molecules/RadialProgress';
9
+ export { SegmentedTabs } from './molecules/SegmentedTabs';
10
+ export type { SegmentedTabsProps } from './molecules/SegmentedTabs';
11
+ export { TaskCheckbox } from './molecules/TaskCheckbox';
12
+ export type { TaskCheckboxProps } from './molecules/TaskCheckbox';
13
+ export { ActionHeroCard } from './organisms/ActionHeroCard';
14
+ export type { ActionHeroCardProps } from './organisms/ActionHeroCard';
15
+ export { ActivityChart } from './organisms/ActivityChart';
16
+ export type { ActivityChartProps, ActivityDataPoint } from './organisms/ActivityChart';
17
+ export { DashboardHeader } from './organisms/DashboardHeader';
18
+ export type { DashboardHeaderProps } from './organisms/DashboardHeader';
19
+ export { DashboardSidebar } from './organisms/DashboardSidebar';
20
+ export type { DashboardSidebarProps, NavItem } from './organisms/DashboardSidebar';
21
+ export { PathwayNode } from './organisms/PathwayNode';
22
+ export type { PathwayNodeProps, PathwayNodeStatus, PathwayNodeSize } from './organisms/PathwayNode';
23
+ export { RecommendationCard as DashboardRecommendationCard } from './organisms/RecommendationCard';
24
+ export type { RecommendationCardProps as DashboardRecommendationCardProps } from './organisms/RecommendationCard';
25
+ export { SkillRings } from './organisms/SkillRings';
26
+ export type { SkillRingsProps, SkillData } from './organisms/SkillRings';
27
+ export { DailyMilestones } from './templates/DailyMilestones';
28
+ export type { DailyMilestonesProps, Task as MilestoneTask } from './templates/DailyMilestones';
29
+ export { LearningPathway } from './templates/LearningPathway';
30
+ export type { LearningPathwayProps } from './templates/LearningPathway';
31
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGtF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,YAAY,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAEnF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEpG,OAAO,EAAE,kBAAkB,IAAI,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AACnG,YAAY,EAAE,uBAAuB,IAAI,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAElH,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGzE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE/F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import type { VisualizerData, VisualizerSize } from './types';
3
+ interface FormulaRendererProps {
4
+ data: VisualizerData;
5
+ size: VisualizerSize;
6
+ }
7
+ /**
8
+ * Formula Renderer Component - Renders formula text
9
+ */
10
+ export declare const FormulaRenderer: React.FC<FormulaRendererProps>;
11
+ export {};
12
+ //# sourceMappingURL=FormulaRenderer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormulaRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/MathVisualizer/FormulaRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9D,UAAU,oBAAoB;IAC5B,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAS1D,CAAC"}
@@ -0,0 +1,116 @@
1
+ :root {
2
+ /* Colors */
3
+ --mathviz-filled-color: #10B981;
4
+ --mathviz-empty-color: #E5E7EB;
5
+ --mathviz-operator-color: #9CA3AF;
6
+ --mathviz-bg-color: #FFFFFF;
7
+ --mathviz-border-color: #F3F4F6;
8
+ --mathviz-formula-bg: #F9FAFB;
9
+ --mathviz-text-color: #1F2937;
10
+
11
+ /* Dimensions - sm */
12
+ --mathviz-sm-segment-width: 16px;
13
+ --mathviz-sm-bar-height: 24px;
14
+ --mathviz-sm-font-size: 16px;
15
+ --mathviz-sm-padding: 12px;
16
+
17
+ /* Dimensions - md */
18
+ --mathviz-md-segment-width: 20px;
19
+ --mathviz-md-bar-height: 32px;
20
+ --mathviz-md-font-size: 24px;
21
+ --mathviz-md-padding: 16px;
22
+
23
+ /* Spacing */
24
+ --mathviz-segment-gap: 2px;
25
+ --mathviz-bar-radius: 3px;
26
+ --mathviz-container-radius: 12px;
27
+ --mathviz-formula-radius: 8px;
28
+ }
29
+
30
+ /* Main container */
31
+ .math-visualizer {
32
+ display: inline-flex;
33
+ align-items: center;
34
+ justify-content: center;
35
+ background-color: var(--mathviz-bg-color);
36
+ border: 1px solid var(--mathviz-border-color);
37
+ border-radius: var(--mathviz-container-radius);
38
+ }
39
+
40
+ /* Size variants */
41
+ .math-visualizer--sm {
42
+ padding: var(--mathviz-sm-padding);
43
+ }
44
+
45
+ .math-visualizer--md {
46
+ padding: var(--mathviz-md-padding);
47
+ }
48
+
49
+ /* SVG container */
50
+ .math-visualizer__svg {
51
+ display: block;
52
+ }
53
+
54
+ /* Fraction bar container */
55
+ .math-visualizer__bar {
56
+ display: flex;
57
+ gap: var(--mathviz-segment-gap);
58
+ }
59
+
60
+ /* Individual segment */
61
+ .math-visualizer__segment {
62
+ border-radius: var(--mathviz-bar-radius);
63
+ }
64
+
65
+ .math-visualizer__segment--filled {
66
+ fill: var(--mathviz-filled-color);
67
+ }
68
+
69
+ .math-visualizer__segment--empty {
70
+ fill: var(--mathviz-empty-color);
71
+ }
72
+
73
+ /* Operation symbol */
74
+ .math-visualizer__operator {
75
+ color: var(--mathviz-operator-color);
76
+ font-weight: bold;
77
+ user-select: none;
78
+ }
79
+
80
+ /* Formula container */
81
+ .math-visualizer__formula {
82
+ background-color: var(--mathviz-formula-bg);
83
+ border: 1px solid var(--mathviz-border-color);
84
+ border-radius: var(--mathviz-formula-radius);
85
+ font-family: 'Courier New', Courier, monospace;
86
+ font-weight: 900;
87
+ letter-spacing: 0.1em;
88
+ color: var(--mathviz-text-color);
89
+ display: flex;
90
+ align-items: center;
91
+ justify-content: center;
92
+ }
93
+
94
+ /* Formula size variants */
95
+ .math-visualizer__formula--sm {
96
+ font-size: var(--mathviz-sm-font-size);
97
+ padding: 12px 16px;
98
+ letter-spacing: 0.1em;
99
+ }
100
+
101
+ .math-visualizer__formula--md {
102
+ font-size: var(--mathviz-md-font-size);
103
+ padding: 16px 24px;
104
+ letter-spacing: 0.15em;
105
+ }
106
+
107
+ /* Formula text */
108
+ .math-visualizer__formula-text {
109
+ font-family: inherit;
110
+ font-weight: inherit;
111
+ letter-spacing: inherit;
112
+ background: none;
113
+ border: none;
114
+ padding: 0;
115
+ margin: 0;
116
+ }
@@ -0,0 +1,39 @@
1
+ import React from 'react';
2
+ import type { MathVisualizerProps } from './types';
3
+ import './MathVisualizer.css';
4
+ /**
5
+ * MathVisualizer Component
6
+ *
7
+ * A molecule component for visualizing math problems.
8
+ * Supports two rendering modes:
9
+ * - 'visual': SVG fraction bar visualization with colored segments
10
+ * - 'formula': Monospace text formula display
11
+ *
12
+ * @example
13
+ * ```tsx
14
+ * // Single fraction
15
+ * <MathVisualizer
16
+ * type="visual"
17
+ * data={{ fraction1: { numerator: 1, denominator: 4 } }}
18
+ * />
19
+ *
20
+ * // Fraction addition
21
+ * <MathVisualizer
22
+ * type="visual"
23
+ * data={{
24
+ * fraction1: { numerator: 1, denominator: 4 },
25
+ * fraction2: { numerator: 1, denominator: 4 },
26
+ * operation: 'add',
27
+ * }}
28
+ * />
29
+ *
30
+ * // Formula display
31
+ * <MathVisualizer
32
+ * type="formula"
33
+ * data={{ formula: '0.5 × 0.8 = ?' }}
34
+ * />
35
+ * ```
36
+ */
37
+ export declare const MathVisualizer: React.FC<MathVisualizerProps>;
38
+ export default MathVisualizer;
39
+ //# sourceMappingURL=MathVisualizer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MathVisualizer.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/MathVisualizer/MathVisualizer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,OAAO,sBAAsB,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsBxD,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import type { VisualizerData, VisualizerSize } from './types';
3
+ interface VisualRendererProps {
4
+ data: VisualizerData;
5
+ size: VisualizerSize;
6
+ }
7
+ /**
8
+ * Visual Renderer Component - Renders fraction bars with SVG
9
+ */
10
+ export declare const VisualRenderer: React.FC<VisualRendererProps>;
11
+ export {};
12
+ //# sourceMappingURL=VisualRenderer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VisualRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/MathVisualizer/VisualRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9D,UAAU,mBAAmB;IAC3B,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,cAAc,CAAC;CACtB;AAqCD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgExD,CAAC"}
@@ -0,0 +1,28 @@
1
+ import type { VisualizerSize } from './types';
2
+ export declare const SIZE_CONFIG: {
3
+ readonly sm: {
4
+ readonly segmentWidth: 16;
5
+ readonly barHeight: 24;
6
+ readonly fontSize: 16;
7
+ readonly operatorWidth: 24;
8
+ readonly gap: 2;
9
+ };
10
+ readonly md: {
11
+ readonly segmentWidth: 20;
12
+ readonly barHeight: 32;
13
+ readonly fontSize: 24;
14
+ readonly operatorWidth: 32;
15
+ readonly gap: 2;
16
+ };
17
+ };
18
+ export declare const OPERATION_SYMBOLS: Record<string, string>;
19
+ export declare const COLORS: {
20
+ readonly filled: "#10B981";
21
+ readonly empty: "#E5E7EB";
22
+ readonly operator: "#9CA3AF";
23
+ };
24
+ /**
25
+ * Calculate bar width based on denominator and size
26
+ */
27
+ export declare function calculateBarWidth(denominator: number, size: VisualizerSize): number;
28
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/MathVisualizer/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAed,CAAC;AAGX,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAKpD,CAAC;AAGF,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,MAAM,CAGnF"}
@@ -0,0 +1,5 @@
1
+ export { MathVisualizer } from './MathVisualizer';
2
+ export { VisualRenderer } from './VisualRenderer';
3
+ export { FormulaRenderer } from './FormulaRenderer';
4
+ export type { MathVisualizerProps, VisualizerType, VisualizerSize, VisualizerData, VisualData, FormulaData, FractionData, MathOperation, } from './types';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/MathVisualizer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,GACd,MAAM,SAAS,CAAC"}
@@ -0,0 +1,29 @@
1
+ export type VisualizerType = 'visual' | 'formula';
2
+ export type MathOperation = 'add' | 'subtract' | 'multiply' | 'divide';
3
+ export type VisualizerSize = 'sm' | 'md';
4
+ export interface FractionData {
5
+ numerator: number;
6
+ denominator: number;
7
+ }
8
+ export interface VisualData {
9
+ fraction1: FractionData;
10
+ fraction2?: FractionData;
11
+ operation?: MathOperation;
12
+ }
13
+ export interface FormulaData {
14
+ formula: string;
15
+ }
16
+ export type VisualizerData = VisualData | FormulaData;
17
+ export interface MathVisualizerProps {
18
+ /** 渲染类型:图形化或算式 */
19
+ type: VisualizerType;
20
+ /** 渲染数据 */
21
+ data: VisualizerData;
22
+ /** 组件尺寸 */
23
+ size?: VisualizerSize;
24
+ /** 自定义类名 */
25
+ className?: string;
26
+ /** 无障碍标签 */
27
+ 'aria-label'?: string;
28
+ }
29
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/MathVisualizer/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAGvE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAGzC,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAGD,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAGD,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAGD,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;AAGtD,MAAM,WAAW,mBAAmB;IAClC,kBAAkB;IAClB,IAAI,EAAE,cAAc,CAAC;IAErB,WAAW;IACX,IAAI,EAAE,cAAc,CAAC;IAErB,WAAW;IACX,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
@@ -0,0 +1,6 @@
1
+ import type { VisualizerType, VisualizerData } from './types';
2
+ /**
3
+ * Generate aria label based on type and data
4
+ */
5
+ export declare function generateAriaLabel(type: VisualizerType, data: VisualizerData): string;
6
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/MathVisualizer/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9D;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,GAAG,MAAM,CAqBpF"}
@@ -0,0 +1,3 @@
1
+ import type { RadialProgressProps } from './types';
2
+ export declare function RadialProgress({ value, size, color, titleEn, subTitleZh, maxLabel, centerContent, isAnimated, className, }: RadialProgressProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=RadialProgress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadialProgress.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/RadialProgress/RadialProgress.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAOnD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAW,EACX,KAAqB,EACrB,OAAO,EACP,UAAU,EACV,QAAQ,EACR,aAAa,EACb,UAAiB,EACjB,SAAc,GACf,EAAE,mBAAmB,2CAqIrB"}
@@ -0,0 +1,3 @@
1
+ export { RadialProgress } from './RadialProgress';
2
+ export type { RadialProgressProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/RadialProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,22 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface RadialProgressProps {
3
+ /** Progress value from 0 to 100 */
4
+ value: number;
5
+ /** Size variant - sm: 64px, lg: 128px */
6
+ size?: 'sm' | 'lg';
7
+ /** Hex color for progress ring, default #3B82F6 */
8
+ color?: string;
9
+ /** English title displayed at bottom */
10
+ titleEn?: string;
11
+ /** Chinese subtitle displayed at bottom */
12
+ subTitleZh?: string;
13
+ /** Max value label (e.g., '/100 XP'), only shown in lg size */
14
+ maxLabel?: string;
15
+ /** Custom content to render in center (overrides default percentage) */
16
+ centerContent?: ReactNode;
17
+ /** Whether to animate progress, default true */
18
+ isAnimated?: boolean;
19
+ /** Additional CSS classes */
20
+ className?: string;
21
+ }
22
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/RadialProgress/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wEAAwE;IACxE,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
@@ -0,0 +1,31 @@
1
+ /**
2
+ * SegmentedTabs Component
3
+ * A capsule-style segmented tab component with sliding indicator animation
4
+ * Based on HeroUI Tabs component
5
+ */
6
+ import type { SegmentedTabsProps } from './SegmentedTabs.types';
7
+ /**
8
+ * SegmentedTabs - A molecule component for tab navigation with capsule styling
9
+ *
10
+ * Features:
11
+ * - Capsule-style container with sliding indicator
12
+ * - Support for icons in tabs
13
+ * - Individual tab disable state
14
+ * - Full width mode
15
+ * - Keyboard navigation support
16
+ * - Smooth animations (300ms ease)
17
+ *
18
+ * @example
19
+ * ```tsx
20
+ * <SegmentedTabs
21
+ * tabs={[
22
+ * { id: 'tab1', label: 'Tab 1' },
23
+ * { id: 'tab2', label: 'Tab 2', icon: <Icon /> },
24
+ * ]}
25
+ * activeId="tab1"
26
+ * onChange={(id) => console.log(id)}
27
+ * />
28
+ * ```
29
+ */
30
+ export declare const SegmentedTabs: React.FC<SegmentedTabsProps>;
31
+ //# sourceMappingURL=SegmentedTabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/dashboard/molecules/SegmentedTabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkFtD,CAAC"}