fix: 解决支付宝小程序Picker中导致 targetId not match (#1241)

ant-design · Jul 11, 2024 · 9379530 · 9379530
1 parent d2396bd
commit 9379530
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/compiled/alipay/src/Popup/index.ts b/compiled/alipay/src/Popup/index.ts
@@ -49,7 +49,10 @@ Component(
       const enableAnimation = animation && duration > 0;
       if (prevProps.visible !== visible) {
         if (enableAnimation && !visible) {
-          this.setData({ closing: true });
+          setTimeout(() => {
+            // 这里需要用setTimeout包一下，解决支付宝小程序Picker中导致 targetId not match
+            this.setData({ closing: true });
+          });
         }
         if (!enableAnimation) {
           triggerEventOnly(this, visible ? 'afterShow' : 'afterClose');

diff --git a/src/Popup/index.ts b/src/Popup/index.ts
@@ -50,7 +50,10 @@ Component(
       const enableAnimation = animation && duration > 0;
       if (prevProps.visible !== visible) {
         if (enableAnimation && !visible) {
-          this.setData({ closing: true });
+          setTimeout(() => {
+            // 这里需要用setTimeout包一下，解决支付宝小程序Picker中导致 targetId not match
+            this.setData({ closing: true });
+          });
         }
         if (!enableAnimation) {
           triggerEventOnly(this, visible ? 'afterShow' : 'afterClose');

diff --git a/tests/alipay/Popup/index.test.ts b/tests/alipay/Popup/index.test.ts
@@ -25,6 +25,7 @@ describe('Popup', () => {
     instance.setProps({
       visible: false,
     });
+    await sleep(10);
     expect(instance.getData().closing).toBe(true);
     instance.callMethod('onAnimationEnd');
     await sleep(20);
@@ -42,6 +43,7 @@ describe('Popup', () => {
     instance.setProps({
       visible: false,
     });
+    await sleep(10);
     expect(instance.getData().closing).toBe(true);
     instance.callMethod('onTapMask');
     expect(onClose.mock.calls.length).toBe(1);