@alipay/ams-checkout 0.0.1726046231-dev.1 → 0.0.1726046231-dev.12

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

@@ -22,7 +22,9 @@ import { parseSessionData } from "../index";
 import { ElementAddressComponent } from "./components/address";
 import { ElementAuthComponent } from "./components/auth";
 import { ElementPaymentComponent } from "./components/payment";
-import { addressTheme } from "./type";
+// import { oneAccount, sdkAction } from './mock';
+
+import { addressTheme, ELEMENT_ENVIRONMENT, ThemeType } from "./type";
 var ElementProcessor = /*#__PURE__*/function () {
   function ElementProcessor() {
     _classCallCheck(this, ElementProcessor);
@@ -76,6 +78,10 @@ export var ElementComponent = /*#__PURE__*/function () {
     // one account接口返回
     _defineProperty(this, "launchSource", void 0);
     // launch 来源记录
+    _defineProperty(this, "isConnect", void 0);
+    // 当前sessionData是否connect模式
+    _defineProperty(this, "iframeSrc", void 0);
+    // iframe src记录
     _defineProperty(this, "mountOptions", void 0);
     // 组件mount配置记录
     _defineProperty(this, "iframes", void 0);
@@ -83,28 +89,34 @@ export var ElementComponent = /*#__PURE__*/function () {
     _defineProperty(this, "componentsCount", void 0);
     // mount 渲染了多少个element
     _defineProperty(this, "eventCallback", void 0);
-    // launch消息处理
-    _defineProperty(this, "launchFunc", function () {
-      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var eventSource = Object.keys(ElementPaymentMethod);
-      var source = data.source,
-        target = data.target;
-      if (eventSource.includes(source) && target === ElementPaymentMethod.CONTAINER_ELEMENT) {
-        if (_this.launchSource.every(function (item) {
-          return item !== source;
-        })) {
-          _this.launchSource.push(source);
-          _this.sendRenderData();
-        }
-      }
-    });
     // 渲染地址组件
     _defineProperty(this, "mountAddress", function (renderOptions, sdkSelector) {
-      _this.mountOptions[ElementPaymentMethod.ADDRESS_ELEMENT] = renderOptions;
-      _this.addressBase.mount(_this._options.sessionData, {
+      var _renderOptions$appear, _this$_options;
+      var _mountParams = {
+        appearance: {
+          themeType: addressTheme[(renderOptions === null || renderOptions === void 0 || (_renderOptions$appear = renderOptions.appearance) === null || _renderOptions$appear === void 0 ? void 0 : _renderOptions$appear.theme) || ((_this$_options = _this._options) === null || _this$_options === void 0 || (_this$_options = _this$_options.appearance) === null || _this$_options === void 0 ? void 0 : _this$_options.theme) || ThemeType.Default]
+        },
+        configParams: _objectSpread({
+          needEditBackBtn: _this.isConnect,
+          autoSaveAsDefaultAddress: _this.isConnect,
+          editingNeedShippingQuery: _this.isConnect,
+          showTitle: _this.isConnect
+        }, renderOptions.configParams),
+        prefillValue: renderOptions.prefillValue
+      };
+      _this.mountOptions[ElementPaymentMethod.ADDRESS_ELEMENT] = _mountParams;
+      _this.addressBase.mount(_this._options.sessionData, _objectSpread({
         selector: sdkSelector,
         debugProps: renderOptions.debugProps
-      }).then(function (result) {
+      }, _mountParams)).then(function (result) {
+        if (!result) {
+          var _this$_options$onEven, _this$_options2;
+          (_this$_options$onEven = (_this$_options2 = _this._options).onEventCallback) === null || _this$_options$onEven === void 0 || _this$_options$onEven.call(_this$_options2, {
+            code: EventCallbackCode.Failed,
+            message: 'Component loading failed'
+          });
+          return undefined;
+        }
         _this.eventService.addIFrame(result);
         _this.iframes[ElementPaymentMethod.ADDRESS_ELEMENT] = result;
       });
@@ -116,37 +128,31 @@ export var ElementComponent = /*#__PURE__*/function () {
     });
     // 渲染卡支付组件
     _defineProperty(this, "mountPayment", function (renderOptions, sdkSelector) {
-      _this.mountOptions[ElementPaymentMethod.PAYMENT_ELEMENT] = renderOptions;
-      _this.paymentBase.mount(_this._options.sessionData, {
+      var _this$_options3;
+      var _mountParams = {
+        appearance: renderOptions.appearance || ((_this$_options3 = _this._options) === null || _this$_options3 === void 0 ? void 0 : _this$_options3.appearance) || {
+          theme: ThemeType.Default
+        }
+      };
+      _this.mountOptions[ElementPaymentMethod.PAYMENT_ELEMENT] = _mountParams;
+      _this.paymentBase.mount(_this._options.sessionData, _objectSpread({
         selector: sdkSelector,
         debugProps: renderOptions.debugProps
-      }).then(function (result) {
+      }, _mountParams)).then(function (result) {
+        if (!result) {
+          var _this$_options$onEven2, _this$_options4;
+          (_this$_options$onEven2 = (_this$_options4 = _this._options).onEventCallback) === null || _this$_options$onEven2 === void 0 || _this$_options$onEven2.call(_this$_options4, {
+            code: EventCallbackCode.Failed,
+            message: 'Component loading failed'
+          });
+          return undefined;
+        }
         _this.eventService.addIFrame(result);
         _this.iframes[ElementPaymentMethod.PAYMENT_ELEMENT] = result;
       });
-      return {
-        // unmount: () => {
-        //   this.paymentBase.unmount();
-        //   this.removeSdk(ElementPaymentMethod.PAYMENT_ELEMENT);
-        // },
-      };
-    });
-    // 发送validate消息
-    _defineProperty(this, "onValidateFunc", function (target) {
-      return new Promise(function (resolve) {
-        _this.eventService.emitAndListen({
-          event: ElementPaymentEvent.VALIDATE,
-          data: {
-            target: target,
-            source: ElementPaymentMethod.CONTAINER_ELEMENT,
-            params: {}
-          }
-        }, function (result) {
-          resolve(result);
-        });
-      });
+      return {};
     });
-    // submit提交并成功
+    // submit提交非RISK_REJECT错误
     _defineProperty(this, "onAfterSubmitFunc", function (target, params) {
       _this.eventService.emitAndListen({
         event: ElementPaymentEvent.AFTER_SUBMIT,
@@ -184,6 +190,8 @@ export var ElementComponent = /*#__PURE__*/function () {
           envInfo: {
             locale: _this._options.locale
           },
+          timeout: 300000,
+          // TODO dev环境submit提交接口超时
           'Operation-Type': 'com.ipay.iexpcashier.cashier.submitPayByPaymentSession'
         }).then(function (result) {
           console.log('element submit result ------', result);
@@ -201,72 +209,83 @@ export var ElementComponent = /*#__PURE__*/function () {
         });
       });
     });
+    // 发送validate消息
+    _defineProperty(this, "onValidateFunc", function (target) {
+      return new Promise(function (resolve) {
+        _this.eventService.emitAndListen({
+          event: ElementPaymentEvent.VALIDATE,
+          data: {
+            target: target,
+            source: ElementPaymentMethod.CONTAINER_ELEMENT,
+            params: {}
+          }
+        }, function (result) {
+          resolve(result);
+        });
+      });
+    });
     // 处理validate事件
     _defineProperty(this, "validatePromiseFuncs", function () {
       return new Promise( /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
-          var params, validateFailInfo, _result$data, _result$data2, result, _result$data3, _result$data4, _result, _result2$data, _result2$data2, _result2$data3, _result2;
+          var params, _result$data, _result$data2, result, _result$data3, _result$data4, _result, _result2$data, _result2$data2, _result2$data3, _result2;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 params = {};
-                validateFailInfo = {
-                  success: false,
-                  msg: ''
-                };
                 if (!_this.launchSource.includes(ElementPaymentMethod.AUTH_ELEMENT)) {
-                  _context.next = 10;
+                  _context.next = 9;
                   break;
                 }
-                _context.next = 5;
+                _context.next = 4;
                 return _this.onValidateFunc(ElementPaymentMethod.AUTH_ELEMENT);
-              case 5:
+              case 4:
                 result = _context.sent;
                 console.log('element submit validate auth---------', result);
                 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;
                 if (result !== null && result !== void 0 && (_result$data2 = result.data) !== null && _result$data2 !== void 0 && _result$data2.success) {
-                  _context.next = 10;
+                  _context.next = 9;
                   break;
                 }
-                return _context.abrupt("return", resolve(validateFailInfo));
-              case 10:
+                return _context.abrupt("return", resolve(undefined));
+              case 9:
                 if (!_this.launchSource.includes(ElementPaymentMethod.ADDRESS_ELEMENT)) {
-                  _context.next = 18;
+                  _context.next = 17;
                   break;
                 }
-                _context.next = 13;
+                _context.next = 12;
                 return _this.onValidateFunc(ElementPaymentMethod.ADDRESS_ELEMENT);
-              case 13:
+              case 12:
                 _result = _context.sent;
                 console.log('element submit validate address---------', _result);
                 params.shipping = (_result$data3 = _result.data) === null || _result$data3 === void 0 ? void 0 : _result$data3.data;
                 if (_result !== null && _result !== void 0 && (_result$data4 = _result.data) !== null && _result$data4 !== void 0 && _result$data4.success) {
-                  _context.next = 18;
+                  _context.next = 17;
                   break;
                 }
-                return _context.abrupt("return", resolve(validateFailInfo));
-              case 18:
+                return _context.abrupt("return", resolve(undefined));
+              case 17:
                 if (!_this.launchSource.includes(ElementPaymentMethod.PAYMENT_ELEMENT)) {
-                  _context.next = 27;
+                  _context.next = 26;
                   break;
                 }
-                _context.next = 21;
+                _context.next = 20;
                 return _this.onValidateFunc(ElementPaymentMethod.PAYMENT_ELEMENT);
-              case 21:
+              case 20:
                 _result2 = _context.sent;
                 console.log('element submit validate payment---------', _result2);
                 params.paymentFactors = (_result2$data = _result2.data) === null || _result2$data === void 0 ? void 0 : _result2$data.data.paymentFactors;
                 params.paymentMethod = (_result2$data2 = _result2.data) === null || _result2$data2 === void 0 ? void 0 : _result2$data2.data.paymentMethod;
                 if (_result2 !== null && _result2 !== void 0 && (_result2$data3 = _result2.data) !== null && _result2$data3 !== void 0 && _result2$data3.success) {
-                  _context.next = 27;
+                  _context.next = 26;
                   break;
                 }
-                return _context.abrupt("return", resolve(validateFailInfo));
-              case 27:
+                return _context.abrupt("return", resolve(undefined));
+              case 26:
                 // params.paymentFactors = paymentResult.data?.data.paymentFactors;
                 // params.paymentMethod = paymentResult.data?.data.paymentMethod;
-                resolve(_this.onSubmit(params));
-              case 28:
+                resolve(params);
+              case 27:
               case "end":
                 return _context.stop();
             }
@@ -300,26 +319,36 @@ export var ElementComponent = /*#__PURE__*/function () {
       this.elementContainer = new AntomSDKCore();
       this.elementContainer.registerProcessor(ProductSceneEnum.ELEMENT_PAYMENT, '', new ElementProcessor());
       this.elementContainer.init({}, ProductSceneEnum.ELEMENT_PAYMENT);
+      this.isConnect = parseData.connectFactor.enableConnect;
       this.elementContainer.startBizFlow({
         paymentSession: this._options.sessionData
       }).then(function (res) {
-        // 请求消息
-        Promise.all([_this2.oneAccountQuery(), _this2.sdkActionQuery()]).then(function (result) {
-          _this2.oneAccountRes = result[0];
-          _this2.sdkActionRes = result[1];
-          _this2.sendRenderData();
-        });
-
-        // 本地mock测试数据
-        // setTimeout(() => {
-        //   this.oneAccountRes = oneAccount;
-        //   this.sdkActionRes = sdkAction;
-        //   this.sendRenderData();
-        // }, 500);
+        // console.log('antom sdk start-----', res, this.elementContainer.getBizFlowResult());
+        if (_this2.isConnect) {
+          // 请求消息
+          Promise.all([_this2.oneAccountQuery(), _this2.sdkActionQuery()]).then(function (result) {
+            _this2.oneAccountRes = result[0];
+            _this2.sdkActionRes = result[1];
+            _this2.sendRenderData();
+          });
+          // 本地mock测试数据
+          // setTimeout(() => {
+          //   this.oneAccountRes = oneAccount;
+          //   this.sdkActionRes = sdkAction;
+          //   this.sendRenderData();
+          // }, 500);
+          // 本地mock测试报错页
+          // setTimeout(() => {
+          //   this._options?.onEventCallback?.({
+          //     code: EventCallbackCode.Failed,
+          //     message: 'sdkAction.query Request Error',
+          //   });
+          // }, 2000)
+        }
       });
-
-      // 注册 auth 邮箱模块
+      this.iframeSrc = this.createIframeSrc(this._options.environment, this._options.version);
       try {
+        // 注册 auth 邮箱模块
         this.authBase = new ElementAuthComponent();
         this.authBase.create({
           environment: this._options.environment,
@@ -332,18 +361,20 @@ export var ElementComponent = /*#__PURE__*/function () {
         this.paymentBase = new ElementPaymentComponent();
         this.paymentBase.create({
           environment: this._options.environment,
-          locale: this._options.locale
-        });
+          locale: this._options.locale,
+          appVersion: this._options.version || ''
+        }, this.isConnect);
 
         // 注册 address 地址模块
         this.addressBase = new ElementAddressComponent();
         this.addressBase.create({
           environment: this._options.environment,
-          locale: this._options.locale
-        });
+          locale: this._options.locale,
+          appVersion: this._options.version || ''
+        }, this.isConnect);
       } catch (error) {
-        var _this$_options$onEven, _this$_options;
-        (_this$_options$onEven = (_this$_options = this._options).onEventCallback) === null || _this$_options$onEven === void 0 || _this$_options$onEven.call(_this$_options, {
+        var _this$_options$onEven3, _this$_options5;
+        (_this$_options$onEven3 = (_this$_options5 = this._options).onEventCallback) === null || _this$_options$onEven3 === void 0 || _this$_options$onEven3.call(_this$_options5, {
           code: EventCallbackCode.Failed,
           message: 'create sdk fail'
         });
@@ -352,11 +383,26 @@ export var ElementComponent = /*#__PURE__*/function () {
       // 注册监听消息
       this.addListener();
     }
+
+    // iframe src生成方法
+  }, {
+    key: "createIframeSrc",
+    value: function createIframeSrc() {
+      var env = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ELEMENT_ENVIRONMENT.DEV;
+      var version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.23.0';
+      var baseUrl = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ELEMENT_ENVIRONMENT.DEV, 'http://dev.page.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.TEST, 'http://page.test.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PRE, 'https://cdn-pre.marmot-cloud.com/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PROD, 'https://checkout.antom.com');
+      var _env = (env === null || env === void 0 ? void 0 : env.toLocaleUpperCase()) || ELEMENT_ENVIRONMENT.DEV;
+      return {
+        auth: "".concat(baseUrl[_env], "/auth-element/").concat(version, "/pages/element_auth/index.html"),
+        address: "".concat(baseUrl[_env], "/element-address/").concat(version, "/pages/address/index.html"),
+        payment: "".concat(baseUrl[_env], "/elements/").concat(version, "/pages/element_payment/index.html")
+      };
+    }
   }, {
     key: "sdkActionQuery",
     value: function sdkActionQuery() {
       var _this3 = this;
-      return new Promise(function (resolve) {
+      return new Promise(function (resolve, reject) {
         var paymentSessionConfig = _this3.parseData.paymentSessionConfig;
         var hostSign = _this3.sessionData.split('&&')[1] || '';
         _this3.requestService.request({
@@ -368,9 +414,25 @@ export var ElementComponent = /*#__PURE__*/function () {
             locale: _this3._options.locale
           },
           hostSign: hostSign,
+          timeout: 300000,
+          // TODO dev环境接口超时
           'Operation-Type': 'com.ipay.iexpcashier.sdkAction.query'
         }).then(function (result) {
+          if (!result.success) {
+            var _this3$_options, _this3$_options$onEve;
+            (_this3$_options = _this3._options) === null || _this3$_options === void 0 || (_this3$_options$onEve = _this3$_options.onEventCallback) === null || _this3$_options$onEve === void 0 || _this3$_options$onEve.call(_this3$_options, {
+              code: EventCallbackCode.Failed,
+              message: 'sdkAction.query Request Error'
+            });
+            reject(result);
+          }
           resolve(result);
+        }, function () {
+          var _this3$_options2, _this3$_options2$onEv;
+          _this3 === null || _this3 === void 0 || (_this3$_options2 = _this3._options) === null || _this3$_options2 === void 0 || (_this3$_options2$onEv = _this3$_options2.onEventCallback) === null || _this3$_options2$onEv === void 0 || _this3$_options2$onEv.call(_this3$_options2, {
+            code: EventCallbackCode.Failed,
+            message: 'sdk.action.query Request Error'
+          });
         });
       });
     }
@@ -392,13 +454,22 @@ export var ElementComponent = /*#__PURE__*/function () {
           envInfo: {
             locale: _this4._options.locale
           },
+          timeout: 300000,
+          // TODO dev环境接口超时
           'Operation-Type': 'com.ipay.iexpfront.one.account.query'
         }).then(function (result) {
           resolve(result);
+        }, function () {
+          var _this4$_options, _this4$_options$onEve;
+          _this4 === null || _this4 === void 0 || (_this4$_options = _this4._options) === null || _this4$_options === void 0 || (_this4$_options$onEve = _this4$_options.onEventCallback) === null || _this4$_options$onEve === void 0 || _this4$_options$onEve.call(_this4$_options, {
+            code: EventCallbackCode.Failed,
+            message: 'one.account.query Request Error'
+          });
         });
       });
     }
 
+    // 循环给所有iframe发同一个消息
     // private postCommonMessage<T>(event: ElementPaymentEvent, params: T) {
     //   for (let index = 0; index < this.launchSource.length; index++) {
     //     this.eventService.emitAndListen(
@@ -420,20 +491,6 @@ export var ElementComponent = /*#__PURE__*/function () {
     key: "addListener",
     value: function addListener() {
       var _this5 = this;
-      this.eventService.listen(ElementPaymentEvent.SIGN_OUT, function (result) {
-        // const { source, target } = result;
-        // if (source === ElementPaymentMethod.AUTH_ELEMENT && target === ElementPaymentMethod.CONTAINER_ELEMENT) {
-        //   // 给mount出来的每个sdk都发送消息
-        //   this.postCommonMessage(ElementPaymentEvent.SIGN_OUT, {});
-        // }
-      });
-      this.eventService.listen(ElementPaymentEvent.CAPTURE_ASSET, function (result) {
-        // const { source, target } = result;
-        // if (source === ElementPaymentMethod.AUTH_ELEMENT && target === ElementPaymentMethod.CONTAINER_ELEMENT) {
-        //   console.log('antom sdk event chang email 给address和payment下发新的数据---------', result);
-        //   this.postCommonMessage(ElementPaymentEvent.CAPTURE_ASSET, result.data);
-        // }
-      });
       this.eventService.listen(ElementPaymentEvent.LAUNCH, function (result) {
         _this5.launchFunc(result);
       });
@@ -445,78 +502,83 @@ export var ElementComponent = /*#__PURE__*/function () {
       });
       this.eventService.listen(ElementPaymentEvent.CALLBACK, function (result) {
         var _this5$eventCallback;
+        console.log('antom sdk 组件事件回调');
         if ((_this5$eventCallback = _this5.eventCallback) !== null && _this5$eventCallback !== void 0 && (_this5$eventCallback = _this5$eventCallback[result.source]) !== null && _this5$eventCallback !== void 0 && _this5$eventCallback[result.event]) {
           var _this5$eventCallback$, _this5$eventCallback$2;
           (_this5$eventCallback$ = (_this5$eventCallback$2 = _this5.eventCallback[result.source])[result.event]) === null || _this5$eventCallback$ === void 0 || _this5$eventCallback$.call(_this5$eventCallback$2, result.data);
         }
       });
+      this.eventService.listen(ElementPaymentEvent.LOG, function (result) {
+        console.log('antom sdk 组件日志回调');
+      });
     }
+
+    // launch消息处理
   }, {
-    key: "sendRenderData",
-    value:
+    key: "launchFunc",
+    value: function launchFunc() {
+      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var eventSource = Object.keys(ElementPaymentMethod);
+      var source = data.source,
+        target = data.target;
+      if (eventSource.includes(source) && target === ElementPaymentMethod.CONTAINER_ELEMENT) {
+        if (this.launchSource.every(function (item) {
+          return item !== source;
+        })) {
+          this.launchSource.push(source);
+          this.sendRenderData();
+        }
+      }
+    }
+  }, {
+    key: "showIframe",
+    value: function showIframe() {
+      var _this$paymentBase, _this$addressBase, _this$authBase;
+      (this === null || this === void 0 ? void 0 : this.paymentBase) && (this === null || this === void 0 || (_this$paymentBase = this.paymentBase) === null || _this$paymentBase === void 0 ? void 0 : _this$paymentBase.update());
+      (this === null || this === void 0 ? void 0 : this.addressBase) && (this === null || this === void 0 || (_this$addressBase = this.addressBase) === null || _this$addressBase === void 0 ? void 0 : _this$addressBase.update());
+      (this === null || this === void 0 ? void 0 : this.authBase) && (this === null || this === void 0 || (_this$authBase = this.authBase) === null || _this$authBase === void 0 ? void 0 : _this$authBase.update());
+    }
+
     // 发送初始化数据
-    function sendRenderData() {
+  }, {
+    key: "sendRenderData",
+    value: function sendRenderData() {
+      var _this6 = this;
       if (this.launchSource.length === this.componentsCount && this.sdkActionRes && this.oneAccountRes) {
-        var _this$_options$loadin, _this$mountOptions, _this$mountOptions2, _this$mountOptions3, _this$mountOptions4, _this$paymentBase, _this$addressBase, _this$authBase;
+        var _this$_options$loadin;
         var baseData = {
           originActionQueryResult: this.sdkActionRes,
           originOneAccountQueryResult: this.oneAccountRes,
           paymentSessionData: this._options.sessionData,
           sessionResult: this.parseData || {}
         };
+        this.loading = false;
+        this.launchSource.forEach(function (target) {
+          var _this6$mountOptions;
+          var params = _objectSpread(_objectSpread({}, (_this6$mountOptions = _this6.mountOptions) === null || _this6$mountOptions === void 0 ? void 0 : _this6$mountOptions[target]), baseData);
+          if (target === ElementPaymentMethod.ADDRESS_ELEMENT) {
+            params.prefillValue = _this6.oneAccountRes.shippings || [];
+          } else if (target === ElementPaymentMethod.PAYMENT_ELEMENT) {
+            params.queryResult = _this6.sdkActionRes;
+          }
+          _this6.eventService.emitAndListen({
+            event: ElementPaymentEvent.INITIAL_DATA_READY,
+            data: {
+              target: target,
+              source: ElementPaymentMethod.CONTAINER_ELEMENT,
+              params: params
+            }
+          }, function () {});
+        });
+        this.showIframe();
         if ((_this$_options$loadin = this._options.loading) !== null && _this$_options$loadin !== void 0 && _this$_options$loadin.onEndLoading) {
           var _this$_options$loadin2, _this$_options$loadin3;
           (_this$_options$loadin2 = this._options.loading) === null || _this$_options$loadin2 === void 0 || (_this$_options$loadin3 = _this$_options$loadin2.onEndLoading) === null || _this$_options$loadin3 === void 0 || _this$_options$loadin3.call(_this$_options$loadin2);
         }
-        this.loading = false;
-        this.eventService.emitAndListen({
-          event: ElementPaymentEvent.INITIAL_DATA_READY,
-          data: {
-            target: ElementPaymentMethod.PAYMENT_ELEMENT,
-            source: ElementPaymentMethod.CONTAINER_ELEMENT,
-            params: _objectSpread({
-              queryResult: this.sdkActionRes,
-              appearance: ((_this$mountOptions = this.mountOptions) === null || _this$mountOptions === void 0 || (_this$mountOptions = _this$mountOptions[ElementPaymentMethod.PAYMENT_ELEMENT]) === null || _this$mountOptions === void 0 ? void 0 : _this$mountOptions.appearance) || this._options.appearance
-            }, baseData)
-          }
-        }, function () {});
-        this.eventService.emitAndListen({
-          event: ElementPaymentEvent.INITIAL_DATA_READY,
-          data: {
-            target: ElementPaymentMethod.ADDRESS_ELEMENT,
-            source: ElementPaymentMethod.CONTAINER_ELEMENT,
-            params: _objectSpread({
-              prefillValue: this.oneAccountRes.shippings || [{
-                shippingAddress: {
-                  region: ''
-                }
-              }],
-              appearance: {
-                themeType: addressTheme[((_this$mountOptions2 = this.mountOptions) === null || _this$mountOptions2 === void 0 || (_this$mountOptions2 = _this$mountOptions2[ElementPaymentMethod.ADDRESS_ELEMENT]) === null || _this$mountOptions2 === void 0 || (_this$mountOptions2 = _this$mountOptions2.appearance) === null || _this$mountOptions2 === void 0 ? void 0 : _this$mountOptions2.theme) || this._options.appearance.theme || 'light']
-              },
-              configParams: _objectSpread({
-                needEditBackBtn: true,
-                autoSaveAsDefaultAddress: true,
-                editingNeedShippingQuery: true
-              }, (_this$mountOptions3 = this.mountOptions) === null || _this$mountOptions3 === void 0 ? void 0 : _this$mountOptions3[ElementPaymentMethod.ADDRESS_ELEMENT])
-            }, baseData)
-          }
-        }, function () {});
-        this.eventService.emitAndListen({
-          event: ElementPaymentEvent.INITIAL_DATA_READY,
-          data: {
-            target: ElementPaymentMethod.AUTH_ELEMENT,
-            source: ElementPaymentMethod.CONTAINER_ELEMENT,
-            params: _objectSpread(_objectSpread({}, baseData), {}, {
-              appearance: ((_this$mountOptions4 = this.mountOptions) === null || _this$mountOptions4 === void 0 || (_this$mountOptions4 = _this$mountOptions4[ElementPaymentMethod.AUTH_ELEMENT]) === null || _this$mountOptions4 === void 0 ? void 0 : _this$mountOptions4.appearance) || this._options.appearance
-            })
-          }
-        }, function () {});
-        (this === null || this === void 0 ? void 0 : this.paymentBase) && (this === null || this === void 0 || (_this$paymentBase = this.paymentBase) === null || _this$paymentBase === void 0 ? void 0 : _this$paymentBase.update());
-        (this === null || this === void 0 ? void 0 : this.addressBase) && (this === null || this === void 0 || (_this$addressBase = this.addressBase) === null || _this$addressBase === void 0 ? void 0 : _this$addressBase.update());
-        (this === null || this === void 0 ? void 0 : this.authBase) && (this === null || this === void 0 || (_this$authBase = this.authBase) === null || _this$authBase === void 0 ? void 0 : _this$authBase.update());
       }
     }
+
+    // 注销所有消息监听，这里需要和addListener里面监听的事件对应
   }, {
     key: "removeListener",
     value: function removeListener() {
@@ -525,6 +587,8 @@ export var ElementComponent = /*#__PURE__*/function () {
       this.eventService.unlisten(ElementPaymentEvent.LAUNCH);
       this.eventService.unlisten(ElementPaymentEvent.SIZE_CHANGE);
     }
+
+    // 注册组件事件监听
   }, {
     key: "registerEventListener",
     value: function registerEventListener(source, event, callback) {
@@ -535,33 +599,45 @@ export var ElementComponent = /*#__PURE__*/function () {
   }, {
     key: "mountAuth",
     value: function mountAuth(renderOptions, sdkSelector) {
-      var _renderOptions$debugP,
-        _this6 = this;
-      this.mountOptions[ElementPaymentMethod.AUTH_ELEMENT] = renderOptions;
+      var _this$_options6,
+        _renderOptions$debugP,
+        _this7 = this;
+      var _mountParams = {
+        appearance: renderOptions.appearance || ((_this$_options6 = this._options) === null || _this$_options6 === void 0 ? void 0 : _this$_options6.appearance) || {
+          theme: ThemeType.Default
+        }
+      };
+      this.mountOptions[ElementPaymentMethod.AUTH_ELEMENT] = _mountParams;
       var _selector = sdkSelector.indexOf('#') === 0 ? sdkSelector.slice(1) : sdkSelector;
+      var link = renderOptions === null || renderOptions === void 0 || (_renderOptions$debugP = renderOptions.debugProps) === null || _renderOptions$debugP === void 0 ? void 0 : _renderOptions$debugP.localLink;
+      var params = window.location.href.split('?')[1];
+      var url = link.indexOf('?') === -1 ? "".concat(link, "?").concat(params) : link;
       this.authBase.mount({
         selector: _selector,
-        url: renderOptions === null || renderOptions === void 0 || (_renderOptions$debugP = renderOptions.debugProps) === null || _renderOptions$debugP === void 0 ? void 0 : _renderOptions$debugP.localLink
+        url: url
       }).then(function (result) {
-        _this6.eventService.addIFrame(result);
-        _this6.iframes[ElementPaymentMethod.AUTH_ELEMENT] = result;
+        if (!result) {
+          var _this7$_options$onEve, _this7$_options;
+          (_this7$_options$onEve = (_this7$_options = _this7._options).onEventCallback) === null || _this7$_options$onEve === void 0 || _this7$_options$onEve.call(_this7$_options, {
+            code: EventCallbackCode.Failed,
+            message: 'Component loading failed'
+          });
+          return undefined;
+        }
+        _this7.eventService.addIFrame(result);
+        _this7.iframes[ElementPaymentMethod.AUTH_ELEMENT] = result;
       });
-      return {
-        // unmount: () => {
-        //   this.authBase.unmount();
-        //   this.removeSdk(ElementPaymentMethod.AUTH_ELEMENT);
-        // },
-      };
+      return {};
     }
   }, {
     key: "mount",
     value: function mount(renderOptions, sdkSelector) {
       if (typeof sdkSelector === 'string') {
-        var _this$_options$loadin4;
+        var _this$_options$loadin4, _renderOptions$debugP2;
         var element = document.querySelector(sdkSelector);
         if (!element) {
-          var _this$_options$onEven2, _this$_options2;
-          (_this$_options$onEven2 = (_this$_options2 = this._options).onEventCallback) === null || _this$_options$onEven2 === void 0 || _this$_options$onEven2.call(_this$_options2, {
+          var _this$_options$onEven4, _this$_options7;
+          (_this$_options$onEven4 = (_this$_options7 = this._options).onEventCallback) === null || _this$_options$onEven4 === void 0 || _this$_options$onEven4.call(_this$_options7, {
             code: EventCallbackCode.Failed,
             message: 'Unable to obtain selector'
           });
@@ -572,8 +648,13 @@ export var ElementComponent = /*#__PURE__*/function () {
           var _this$_options$loadin5, _this$_options$loadin6;
           (_this$_options$loadin5 = this._options.loading) === null || _this$_options$loadin5 === void 0 || (_this$_options$loadin6 = _this$_options$loadin5.onStartLoading) === null || _this$_options$loadin6 === void 0 || _this$_options$loadin6.call(_this$_options$loadin5);
         }
+        if (!(renderOptions !== null && renderOptions !== void 0 && (_renderOptions$debugP2 = renderOptions.debugProps) !== null && _renderOptions$debugP2 !== void 0 && _renderOptions$debugP2.localLink)) {
+          renderOptions.debugProps = {
+            localLink: this.iframeSrc[renderOptions.type]
+          };
+        }
         this.loading = true;
-        if (renderOptions.type === 'linkAuthentication') {
+        if (renderOptions.type === 'auth') {
           return this.mountAuth(renderOptions, sdkSelector);
         }
         if (renderOptions.type === 'address') {
@@ -590,9 +671,11 @@ export var ElementComponent = /*#__PURE__*/function () {
         return undefined;
       }
     }
+
+    // 注销单个iframe，暂时没有用到
   }, {
-    key: "removeSdk",
-    value: function removeSdk(sdk) {
+    key: "removeIframe",
+    value: function removeIframe(sdk) {
       if (sdk && this.launchSource.some(function (source) {
         return source === sdk;
       })) {
@@ -603,6 +686,8 @@ export var ElementComponent = /*#__PURE__*/function () {
         this.eventService.removeIFrame(this.iframes[sdk]);
       }
     }
+
+    // 暴露出去的注销组件方法
   }, {
     key: "unmount",
     value: function unmount() {
@@ -617,9 +702,43 @@ export var ElementComponent = /*#__PURE__*/function () {
     }
   }, {
     key: "submitPayment",
-    value: function submitPayment() {
-      return this.validatePromiseFuncs();
-    }
+    value: // 暴露出去的submit方法
+    function () {
+      var _submitPayment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _this$_options$loadin7, _this$_options$loadin10;
+        var _this$_options$loadin8, _this$_options$loadin9, validateRes, _this$_options$loadin11, _this$_options$loadin12;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if ((_this$_options$loadin7 = this._options.loading) !== null && _this$_options$loadin7 !== void 0 && _this$_options$loadin7.onStartLoading) {
+                (_this$_options$loadin8 = this._options.loading) === null || _this$_options$loadin8 === void 0 || (_this$_options$loadin9 = _this$_options$loadin8.onStartLoading) === null || _this$_options$loadin9 === void 0 || _this$_options$loadin9.call(_this$_options$loadin8);
+              }
+              _context2.next = 3;
+              return this.validatePromiseFuncs();
+            case 3:
+              validateRes = _context2.sent;
+              if (!validateRes) {
+                _context2.next = 7;
+                break;
+              }
+              _context2.next = 7;
+              return this.onSubmit(validateRes);
+            case 7:
+              if ((_this$_options$loadin10 = this._options.loading) !== null && _this$_options$loadin10 !== void 0 && _this$_options$loadin10.onEndLoading) {
+                (_this$_options$loadin11 = this._options.loading) === null || _this$_options$loadin11 === void 0 || (_this$_options$loadin12 = _this$_options$loadin11.onEndLoading) === null || _this$_options$loadin12 === void 0 || _this$_options$loadin12.call(_this$_options$loadin11);
+              }
+              return _context2.abrupt("return");
+            case 9:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function submitPayment() {
+        return _submitPayment.apply(this, arguments);
+      }
+      return submitPayment;
+    }()
   }]);
   return ElementComponent;
 }();