@alipay/ams-checkout 0.0.1733198624-dev.2 → 0.0.1733711101-dev.1

package/esm/plugin/component/index.js

@@ -19,7 +19,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { v4 as uuid } from 'uuid';
 import { sdkVersion } from "../../config";
-import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, ERRORMESSAGE, EVENT, LISTENER_PREFIX, LOADING_ID, LOADTIME_LIMIT, MOCKUP_ID, POPUP_LOADTIME_LOG_LIMIT, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT } from "../../constant";
+import { COMPONENTPLUGINID, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CLOSE_MASK_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, ERRORMESSAGE, EVENT, LISTENER_PREFIX, LOADING_ID, LOADTIME_LIMIT, MOCKUP_ID, POPUP_LOADTIME_LOG_LIMIT, TIMEOUT_WEB_APP_HEART_BEAT, TIME_DELAY_SEND_HEART_BEAT } from "../../constant";
 import { queryPaymentInfo, submitPayInfo } from "../../service";
 import { ComponentSignEnum, eventCodeEnum, MessageName, PlatformEnum, ProductSceneEnum, RedirectType, DisplayTypeEnum, TargetEnum } from "../../types";
 import { getType, isJsonString, isPC } from "../../util";
@@ -359,9 +359,11 @@ var ComponentApp = /*#__PURE__*/function () {
         if (channelBehavior !== null && channelBehavior !== void 0 && channelBehavior.allowClickOutsideClose) {
           onClickOutside = this.closeBtnFunc.bind(this);
         }
+        var closeBtnFunc = this.closeBtnFunc.bind(this);
         createMockup({
           platform: this.platform,
-          onClickOutside: onClickOutside
+          onClickOutside: onClickOutside,
+          closeBtnFunc: closeBtnFunc
         });
         this.renderPopupLoading(renderParams);
       }
@@ -1260,6 +1262,10 @@ var ComponentApp = /*#__PURE__*/function () {
         this.handleCloseBtnShow(true);
         return;
       }
+      if (data.context.event === EVENT.setMaskCloseButton.name) {
+        this.handleMaskCloseBtnShow(data.context.data);
+        return;
+      }
       if (data.context.event === EVENT.setAllowRetention.name) {
         if (data.context.data === true) this._isRetention = true;
         if (data.context.data === false) this._isRetention = false;
@@ -1365,6 +1371,21 @@ var ComponentApp = /*#__PURE__*/function () {
       }
       (_document$getElementB2 = document.getElementById(LOADING_ID)) === null || _document$getElementB2 === void 0 || _document$getElementB2.remove();
     }
+  }, {
+    key: "updateMaskCloseBtn",
+    value: function updateMaskCloseBtn(data) {
+      var maskCloseBtn = document.getElementById("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID));
+      if (maskCloseBtn) {
+        if (this.platform === 'desktop') {
+          var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+          var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+          maskCloseBtn.style.top = "".concat((windowHeight - data.height) / 2 - 42, "px");
+          maskCloseBtn.style.right = "".concat((windowWidth - data.width) / 2 + 18, "px");
+        } else {
+          maskCloseBtn.style.bottom = "".concat(data.height + 2, "px");
+        }
+      }
+    }
   }, {
     key: "handleSizeChanged",
     value: function handleSizeChanged(data) {
@@ -1409,6 +1430,8 @@ var ComponentApp = /*#__PURE__*/function () {
         }
         // 关闭loading，保留蒙层
         this.dismissLoadingFunc();
+        // 更新弹窗关闭按钮位置
+        this.updateMaskCloseBtn(data.context.data);
       }
       if (this._renderDisplayType === DisplayTypeEnum.inline) {
         var _document$getElementB3;
@@ -1638,6 +1661,16 @@ var ComponentApp = /*#__PURE__*/function () {
         closeBlock === null || closeBlock === void 0 || closeBlock.classList.add("".concat(COMPONENT_CLOSE_BLOCK_ID, "-hidden"));
       }
     }
+  }, {
+    key: "handleMaskCloseBtnShow",
+    value: function handleMaskCloseBtnShow(data) {
+      var closeBlock = document.getElementById(COMPONENT_CLOSE_MASK_BLOCK_ID);
+      if ((data === null || data === void 0 ? void 0 : data.status) === 'show') {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.remove("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID, "-hidden"));
+      } else {
+        closeBlock === null || closeBlock === void 0 || closeBlock.classList.add("".concat(COMPONENT_CLOSE_MASK_BLOCK_ID, "-hidden"));
+      }
+    }
 
     /**
      * @description Send message to SDK
@@ -1794,9 +1827,11 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "cleanContainer",
     value: function cleanContainer() {
       var _document$getElementB4,
+        _document$getElementB5,
         _this10 = this;
       var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      (_document$getElementB4 = document.getElementById(LOADING_ID)) === null || _document$getElementB4 === void 0 || _document$getElementB4.remove();
+      (_document$getElementB4 = document.getElementById(COMPONENT_CLOSE_MASK_BLOCK_ID)) === null || _document$getElementB4 === void 0 || _document$getElementB4.remove();
+      (_document$getElementB5 = document.getElementById(LOADING_ID)) === null || _document$getElementB5 === void 0 || _document$getElementB5.remove();
       this.hideComponentAnimation();
       var mockup = document.getElementById(MOCKUP_ID);
       mockup === null || mockup === void 0 || mockup.classList.add("".concat(MOCKUP_ID, "-hidden"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1733198624-dev.2",
+  "version": "0.0.1733711101-dev.1",
   "description": "",
   "author": "",
   "main": "esm/index.js",