@paykka/card-checkout-ui 0.5.17 → 0.7.0

package/dist/types/constant.d.ts

@@ -16,6 +16,7 @@ export declare enum PaymentMethod {
     BOC = "BOC",
     SEPA_DEBIT = "SEPA_DEBIT"
 }
+export declare const CardPaymentMethods: PaymentMethod[];
 export declare enum PaymentType {
     PURCHASE = "PURCHASE",
     PREPARE_AUTHORIZE = "PREPARE_AUTHORIZE",
@@ -31,6 +32,10 @@ export declare enum EAddressType {
     ADDRESS_2 = "ADDRESS_2"
 }
 export declare enum SessionMode {
-    HOSTED = "HOST",
-    EMBEDDED = "EMBEDDED"
+    /** 单页面收银台 */
+    HOSTED = "HOSTED",
+    /** 嵌入式收银台 */
+    DROP_IN = "DROP_IN",
+    /** 组件式收银台 */
+    COMPONENT = "COMPONENT"
 }

package/dist/types/core/PayKKaCheckout.d.ts

@@ -0,0 +1,28 @@
+import type { ComponentType, JSX } from 'preact';
+import type { CoreProps, PayKKaEnvConfig, PayKKaInitConfiguration } from '../types';
+import { type ComponentInst } from './create';
+import { Session } from './Session';
+import getFraudDetectionInstance from '../out/fraud-detection';
+export type FraudDetectionType = ReturnType<typeof getFraudDetectionInstance>;
+/**
+ * 收银台实例
+ * 不能用单例，如果使用单页面应用，在路由切换时不会重新初始化，会导致收银台配置和状态相互影响
+ */
+export declare class PayKKaCheckout {
+    #private;
+    constructor(config: PayKKaInitConfiguration);
+    private init;
+    private initSession;
+    /**
+     * 初始化环境配置
+     * _envConfig 优先级高于 env
+     */
+    private initEnv;
+    private initLocale;
+    private initExtraParams;
+    get session(): Session;
+    get envConfig(): PayKKaEnvConfig;
+    /** 创建组件，把 session 作为组件的 props 传递 */
+    create<P extends Recordable>(component: ComponentType<P> | ((props: P) => JSX.Element), props?: Partial<P> | null): ComponentInst<P>;
+    getCoreProps(): CoreProps;
+}

package/dist/types/core/Session.d.ts

@@ -3,7 +3,7 @@ export declare class Session {
     #private;
     readonly sessionId: string;
     readonly clientKey?: string;
-    checkout: CheckoutRes;
+    checkout?: CheckoutRes;
     colors: {
         primary: string;
         primaryHover: string;

package/dist/types/core/context.d.ts

@@ -3,4 +3,5 @@ import type { Session } from './Session';
 export declare const CoreContext: import("preact").Context<{
     i18n?: I18n | null | undefined;
     session?: Session | null | undefined;
+    threeDSMessageListenerInit?: boolean | undefined;
 } | null>;

package/dist/types/core/environment.d.ts

@@ -0,0 +1,4 @@
+import type { FraudDetectionEnv, PayKKaEnvType } from '../types';
+export declare const apiEnv: Record<PayKKaEnvType, string>;
+export declare const cdnEnv: Record<PayKKaEnvType, string>;
+export declare const fraudDetectionEnv: Record<PayKKaEnvType, FraudDetectionEnv>;

package/dist/types/core/error.d.ts

@@ -0,0 +1,16 @@
+export declare enum EPayKKaError {
+    /** 普通错误，基本是前端错误 */
+    ERROR = "ERROR",
+    /** 请求错误 */
+    API_ERROR = "API_ERROR"
+}
+export declare class PayKKaError extends Error {
+    /** 错误类型 */
+    type: keyof typeof EPayKKaError;
+    /** 错误代码 */
+    code?: string;
+    constructor(type: keyof typeof EPayKKaError, message?: string, info?: {
+        code?: string;
+        cause?: any;
+    });
+}

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

@@ -2,3 +2,5 @@ export * from './context';
 export * from './create';
 export * from './Session';
 export * from './query';
+export * from './PayKKaCheckout';
+export * from './error';

package/dist/types/core/query.d.ts

@@ -1,2 +1,2 @@
-import { type CheckoutRes, type RequestOptions, type QueryCheckoutParams } from '../api';
-export declare function querySession({ sessionId, clientKey }: QueryCheckoutParams, options?: RequestOptions): Promise<CheckoutRes>;
+import { type RequestOptions, type QueryCheckoutParams } from '../api';
+export declare function querySession({ sessionId, clientKey }: QueryCheckoutParams, options?: RequestOptions): Promise<import("../api").CheckoutRes>;

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

@@ -2,3 +2,4 @@ export * from './useBEM';
 export * from './useI18n';
 export * from './usePayState';
 export * from './useRetry';
+export * from './useBreakpoints';

package/dist/types/hooks/useBreakpoints.d.ts

@@ -0,0 +1,15 @@
+declare enum EBreakpoint {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    xl = "xl",
+    xxl = "xxl"
+}
+export type BreakpointType = keyof typeof EBreakpoint;
+export declare const useBreakpoints: () => {
+    matches: Record<"xs" | "sm" | "md" | "lg" | "xl" | "xxl", boolean>;
+    current: string | null;
+    smaller: (breakpointName: BreakpointType) => boolean;
+};
+export {};

package/dist/types/hooks/usePayState.d.ts

@@ -1,35 +1,16 @@
 import type { SubmitButtonStatus } from '../components';
-import { Session } from '../core';
-export declare function usePayState(props: {
-    sessionId: string;
-    clientKey?: string;
-}): {
+import type { Session } from '../core';
+export declare function usePayState(session: Session): {
     validated: boolean;
     setValidated: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<boolean>>;
     submitButtonStatus: SubmitButtonStatus;
     setSubmitButtonStatus: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<SubmitButtonStatus>>;
     errorMsg: string;
     setErrorMsg: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<string>>;
-    session: Session | null;
-    setSession: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<Session | null>>;
-    sessionReady: boolean;
-    setSessionReady: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<boolean>>;
     i18n: import("../i18n").I18n;
-    payKKaRadar: {
-        "__#3@#PayKKaRadar": {
-            s: string;
-        };
-        "__#3@#collMap": {
-            STRIPE_RADAR: () => Promise<unknown>;
-        };
-        "__#3@#p": Promise<unknown[]> | undefined;
-        "__#3@#realMode": "STRIPE_RADAR"[];
-        "__#3@#keyMap": {
-            STRIPE_RADAR?: string | undefined;
-        };
-        "__#3@#transferRes"(): string;
-        readonly radarId: string;
-        "__#3@#stripeRadarColl"(): Promise<unknown>;
-        createPayKKaRadar(): Promise<void>;
+    fraudDetection: {
+        fraudDetectionID: string;
+        createFraudDetection: () => Promise<void>;
     } | null;
+    sessionReady: boolean;
 };

package/dist/types/i18n/locales/de-DE.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/en-GB.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/es-ES.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/fr-FR.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-declare const locales: Recordable<() => Promise<typeof import('./zh-CN')>>;
+declare const getLocales: () => Recordable<() => Promise<typeof import('./zh-CN')>>;
 export type Translation = typeof import('./zh-CN')['default'];
 export type CustomLocales = DeepPartial<Recordable<Translation>>;
 export declare enum LocaleKey {
@@ -26,4 +26,4 @@ export declare enum LocaleKey {
     zhTW = "zh-TW"
 }
 export type LocaleKeyType = LocaleKey | `${LocaleKey}`;
-export default locales;
+export default getLocales;

package/dist/types/i18n/locales/ja-JP.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/ko-KR.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/pt-PT.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/ru-RU.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/zh-CN.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/zh-HK.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/zh-TW.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components';
-export { type ComponentInst, create, querySession, Session } from './core';
+export { type ComponentInst, create, querySession, Session, PayKKaCheckout, PayKKaError } from './core';
 export { I18n, LocaleKey } from './i18n';
-export { setApiUrl, setCDNUrl, setRadarEnv, setCustomReqHeaders, setCustomLocale } from './config';
+export { setApiUrl, setCDNUrl, setFraudDetectionEnv, setCustomReqHeaders, setCustomLocale, setCheckoutConfig } from './config';
 export { getFingerprint } from './utils';

package/dist/types/out/fraud-detection.d.ts

@@ -0,0 +1,9 @@
+import { type CollModeType, type envType } from '../types';
+type FraudDetectionType = {
+    fraudDetectionID: string;
+    createFraudDetection: () => Promise<void>;
+};
+export default function getFraudDetectionInstance(env?: envType | {
+    [k in CollModeType]?: string;
+}, mode?: CollModeType[]): FraudDetectionType;
+export {};

package/dist/types/types/{radar.d.ts → fraud-detection.d.ts}

@@ -1,8 +1,9 @@
 export type envType = 'eu' | 'hk' | 'us';
 export declare const enum ECollMode {
-    STRIPE_RADAR = "STRIPE_RADAR"
+    /** Stripe Radar */
+    SR = "SR"
 }
 export type CollModeType = keyof typeof ECollMode;
-export type RadarEnv = envType | {
+export type FraudDetectionEnv = envType | {
     [k in CollModeType]?: string;
 };

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

@@ -1,3 +1,102 @@
 import type { HTMLAttributes } from 'preact/compat';
-export * from './radar';
+import type { LocaleKeyType } from '../i18n';
+import type { PayKKaError, Session } from '../core';
+import type { FraudDetectionEnv } from './fraud-detection';
+export * from './fraud-detection';
+export * from './message';
 export type CustomAttributes<T extends EventTarget, K extends keyof HTMLAttributes<T> = 'style' | 'className'> = Pick<HTMLAttributes<T>, K>;
+/** 收银台初始化参数 */
+export interface PayKKaInitConfiguration {
+    sessionId: string;
+    /** 环境配置，必传！ */
+    env: PayKKaEnvType;
+    /** 嵌入式收银台必传，需要商户进行配置 */
+    clientKey?: string;
+    /** 国际化语言 */
+    locale?: LocaleKeyType;
+    /** 是否隐藏支付按钮 */
+    hidePaymentButton?: boolean;
+    /** 定义 3DS 所需配置 */
+    threeDSFrame?: ThreeDSFrameConfig;
+    /** 收银台已经获取到可用支付方式时调用 */
+    onPaymentMethodsReady?: (methods: string[]) => void;
+    /** 收银台创建时报错触发 */
+    onInitError?: (error: PayKKaError) => void;
+    /**
+     * 内部参数
+     */
+    /** 环境配置，优先级大于 env 参数 */
+    _envConfig?: PayKKaEnvConfig;
+}
+export interface CoreProps {
+    session?: Session;
+    /** 定义 3DS 所需配置 */
+    threeDSFrame?: ThreeDSFrameConfig;
+}
+export interface ThreeDSFrameConfig {
+    /** 3DS 页面宽度 */
+    modalWidth?: number | string;
+    /** 3DS 页面高度 */
+    modalHeight?: number | string;
+}
+export declare enum EPayKKaEnv {
+    /** 沙箱环境 */
+    SANDBOX = "sandbox",
+    /** 欧洲生产环境 */
+    EU = "eu",
+    /** 香港生产环境 */
+    HK = "hk"
+}
+export interface PayKKaEnvConfig {
+    api?: string;
+    cdn?: string;
+    fraudDetection?: FraudDetectionEnv;
+}
+export type PayKKaEnvType = `${EPayKKaEnv}`;
+export type PaymentSuccessData = {
+    returnUrl?: string;
+};
+export declare enum CardBrandCode {
+    VISA = "VISA",
+    MASTER_CARD = "MASTER_CARD",
+    JCB = "JCB",
+    AMEX = "AMEX",
+    DISCOVER = "DISCOVER",
+    DINERS_CLUB = "DINERS_CLUB"
+}
+export type CardBrand = `${CardBrandCode}`;
+export interface ElementStylesConfig {
+    /** input 元素的样式 */
+    input?: InputStylesConfig;
+    /** label 文案的样式 */
+    label?: StylesConfig;
+    /** 错误提示文案的样式 */
+    errorMessage?: Partial<CSSStyleDeclaration>;
+}
+export interface FullElementStylesConfig extends ElementStylesConfig {
+    inputWrapper?: StylesConfig;
+}
+export interface StylesConfig {
+    /** 默认样式 */
+    base?: Partial<CSSStyleDeclaration>;
+    /** 校验通过时样式 */
+    valid?: Partial<CSSStyleDeclaration>;
+    /** 校验不通过时样式 */
+    invalid?: Partial<CSSStyleDeclaration>;
+    /** 聚焦元素时样式 */
+    focus?: Partial<CSSStyleDeclaration>;
+}
+export interface InputStylesConfig extends StylesConfig {
+    /** placeholder样式 */
+    placeholder?: {
+        /** 默认样式 */
+        base?: Partial<CSSStyleDeclaration>;
+        /** 聚焦元素时样式 */
+        focus?: Partial<CSSStyleDeclaration>;
+    };
+    /** 将鼠标悬停在元素上的样式 */
+    hover?: Partial<CSSStyleDeclaration>;
+}
+export declare const defaultInputStyleConfig: InputStylesConfig;
+export declare const inputStyleAttrs: string[];
+export type StyleStatusType = 'valid' | 'invalid' | 'focus' | 'blur' | 'base';