km-card-layout-component-miniprogram 0.1.35 → 0.1.36

package/miniprogram_dist/components/card-layout/index.js

@@ -37,7 +37,6 @@ function normalizeMoreCompany(data) {
     };
 }
 exports.normalizeMoreCompany = normalizeMoreCompany;
-const delay = (ms = 200) => new Promise((resolve) => setTimeout(resolve, ms));
 const pickCardId = (layout, idx) => {
     if (layout && (layout.name || layout.id))
         return layout.name || layout.id;
@@ -52,6 +51,9 @@ const buildCards = (layouts) => {
         elements: layout.children || [],
     }));
 };
+const nextTick = () => new Promise((resolve) => {
+    wx.nextTick(() => resolve());
+});
 Component({
     options: {
         styleIsolation: "apply-shared",
@@ -106,8 +108,8 @@ Component({
         },
         async handleDrawCanvas(options) {
             try {
-                if ((options === null || options === void 0 ? void 0 : options.delay) !== false) {
-                    await delay(200);
+                if ((options === null || options === void 0 ? void 0 : options.waitForReady) !== false) {
+                    await nextTick();
                 }
                 const canvas = this.selectComponent(`#layout-canvas`);
                 await canvas.draw(this);
@@ -120,9 +122,9 @@ Component({
         },
         async handleDrawShareCanvas() {
             var _a, _b, _c;
-            // 分享流程统一延迟一次
-            await delay(200);
-            const layoutPath = await this.handleDrawCanvas({ delay: false });
+            // 等 setData / 组件渲染完成
+            await nextTick();
+            const layoutPath = await this.handleDrawCanvas({ waitForReady: false });
             if (!layoutPath)
                 return;
             const shareCanvas = this.selectComponent(`#share-canvas`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "km-card-layout-component-miniprogram",
-  "version": "0.1.35",
+  "version": "0.1.36",
   "description": "",
   "main": "miniprogram_dist/index.js",
   "miniprogram": "miniprogram_dist",

package/src/components/card-layout/index.ts

@@ -63,8 +63,6 @@ type RenderCard = {
   elements: RenderElement[];
 };
 
-const delay = (ms = 200) => new Promise((resolve) => setTimeout(resolve, ms));
-
 const pickCardId = (layout: any, idx: number) => {
   if (layout && (layout.name || layout.id)) return layout.name || layout.id;
   return `card-${idx}`;
@@ -80,6 +78,11 @@ const buildCards = (layouts: CardLayoutSchema[]) => {
   }));
 };
 
+const nextTick = () =>
+  new Promise<void>((resolve) => {
+    wx.nextTick(() => resolve());
+  });
+
 Component({
   options: {
     styleIsolation: "apply-shared",
@@ -133,11 +136,12 @@ Component({
       this.setData({ cards, rootData, firstCard: [cards[0]] });
     },
 
-    async handleDrawCanvas(options?: { delay?: boolean }) {
+    async handleDrawCanvas(options?: { waitForReady?: boolean }) {
       try {
-        if (options?.delay !== false) {
-          await delay(200);
+        if (options?.waitForReady !== false) {
+          await nextTick();
         }
+
         const canvas = this.selectComponent(`#layout-canvas`);
         await canvas.draw(this);
         const filePath = await canvas.toTempFilePath();
@@ -148,10 +152,10 @@ Component({
     },
 
     async handleDrawShareCanvas() {
-      // 分享流程统一延迟一次
-      await delay(200);
+      // 等 setData / 组件渲染完成
+      await nextTick();
 
-      const layoutPath = await this.handleDrawCanvas({ delay: false });
+      const layoutPath = await this.handleDrawCanvas({ waitForReady: false });
       if (!layoutPath) return;
 
       const shareCanvas = this.selectComponent(`#share-canvas`) as any;