@paykka/card-checkout-ui 0.13.16 → 0.14.0

package/dist/types/types/event.d.ts

@@ -1,10 +1,11 @@
+import type { AllFieldType } from '../components/SecuredFieldsProvider';
 import type { ChannelCode } from '../constant';
 import type { PaymentMethod } from '../constant';
 /**
  * 事件类型
  * 适用于埋点上报
  */
-export type EventType = FraudDetectionEventType | ApplePayEventType | GooglePayEventType | PaymentEventType | ThreeDSEventType;
+export type EventType = FraudDetectionEventType | ApplePayEventType | GooglePayEventType | PaymentEventType | ThreeDSEventType | LoggerEventType | SecurityIframeEventType;
 export type EventData<T extends EventType> = EventDataMapping[T];
 /** fraud detection 事件类型 */
 export declare enum FraudDetectionEventType {
@@ -52,8 +53,10 @@ export declare enum GooglePayEventType {
     GOOGLE_PAY_CANCELLED = "googlePay:cancelled"
 }
 export declare enum PaymentEventType {
-    /** 支付 */
+    /** 支付开始 */
     PAYMENT_START = "payment:start",
+    /** 支付响应 */
+    PAYMENT_RESPONSE = "payment:response",
     /** 支付成功 */
     PAYMENT_SUCCESS = "payment:success",
     /** 支付失败 */
@@ -61,9 +64,13 @@ export declare enum PaymentEventType {
     /** 支付超时，超时并不代表支付失败，只是没有及时获取到结果 */
     PAYMENT_TIMEOUT = "payment:timeout",
     /** 支付过期 */
-    PAYMENT_EXPIRED = "payment:expired"
+    PAYMENT_EXPIRED = "payment:expired",
+    /** 支付被风控滞留 */
+    PAYMENT_AUTHORIZED = "payment:authorized"
 }
 export declare enum ThreeDSEventType {
+    /** 3DS 开始 */
+    THREE_DS_START = "threeDS:start",
     /** 3DS 取消(一般由用户主动关闭弹窗触发，但并不代表 3DS 流程没走完) */
     THREE_DS_CANCELLED = "threeDS:cancelled",
     /** 3DS 继续认证(展示继续认证页面时触发) */
@@ -71,15 +78,21 @@ export declare enum ThreeDSEventType {
     /** 3DS 结束(并不代表成功) */
     THREE_DS_END = "threeDS:end",
     /** 3DS 认证(认证页面加载，可能是渠道的，也可能是我们自己的，依赖设计) */
-    THREE_DS_AUTH = "threeDS:auth"
+    THREE_DS_AUTH = "threeDS:auth",
+    /** 3DS 内嵌渠道页面加载 */
+    THREE_DS_INNER_CHANNEL = "threeDS:innerChannel"
 }
 export declare enum SecurityIframeEventType {
-    /** 安全 iframe 初始化 */
-    SECURITY_IFRAME_INIT = "securityIframe:init",
-    /** 安全 iframe 初始化成功 */
-    SECURITY_IFRAME_INIT_SUCCESS = "securityIframe:initSuccess",
-    /** 安全 iframe 初始化失败 */
-    SECURITY_IFRAME_INIT_ERROR = "securityIframe:initError"
+    /** 安全 iframe 加载成功 */
+    SECURITY_IFRAME_LOADED = "securityIframe:loaded",
+    /** 安全 iframe 加载失败 */
+    SECURITY_IFRAME_LOAD_ERROR = "securityIframe:loadError"
+}
+export declare enum LoggerEventType {
+    /** 设备 */
+    ENV = "logger:env",
+    /** 行为 */
+    BEHAVIOR = "logger:behavior"
 }
 export interface EventDataMapping {
     [FraudDetectionEventType.FRAUD_DETECTION_TRANSFORM_ERROR]: undefined;
@@ -102,17 +115,22 @@ export interface EventDataMapping {
     [GooglePayEventType.GOOGLE_PAY_AUTHORIZED]: undefined;
     [GooglePayEventType.GOOGLE_PAY_CANCELLED]: undefined;
     [PaymentEventType.PAYMENT_START]: PaymentBaseData;
+    [PaymentEventType.PAYMENT_RESPONSE]: PaymentBaseData;
     [PaymentEventType.PAYMENT_SUCCESS]: PaymentBaseData;
     [PaymentEventType.PAYMENT_FAILURE]: PaymentFailureEventData;
     [PaymentEventType.PAYMENT_TIMEOUT]: PaymentBaseData;
     [PaymentEventType.PAYMENT_EXPIRED]: PaymentBaseData;
+    [PaymentEventType.PAYMENT_AUTHORIZED]: PaymentBaseData;
+    [ThreeDSEventType.THREE_DS_START]: undefined;
     [ThreeDSEventType.THREE_DS_CANCELLED]: undefined;
     [ThreeDSEventType.THREE_DS_CONTINUE]: undefined;
     [ThreeDSEventType.THREE_DS_END]: undefined;
     [ThreeDSEventType.THREE_DS_AUTH]: undefined;
-    [SecurityIframeEventType.SECURITY_IFRAME_INIT]: undefined;
-    [SecurityIframeEventType.SECURITY_IFRAME_INIT_SUCCESS]: undefined;
-    [SecurityIframeEventType.SECURITY_IFRAME_INIT_ERROR]: undefined;
+    [ThreeDSEventType.THREE_DS_INNER_CHANNEL]: undefined;
+    [SecurityIframeEventType.SECURITY_IFRAME_LOADED]: SecurityIframeBaseData;
+    [SecurityIframeEventType.SECURITY_IFRAME_LOAD_ERROR]: SecurityIframeBaseData;
+    [LoggerEventType.ENV]: Recordable;
+    [LoggerEventType.BEHAVIOR]: Recordable;
 }
 export interface CommonEventData {
     message?: string;
@@ -123,6 +141,8 @@ export interface FraudDetectionBaseData {
     /** ddc专用 */
     bin?: string;
     id?: string;
+    /** 耗时，单位：毫秒 */
+    time?: number;
 }
 export interface FraudDetectionErrorData extends FraudDetectionBaseData {
     /** 错误信息 */
@@ -133,5 +153,18 @@ export interface PaymentFailureEventData extends PaymentBaseData {
     code?: string;
 }
 export interface PaymentBaseData {
+    /** 支付方式 */
     paymentMethod?: PaymentMethod;
+    /** 会话 ID */
+    sessionId?: string;
+    /** 订单 ID */
+    orderId?: string;
+}
+export interface SecurityIframeBaseData {
+    /** 表单类型 */
+    fieldType?: AllFieldType;
+    /** 是否是隐藏 iframe */
+    hidden?: boolean;
+    /** iframe 的 url */
+    url?: string;
 }

package/dist/types/types/index.d.ts

@@ -2,15 +2,16 @@ import type { HTMLAttributes } from 'preact/compat';
 import type { LocaleKeyType } from '../i18n';
 import type { PayKKaError } from '../core';
 import type { FraudDetectionEnv } from './fraud-detection';
-import type { FormValidateError } from '../components/internal/Form';
 import type { PaymentMethod } from '../constant';
 import type { Amount, OrderStatus, SessionStatus } from '../api';
+import type { PaymentCommonProps } from './payment';
 export * from './fraud-detection';
 export * from './message';
 export * from './event';
 export type CustomAttributes<T extends EventTarget, K extends keyof HTMLAttributes<T> = 'style' | 'className'> = Pick<HTMLAttributes<T>, K>;
 /** 收银台初始化参数 */
-export interface PayKKaInitConfiguration extends PayKKaCommonConfig {
+export interface PayKKaInitConfiguration extends PayKKaCommonConfig, PaymentCommonProps {
+    /** 会话 ID */
     sessionId?: string;
     /** 环境配置，必传！ */
     env: PayKKaEnvType;
@@ -21,47 +22,17 @@ export interface PayKKaInitConfiguration extends PayKKaCommonConfig {
     /** 定义 3DS 所需配置 */
     threeDSFrame?: ThreeDSFrameConfig;
     /**
-     * TODO: 很多时候用户需要的不仅仅是支付方式，而是支付成功后的数据，比如订单号、支付方式等，所以需要换成一个统一的回调
-     * 参考 adyen onPaymentCompleted 回调 https://docs.adyen.com/online-payments/build-your-integration/sessions-flow/?platform=Web&integration=Components&version=6.17.0#create-the-component
+     * 收银台已经获取到可用支付方式时调用
+     * @param methods 可用支付方式列表
      */
-    /** 收银台已经获取到可用支付方式时调用 */
     onPaymentMethodsReady?: (methods: PaymentMethod[]) => void;
-    /** 收银台创建时报错触发 */
-    onInitError?: (error: PayKKaError) => void;
     /**
-     * 全局回调，可以统一处理支付状态
-     * 创建组件时传同名回调可覆盖
+     * 收银台创建时报错触发
+     * @param error 错误信息
      */
-    /** 提交表单时触发 */
-    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
-    /** 支付成功后触发 */
-    onSuccess?: (data: PaymentInfo) => void;
-    /** 支付失败时触发 */
-    onError?: (error: PayKKaError) => void;
-    /** 支付超时时触发 */
-    onTimeout?: () => void;
-    /** 收银台已过期时触发 */
-    onExpired?: () => void;
+    onInitError?: (error: PayKKaError) => void;
 }
 export interface PayKKaCheckoutConfig {
-    /**
-     * 是否启用初始化验证
-     * 收银台内置对 sessionId 等参数进行校验，但不同收银台校验规则不同，需要自行校验
-     * @defaultValue true
-     */
-    enableInitValidation?: boolean;
-    /**
-     * API 地址前缀，不同收银台的 API 地址前缀不同
-     * @defaultValue /session
-     */
-    apiPrefix?: string;
-    /**
-     * 地址模式，不同收银台的地址模式不同
-     * address: 地址模式，需要展示国家、省市区等所有地址输入框
-     * country: 国家模式，只需要展示国家选择框
-     * @defaultValue 'address'
-     */
-    addressMode?: AddressMode;
 }
 export type AddressMode = 'address' | 'country';
 /** 公共配置属性 */

package/dist/types/types/message.d.ts

@@ -57,6 +57,8 @@ export declare const enum MessageAction {
     THREE_DS_STATUS_CONFIG = "threeDSStatusConfig",
     /** 通知 3DS 认证页面加载 */
     THREE_DS_AUTH_LOADED = "threeDSAuthLoaded",
+    /** 通知 3DS 渠道页面加载，一般指的是内嵌在 iframe 里面的渠道挑战页面 */
+    THREE_DS_INNER_CHANNEL_LOADED = "threeDSInnerChannelLoaded",
     /** 开启测试模式 */
     DEBUG_MODE = "debugMode",
     /**
@@ -65,7 +67,11 @@ export declare const enum MessageAction {
     /** 通知组件 DDC 结果 */
     DDC_RESULT = "ddcResult",
     /** 通知 DDC iframe jwt 和 bin 信息 */
-    DDC_JWT_BIN = "ddcJwtBin"
+    DDC_JWT_BIN = "ddcJwtBin",
+    /** 通知隐藏 iframe 发送卡号前 9 位信息 */
+    DDC_CARD_BIN = "ddcCardBin",
+    /** iframe 内错误 */
+    IFRAME_ERROR = "iframeError"
 }
 export type Message<T extends MessageAction> = {
     action: T;
@@ -86,17 +92,20 @@ type MessageMapping = {
     [MessageAction.AUTHORIZED]: AuthorizedMessage;
     [MessageAction.BRAND]: BrandMessage;
     [MessageAction.ACTIVATED]: ActivatedMessage;
-    [MessageAction.HIDDEN_IFRAME_READY]: {} extends BaseMessage ? {} : BaseMessage;
+    [MessageAction.HIDDEN_IFRAME_READY]: HiddenIframeReadyMessage;
     [MessageAction.VALIDATE]: {} extends BaseMessage ? {} : BaseMessage;
     [MessageAction.VALIDATED]: ValidatedMessage;
     [MessageAction.SET_CONFIG]: SetConfigMessage;
     [MessageAction.CHECK_THREE_DS]: CheckThreeDSMessage;
     [MessageAction.THREE_DS_STATUS_INIT]: {};
     [MessageAction.THREE_DS_STATUS_CONFIG]: ThreeDSStatusConfigMessage;
-    [MessageAction.THREE_DS_AUTH_LOADED]: BaseMessage;
+    [MessageAction.THREE_DS_AUTH_LOADED]: ThreeDSAuthLoadedMessage;
+    [MessageAction.THREE_DS_INNER_CHANNEL_LOADED]: BaseMessage;
     [MessageAction.DEBUG_MODE]: {};
     [MessageAction.DDC_RESULT]: DDCResultMessage;
     [MessageAction.DDC_JWT_BIN]: DDCJwtBinMessage;
+    [MessageAction.DDC_CARD_BIN]: DDCCardBinMessage;
+    [MessageAction.IFRAME_ERROR]: IframeErrorMessage;
 };
 export interface BaseMessage {
     /** 收银台 id */
@@ -130,15 +139,21 @@ export interface ValidWithValueMessage extends BaseMessage {
     value: string;
     fieldType: AllFieldType;
 }
+export interface PaymentBaseMessage extends BaseMessage {
+    api: string;
+    success: boolean;
+    time: number;
+    code?: string;
+}
 export interface PaymentMessage extends BaseMessage {
     formData: CheckoutPaymentParams;
     locale: string;
     extraParams?: Recordable;
 }
-export interface AfterPaymentMessage extends BaseMessage {
+export interface AfterPaymentMessage extends PaymentBaseMessage {
     response: PayRes;
 }
-export interface PaymentErrorMessage extends BaseMessage {
+export interface PaymentErrorMessage extends PaymentBaseMessage {
     error: {
         message: string;
         code: string;
@@ -149,7 +164,7 @@ export interface ValidStatusChangedMessage extends BaseMessage {
     errorTip?: string;
     fieldType: AllFieldType;
 }
-export interface PaymentTimeoutMessage extends BaseMessage {
+export interface PaymentTimeoutMessage extends PaymentBaseMessage {
     message?: string;
 }
 export interface CardEncryptedMessage extends BaseMessage {
@@ -181,6 +196,8 @@ export interface ValidatedMessage extends BaseMessage {
 }
 export interface SetConfigMessage extends BaseMessage {
     style?: InputStylesConfig;
+    /** 是否禁用 */
+    disabled?: boolean;
 }
 export interface CheckThreeDSMessage extends BaseMessage {
     status: string;
@@ -191,9 +208,33 @@ export interface ThreeDSStatusConfigMessage extends BaseMessage {
 export interface DDCResultMessage extends BaseMessage {
     sessionId: string;
 }
-export interface DDCJwtBinMessage {
+export interface DDCJwtBinMessage extends Partial<BaseMessage> {
     jwt: string;
     bin: string;
     url: string;
+    /** 隐藏 iframe 名称 */
+    hiddenIframeName?: string;
+}
+export interface HiddenIframeReadyMessage extends BaseMessage {
+    name: string;
+}
+export interface IframeRequestMessage extends BaseMessage {
+    request: Recordable;
+}
+export interface IframeErrorMessage extends BaseMessage {
+    fieldType?: AllFieldType;
+    error: {
+        message?: string;
+        code?: string;
+        stack?: string;
+    };
+}
+export interface DDCCardBinMessage extends BaseMessage {
+    /** 卡号前 9 位 */
+    bin?: string;
+}
+export interface ThreeDSAuthLoadedMessage extends BaseMessage {
+    /** 认证记录 id，标识当前认证 */
+    authId: string | undefined;
 }
 export {};

package/dist/types/types/payment.d.ts

@@ -0,0 +1,63 @@
+import type { PaymentMethod } from '../constant';
+import type { PayKKaError } from '../core/error';
+import type { PaymentInfo } from '../types';
+import type { FormValidateError } from '../components/internal/Form';
+/** 支付方式上下文数据，在各种支付回调中传递，可扩展 */
+export interface PaymentMethodContext {
+    /** 当前支付方式 */
+    paymentMethod?: PaymentMethod;
+    /** 订单 ID */
+    orderId?: string;
+    /** 会话 ID */
+    sessionId?: string;
+}
+/** 支付方式公共 props */
+export interface PaymentCommonProps {
+    /**
+     * 提交表单时触发
+     * @param error 表单校验错误信息，为空则说明校验通过
+     * @param context 支付方式上下文数据
+     * @remarks
+     * 创建 PayKKaCheckout 时定义的 onSubmit 回调会被组件的同名回调覆盖
+     */
+    onSubmit?: (error: Recordable<FormValidateError[]> | undefined, context: PaymentMethodContext) => void;
+    /**
+     * 支付成功后触发
+     * @param data 支付成功数据
+     * @param context 支付方式上下文数据
+     * @remarks
+     * 创建 PayKKaCheckout 时定义的 onSuccess 回调会被组件的同名回调覆盖
+     */
+    onSuccess?: (data: PaymentInfo, context: PaymentMethodContext) => void;
+    /**
+     * 支付失败时触发，可再次支付
+     * @param error 支付失败信息
+     * @param context 支付方式上下文数据
+     * @remarks
+     * 创建 PayKKaCheckout 时定义的 onError 回调会被组件的同名回调覆盖
+     */
+    onError?: (error: PayKKaError, context: PaymentMethodContext) => void;
+    /**
+     * 支付超时时触发，可再次支付
+     * @param type 超时类型，retry 表示重试，channel 表示渠道
+     * @param context 支付方式上下文数据
+     * @remarks
+     * 创建 PayKKaCheckout 时定义的 onTimeout 回调会被组件的同名回调覆盖
+     */
+    onTimeout?: (type: 'retry' | 'channel', context: PaymentMethodContext) => void;
+    /**
+     * 收银台已过期时触发
+     * @param context 支付方式上下文数据
+     * @remarks
+     * 创建 PayKKaCheckout 时定义的 onExpired 回调会被组件的同名回调覆盖
+     */
+    onExpired?: (context: PaymentMethodContext) => void;
+}
+export interface PaymentThreeDSProps {
+}
+export interface PaymentCommonRef {
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}
+export interface PaymentThreeDSRef {
+}

package/dist/types/utils/app-payment.d.ts

@@ -5,8 +5,12 @@
 export declare const isApp3DSWebView: boolean;
 /** 通知 app 3ds 完成 */
 export declare const report3DSFinished2App: () => void;
-/** 获取 app 日志 id */
+export declare const getAppContextFromUA: () => any;
+/**
+ * 获取 app 日志 id
+ * 由于 IOS 低版本兼容问题，无法直接植入 js 方法到 webview 中，只能通过 ua 获取
+ */
 export declare const getAppLoggerId: () => {
-    sid: string | undefined;
-    pid: string | undefined;
+    sid: any;
+    pid: any;
 };

package/dist/types/utils/behavior-tracker.d.ts

@@ -0,0 +1,36 @@
+interface BehaviorTrackerData {
+    /** 初始化时间 */
+    startTime: number;
+    /** 点击次数 */
+    clickTimes: number;
+    /** 首次点击时间(相对初始化时间而言) */
+    firstClickTime: number;
+    /** 鼠标移动次数 */
+    mouseMoveTimes: number;
+    /** 触摸移动次数 */
+    touchMoveTimes: number;
+    /** 触摸开始次数 */
+    touchStartTimes: number;
+    /** 滚动次数 */
+    scrollTimes: number;
+    /** 键盘输入次数 */
+    keydownTimes: number;
+    /** 焦点变化次数 */
+    focusChangeTimes: number;
+}
+/**
+ * 用户行为追踪
+ * 用于收集用户行为数据，用于后续分析和优化
+ * 如果使用了模拟器/自动化工具，则能通过收集到的数据判断
+ */
+export declare class BehaviorTracker {
+    #private;
+    static instance: BehaviorTracker;
+    constructor();
+    get data(): BehaviorTrackerData;
+    /** 开始监听用户行为 */
+    init(): void;
+    /** 停止监听用户行为 */
+    destroy(): void;
+}
+export {};

package/dist/types/utils/env.d.ts

@@ -0,0 +1,37 @@
+export declare const getWebGLInfo: () => {
+    vendor: any;
+    renderer: any;
+};
+export declare const isExceptionUA: () => boolean;
+/** 获取环境特征信息 */
+export declare const getEnvInfo: () => {
+    /** 是否为移动端 */
+    isMobile: boolean;
+    /** 是否为安全上下文 */
+    isSecureContext: boolean;
+    /** 是否为顶层窗口 */
+    isTopWindow: boolean;
+    /** 是否为 iframe */
+    isIframe: boolean;
+    /** 是否为自动化 */
+    webdriver: boolean;
+    /** 插件数量，该特性已经过时，所以如果没有值也很正常，如果是 0 则有可能是模拟器/自动化 */
+    pluginsNum: number;
+    /** 硬件并发数，如果是 0 则有可能是模拟器/自动化 */
+    hardwareConcurrency: number;
+    /** 屏幕宽度，模拟器/自动化的分辨率会比较小或奇怪 */
+    screenWidth: number;
+    /** 屏幕高度，模拟器/自动化的分辨率会比较小或奇怪 */
+    screenHeight: number;
+    /** 设备像素比，模拟器/自动化的设备像素比可能是 1，但对应 UA 却是高端设备 */
+    devicePixelRatio: number;
+    /** WebGL 信息，模拟器/自动化可能无法获取或者直接获取到模拟器的真实信息 */
+    webgl: {
+        vendor: any;
+        renderer: any;
+    };
+    /** UA 是否包含自动化特征 */
+    isExceptionUA: boolean;
+    /** 最大触摸点数，模拟器/自动化的最大触摸点数可能是 0 或 1 */
+    maxTouchPoints: number;
+};

package/dist/types/utils/iframe.d.ts

@@ -1,2 +1,2 @@
 export declare const createIframe: (src: string) => HTMLIFrameElement;
-export declare const postMessageToIframe: (data: Recordable | string, iframe: Window, targetOrigin?: string) => void;
+export declare const postMessageToIframe: (data: Recordable | string, iframe: Window | null, targetOrigin?: string) => void;

package/dist/types/utils/payment.d.ts

@@ -5,23 +5,23 @@ import type { CheckoutRes, PayRes } from '../api';
 import type { PaymentInfo } from '../types';
 export interface PaymentCallbackConfig {
     /** 订单处理中，定时查询订单 */
-    onProcessing?: () => void;
+    onProcessing?: () => void | Promise<void>;
     /** 订单已授权，提示用户，跳转商户页面 */
-    onAuthorized?: () => void;
+    onAuthorized?: () => void | Promise<void>;
     /** 订单需要3DS认证，跳转3DS认证页面 */
-    onInThreeDS?: () => void;
+    onInThreeDS?: () => void | Promise<void>;
     /** 上一次3DS认证未完成，跳转3DS认证页面 */
-    onInPreviousThreeDS?: () => void;
+    onInPreviousThreeDS?: () => void | Promise<void>;
     /** 订单取消，导致查询超时 */
-    onCanceled?: () => void;
+    onCanceled?: () => void | Promise<void>;
     /** 订单成功，支付成功 */
-    onSuccess?: () => void;
+    onSuccess?: () => void | Promise<void>;
     /** 订单失败，支付失败 */
-    onFailure?: () => void;
+    onFailure?: () => void | Promise<void>;
     /** 订单过期，支付过期 */
-    onExpired?: () => void;
+    onExpired?: () => void | Promise<void>;
     /** 不属于其他任何状态，兜底逻辑 */
-    onDefault?: () => void;
+    onDefault?: () => void | Promise<void>;
 }
 /**
  * 处理支付状态的判断
@@ -29,7 +29,7 @@ export interface PaymentCallbackConfig {
  * @param res 支付结果
  * @param config 支付回调
  */
-export declare const processPaymentStatus: (res: PayRes, config: PaymentCallbackConfig) => void;
+export declare const processPaymentStatus: (res: PayRes, config: PaymentCallbackConfig) => Promise<void>;
 /**
  * 格式化支付结果
  * @param res

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paykka/card-checkout-ui",
-  "version": "0.13.16",
+  "version": "0.14.0",
   "type": "module",
   "main": "dist/paykka-card-checkout-ui.umd.js",
   "module": "dist/es/index.js",
@@ -25,18 +25,22 @@
     "build:type": "tsc -p ./tsconfig.build.json",
     "copy-dist-to-cdn": "tsx ./build/copyDist2CDN.ts",
     "changeset": "changeset",
-    "changeset:pre": "changeset pre enter beta",
+    "changeset:fat-enter": "changeset pre enter beta",
+    "changeset:dev-enter": "changeset pre enter alpha",
+    "changeset:sandbox-enter": "changeset pre enter rc",
+    "changeset:fat": "changeset publish --tag beta",
+    "changeset:dev": "changeset publish --tag alpha",
+    "changeset:sandbox": "changeset publish --tag rc",
     "changeset:pre-exit": "changeset pre exit",
     "changeset:version": "changeset version",
     "changeset:release": "changeset publish",
-    "changeset:prelease": "changeset publish --tag beta",
-    "type-check": "tsc --noEmit -p tsconfig.json --composite false",
     "release:dev": "node scripts/release.cjs dev",
     "release:fat": "node scripts/release.cjs fat",
     "release:sandbox": "node scripts/release.cjs sandbox",
+    "release:noprod": "node scripts/release.cjs noprod",
     "release:npm": "node scripts/release.cjs npm",
     "release:prod": "node scripts/release.cjs prod",
-    "release:noprod": "node scripts/release.cjs noprod"
+    "type-check": "tsc --noEmit -p tsconfig.json --composite false"
   },
   "publishConfig": {
     "registry": "https://packages.aliyun.com/640edee5a84870ae9d591e48/npm/npm-registry/"
@@ -57,10 +61,13 @@
     "vue-tsc": "^2.1.10"
   },
   "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
     "@changesets/cli": "^2.27.1",
     "@preact/preset-vite": "^2.9.1",
     "@types/node": "^20.12.7",
     "autoprefixer": "^10.4.18",
+    "core-js": "^3.49.0",
     "execa": "^8.0.1",
     "fast-glob": "^3.3.2",
     "sass": "^1.71.1",