@alipay/ams-checkout 0.0.1744283958-dev.0 → 0.0.1744283958-dev.10

package/esm/config/index.d.ts

@@ -5,10 +5,10 @@ export declare const sdkVersion: string;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export declare const AMSCheckoutAppVersion = "1.32.0";
-export declare const AMSAutoDebitAppVersion = "1.32.0";
-export declare const AMSEasyPayAppVersion = "1.32.0";
-export declare const AMSCashierPaymentAppVersion = "1.32.0";
-export declare const AMSVaultingAppVersion = "1.32.0";
-export declare const AMSPaymentElementAppVersion = "1.32.0";
-export declare const ADDRESSElementAppVersion = "1.32.0";
+export declare const AMSCheckoutAppVersion = "1.34.0";
+export declare const AMSAutoDebitAppVersion = "1.34.0";
+export declare const AMSEasyPayAppVersion = "1.34.0";
+export declare const AMSCashierPaymentAppVersion = "1.34.0";
+export declare const AMSVaultingAppVersion = "1.34.0";
+export declare const AMSPaymentElementAppVersion = "1.34.0";
+export declare const ADDRESSElementAppVersion = "1.34.0";

package/esm/config/index.js

@@ -35,10 +35,10 @@ export var sdkVersion = json.version;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export var AMSCheckoutAppVersion = '1.32.0'; // 兜底版本号
-export var AMSAutoDebitAppVersion = '1.32.0'; // 代扣
-export var AMSEasyPayAppVersion = '1.32.0'; // easypay
-export var AMSCashierPaymentAppVersion = '1.32.0'; // 收银台（卡、apm）
-export var AMSVaultingAppVersion = '1.32.0'; // 绑卡
-export var AMSPaymentElementAppVersion = '1.32.0'; // payment element
-export var ADDRESSElementAppVersion = '1.32.0'; // address element
+export var AMSCheckoutAppVersion = '1.34.0'; // 兜底版本号
+export var AMSAutoDebitAppVersion = '1.34.0'; // 代扣
+export var AMSEasyPayAppVersion = '1.34.0'; // easypay
+export var AMSCashierPaymentAppVersion = '1.34.0'; // 收银台（卡、apm）
+export var AMSVaultingAppVersion = '1.34.0'; // 绑卡
+export var AMSPaymentElementAppVersion = '1.34.0'; // payment element
+export var ADDRESSElementAppVersion = '1.34.0'; // address element

package/esm/constant/index.d.ts

@@ -213,6 +213,12 @@ export declare const EVENT: {
     updated: {
         name: string;
     };
+    webAppReady: {
+        name: string;
+    };
+    showToast: {
+        name: string;
+    };
 };
 export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";

package/esm/constant/index.js

