1

assets/Bundles/HomeScene/HomeScene.scene

@@ -185,7 +185,7 @@
     "_priority": 1073741824,
     "_fov": 45,
     "_fovAxis": 0,
-    "_orthoHeight": 897.0108303249098,
+    "_orthoHeight": 1077.0170777988615,
     "_near": 1,
     "_far": 2000,
     "_color": {
@@ -478,7 +478,7 @@
       "y": -180,
       "z": -12.000012657215834
     },
-    "_id": "862inAURhGc6/a5pdr+6E7"
+    "_id": "98rxkyhApNhqn3+LbxX5VH"
   },
   {
     "__type__": "cc.UITransform",
@@ -500,7 +500,7 @@
       "x": 0,
       "y": 1
     },
-    "_id": "aawpMD3ItDYpGy3/WFLKWq"
+    "_id": "3a0W1D9BBAv5Ni8BWWzzB6"
   },
   {
     "__type__": "cc.Sprite",
@@ -536,7 +536,7 @@
     "_isTrimmedMode": true,
     "_useGrayscale": false,
     "_atlas": null,
-    "_id": "a5NOBxC8VOyKg6POw1HhC8"
+    "_id": "8flbNv1XJFcZL0Cc4AOC5g"
   },
   {
     "__type__": "cc.Node",
@@ -584,7 +584,7 @@
       "y": -180,
       "z": -11.00000220913452
     },
-    "_id": "d7EQDYWQtAirNFX/hsQFtt"
+    "_id": "60YBGTwTVP45ta/1edo20Q"
   },
   {
     "__type__": "cc.UITransform",
@@ -606,7 +606,7 @@
       "x": 0,
       "y": 1
     },
-    "_id": "b0u8i9HxpAL49LWvlO9zuT"
+    "_id": "e4lM77rNVHcLpotdm+SWUr"
   },
   {
     "__type__": "cc.Sprite",
@@ -642,7 +642,7 @@
     "_isTrimmedMode": true,
     "_useGrayscale": false,
     "_atlas": null,
-    "_id": "84eRsEvblK/KU1fKYLh+xu"
+    "_id": "a5yoqfeAFA2L4yyFAzdSTd"
   },
   {
     "__type__": "cc.Node",
@@ -690,7 +690,7 @@
       "y": -180,
       "z": -64.00000614258742
     },
-    "_id": "04a9sAqy9P65K057mAJIw9"
+    "_id": "77R0QzzEhNUJ7rC+0VCAMq"
   },
   {
     "__type__": "cc.UITransform",
@@ -712,7 +712,7 @@
       "x": 0,
       "y": 1
     },
-    "_id": "4bBNy0JDlBHI3zOTOkg2fJ"
+    "_id": "63K0aRok9LW6tsw56bFxYv"
   },
   {
     "__type__": "cc.Sprite",
@@ -748,7 +748,7 @@
     "_isTrimmedMode": true,
     "_useGrayscale": false,
     "_atlas": null,
-    "_id": "66PlNAbyFBnrg17Bdhi6RW"
+    "_id": "6bSsZFzRJHBbSregdk0Maf"
   },
   {
     "__type__": "cc.Node",
@@ -796,7 +796,7 @@
       "y": 180,
       "z": 25.99999385741257
     },
-    "_id": "8e5ShR1PpHUrVnS11KvScn"
+    "_id": "47ztUoTQpHsZecNOtKq660"
   },
   {
     "__type__": "cc.UITransform",
@@ -818,7 +818,7 @@
       "x": 0,
       "y": 1
     },
