feat: 完成四种字母描红开发

miniprogram/englishPages/shared/draw/letterTracingDraw.ts

@@ -1,9 +1,9 @@
 import { BaseDrawService } from '../../../core/draw/baseDraw';
 import type { LetterTracingData } from '../generators/letter-tracing-generator';
-import PictureTracingDraw from './pictureTracingDraw';
+import singleLetterDraw from './singleLetterDraw';
 import CasePairingDraw from './casePairingDraw';
-import ColumnCompareDraw from './columnCompareDraw';
-import OverviewDraw from './overviewDraw';
+import TwoColumnDraw from './twoColumnDraw';
+import UpperLowerDraw from './upperLowerDraw';
 
 /**
  * 字母描红绘制分发层。
@@ -12,10 +12,10 @@ import OverviewDraw from './overviewDraw';
 export default class LetterTracingDraw extends BaseDrawService {
     async draw(data: LetterTracingData) {
         const DrawClass = {
-            'picture-tracing': PictureTracingDraw,
-            'case-pairing': CasePairingDraw,
-            'column-compare': ColumnCompareDraw,
-            overview: OverviewDraw,
+            'letter-tracing-single': singleLetterDraw,
+            'letter-tracing-upper-lower': UpperLowerDraw,
+            'letter-tracing-case-pairing': CasePairingDraw,
+            'letter-tracing-two-column': TwoColumnDraw,
         }[data.mode];
 
         const delegate = new DrawClass(this.canvas, this.ctx, this.options);