@@ -215,6 +215,12 @@ export var EVENT = {
   },
   updated: {
     name: 'updated'
+  },
+  webAppReady: {
+    name: 'webAppReady'
+  },
+  showToast: {
+    name: 'showToast'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';

package/esm/core/component/element/elementContainerService/containerService.d.ts

@@ -13,6 +13,7 @@ export declare class ContainerController {
     private instanceId;
     private containerService;
     private eventService;
+    private containerElement;
     private _globalData?;
     constructor({ type, instanceId, selector, processor, options, }: {
         type: string;
@@ -22,9 +23,11 @@ export declare class ContainerController {
         options: any;
     });
     private addEventListener;
+    getContainerElement(): HTMLDivElement;
     createWebLaunchPromise(): Promise<unknown>;
     switchContainerStatus(status: IContainerStatus): void;
     getContainerStatus(): IContainerStatus;
     getEventService(): EventCenter;
+    destroy(): void;
     getContainerService(): ContainerService;
 }

package/esm/core/component/element/elementContainerService/containerService.js

@@ -29,6 +29,7 @@ export var ContainerController = /*#__PURE__*/function () {
     _defineProperty(this, "instanceId", void 0);
     _defineProperty(this, "containerService", void 0);
     _defineProperty(this, "eventService", void 0);
+    _defineProperty(this, "containerElement", void 0);
     _defineProperty(this, "_globalData", void 0);
     this._globalData = new Map();
     this.switchContainerStatus(IContainerStatus.INITING);
@@ -39,12 +40,15 @@ export var ContainerController = /*#__PURE__*/function () {
       sdkVersion: '',
       webAppVersion: ''
     });
-    this.containerService.load({
+    this.containerElement = this.containerService.load({
       type: DisplayTypeEnum.inline,
       platform: PlatformEnum.desktop,
       isRetention: false,
       selector: selector,
-      appendAliasContainerId: true
+      appendAliasContainerId: true,
+      iframeStyle: {
+        display: 'block'
+      }
     }, processor.generateIframeSrc({
       link: options === null || options === void 0 || (_options$debugProps = options.debugProps) === null || _options$debugProps === void 0 ? void 0 : _options$debugProps.localLink,
       instanceId: this.instanceId
@@ -72,6 +76,11 @@ export var ContainerController = /*#__PURE__*/function () {
         }
       });
     }
+  }, {
+    key: "getContainerElement",
+    value: function getContainerElement() {
+      return this.containerElement;
+    }
   }, {
     key: "createWebLaunchPromise",
     value: function createWebLaunchPromise() {
@@ -97,6 +106,12 @@ export var ContainerController = /*#__PURE__*/function () {
     value: function getEventService() {
       return this.eventService;
     }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.eventService.destroy();
+      this.containerElement.remove();
+    }
   }, {
     key: "getContainerService",
     value: function getContainerService() {

package/esm/core/component/element/elementContainerService/index.d.ts

@@ -9,6 +9,7 @@ export declare class ElementContainerService {
     addContainerService(name: ElementType, service: ContainerController): void;
     getContainerService(name: ElementType): ContainerController | undefined;
     getContainerServices(): Map<ElementType, ContainerController>;
+    destroy(): void;
     mount({ type, selector, processor, options }: {
         type: any;
         selector: any;

package/esm/core/component/element/elementContainerService/index.js

@@ -30,6 +30,14 @@ export var ElementContainerService = /*#__PURE__*/function () {
     value: function getContainerServices() {
       return this.containerServices;
     }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.containerServices.forEach(function (value) {
+        value.destroy();
+      });
+      this.containerServices = new Map();
+    }
   }, {
     key: "mount",
     value: function mount(_ref2) {

package/esm/core/component/element/elementController/index.d.ts

@@ -5,7 +5,9 @@ declare class ElementController {
     private serviceMap;
     private loading;
     private elementProcessors;
+    private initTimeout;
     private elementContainerService;
+    private onStatusChangeCallback;
     constructor(options: IElementOptions);
     private initService;
     private initElementProcessors;
@@ -16,7 +18,10 @@ declare class ElementController {
     private changeLoading;
     private addEventListener;
     private sendRequestAndWaitWebLaunch;
+    private sendReady;
     updatePayment(paymentSessionData: any): Promise<unknown>;
+    private destroyHandle;
     destroy(): void;
+    private setControllerStatusOrView;
 }
 export default ElementController;

package/esm/core/component/element/elementController/index.js

@@ -23,14 +23,17 @@ import { EVENT } from "../../../../constant";
 import AddressProcessor from "../../../../core/component/element/elementProcessor/addressProcessor";
 import AuthProcessor from "../../../../core/component/element/elementProcessor/authProcessor";
 import PaymentProcessor from "../../../../core/component/element/elementProcessor/paymentProcessor";
+import { IElementStatus } from "../../../../foundation";
 import { AntomSDKCore } from "../../../../foundation/core";
 import { ElementProcessor } from "../../../../foundation/product-processor/element";
 import { destroyModal } from "../../../../plugin/component/popupWindow.style";
 import { ProductSceneEnum } from "../../../../types";
 import { ElementContainerService } from "../elementContainerService"; // 引入 ElementContainerService
 import { IContainerStatus } from "../elementContainerService/containerService";
-import { ElementPaymentEvent, ElementType, EventCallbackCode } from "../type";
-import { checkCanMount, checkCanUpdate, handleRedirect } from "../util";
+import { oneAccountUpdate, sdkActionUpdate } from "../mock";
+import { ElementPaymentEvent, ElementPaymentMethod, ElementType, EventCallbackCode } from "../type";
+import { checkCanMount, checkCanUpdate, handleRedirect, showToast } from "../util";
+var TIMEOUT_DURATION = 10000;
 var ElementController = /*#__PURE__*/function () {
   // 新增变量
 
@@ -41,13 +44,18 @@ var ElementController = /*#__PURE__*/function () {
     _defineProperty(this, "serviceMap", void 0);
     _defineProperty(this, "loading", void 0);
     _defineProperty(this, "elementProcessors", void 0);
+    _defineProperty(this, "initTimeout", void 0);
     _defineProperty(this, "elementContainerService", void 0);
-    _defineProperty(this, "onValidateFunc", function (event, params) {
+    // 新增变量
+    _defineProperty(this, "onStatusChangeCallback", void 0);
+    _defineProperty(this, "onValidateFunc", function (event, target, params) {
       return new Promise(function (resolve) {
         event.emitAndListen({
           event: ElementPaymentEvent.VALIDATE,
           data: {
-            params: _objectSpread({}, params)
+            params: _objectSpread({}, params),
+            target: target,
+            source: ElementPaymentMethod.CONTAINER_ELEMENT
           }
         }, function (result) {
           resolve(result);
@@ -55,6 +63,8 @@ var ElementController = /*#__PURE__*/function () {
       });
     });
     this.options = options;
+    var _options = options;
+    this.onStatusChangeCallback = _options === null || _options === void 0 ? void 0 : _options.onStatusChangeCallback;
     this.elementContainer = new AntomSDKCore();
     this.elementContainer.registerProcessor(ProductSceneEnum.ELEMENT_PAYMENT, '', new ElementProcessor());
     this.elementContainer.init(this.options, ProductSceneEnum.ELEMENT_PAYMENT);
@@ -62,7 +72,7 @@ var ElementController = /*#__PURE__*/function () {
     this.elementContainerService = new ElementContainerService({
       instanceId: this.elementContainer.getInstanceId()
     });
-    this.elementContainer.setStatus(IContainerStatus.READY);
+    this.setControllerStatusOrView(IElementStatus.READY);
   }
   _createClass(ElementController, [{
     key: "initService",
@@ -98,75 +108,97 @@ var ElementController = /*#__PURE__*/function () {
     key: "mount",
     value: function mount(renderOptions, sdkSelector, cashier) {
       var _this = this;
-      var _checkCanMount = checkCanMount({
-          sdkSelector: sdkSelector,
-          status: this.elementContainer.getStatus(),
-          containerService: this.elementContainerService.getContainerService(renderOptions.type)
-        }),
-        success = _checkCanMount.success,
-        errorMsg = _checkCanMount.errorMsg;
-      if (!success) {
-        this.onEventCallback({
-          code: EventCallbackCode.SDK_CREATE_COMPONENT_ERROR,
-          message: errorMsg
+      return new Promise(function (resolve) {
+        var _checkCanMount = checkCanMount({
+            sdkSelector: sdkSelector,
+            status: _this.elementContainer.getStatus(),
+            containerService: _this.elementContainerService.getContainerService(renderOptions.type)
+          }),
+          success = _checkCanMount.success,
+          errorMsg = _checkCanMount.errorMsg;
+        if (!success) {
+          _this.onEventCallback({
+            code: EventCallbackCode.SDK_CREATE_COMPONENT_ERROR,
+            message: errorMsg
+          });
+          resolve({
+            success: false
+          });
+          return;
+        }
+        clearTimeout(_this.initTimeout);
+        _this.initTimeout = null;
+        _this.initTimeout = setTimeout(function () {
+          clearTimeout(_this.initTimeout);
+          _this.initTimeout = null;
+          _this.changeLoading(false);
+          _this.setControllerStatusOrView(IElementStatus.READY);
+          _this.elementContainerService.getContainerServices().forEach(function (value) {
+            value.getContainerElement().remove();
+          });
+          _this.elementContainerService.destroy();
+        }, TIMEOUT_DURATION);
+        _this.changeLoading(true);
+        var startBizFlowData = {
+          paymentSession: _this.options.sessionData,
+          displayInfo: _objectSpread(_objectSpread({}, renderOptions), {}, {
+            appendAliasContainerId: true
+          })
+        };
+        if (cashier && renderOptions.sessionData) {
+          startBizFlowData.paymentSession = renderOptions.sessionData;
+        }
+        _this.setControllerStatusOrView(IElementStatus.IN_BIZ_FLOW);
+        _this.elementContainer.startBizFlow(startBizFlowData).catch(function (error) {
+          _this.onEventCallback({
+            code: EventCallbackCode.SDK_CREATEPAYMENT_PARAMETER_ERROR,
+            message: (error === null || error === void 0 ? void 0 : error.message) || 'Initialization parameter exception.'
+          });
+          _this.changeLoading(false);
+          return;
         });
-        return;
-      }
-      this.changeLoading(true);
-      var startBizFlowData = {
-        paymentSession: this.options.sessionData,
-        displayInfo: _objectSpread(_objectSpread({}, renderOptions), {}, {
-          appendAliasContainerId: true
-        })
-      };
-      if (cashier && renderOptions.sessionData) {
-        startBizFlowData.paymentSession = renderOptions.sessionData;
-      }
-      this.elementContainer.startBizFlow(startBizFlowData).catch(function (error) {
-        _this.onEventCallback({
-          code: EventCallbackCode.SDK_CREATEPAYMENT_PARAMETER_ERROR,
-          message: (error === null || error === void 0 ? void 0 : error.message) || 'Initialization parameter exception.'
+        _this.initElementProcessors(renderOptions.type);
+        _this.elementContainerService.mount({
+          type: renderOptions.type,
+          selector: sdkSelector,
+          processor: _this.elementProcessors[renderOptions.type],
+          options: renderOptions
         });
-        _this.changeLoading(false);
-        return;
-      });
-      this.initElementProcessors(renderOptions.type);
-      this.elementContainerService.mount({
-        type: renderOptions.type,
-        selector: sdkSelector,
-        processor: this.elementProcessors[renderOptions.type],
-        options: renderOptions
-      });
-      this.elementProcessors[renderOptions.type].registerEventCenter(this.elementContainerService.getEventService(renderOptions.type));
-      this.elementProcessors[renderOptions.type].beforeMount();
-      this.sendRequestAndWaitWebLaunch(renderOptions);
-      this.addEventListener();
-      this.serviceMap.EventCenter.addIFrame(this.elementContainerService.getContainerService(renderOptions.type).getContainerService().getWebApp());
-      return {
-        getValue: this.elementProcessors[renderOptions.type].getValue.bind(this.elementProcessors[renderOptions.type]),
-        on: function on(event, callback) {
-          _this.elementProcessors[renderOptions.type].registerEventListener(event, callback);
+        _this.elementProcessors[renderOptions.type].registerEventCenter(_this.elementContainerService.getEventService(renderOptions.type));
+        _this.elementProcessors[renderOptions.type].beforeMount();
+        _this.sendRequestAndWaitWebLaunch(renderOptions);
+        function readyCallback(payload) {
+          var _this2 = this;
+          var resultData = _objectSpread({
+            getValue: this === null || this === void 0 ? void 0 : this.elementProcessors[renderOptions.type].getValue.bind(this === null || this === void 0 ? void 0 : this.elementProcessors[renderOptions.type]),
+            on: function on(event, callback) {
+              _this2 === null || _this2 === void 0 || _this2.elementProcessors[renderOptions.type].registerEventListener(event, callback);
+            }
+          }, payload);
+          resolve(resultData);
         }
-      };
+        _this.addEventListener(readyCallback);
+        _this.serviceMap.EventCenter.addIFrame(_this.elementContainerService.getContainerService(renderOptions.type).getContainerService().getWebApp());
+      });
     }
   }, {
     key: "submitPayment",
     value: function submitPayment() {
-      var _this2 = this;
+      var _this3 = this;
       this.changeLoading(true);
       new Promise( /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
-          var params, _this2$elementProcess, _result$data, _result$data2, result, _this2$elementProcess2, _result$data3, _result$data4, _result, _this2$elementProcess3;
+          var params, _this3$elementProcess, _result$data, _result$data2, result, _this3$elementProcess2, _result$data3, _result$data4, _result, _this3$elementProcess3;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 params = {};
-                if (!_this2.elementProcessors[ElementType.auth]) {
+                if (!_this3.elementProcessors[ElementType.auth]) {
                   _context.next = 8;
                   break;
                 }
                 _context.next = 4;
-                return _this2.onValidateFunc((_this2$elementProcess = _this2.elementProcessors[ElementType.auth]) === null || _this2$elementProcess === void 0 ? void 0 : _this2$elementProcess.eventCenter);
+                return _this3.onValidateFunc((_this3$elementProcess = _this3.elementProcessors[ElementType.auth]) === null || _this3$elementProcess === void 0 ? void 0 : _this3$elementProcess.eventCenter, ElementPaymentMethod.AUTH_ELEMENT);
               case 4:
                 result = _context.sent;
                 params.accountInfo = (_result$data = result.data) === null || _result$data === void 0 || (_result$data = _result$data.data) === null || _result$data === void 0 ? void 0 : _result$data.accountInfo;
@@ -176,12 +208,12 @@ var ElementController = /*#__PURE__*/function () {
                 }
                 return _context.abrupt("return", resolve(undefined));
               case 8:
-                if (!_this2.elementProcessors[ElementType.address]) {
+                if (!_this3.elementProcessors[ElementType.address]) {
                   _context.next = 15;
                   break;
                 }
                 _context.next = 11;
-                return _this2.onValidateFunc((_this2$elementProcess2 = _this2.elementProcessors[ElementType.address]) === null || _this2$elementProcess2 === void 0 ? void 0 : _this2$elementProcess2.eventCenter);
+                return _this3.onValidateFunc((_this3$elementProcess2 = _this3.elementProcessors[ElementType.address]) === null || _this3$elementProcess2 === void 0 ? void 0 : _this3$elementProcess2.eventCenter, ElementPaymentMethod.ADDRESS_ELEMENT);
               case 11:
                 _result = _context.sent;
                 params.shipping = (_result$data3 = _result.data) === null || _result$data3 === void 0 ? void 0 : _result$data3.data;
@@ -191,13 +223,13 @@ var ElementController = /*#__PURE__*/function () {
                 }
                 return _context.abrupt("return", resolve(undefined));
               case 15:
-                if (!_this2.elementProcessors[ElementType.payment]) {
+                if (!_this3.elementProcessors[ElementType.payment]) {
                   _context.next = 25;
                   break;
                 }
                 _context.prev = 16;
                 _context.next = 19;
-                return _this2.onValidateFunc((_this2$elementProcess3 = _this2.elementProcessors[ElementType.payment]) === null || _this2$elementProcess3 === void 0 ? void 0 : _this2$elementProcess3.eventCenter, params);
+                return _this3.onValidateFunc((_this3$elementProcess3 = _this3.elementProcessors[ElementType.payment]) === null || _this3$elementProcess3 === void 0 ? void 0 : _this3$elementProcess3.eventCenter, ElementPaymentMethod.PAYMENT_ELEMENT, params);
               case 19:
                 return _context.abrupt("return", resolve(undefined));
               case 22:
@@ -216,9 +248,9 @@ var ElementController = /*#__PURE__*/function () {
           return _ref2.apply(this, arguments);
         };
       }()).then(function () {
-        _this2.changeLoading(false);
+        _this3.changeLoading(false);
       }, function () {
-        _this2.changeLoading(false);
+        _this3.changeLoading(false);
       });
     }
   }, {
@@ -242,95 +274,143 @@ var ElementController = /*#__PURE__*/function () {
     }
   }, {
     key: "addEventListener",
-    value: function addEventListener() {
-      var _this3 = this;
+    value: function addEventListener(renderCallback) {
+      var _this4 = this;
       this.serviceMap.EventCenter.listen(ElementPaymentEvent.CALLBACK, function (data) {
-        if (_this3.elementProcessors[data.source].eventListener[data.event]) {
-          var _this3$elementProcess, _this3$elementProcess2;
-          (_this3$elementProcess = (_this3$elementProcess2 = _this3.elementProcessors[data.source].eventListener)[data.event]) === null || _this3$elementProcess === void 0 || _this3$elementProcess.call(_this3$elementProcess2, data.data);
+        if (_this4.elementProcessors[data.source] && _this4.elementProcessors[data.source].eventListener[data.event]) {
+          var _this4$elementProcess, _this4$elementProcess2;
+          (_this4$elementProcess = (_this4$elementProcess2 = _this4.elementProcessors[data.source].eventListener)[data.event]) === null || _this4$elementProcess === void 0 || _this4$elementProcess.call(_this4$elementProcess2, data.data);
         }
       });
       this.serviceMap.EventCenter.listen(EVENT.sizeChanged.name, function (data) {
-        _this3.elementContainerService.getContainerService(data.source).switchContainerStatus(IContainerStatus.IN_BIZ_FLOW);
-        _this3.changeLoading(false);
+        clearTimeout(_this4.initTimeout);
+        _this4.initTimeout = null;
+        if (_this4.elementContainerService.getContainerService(data.source)) {
+          renderCallback({
+            success: true
+          });
+          _this4.elementContainerService.getContainerService(data.source).switchContainerStatus(IContainerStatus.IN_BIZ_FLOW);
+        }
+        _this4.changeLoading(false);
         // 遍历containerService中的所有container查看是否所有状态都是IN_BIZ_FLOW
         // const allContainersInBizFlow = Object.values(this.elementContainerService.getContainerServices()).every(
         //   (containerService) => containerService.getContainerStatus() === IContainerStatus.IN_BIZ_FLOW,
         // );
         // if (allContainersInBizFlow) {
-        //   this.elementContainer.setStatus(IContainerStatus.IN_BIZ_FLOW);
+        //   this.setControllerStatusOrView(IContainerStatus.IN_BIZ_FLOW);
         // }
       });
       this.serviceMap.EventCenter.listen(EVENT.redirect.name, function (data) {
         handleRedirect(data);
       });
+      this.serviceMap.EventCenter.listen(EVENT.destroy.name, function () {
+        _this4.setControllerStatusOrView(IElementStatus.READY);
+        _this4.destroyHandle();
+      });
+      this.serviceMap.EventCenter.listen(EVENT.webAppReady.name, function (data) {
+        clearTimeout(_this4.initTimeout);
+        if (_this4.elementContainerService.getContainerService(data.source)) {
+          renderCallback({
+            success: true
+          });
+          _this4.elementContainerService.getContainerService(data.source).switchContainerStatus(IContainerStatus.IN_BIZ_FLOW);
+        }
+        _this4.changeLoading(false);
+      });
+      this.serviceMap.EventCenter.listen(EVENT.showToast.name, function (data) {
+        showToast(data);
+      });
     }
   }, {
     key: "sendRequestAndWaitWebLaunch",
     value: function sendRequestAndWaitWebLaunch(renderOptions) {
-      var _this4 = this;
+      var _this5 = this;
       var type = renderOptions.type,
         options = _objectWithoutProperties(renderOptions, _excluded);
       var webLaunchPromise = this.elementContainerService.getContainerService(type).createWebLaunchPromise();
       Promise.all([webLaunchPromise, this.elementProcessors[type].obtainData()]).then(function (_ref3) {
+        var _this5$elementContain;
         var _ref4 = _slicedToArray(_ref3, 2),
           _webLaunchRes = _ref4[0],
           _obtainDataRes = _ref4[1];
-        _this4.elementProcessors[type].onReady(_objectSpread(_objectSpread({}, options), {}, {
-          queryResult: _obtainDataRes.originActionQuery
-        }));
+        (_this5$elementContain = _this5.elementContainerService.getContainerService(type)) === null || _this5$elementContain === void 0 || _this5$elementContain.switchContainerStatus(IContainerStatus.READY);
+        var allReady = true;
+        _this5.elementContainerService.getContainerServices().forEach(function (item) {
+          if (!allReady) return;
+          allReady = item.getContainerStatus() === IContainerStatus.READY;
+        });
+        if (allReady) {
+          _this5.elementContainerService.getContainerServices().forEach(function (value, key) {
+            _this5.sendReady(key, options);
+          });
+        }
       });
     }
+  }, {
+    key: "sendReady",
+    value: function sendReady(type, options) {
+      var _this$elementProcesso;
+      var paymentResult = (_this$elementProcesso = this.elementProcessors[ElementType.payment]) === null || _this$elementProcesso === void 0 ? void 0 : _this$elementProcesso.getObtainDataRes();
+      var paymentContext = this.elementContainer.getPaymentContext();
+      var params = _objectSpread(_objectSpread({}, options), {}, {
+        originActionQueryResult: paymentResult === null || paymentResult === void 0 ? void 0 : paymentResult.originActionQueryResult,
+        originOneAccountQueryResult: paymentResult === null || paymentResult === void 0 ? void 0 : paymentResult.originOneAccountQueryResult,
+        paymentSessionData: paymentContext === null || paymentContext === void 0 ? void 0 : paymentContext.paymentSessionId,
+        sessionResult: (paymentContext === null || paymentContext === void 0 ? void 0 : paymentContext.paymentSessionObj) || {}
+      });
+      this.elementProcessors[type].onReady(params);
+    }
   }, {
     key: "updatePayment",
     value: function () {
       var _updatePayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(paymentSessionData) {
-        var _this5 = this;
+        var _this6 = this;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               return _context3.abrupt("return", new Promise( /*#__PURE__*/function () {
                 var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve) {
-                  var prePaymentSessionData, data;
+                  var prePaymentSessionData, data, LOCAL_MOCK;
                   return _regeneratorRuntime().wrap(function _callee2$(_context2) {
                     while (1) switch (_context2.prev = _context2.next) {
                       case 0:
                         if (checkCanUpdate({
-                          status: _this5.elementContainer.getStatus(),
-                          paymentContainerService: _this5.elementContainerService.getContainerService(ElementType.payment),
+                          status: _this6.elementContainer.getStatus(),
+                          paymentContainerService: _this6.elementContainerService.getContainerService(ElementType.payment),
                           newPaymentSessionData: paymentSessionData,
-                          oldPaymentSessionData: _this5.options.sessionData
+                          oldPaymentSessionData: _this6.options.sessionData
                         })) {
                           _context2.next = 2;
                           break;
                         }
                         return _context2.abrupt("return", resolve(false));
                       case 2:
-                        prePaymentSessionData = _this5.elementContainer.getPaymentContext().paymentSession;
-                        _this5.elementContainer.updatePaymentSessionData(paymentSessionData);
+                        prePaymentSessionData = _this6.elementContainer.getPaymentContext().paymentSession;
+                        _this6.elementContainer.updatePaymentSessionData(paymentSessionData);
                         // 1、数据获取
                         _context2.next = 6;
-                        return _this5.elementProcessors[ElementType.payment].obtainData();
+                        return _this6.elementProcessors[ElementType.payment].obtainData();
                       case 6:
                         data = _context2.sent;
-                        // 2、发送update消息
-                        Object.values(_this5.elementProcessors).forEach(function (processor) {
+                        LOCAL_MOCK = window.location.href.indexOf('LOCAL_MOCK=1') !== -1; // 2、发送update消息
+                        Object.values(_this6.elementProcessors).forEach(function (processor) {
                           processor.update({
                             data: {
-                              originActionQuery: data.originActionQuery
+                              originActionQueryResult: LOCAL_MOCK ? sdkActionUpdate : data.originActionQueryResult,
+                              originOneAccountQueryResult: LOCAL_MOCK ? oneAccountUpdate : data.originOneAccountQueryResult
                             },
                             paymentSessionData: paymentSessionData
                           });
                         });
                         // 3、返回更新结果
-                        _this5.serviceMap.EventCenter.listen(EVENT.updated.name, function (data) {
+                        _this6.serviceMap.EventCenter.listen(EVENT.updated.name, function (data) {
                           // 若更新不成功，还原core.paymentContext信息
                           if (!data.success) {
-                            _this5.elementContainer.updatePaymentSessionData(prePaymentSessionData);
+                            _this6.elementContainer.updatePaymentSessionData(prePaymentSessionData);
                           }
                           return resolve(data.success || false);
                         });
-                      case 9:
+                      case 10:
                       case "end":
                         return _context2.stop();
                     }
@@ -352,17 +432,30 @@ var ElementController = /*#__PURE__*/function () {
       return updatePayment;
     }()
   }, {
-    key: "destroy",
-    value: function destroy() {
-      this.elementContainerService.getContainerServices().forEach(function (value) {
-        value.getContainerService().getWebApp().remove();
-      });
+    key: "destroyHandle",
+    value: function destroyHandle() {
+      this.elementContainer.destroy();
+      this.elementContainerService.destroy();
+      this.serviceMap.EventCenter.cleanIFrames();
       // popup未注册会报错，但element不需要感知popup是否被注册
       try {
         destroyModal(); // 关闭popup弹窗
       } catch (error) {}
-      this.elementContainer.destroy();
-      this.elementContainer.setStatus(IContainerStatus.DESTROYED);
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.destroyHandle();
+      this.setControllerStatusOrView(IElementStatus.DESTROYED);
+    }
+  }, {
+    key: "setControllerStatusOrView",
+    value: function setControllerStatusOrView(status) {
+      var _this$onStatusChangeC;
+      var _status = this.elementContainer.getStatus();
+      if (status === _status) return;
+      (_this$onStatusChangeC = this.onStatusChangeCallback) === null || _this$onStatusChangeC === void 0 || _this$onStatusChangeC.call(this, "\u72B6\u6001\u7531 ".concat(_status, " \u53D8\u66F4\u4E3A ").concat(status));
+      this.elementContainer.setStatus(status);
     }
   }]);
   return ElementController;