-    "_id": "20kKVhuNFDvr6/16/ez1Oz"
+    "_id": "5dXdoCdsRNybjhPXbM8IVM"
   },
   {
     "__type__": "cc.Sprite",
@@ -854,7 +854,7 @@
     "_isTrimmedMode": true,
     "_useGrayscale": false,
     "_atlas": null,
-    "_id": "bfxmQi//dAB6i6paIlUNYs"
+    "_id": "74Nn+sAgFJEacadLXVwMcd"
   },
   {
     "__type__": "cc.UITransform",
@@ -5253,6 +5253,12 @@
     "rankBtn": {
       "__id__": 25
     },
+    "blessBagBtn": {
+      "__id__": 123
+    },
+    "PropBtn": {
+      "__id__": 108
+    },
     "userName": {
       "__id__": 70
     },

assets/Scripts/Panels/GamePosterPanel.ts

@@ -93,7 +93,7 @@ export default class GamePosterPanel extends Panel {
                     style="width: ${wRem}rem; height: ${hRem}rem; pointer-events: auto;"
                 >
             </div>
-        `;
+        `
 
         this.dom = document.createElement("div");
         this.dom.innerHTML = domHtml;

assets/Scripts/Panels/GetPrize.ts

@@ -13,6 +13,8 @@ import {
     Prefab, instantiate
 } from "cc";
 import {observer, render} from "../store/decorators";
+import {showPanel} from "db://assets/Module/UIFast";
+import SharePop from "db://assets/Scripts/Panels/SharePop";
 
 const {ccclass, property} = _decorator;
 
@@ -30,7 +32,6 @@ export default class GetPrize extends Panel {
     @property(Node) content: Node = null;
 
     onLoad() {
-        this.share.on(Button.EventType.CLICK, this.clickShare);
         this.happy.on(Button.EventType.CLICK, this.clickHappy);
     }
 
@@ -52,12 +53,14 @@ export default class GetPrize extends Panel {
 
             prize.getComponent(Sprite).spriteFrame = item.prizeImg
 
+            this.share.on(Button.EventType.CLICK, () => this.clickShare(item.prizeName, item.prizeImg));
+
         })
 
     }
 
-    clickShare() {
-        console.log(12312312);
+    clickShare(prizeName: any, prizeImg: any) {
+        showPanel(SharePop, {prizeName, prizeImg})
     }
 
     clickHappy = () => {

assets/Scripts/Panels/composedDiamondPop.ts

@@ -17,30 +17,39 @@ export default class composedDiamondPop extends Panel {
 
     @property(Node) composedOneDiamond: Node = null;
     @property(Node) composedFiveDiamond: Node = null;
+    @property(Node) x5: Node = null;
+    @property(Node) diamondThink: Node = null;
 
 
     onLoad() {
         this.composedOneDiamond.on(Button.EventType.CLICK, this.clickOneDiamond);
         this.composedFiveDiamond.on(Button.EventType.CLICK, this.clickFiveDiamond);
+        this.diamondThink.on(Button.EventType.CLICK, this.clickThink);
     }
 
     start() {
         const {data = this.data} = this.data
         if (data == 1) {
+            this.x5.active = false
             this.composedOneDiamond.active = true
             this.composedFiveDiamond.active = false
         } else if (data == 5) {
+            this.x5.active = true
             this.composedOneDiamond.active = false
             this.composedFiveDiamond.active = true
         }
     }
 
+    async clickThink() {
+        hidePanel()
+    }
+
     async clickOneDiamond() {
         const {success, data} = await sendWebNetWithToken(WebNetName.bagExchange, {drawType: 3, drawCount: 1})
         if (!success) return
 
         hidePanel()
-        await showPanel(GetPrize,data.prizeVOList)
+        await showPanel(GetPrize, data.prizeVOList)
 
     }
 
@@ -49,7 +58,7 @@ export default class composedDiamondPop extends Panel {
         if (!success) return
 
         hidePanel()
-        await showPanel(GetPrize,data.prizeVOList)
+        await showPanel(GetPrize, data.prizeVOList)
 
     }
 }

assets/Scripts/Panels/composedGoldPop.ts

@@ -17,24 +17,31 @@ export default class composedGoldPop extends Panel {
 
     @property(Node) composedOneGold: Node = null;
     @property(Node) composedFiveGold: Node = null;
-
+    @property(Node) x5: Node = null;
+    @property(Node) goldThink: Node = null;
 
     onLoad() {
         this.composedOneGold.on(Button.EventType.CLICK, this.clickOneGold);
         this.composedFiveGold.on(Button.EventType.CLICK, this.clickFiveGold);
+        this.goldThink.on(Button.EventType.CLICK, this.clickThink);
     }
 
     start() {
         const {data = this.data} = this.data
         if (data == 1) {
+            this.x5.active = false
             this.composedOneGold.active = true
             this.composedFiveGold.active = false
         } else if (data == 5) {
+            this.x5.active = true
             this.composedOneGold.active = false
             this.composedFiveGold.active = true
         }
     }
 
+    async clickThink() {
+        hidePanel()
+    }
 
     async clickOneGold() {
         const {success, data} = await sendWebNetWithToken(WebNetName.bagExchange, {drawType: 2, drawCount: 1})

assets/Scripts/Panels/openSliverPop.ts

@@ -15,13 +15,16 @@ export default class openSliverPop extends Panel {
     static skin = "openSliverPop";
 
 
-    @property(Node) sliverOneBtn: Node = null;
-    @property(Node) sliverFiveBtn: Node = null;
+    @property(Node) sliverThink: Node = null;
+    @property(Node) sliverOpen1: Node = null;
+    @property(Node) sliverOpen5: Node = null;
+    @property(Node) x5: Node = null;
 
 
     onLoad() {
-        this.sliverOneBtn.on(Button.EventType.CLICK, this.clickOneOpen)
-        this.sliverFiveBtn.on(Button.EventType.CLICK, this.clickFiveOpen)
+        this.sliverThink.on(Button.EventType.CLICK, this.clickThinkOpen)
+        this.sliverOpen1.on(Button.EventType.CLICK, this.clickOpen1)
+        this.sliverOpen5.on(Button.EventType.CLICK, this.clickOpen5)
     }
 
     start() {
@@ -29,26 +32,33 @@ export default class openSliverPop extends Panel {
         console.log(data, 112233)
 
         if (data == 1) {
-            this.sliverOneBtn.active = true
-            this.sliverFiveBtn.active = false
+            this.x5.active = false
+            this.sliverOpen1.active = true
+            this.sliverOpen5.active = false
+
         } else if (data == 5) {
-            this.sliverOneBtn.active = false
-            this.sliverFiveBtn.active = true
+            this.x5.active = true
+            this.sliverOpen1.active = false
+            this.sliverOpen5.active = true
         }
     }
 
     prizeVOList = {}
     list = []
 
-    async clickOneOpen() {
+    async clickThinkOpen() {
+        hidePanel()
+    }
+
+    async clickOpen1() {
         const {success, data} = await sendWebNetWithToken(WebNetName.bagExchange, {drawType: 1, drawCount: 1})
         if (!success) return
 
-        hidePanel()
+        hidePanel();
         showPanel(GetPrize, data.prizeVOList)
     }
 
-    async clickFiveOpen() {
+    async clickOpen5() {
         const {success, data} = await sendWebNetWithToken(WebNetName.bagExchange, {drawType: 1, drawCount: 5})
         if (!success) return
 

assets/Scripts/Scenes/BlessingBagPage.ts

-import {_decorator, Button, instantiate, Label, Node, Prefab} from 'cc';
+import {_decorator, Button, instantiate, Label, Node, Prefab, Sprite} from 'cc';
 import Scene from "db://assets/Module/Scene";
 import {observer, render} from "../store/decorators";
 import {sendWebNet, sendWebNetWithToken, WebNetName} from "db://assets/Scripts/Utils/WebNet/WebNet";
-import {showPanel} from "db://assets/Module/UIFast";
+import {changeScene, showPanel} from "db://assets/Module/UIFast";
 import openSliverPop from "db://assets/Scripts/Panels/openSliverPop";
 import composedGoldPop from "db://assets/Scripts/Panels/composedGoldPop";
 import composedDiamondPop from "db://assets/Scripts/Panels/composedDiamondPop";
+import {HomeScene} from "db://assets/Scripts/Scenes/HomeScene";
 
 const {ccclass, property} = _decorator;
 
@@ -40,6 +41,13 @@ export class BlessingBagPage extends Scene {
     @property(Label) Label_five_diamond: Label = null;
     @property(Label) Label_one_diamond: Label = null;
 
+    //福袋轮播图
+    @property(Prefab) prize_list: Prefab = null;
+    @property(Node) prizeListDiamond: Node = null;
+    @property(Node) prizeListGold: Node = null;
+    @property(Node) prizeListSliver: Node = null;
+
+
     //赚福袋任务界面
     @property(Prefab) earn_list: Prefab = null;
     @property(Node) content: Node = null;
@@ -60,13 +68,14 @@ export class BlessingBagPage extends Scene {
         this.Diamond_Five_Btn.on(Button.EventType.CLICK, this.DiamondFiveBtn, this);
 
         //赚福袋任务界面
-        this.Task1_invite_btn.on(Button.EventType.CLICK, this.DiamondFiveBtn, this);
+        // this.Task1_invite_btn.on(Button.EventType.CLICK, this.DiamondFiveBtn, this);
 
 
     }
 
     bagInfo: any = {}
     TaskInfo = {}
+    finishTaskInfo: any = {}
 
     async start() {
         this.Node_sliver.active = true;
@@ -86,6 +95,69 @@ export class BlessingBagPage extends Scene {
         this.Label_one_diamond.string = `花费${this.bagInfo.bagSilverToDiamond}个银福袋`
         this.Label_five_diamond.string = `花费${this.bagInfo.bagSilverToDiamond * 5}个银福袋`
 
+
+        let bagPrizeVO = this.bagInfo.bagPrizeVO
+        console.log(bagPrizeVO, 222)
+
+        bagPrizeVO.map((item, index) => {
+            //银福袋轮播
+            if (item.type === 1) {
+                item.prizeVOList.map((item, index) => {
+
+                    const prizeSliver = instantiate(this.prize_list)
+                    this.prizeListSliver.addChild(prizeSliver)
+
+                    prizeSliver.getComponent(Sprite).spriteFrame = item.prizeImg
+
+                    const numBg = prizeSliver.getChildByName("numBg")
+                    const num = numBg.getChildByName("num")
+                    num.getComponent(Label).string = `X${item.sendCount}`
+
+                    const prizeName = prizeSliver.getChildByName("prizeName")
+                    prizeName.getComponent(Label).string = item.prizeName
+
+                })
+            }
+
+            //金福袋轮播
+            if (item.type === 2) {
+                item.prizeVOList.map((item, index) => {
+                    const prizeGold = instantiate(this.prize_list)
+                    this.prizeListGold.addChild(prizeGold)
+
+                    prizeGold.getComponent(Sprite).spriteFrame = item.prizeImg
+
+                    const numBg = prizeGold.getChildByName("numBg")
+                    const num = numBg.getChildByName("num")
+                    num.getComponent(Label).string = `X${item.sendCount}`
+
+                    const prizeName = prizeGold.getChildByName("prizeName")
+                    prizeName.getComponent(Label).string = item.prizeName
+                })
+            }
+
+
+            //钻石福袋轮播
+            if (item.type === 3) {
+                item.prizeVOList.map((item, index) => {
+                    const prizeDiamond = instantiate(this.prize_list)
+                    this.prizeListDiamond.addChild(prizeDiamond)
+
+                    prizeDiamond.getComponent(Sprite).spriteFrame = item.prizeImg
+
+                    const numBg = prizeDiamond.getChildByName("numBg")
+                    const num = numBg.getChildByName("num")
+                    num.getComponent(Label).string = `X${item.sendCount}`
+
+                    const prizeName = prizeDiamond.getChildByName("prizeName")
+                    prizeName.getComponent(Label).string = item.prizeName
+                })
+            }
+
+
+        })
+
+
         //赚福袋任务界面
         const {success: TaskSuccess, data: TaskData} = await sendWebNetWithToken(WebNetName.taskList)
         if (!TaskSuccess) return
@@ -93,21 +165,42 @@ export class BlessingBagPage extends Scene {
         console.log(TaskData)
         let item = TaskData.item
         console.log(item)
-        item.map((item, index: any) => {
+        item.map((item: any, index: any) => {
 
             const EarnList = instantiate(this.earn_list)
             this.content.addChild(EarnList)
             const Label_task_name = EarnList.getChildByName("Label_task_name")
             Label_task_name.getComponent(Label).string = `${item.title}(${item.completedSize}/${item.intervalLimitSize})`
 
-        })
+            const bag_num = EarnList.getChildByName("bag_num")
+            bag_num.getComponent(Label).string = item.subTitle
+
+            const activeBtn = EarnList.getChildByName("active_btn")
+            const activeLabel = activeBtn.getChildByName("ActiveLabel")
+            activeLabel.getComponent(Label).string = item.buttonText
+
+            const notActiveBtn = EarnList.getChildByName("notActive_btn")
+            const notActiveLabel = notActiveBtn.getChildByName("notActiveLabel")
+            notActiveLabel.getComponent(Label).string = item.buttonText
 
 
+            //判断是否完成，完成则置灰，不完成置亮
+            if (item.completedSize >= item.intervalLimitSize) {
+                activeBtn.active = false
+                notActiveBtn.active = true
+            } else {
+                activeBtn.active = true
+                notActiveBtn.active = false
+            }
+
+            //去完成任务
+            activeBtn.on(Button.EventType.CLICK, () => this.clickTofinish(item.id, item.code, item.jumpUrl))
+        })
     }
 
     // 点击返回按钮
     backbtn() {
-
+        changeScene(HomeScene)
     }
 
     //银福袋按钮
@@ -154,31 +247,41 @@ export class BlessingBagPage extends Scene {
 
     //金福袋开启一个
     GoldOneBtn() {
-
         showPanel(composedGoldPop, 1)
     }
 
     //金福袋开启五个
     GoldFiveBtn() {
-
         showPanel(composedGoldPop, 5)
     }
 
     //钻石福袋开启五个
     DiamondOneBtn() {
-
         showPanel(composedDiamondPop, 1)
     }
 
     //钻石福袋开启一个
     DiamondFiveBtn() {
-
         showPanel(composedDiamondPop, 5)
     }
 
 
     //去赚福袋任务
+    async clickTofinish(taskId, taskCode, jumpUrl) {
+
+        window.location.href = jumpUrl
+
+        const {success, data} = await sendWebNetWithToken(WebNetName.finishTask, {taskId, taskCode})
+        if (!success) return
+        this.finishTaskInfo = data
+    }
+
+
+    //邀请
 
+    invite() {
+
+    }
 
     @render
     render() {

assets/Scripts/Scenes/HomeScene.ts

@@ -12,6 +12,8 @@ import GameResultPanel from "../Panels/GameResultPanel";
 import GamePosterPanel from "../Panels/GamePosterPanel";
 import ExchangeSuccess from "db://assets/Scripts/Panels/ExchangeSuccess";
 import { RankScence } from "./RankScene";
+import {BlessingBagPage} from "db://assets/Scripts/Scenes/BlessingBagPage";
+import {PropPage} from "db://assets/Scripts/Scenes/PropPage";
 
 const { ccclass, property } = _decorator;
 
@@ -27,6 +29,8 @@ export class HomeScene extends Scene {
   @property(Node) startBtn: Node = null;
   @property(Node) ruleBtn: Node = null;
   @property(Node) rankBtn: Node = null;
+  @property(Node) blessBagBtn: Node = null;
+  @property(Node) PropBtn: Node = null;
 
   @property(Label) userName: Label;
   @property(Label) pointNum: Label;
@@ -37,6 +41,8 @@ export class HomeScene extends Scene {
     this.startBtn.on(Button.EventType.CLICK, this.clickStart, this);
     this.ruleBtn.on(Button.EventType.CLICK, this.clickRule, this);
     this.rankBtn.on(Button.EventType.CLICK, this.clickRank, this);
+    this.blessBagBtn.on(Button.EventType.CLICK, this.clickBag, this);
+    this.PropBtn.on(Button.EventType.CLICK, this.clickProp, this);
   }
 
   async start() {
@@ -77,5 +83,13 @@ export class HomeScene extends Scene {
   clickBack = _asyncThrottle(() => {
   });
 
+  clickBag = _asyncThrottle(async ()=>{
+    await changeScene(BlessingBagPage)
+  })
+
+
+  clickProp = _asyncThrottle(async ()=>{
+    await changeScene(PropPage)
+  })
 }
 

assets/Scripts/Scenes/PropPage.ts

@@ -7,6 +7,7 @@ import {observer, render} from "../store/decorators";
 import {_asyncThrottle} from "../Utils/Utils";
 import ProPop from "db://assets/Scripts/Panels/ProPop";
 import {sendWebNet, WebNetName} from "db://assets/Scripts/Utils/WebNet/WebNet";
+import {HomeScene} from "db://assets/Scripts/Scenes/HomeScene";
 
 
 const {ccclass, property} = _decorator;
@@ -30,6 +31,10 @@ export class PropPage extends Scene {
 
     propPageInfo: any = {};
 
+    onLoad() {
+        this.backBtn.on(Button.EventType.CLICK, this.clickToBack)
+    }
+
     async start() {
         await this.getPropPageInfo()
         this.setCredits()
@@ -88,13 +93,11 @@ export class PropPage extends Scene {
 
     }
 
-    onLoad() {
-        this.backBtn.on(Button.EventType.CLICK, this.clickToBack)
-        this.backBtn.on(Button.EventType.CLICK, this.clickToConfirm)
-    }
+
 
     // 点击返回按钮
     clickToBack() {
+        changeScene(HomeScene)
     }
 
     clickToConfirm(consumeSp, item, conditionsItem) {

assets/Scripts/Utils/WebNet/WebNet.ts

@@ -99,6 +99,11 @@ export enum WebNetName {
      * 任务列表
      */
     taskList = "task_1/queryTasks.do",
+
+    /**
+     * 完成任务
+     */
+    finishTask = "task_1/doCompleted.do",
 }
 
 export const ERR_MESSAGE = {

package-lock.json

@@ -8,8 +8,12 @@
       "hasInstallScript": true,
       "dependencies": {
         "@types/crypto-js": "^4.2.2",
+        "@types/zepto": "^1.0.36",
         "crypto-js": "^4.2.0",
-        "mobx": "^6.12.3"
+        "html-to-image": "^1.11.11",
+        "html2canvas": "^1.4.1",
+        "mobx": "^6.12.3",
+        "node-xlsx": "^0.24.0"
       }
     },
     "node_modules/@types/crypto-js": {
@@ -18,12 +22,50 @@
       "integrity": "sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==",
       "license": "MIT"
     },
+    "node_modules/@types/zepto": {
+      "version": "1.0.36",
+      "resolved": "http://npm.dui88.com:80/@types%2fzepto/-/zepto-1.0.36.tgz",
+      "integrity": "sha512-CKFmXsmv4fNYh2yWIT/t/X3hBj8zkNNuYp/9WWTZq9dXQ6pAUq5D7r329i+O+kXXYPwBVmCJh/simxepxIJNDw=="
+    },
+    "node_modules/base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "http://npm.dui88.com:80/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
     "node_modules/crypto-js": {
       "version": "4.2.0",
       "resolved": "http://npm.dui88.com:80/crypto-js/-/crypto-js-4.2.0.tgz",
       "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
       "license": "MIT"
     },
+    "node_modules/css-line-break": {
+      "version": "2.1.0",
+      "resolved": "http://npm.dui88.com:80/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "node_modules/html-to-image": {
+      "version": "1.11.11",
+      "resolved": "http://npm.dui88.com:80/html-to-image/-/html-to-image-1.11.11.tgz",
+      "integrity": "sha512-9gux8QhvjRO/erSnDPv28noDZcPZmYE7e1vFsBLKLlRlKDSqNJYebj6Qz1TGd5lsRV+X+xYyjCKjuZdABinWjA=="
+    },
+    "node_modules/html2canvas": {
+      "version": "1.4.1",
+      "resolved": "http://npm.dui88.com:80/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "dependencies": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/mobx": {
       "version": "6.12.3",
       "resolved": "http://npm.dui88.com:80/mobx/-/mobx-6.12.3.tgz",
@@ -33,6 +75,47 @@
         "type": "opencollective",
         "url": "https://opencollective.com/mobx"
       }
+    },
+    "node_modules/node-xlsx": {
+      "version": "0.24.0",
+      "resolved": "http://npm.dui88.com:80/node-xlsx/-/node-xlsx-0.24.0.tgz",
+      "integrity": "sha512-1olwK48XK9nXZsyH/FCltvGrQYvXXZuxVitxXXv2GIuRm51aBi1+5KwR4rWM4KeO61sFU+00913WLZTD+AcXEg==",
+      "dependencies": {
+        "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz"
+      },
+      "bin": {
+        "node-xlsx": "dist/bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "http://npm.dui88.com:80/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "node_modules/utrie": {
+      "version": "1.0.2",
+      "resolved": "http://npm.dui88.com:80/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "dependencies": {
+        "base64-arraybuffer": "^1.0.2"
+      }
+    },
+    "node_modules/xlsx": {
+      "version": "0.20.2",
+      "resolved": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz",
+      "integrity": "sha512-+nKZ39+nvK7Qq6i0PvWWRA4j/EkfWOtkP/YhMtupm+lJIiHxUrgTr1CcKv1nBk1rHtkRRQ3O2+Ih/q/sA+FXZA==",
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
     }
   },
   "dependencies": {
@@ -41,15 +124,75 @@
       "resolved": "http://npm.dui88.com:80/@types%2fcrypto-js/-/crypto-js-4.2.2.tgz",
       "integrity": "sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ=="
     },
+    "@types/zepto": {
+      "version": "1.0.36",
+      "resolved": "http://npm.dui88.com:80/@types%2fzepto/-/zepto-1.0.36.tgz",
+      "integrity": "sha512-CKFmXsmv4fNYh2yWIT/t/X3hBj8zkNNuYp/9WWTZq9dXQ6pAUq5D7r329i+O+kXXYPwBVmCJh/simxepxIJNDw=="
+    },
+    "base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "http://npm.dui88.com:80/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ=="
+    },
     "crypto-js": {
       "version": "4.2.0",
       "resolved": "http://npm.dui88.com:80/crypto-js/-/crypto-js-4.2.0.tgz",
       "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
     },
+    "css-line-break": {
+      "version": "2.1.0",
+      "resolved": "http://npm.dui88.com:80/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "requires": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "html-to-image": {
+      "version": "1.11.11",
+      "resolved": "http://npm.dui88.com:80/html-to-image/-/html-to-image-1.11.11.tgz",
+      "integrity": "sha512-9gux8QhvjRO/erSnDPv28noDZcPZmYE7e1vFsBLKLlRlKDSqNJYebj6Qz1TGd5lsRV+X+xYyjCKjuZdABinWjA=="
+    },
+    "html2canvas": {
+      "version": "1.4.1",
+      "resolved": "http://npm.dui88.com:80/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "requires": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      }
+    },
     "mobx": {
       "version": "6.12.3",
       "resolved": "http://npm.dui88.com:80/mobx/-/mobx-6.12.3.tgz",
       "integrity": "sha512-c8NKkO4R2lShkSXZ2Ongj1ycjugjzFFo/UswHBnS62y07DMcTc9Rvo03/3nRyszIvwPNljlkd4S828zIBv/piw=="
+    },
+    "node-xlsx": {
+      "version": "0.24.0",
+      "resolved": "http://npm.dui88.com:80/node-xlsx/-/node-xlsx-0.24.0.tgz",
+      "integrity": "sha512-1olwK48XK9nXZsyH/FCltvGrQYvXXZuxVitxXXv2GIuRm51aBi1+5KwR4rWM4KeO61sFU+00913WLZTD+AcXEg==",
+      "requires": {
+        "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz"
+      }
+    },
+    "text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "http://npm.dui88.com:80/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "requires": {
+        "utrie": "^1.0.2"
+      }
+    },
+    "utrie": {
+      "version": "1.0.2",
+      "resolved": "http://npm.dui88.com:80/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "requires": {
+        "base64-arraybuffer": "^1.0.2"
+      }
+    },
+    "xlsx": {
+      "version": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz",
+      "integrity": "sha512-+nKZ39+nvK7Qq6i0PvWWRA4j/EkfWOtkP/YhMtupm+lJIiHxUrgTr1CcKv1nBk1rHtkRRQ3O2+Ih/q/sA+FXZA=="
     }
   }
 }

package.json

@@ -19,6 +19,7 @@
     "@types/zepto": "^1.0.36",
     "crypto-js": "^4.2.0",
     "html-to-image": "^1.11.11",
+    "html2canvas": "^1.4.1",
     "mobx": "^6.12.3",
     "node-xlsx": "^0.24.0"
   }

settings/v2/packages/information.json

@@ -7,7 +7,7 @@
       "enable": true,
       "customSplash": {
         "complete": true,
-        "form": "https://creator-api.cocos.com/api/form/show?sid=70540cf45afa7a2c72a42f171972359f"
+        "form": "https://creator-api.cocos.com/api/form/show?sid=f95b4de1c23ea7bb96b28f3c318c21fb"
       }
     },
     "removeSplash": {
@@ -16,7 +16,7 @@
       "enable": true,
       "removeSplash": {
         "complete": true,
-        "form": "https://creator-api.cocos.com/api/form/show?sid=70540cf45afa7a2c72a42f171972359f"
+        "form": "https://creator-api.cocos.com/api/form/show?sid=f95b4de1c23ea7bb96b28f3c318c21fb"
       }
     }
   }