@alipay/ams-checkout 2.0.16 → 2.0.17

package/esm/component/popupWindow.style.js

@@ -1,4 +1,4 @@
-import { AMSPOPUP_PREFIX, ANIMATION_TIME, MOCKUP_ID, POPUPLOADING_ID } from "../constant";
+import { AMSPOPUP_PREFIX, ANIMATION_TIME, DEFAULT_IFRAME_COLOR_SCHEME, MOCKUP_ID, POPUPLOADING_ID } from "../constant";
 import { getDesignFontSize } from "../util";
 // CSS样式字符串
 var modalStyles = "\n  .".concat(AMSPOPUP_PREFIX, "modal {\n    /* \u6DFB\u52A0\u5F39\u7A97\u6837\u5F0F */\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 9999; /* \u8BBE\u7F6E\u5F39\u7A97\u7684\u5C42\u7EA7\u4E3A 9999 */\n    overflow: hidden;\n  }\n  .").concat(AMSPOPUP_PREFIX, "modal-mobile{\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    position: fixed;\n    bottom: 0;\n    left: 0%;\n    z-index: 9999; /* \u8BBE\u7F6E\u5F39\u7A97\u7684\u5C42\u7EA7\u4E3A 9999 */\n    overflow: hidden;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "overlay {\n    /* \u6DFB\u52A0\u8499\u5C42\u6837\u5F0F */\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.4);\n    z-index: 999;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeIn {\n    /* \u6DFB\u52A0\u6DE1\u5165\u52A8\u753B */\n    animation: fadeIn ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeOut {\n    /* \u6DFB\u52A0\u6DE1\u51FA\u52A8\u753B */\n    animation: fadeOut ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "-drawer-enter {\n    animation: slideIn ").concat(ANIMATION_TIME, "ms forwards;\n  }\n\n  @keyframes slideIn {\n    from {\n        transform: translateY(100%); /* \u6ED1\u5165\u65F6\u5728\u89C6\u53E3\u5E95\u90E8\u5916 */\n        opacity: 0; /* \u521D\u59CB\u900F\u660E\u5EA6\u4E3A 0 */\n    }\n    to {\n        transform: translateY(0); /* \u6ED1\u5165\u7ED3\u675F\u65F6\u5728\u539F\u4F4D\u7F6E */\n        opacity: 1; /* \u7ED3\u675F\u65F6\u900F\u660E\u5EA6\u4E3A 1 */\n    }\n  }\n\n  /* \u62BD\u5C49\u4ECE\u5E95\u90E8\u6ED1\u51FA */\n  .").concat(AMSPOPUP_PREFIX, "-drawer-exit {\n      animation: slideOut ").concat(ANIMATION_TIME, "ms forwards;\n  }\n\n  @keyframes slideOut {\n      from {\n          transform: translateY(0); /* \u6ED1\u51FA\u65F6\u4ECE\u5F53\u524D\u4F4D\u7F6E\u5F00\u59CB */\n          opacity: 1; /* \u521D\u59CB\u900F\u660E\u5EA6\u4E3A 1 */\n      }\n      to {\n          transform: translateY(100%); /* \u6ED1\u51FA\u7ED3\u675F\u65F6\u5728\u89C6\u53E3\u5E95\u90E8\u5916 */\n          opacity: 0; /* \u7ED3\u675F\u65F6\u900F\u660E\u5EA6\u4E3A 0 */\n      }\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u5165\u52A8\u753B */\n  @keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-moz-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u51FA\u52A8\u753B */\n  @keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n\n.ams-component-popup-loading {\n  width: 0.8em;\n  height:0.8em;\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.ams-component-popup-loading .line {\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ams-component-popup-loading .line div {\n  position: absolute;\n  left: 17.67px;\n  top: 0;\n  width: 5.33px;\n  height: 40px;\n}\n\n.ams-component-popup-loading .line div:before,\n.ams-component-popup-loading .line div:after {\n  content: '';\n  display: block;\n  height: 13.33px;\n  background: black;\n  border-radius: 5.3px;\n}\n.ams-component-popup-loading .line div:after {\n  margin-top: 13.33px;\n}\n\n.ams-component-popup-loading .line div:nth-child(2) {\n  -webkit-transform: rotate(45deg);\n}\n\n.ams-component-popup-loading .line div:nth-child(3) {\n  -webkit-transform: rotate(90deg);\n}\n\n.ams-component-popup-loading .line div:nth-child(4) {\n  -webkit-transform: rotate(135deg);\n}\n\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes load {\n  0% {\n      opacity: 0;\n  }\n\n  100% {\n      opacity: 1;\n  }\n}\n\n.ams-component-popup-loading .line div:nth-child(1):before {\n  -webkit-animation: load 1s linear 0s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(2):before {\n  -webkit-animation: load 1s linear 0.125s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(3):before {\n  -webkit-animation: load 1s linear 0.25s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(4):before {\n  -webkit-animation: load 1s linear 0.375s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(1):after {\n  -webkit-animation: load 1s linear 0.5s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(2):after {\n  -webkit-animation: load 1s linear 0.675s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(3):after {\n  -webkit-animation: load 1s linear 0.75s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(4):after {\n  -webkit-animation: load 1s linear 0.875s infinite;\n}\n\n.ams-component-popup-loading-logo {\n  width: 0.44em;\n  height: 0.44em;\n  -webkit-transform:rotate(360deg);\n  transform:rotate(360deg);\n  -webkit-transition:-webkit-transform 1s linear;\n  transition:transform 1s linear;\n  animation: ams-component-loading-logo 1s linear infinite;\n}\n");
@@ -111,6 +111,7 @@ export var createModal = function createModal(_ref2) {
       iframe.style.border = 'none';
       iframe.style.width = '100%';
       iframe.style.height = '100%';
+      iframe.style.colorScheme = DEFAULT_IFRAME_COLOR_SCHEME;
       if (styleConfig) {
         modal.style.backgroundColor = styleConfig.backgroundColor;
         iframe.style.backgroundColor = styleConfig.backgroundColor;

package/esm/constant/index.d.ts

@@ -310,6 +310,7 @@ export declare const LISTENER_PREFIX = "_ams_sdk_component_listener";
 export declare const INLINE_BASE_STYLE_ID = "ams-inline-component-style";
 export declare const INLINE_IMG_CLASSNAME = "inline-loading";
 export declare const AMSPOPUP_PREFIX = "ams-popup";
+export declare const DEFAULT_IFRAME_COLOR_SCHEME = "light dark";
 export declare const LOADTIME_LIMIT = 15000;
 export declare const POPUP_LOADTIME_LOG_LIMIT = 3000;
 export declare const ANIMATION_TIME = 300;

package/esm/constant/index.js

@@ -318,6 +318,7 @@ export var LISTENER_PREFIX = '_ams_sdk_component_listener';
 export var INLINE_BASE_STYLE_ID = 'ams-inline-component-style';
 export var INLINE_IMG_CLASSNAME = 'inline-loading';
 export var AMSPOPUP_PREFIX = 'ams-popup';
+export var DEFAULT_IFRAME_COLOR_SCHEME = 'light dark';
 export var LOADTIME_LIMIT = 15000;
 export var POPUP_LOADTIME_LOG_LIMIT = 3000;
 export var ANIMATION_TIME = 300;

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

@@ -5,7 +5,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { EVENT } from "../../../../constant";
+import { EVENT, DEFAULT_IFRAME_COLOR_SCHEME } from "../../../../constant";
 import { ServiceProvider } from "./../../../../foundation/service";
 import { isElementPC, isElementPad } from "../util";
 import { DisplayTypeEnum, PlatformEnum, ProductSceneEnum } from "./../../../../types";
@@ -49,7 +49,8 @@ export var ContainerController = /*#__PURE__*/function () {
       selector: selector,
       appendAliasContainerId: true,
       iframeStyle: {
-        display: 'block'
+        display: 'block',
+        colorScheme: DEFAULT_IFRAME_COLOR_SCHEME
       }
     }, processor.generateIframeSrc({
       link: iframesSrcLink,

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

@@ -1,4 +1,4 @@
-import { COMPONENT_CONTAINER_ID } from "../../../constant";
+import { COMPONENT_CONTAINER_ID, DEFAULT_IFRAME_COLOR_SCHEME } from "../../../constant";
 
 /**
  * @author 谦彧 <zhangmian.zm@alipay.com>
@@ -14,6 +14,7 @@ export var createPreloadIframe = function createPreloadIframe(containerId) {
   iframe.style.border = none;
   iframe.style.opacity = '0';
   iframe.style.overflow = 'hidden';
+  iframe.style.colorScheme = DEFAULT_IFRAME_COLOR_SCHEME;
   return iframe;
 };
 export var createIframe = function createIframe(containerId) {
@@ -27,6 +28,7 @@ export var createIframe = function createIframe(containerId) {
   iframe.style.border = none;
   iframe.style.opacity = none;
   iframe.style.overflow = 'hidden';
+  iframe.style.colorScheme = DEFAULT_IFRAME_COLOR_SCHEME;
   return iframe;
 };
 export var startSizeChangeAnim = function startSizeChangeAnim(target, height, animationStyleId) {

package/esm/modern/index.js

@@ -15,7 +15,7 @@ import { createLoader } from '@antglobal/create-sdk-loader';
 
 import { stageName } from "./stageName";
 var SDKURL = {
-  DEV: "https://sdk-dev.marmot-cloud.com/package/ams-checkout/".concat("2.0.16", "/ams-checkout.js"),
+  DEV: "https://sdk-dev.marmot-cloud.com/package/ams-checkout/".concat("2.0.17", "/ams-checkout.js"),
   LOCAL: "http://localhost:3000/ams-checkout.min.js",
   PROD: 'https://js.antom.com/v2/ams-checkout.js'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "2.0.16",
+  "version": "2.0.17",
   "description": "",
   "author": "",
   "exports": {

package/types.d.ts

@@ -208,18 +208,8 @@ export declare class AntomSDK extends BaseElementsFactory {
      * @throws {AntomSDKError} 当无法找到有效的主元素时抛出错误
      */
     private extractMainElement;
-    confirmCardSetup(options: ConfirmCardSetupOptions): Promise<SubmitResult | {
-        code: string;
-        message: string;
-        status: string;
-        userCancel3D: boolean;
-    }>;
-    confirmPayment(options: ConfirmPaymentOptions): Promise<SubmitResult | {
-        code: string;
-        message: string;
-        userCancel3D: boolean;
-        status: string;
-    }>;
+    confirmCardSetup(options: ConfirmCardSetupOptions): Promise<SubmitResult>;
+    confirmPayment(options: ConfirmPaymentOptions): Promise<SubmitResult>;
 }
 
 /**
@@ -23791,14 +23781,21 @@ export declare type SubmitResult = {
      * 查询到的状态
      */
     status: 'SUCCESS' | 'CANCELLED' | 'FAIL' | 'PROCESSING';
+    /* Excluded from this release type: code */
+    /* Excluded from this release type: message */
     /**
-     * 查询到的结果码或者错误码, 在SUCCESS和CANCELLED无该字段
-     */
-    code?: string;
-    /**
-     * 查询到的结果消息, 在SUCCESS和CANCELLED无该字段
+     * @description 对结果的详细结果码和结果信息，在status为SUCCESS时无该字段
      */
-    message?: string;
+    error?: {
+        /**
+         * 查询到的结果码或者错误码
+         */
+        code?: string;
+        /**
+         * 查询到的结果消息
+         */
+        message?: string;
+    };
     /**
      * 是否是用户手动取消3D
      */

package/types.untrimmed.d.ts

@@ -235,18 +235,8 @@ export declare class AntomSDK extends BaseElementsFactory {
      * @throws {AntomSDKError} 当无法找到有效的主元素时抛出错误
      */
     private extractMainElement;
-    confirmCardSetup(options: ConfirmCardSetupOptions): Promise<SubmitResult | {
-        code: string;
-        message: string;
-        status: string;
-        userCancel3D: boolean;
-    }>;
-    confirmPayment(options: ConfirmPaymentOptions): Promise<SubmitResult | {
-        code: string;
-        message: string;
-        userCancel3D: boolean;
-        status: string;
-    }>;
+    confirmCardSetup(options: ConfirmCardSetupOptions): Promise<SubmitResult>;
+    confirmPayment(options: ConfirmPaymentOptions): Promise<SubmitResult>;
 }
 
 /**
@@ -24119,13 +24109,30 @@ export declare type SubmitResult = {
      */
     status: 'SUCCESS' | 'CANCELLED' | 'FAIL' | 'PROCESSING';
     /**
-     * 查询到的结果码或者错误码, 在SUCCESS和CANCELLED无该字段
+     * 查询到的结果码或者错误码, 在SUCCESS无该字段
+     * @deprecated 已废弃请读取error中的code
+     * @internal
      */
     code?: string;
     /**
-     * 查询到的结果消息, 在SUCCESS和CANCELLED无该字段
+     * 查询到的结果消息, 在SUCCESS无该字段
+     * @deprecated 已废弃请读取error中的message
+     * @internal
      */
     message?: string;
+    /**
+     * @description 对结果的详细结果码和结果信息，在status为SUCCESS时无该字段
+     */
+    error?: {
+        /**
+         * 查询到的结果码或者错误码
+         */
+        code?: string;
+        /**
+         * 查询到的结果消息
+         */
+        message?: string;
+    };
     /**
      * 是否是用户手动取消3D
      */