feat:添加埋点，createPage 重构

miniprogram/mathPages/common/mathPageMixin.ts

@@ -6,6 +6,7 @@ import {
     MATH_FUNCTION_TYPES,
     MathFunctionType,
 } from '../../constants/mathFunctions';
+import tracker from '../../utils/tracker';
 
 /**
  * Canvas 相关的页面实例属性
@@ -16,6 +17,7 @@ export interface MathPageCanvasInstance {
     boxHeight: number;
     boxWidth: number;
     drawService: BaseMathDrawService | null;
+    setData(data: any, callback?: () => void): void;
 }
 
 /**
@@ -63,11 +65,16 @@ export interface ShareOptions {
     pagePath: string;
 }
 
+const shareConfig = {
+    title: '涂鸦丫-数学学习涂鸦卡',
+    imageUrl: 'https://cdn.joeyone.cn/doodle/share-img/index-share-v2.png',
+};
+
 /**
  * 获取数学页面的公共方法
  * 这些方法可以在所有数学页面中复用
  */
-export function getMathPageCommonMethods(shareOptions: ShareOptions) {
+export function getMathPageCommonMethods() {
     return {
         /**
          * 初始化 Canvas
@@ -76,6 +83,7 @@ export function getMathPageCommonMethods(shareOptions: ShareOptions) {
             this: MathPageCanvasInstance & { data: CanvasDataState },
             options: InitCanvasOptions,
         ) {
+            console.log('initCanvas this', this);
             const query = wx.createSelectorQuery();
             query
                 .select('#canvasWrapper')
@@ -145,6 +153,9 @@ export function getMathPageCommonMethods(shareOptions: ShareOptions) {
                 return;
             }
 
+            // 上报下载埋点
+            tracker.reportDownload(this.data.pageTitle);
+
             checkAndSaveImage(this.canvas);
         },
 
@@ -154,11 +165,13 @@ export function getMathPageCommonMethods(shareOptions: ShareOptions) {
         onShareAppMessage(
             this: MathPageCanvasInstance & { data: CanvasDataState },
         ) {
+            console.log('onShareAppMessage');
+            // 上报分享埋点
+            tracker.reportShare(this.data.pageTitle);
+
             return {
-                title: '涂鸦丫-数学学习涂鸦卡',
-                path: `/mathPages/${shareOptions.pagePath}?id=${this.data.functionId}`,
-                imageUrl:
-                    'https://cdn.joeyone.cn/doodle/share-img/index-share-v2.png',
+                ...shareConfig,
+                query: `id=${this.data.functionId}`,
             };
         },
 
@@ -168,11 +181,13 @@ export function getMathPageCommonMethods(shareOptions: ShareOptions) {
         onShareTimeline(
             this: MathPageCanvasInstance & { data: CanvasDataState },
         ) {
+            console.log('onShareTimeline');
+            // 上报分享埋点
+            tracker.reportShare(this.data.pageTitle);
+
             return {
-                title: '涂鸦丫-数学学习涂鸦卡',
+                ...shareConfig,
                 query: `id=${this.data.functionId}`,
-                imageUrl:
-                    'https://cdn.joeyone.cn/doodle/share-img/index-share-v2.png',
             };
         },
 
@@ -193,6 +208,8 @@ export function getMathPageCommonMethods(shareOptions: ShareOptions) {
         ) {
             this.setData({ showShareDialog: false });
             if (this.canvas) {
+                // 上报下载埋点（分享成功后下载）
+                tracker.reportDownload(this.data.pageTitle);
                 checkAndSaveImage(this.canvas);
             }
         },
@@ -222,3 +239,40 @@ export function getMathPageCommonMethods(shareOptions: ShareOptions) {
         },
     };
 }
+
+/**
+ * 应用数学页面公共方法的辅助函数
+ * 自动混入公共方法，简化页面代码
+ * @param pageOptions 页面选项
+ * @param shareOptions 分享配置选项
+ * @returns 合并后的页面选项
+ */
+export function applyMathPageMixin(pageOptions: any) {
+    const commonMethods = getMathPageCommonMethods();
+
+    // 提取 pageOptions 中的 data（如果有）
+    const pageData = pageOptions.data || {};
+
+    // 合并页面选项和公共方法
+    // 注意：pageOptions 放在后面，这样页面可以覆盖公共方法
+    const mergedOptions: any = {
+        ...commonMethods,
+        ...pageOptions,
+        // 处理 data 的合并（需要特殊处理，避免覆盖）
+        data: {
+            ...pageData,
+        },
+    };
+
+    return mergedOptions;
+}
+
+/**
+ * 创建数学页面的便捷函数
+ * 自动应用公共方法并注册为页面
+ * 页面路径从函数调用栈自动推断（从调用文件路径提取）
+ * @param pageOptions 页面选项
+ */
+export function createMathPage(pageOptions: any) {
+    Page(applyMathPageMixin(pageOptions));
+}