@alipay/ams-checkout 0.0.1749206034-dev.0 → 0.0.1749206034-dev.1

package/esm/foundation/service/container/index.d.ts

@@ -13,6 +13,7 @@ export declare class ContainerService implements Service {
     private webApp;
     private _webAppHeartBeatTimeoutFn;
     private clientHeight;
+    private boundFocusResizeChange;
     private customizedLoadingListener;
     destroy(): void;
     init(initOptions: IoptionsParams, instanceId: string, sdkMetaData: SDKMetaData): void;

package/esm/foundation/service/container/index.js

@@ -36,6 +36,7 @@ export var ContainerService = /*#__PURE__*/function () {
     _defineProperty(this, "webApp", void 0);
     _defineProperty(this, "_webAppHeartBeatTimeoutFn", void 0);
     _defineProperty(this, "clientHeight", void 0);
+    _defineProperty(this, "boundFocusResizeChange", void 0);
     // if this variable is true, SDK will invoke listener instead of showing loading
     _defineProperty(this, "customizedLoadingListener", void 0);
   }
@@ -57,6 +58,8 @@ export var ContainerService = /*#__PURE__*/function () {
         this.addCapabilityToEventCenter();
       }
       this.addCapabilityToApiBusManager();
+      // bind会返回一个新的方法，init时记录上这个focus，不然window.addEventListener时this指向会变成window
+      this.boundFocusResizeChange = this.focusResizeChange.bind(this);
     }
   }, {
     key: "update",
@@ -163,15 +166,15 @@ export var ContainerService = /*#__PURE__*/function () {
     value: function handleAccountFocus(focus) {
       var _window$visualViewpor, _window;
       // 失焦时v2会走默认的sizeChange还原高度，这里仅移除监听
-      (_window$visualViewpor = window.visualViewport) === null || _window$visualViewpor === void 0 || _window$visualViewpor.removeEventListener('resize', this.focusResizeChange.bind(this));
-      (_window = window) === null || _window === void 0 || _window.removeEventListener('resize', this.focusResizeChange.bind(this));
+      (_window$visualViewpor = window.visualViewport) === null || _window$visualViewpor === void 0 || _window$visualViewpor.removeEventListener('resize', this.boundFocusResizeChange);
+      (_window = window) === null || _window === void 0 || _window.removeEventListener('resize', this.boundFocusResizeChange);
       // 只有聚焦才监听，失焦后移除，避免影响别的场景
       if (focus) {
         var _window$visualViewpor2;
         // 监听页面visualViewport的高度变化，适用于主流机型更精准获取当前页面高度
-        (_window$visualViewpor2 = window.visualViewport) === null || _window$visualViewpor2 === void 0 || _window$visualViewpor2.addEventListener('resize', this.focusResizeChange.bind(this));
+        (_window$visualViewpor2 = window.visualViewport) === null || _window$visualViewpor2 === void 0 || _window$visualViewpor2.addEventListener('resize', this.boundFocusResizeChange);
         // 兼容visualViewport处理不到的场景，一般存在于老版本浏览器
-        window.addEventListener('resize', this.focusResizeChange.bind(this));
+        window.addEventListener('resize', this.boundFocusResizeChange);
       }
     }
   }, {
@@ -309,9 +312,11 @@ export var ContainerService = /*#__PURE__*/function () {
       var _window2;
       // 计算出当前iframe应有的高度，需要和顶部留有距离
       var webPageHeightRatio = 0.9;
+      var browserPageHeightFocusRatio = 0.9;
       // sdk层才能拿到当前键盘弹起后页面的高度
       var height = ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.visualViewport) === null || _window2 === void 0 ? void 0 : _window2.height) || window.innerHeight;
       height = height * webPageHeightRatio;
+      height = height * browserPageHeightFocusRatio;
       // 调用handleSizeChanged修改iframe高度
       this.handleSizeChanged({
         width: 0,
@@ -335,12 +340,12 @@ export var ContainerService = /*#__PURE__*/function () {
       if (!cashier) return;
       // 输入框聚焦时修改定位信息和top距离
       if (focus) {
-        cashier.style.position = 'fixed';
-        cashier.style.top = "".concat(this.clientHeight - cashier.clientHeight, "px");
+        cashier.style.setProperty('position', 'fixed', 'important');
+        cashier.style.setProperty('top', "".concat(this.clientHeight - cashier.clientHeight, "px"), 'important');
       } else {
         // 失焦时移除定位信息
-        cashier.style.position = '';
-        cashier.style.top = '';
+        cashier.style.removeProperty('position');
+        cashier.style.removeProperty('top');
       }
     }
   }, {

package/package.json

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