feat: 打印预览组件化

miniprogram/mathPages/mathDraw/mathDraw.ts

@@ -39,6 +39,7 @@ createMathPage({
         showNumberGrid: false,
         numberList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
         selectedNumber: 0,
+        isPreviewFavorite: false,
     },
 
     onLoad(options: { id?: string; mode?: string }) {
@@ -74,13 +75,13 @@ createMathPage({
         this.initPageInfo(routeId, title);
     },
 
-    onReady() {
+    onCanvasReady(e: WechatMiniprogram.CustomEvent) {
         if (!this.currentTypeConfig) return;
 
         const typeConfig = this.currentTypeConfig;
         const mode = this.data.currentMode;
 
-        this.initCanvas({
+        this.initCanvasFromComponent(e.detail, {
             createDrawService: (
                 canvas: Canvas,
                 ctx: RenderingContext,
@@ -246,4 +247,17 @@ createMathPage({
         );
         this.drawCanvas();
     },
+
+    onPreviewRefresh() {
+        this.onRandom();
+    },
+
+    onPreviewFavorite() {
+        const next = !this.data.isPreviewFavorite;
+        this.setData({ isPreviewFavorite: next });
+        wx.showToast({
+            title: next ? '收藏成功' : '已取消收藏',
+            icon: 'none',
+        });
+    },
 });