x-next 0.0.0-alpha.31 → 0.0.0-alpha.32

package/dist/_utils/is.d.ts

@@ -22,3 +22,4 @@ export declare const isArrayChildren: (children: VNodeNormalizedChildren) => chi
 export declare const isQuarter: (fromat: string) => boolean;
 export declare function isDayjs(time: any): time is Dayjs;
 export declare function isClient(): boolean;
+export declare const isFirefox: () => boolean;

package/dist/components/form/constants.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey } from 'vue';
+import { FormContext, FormItemContext } from './types';
+export declare const formContextKey: InjectionKey<FormContext>;
+export declare const formItemContextKey: InjectionKey<FormItemContext>;

package/dist/components/form/form-item.d.ts

@@ -0,0 +1,31 @@
+import { ExtractPropTypes } from 'vue';
+import { Arrayable, FormItemRule } from './types';
+export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
+export type FormItemValidateState = (typeof formItemValidateStates)[number];
+export type FormItemProp = Arrayable<string>;
+export declare const formItemProps: {
+    label: StringConstructor;
+    labelWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    prop: {
+        type: import('vue').PropType<FormItemProp>;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rules: {
+        type: import('vue').PropType<Arrayable<FormItemRule>>;
+    };
+    validateStatus: {
+        type: StringConstructor;
+        values: readonly ["", "error", "validating", "success"];
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type FormItemProps = ExtractPropTypes<typeof formItemProps>;

package/dist/components/form/form.d.ts

@@ -0,0 +1,39 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { FormItemProp } from './form-item';
+export declare const formProps: {
+    model: {
+        type: ObjectConstructor;
+    };
+    rules: {
+        type: PropType<Partial<Record<string, import('./types').Arrayable<import('./types').FormItemRule>>>>;
+    };
+    labelPosition: {
+        type: PropType<"left" | "right" | "top">;
+        default: string;
+    };
+    requireAsteriskPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validateOnRuleChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type FormProps = ExtractPropTypes<typeof formProps>;
+export declare const formEmits: {
+    validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
+};
+export type FormEmits = typeof formEmits;

package/dist/components/form/hooks.d.ts

@@ -0,0 +1,4 @@
+export declare const useFormItem: () => {
+    form: import('./types').FormContext | undefined;
+    formItem: import('./types').FormItemContext | undefined;
+};

package/dist/components/form/types.d.ts

@@ -0,0 +1,31 @@
+import { SetupContext } from 'vue';
+import { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator';
+import { FormProps, FormEmits } from './form';
+import { FormItemProp, FormItemProps, FormItemValidateState } from './form-item';
+export type Arrayable<T> = T | T[];
+export interface FormItemRule extends Omit<RuleItem, 'validator'> {
+    trigger?: Arrayable<string>;
+    validator?: RuleItem['validator'] | string;
+}
+export type FormRules = Partial<Record<string, Arrayable<FormItemRule>>>;
+export type FormValidationResult = Promise<any>;
+export type FormValidateCallback = (isValid: boolean, invalidFields?: any) => void;
+export type FormContext = FormProps & {
+    emit: SetupContext<FormEmits>['emit'];
+    addField: (field: FormItemContext) => void;
+    removeField: (field: FormItemContext) => void;
+    resetFields: (props?: Arrayable<FormItemProp>) => void;
+    clearValidate: (props?: Arrayable<FormItemProp>) => void;
+    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
+};
+export interface FormItemContext extends FormItemProps {
+    $el: HTMLDivElement | undefined;
+    validateState: FormItemValidateState;
+    validate: (trigger: string, callback?: FormValidateCallback) => FormValidationResult;
+    resetField(): void;
+    clearValidate(): void;
+}
+export interface FormValidateFailure {
+    errors: ValidateError[] | null;
+    fields: ValidateFieldsError;
+}

package/dist/components/input/Input.d.ts

@@ -0,0 +1,220 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    autocomplete: {
+        type: import('vue').PropType<"on" | "off">;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: import('vue').PropType<"text" | "textarea">;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    autosize: {
+        type: import('vue').PropType<boolean | {
+            minRows: number;
+            maxRows: number;
+        }>;
+        default: boolean;
+    };
+    formatter: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    card: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueType: {
+        type: import('vue').PropType<"string" | "number">;
+        default: string;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter")[], "clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    autocomplete: {
+        type: import('vue').PropType<"on" | "off">;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: import('vue').PropType<"text" | "textarea">;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    autosize: {
+        type: import('vue').PropType<boolean | {
+            minRows: number;
+            maxRows: number;
+        }>;
+        default: boolean;
+    };
+    formatter: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    card: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueType: {
+        type: import('vue').PropType<"string" | "number">;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onPressEnter?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: "default" | "small" | "large";
+    name: string;
+    type: "text" | "textarea";
+    form: string;
+    disabled: boolean;
+    resize: boolean;
+    modelValue: string | number;
+    prefixIcon: string;
+    suffixIcon: string;
+    placeholder: string;
+    readonly: boolean;
+    maxlength: string | number;
+    clearable: boolean;
+    autofocus: boolean;
+    showPassword: boolean;
+    autocomplete: "on" | "off";
+    autosize: boolean | {
+        minRows: number;
+        maxRows: number;
+    };
+    formatter: Function;
+    validateEvent: boolean;
+    card: boolean;
+    showWordLimit: boolean;
+    valueType: "string" | "number";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/input/index.d.ts

@@ -0,0 +1,394 @@
+export declare const XInput: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        autocomplete: {
+            type: import('vue').PropType<"on" | "off">;
+            default: string;
+        };
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        form: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        type: {
+            type: import('vue').PropType<"text" | "textarea">;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "small" | "large">;
+            default: string;
+        };
+        showPassword: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        resize: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prefixIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        suffixIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        autosize: {
+            type: import('vue').PropType<boolean | {
+                minRows: number;
+                maxRows: number;
+            }>;
+            default: boolean;
+        };
+        formatter: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        validateEvent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        card: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        showWordLimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valueType: {
+            type: import('vue').PropType<"string" | "number">;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        onPressEnter?: ((...args: any[]) => any) | undefined;
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter")[], import('vue').PublicProps, {
+        size: "default" | "small" | "large";
+        name: string;
+        type: "text" | "textarea";
+        form: string;
+        disabled: boolean;
+        resize: boolean;
+        modelValue: string | number;
+        prefixIcon: string;
+        suffixIcon: string;
+        placeholder: string;
+        readonly: boolean;
+        maxlength: string | number;
+        clearable: boolean;
+        autofocus: boolean;
+        showPassword: boolean;
+        autocomplete: "on" | "off";
+        autosize: boolean | {
+            minRows: number;
+            maxRows: number;
+        };
+        formatter: Function;
+        validateEvent: boolean;
+        card: boolean;
+        showWordLimit: boolean;
+        valueType: "string" | "number";
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        autocomplete: {
+            type: import('vue').PropType<"on" | "off">;
+            default: string;
+        };
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        form: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        type: {
+            type: import('vue').PropType<"text" | "textarea">;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<"default" | "small" | "large">;
+            default: string;
+        };
+        showPassword: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        resize: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prefixIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        suffixIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        autosize: {
+            type: import('vue').PropType<boolean | {
+                minRows: number;
+                maxRows: number;
+            }>;
+            default: boolean;
+        };
+        formatter: {
+            type: FunctionConstructor;
+            default: undefined;
+        };
+        validateEvent: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        card: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        showWordLimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        valueType: {
+            type: import('vue').PropType<"string" | "number">;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        onPressEnter?: ((...args: any[]) => any) | undefined;
+    }>, () => any, {}, {}, {}, {
+        size: "default" | "small" | "large";
+        name: string;
+        type: "text" | "textarea";
+        form: string;
+        disabled: boolean;
+        resize: boolean;
+        modelValue: string | number;
+        prefixIcon: string;
+        suffixIcon: string;
+        placeholder: string;
+        readonly: boolean;
+        maxlength: string | number;
+        clearable: boolean;
+        autofocus: boolean;
+        showPassword: boolean;
+        autocomplete: "on" | "off";
+        autosize: boolean | {
+            minRows: number;
+            maxRows: number;
+        };
+        formatter: Function;
+        validateEvent: boolean;
+        card: boolean;
+        showWordLimit: boolean;
+        valueType: "string" | "number";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    autocomplete: {
+        type: import('vue').PropType<"on" | "off">;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: import('vue').PropType<"text" | "textarea">;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    autosize: {
+        type: import('vue').PropType<boolean | {
+            minRows: number;
+            maxRows: number;
+        }>;
+        default: boolean;
+    };
+    formatter: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    card: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueType: {
+        type: import('vue').PropType<"string" | "number">;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onPressEnter?: ((...args: any[]) => any) | undefined;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter")[], "clear" | "input" | "blur" | "change" | "focus" | "update:modelValue" | "pressEnter", {
+    size: "default" | "small" | "large";
+    name: string;
+    type: "text" | "textarea";
+    form: string;
+    disabled: boolean;
+    resize: boolean;
+    modelValue: string | number;
+    prefixIcon: string;
+    suffixIcon: string;
+    placeholder: string;
+    readonly: boolean;
+    maxlength: string | number;
+    clearable: boolean;
+    autofocus: boolean;
+    showPassword: boolean;
+    autocomplete: "on" | "off";
+    autosize: boolean | {
+        minRows: number;
+        maxRows: number;
+    };
+    formatter: Function;
+    validateEvent: boolean;
+    card: boolean;
+    showWordLimit: boolean;
+    valueType: "string" | "number";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { XInput as default };

package/dist/components/input/props.d.ts

@@ -0,0 +1,95 @@
+import { ExtractPropTypes } from 'vue';
+export declare const inputProps: {
+    autocomplete: {
+        type: import('vue').PropType<"on" | "off">;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: import('vue').PropType<"text" | "textarea">;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    showPassword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    resize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    suffixIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    autosize: {
+        type: import('vue').PropType<boolean | {
+            minRows: number;
+            maxRows: number;
+        }>;
+        default: boolean;
+    };
+    formatter: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    card: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueType: {
+        type: import('vue').PropType<"string" | "number">;
+        default: string;
+    };
+};
+export type InputProps = ExtractPropTypes<typeof inputProps>;

package/dist/components/input/utils.d.ts

@@ -0,0 +1,6 @@
+interface TextAreaHeight {
+    height: string;
+    minHeight?: string;
+}
+export declare function calcTextareaHeight(targetElement: HTMLTextAreaElement, minRows?: number, maxRows?: number): TextAreaHeight;
+export {};

package/dist/style.css

@@ -1 +1 @@
-.x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1);opacity:1}.x-zoom-in-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-icon{display:flex;justify-content:center;align-items:center}.x-icon svg{fill:currentcolor;width:1em;height:1em}.x-icon-loading-svg{animation:animated-loading-rotate 1.5s infinite ease-in-out}.x-icon-loading-svg>.path{stroke:#fffc;stroke-width:5;animation:animated-loading 1.5s infinite ease-in-out}@keyframes animated-loading{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate{to{transform:rotate(1turn)}}[opacity~=".1"]{opacity:.1}[opacity~=".2"]{opacity:.2}[opacity~=".3"]{opacity:.3}[opacity~=".4"]{opacity:.4}[opacity~=".5"]{opacity:.5}[opacity~=".6"]{opacity:.6}[opacity~=".7"]{opacity:.7}[opacity~=".8"]{opacity:.8}[opacity~=".9"]{opacity:.9}:root{--x-primary: rgb(0 86 255 / 100%);--x-success: rgb(36 195 65 / 100%);--x-danger: rgb(241 37 37 / 100%);--x-strong: rgb(255 113 37 / 100%);--x-warning: rgb(255 199 0 / 100%);--x-primary-1: rgb(0 70 208 / 100%);--x-primary-3: rgb(0 77 229 / 100%);--x-primary-6: rgb(0 77 229 / 30%);--x-primary-8: rgb(0 86 255 / 18%);--x-primary-9: rgb(0 86 255 / 5%);--x-success-1: rgb(36 195 65 / 100%);--x-success-8: rgb(46 212 169 / 18%);--x-success-9: rgb(46 212 169 / 5%);--x-danger-1: rgb(191 23 23 / 100%);--x-danger-3: rgb(216 33 33 / 100%);--x-dander-6: rgb(191 23 23 / 30%);--x-danger-8: rgb(241 37 37 / 18%);--x-danger-9: rgb(241 37 37 / 5%);--x-strong-8: rgb(255 113 37 / 18%);--x-strong-9: rgb(255 113 37 / 5%);--x-warning-8: rgb(255 196 32 / 18%);--x-warning-9: rgb(255 196 32 / 5%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(225 228 232 / 100%);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-font-size: 14px;--x-text-color: var(--x-color-2);--x-border-color: var(--x-color-5);--x-background-color: var(--x-color-7);--x-text-gray: rgb(36 41 52 / 100%);--x-text-gray-1: rgb(100 107 122 / 100%);--x-text-gray-2: rgb(156 166 185 / 100%);--x-disabled-color: rgb(156 166 185 / 100%);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-select-color: var(--x-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-primary);--x-focus-bc: var(--x-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-size-mini: 24px;--x-size-small: 30px;--x-size-medium: 34px;--x-size-large: 38px;--x-size-huge: 42px}.x-button{--x-button-width: auto;--x-button-font-weight: 400;--x-button-opacity: 1;--x-button-border-color: var(--x-border-color);--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-mini-height: var(--x-size-mini);--x-button-mini-font-size: 12px;--x-button-mini-padding: 0 8px;--x-button-mini-border-radius: 4px;--x-button-small-height: var(--x-size-small);--x-button-small-font-size: 14px;--x-button-small-padding: 0 10px;--x-button-small-border-radius: 4px;--x-button-medium-height: var(--x-size-medium);--x-button-medium-font-size: 15px;--x-button-medium-padding: 0 14px;--x-button-medium-border-radius: 4px;--x-button-large-height: var(--x-size-large);--x-button-large-font-size: 16px;--x-button-large-padding: 0 20px;--x-button-large-border-radius: 6px;--x-button-huge-height: var(--x-size-huge);--x-button-huge-font-size: 17px;--x-button-huge-font-weight: 500;--x-button-huge-padding: 0 28px;--x-button-huge-border-radius: 4px}.x-button{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;margin:0;border-style:solid;border-width:1px;border-color:var(--x-button-border-color);border-radius:var(--x-button-border-radius);padding:var(--x-button-padding);width:var(--x-button-width);height:var(--x-button-height);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);white-space:nowrap;color:var(--x-button-color);background-color:var(--x-button-background-color);opacity:var(--x-button-opacity);outline:none;transition:all .15s linear;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;vertical-align:bottom;cursor:pointer}.x-button:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:opacity .2s}.x-button:active:before{transform:scale(3);opacity:1;transition:opacity .1s}.x-button{--x-button-background-color: #fff;--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):hover{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):active{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-color-4)}.x-button--prefix{margin-right:4px}.x-button--suffix{margin-left:4px}.x-button-is-disabled{--x-button-opacity: .4;cursor:not-allowed}.x-button-block{display:flex;width:100%}.x-button.-loading{--x-button-opacity: .76}.x-button-mini{--x-button-height: var(--x-button-mini-height);--x-button-font-size: var(--x-button-mini-font-size);--x-button-padding: var(--x-button-mini-padding);--x-button-border-radius: var(--x-button-mini-border-radius)}.x-button-small{--x-button-height: var(--x-button-small-height);--x-button-font-size: var(--x-button-small-font-size);--x-button-padding: var(--x-button-small-padding);--x-button-border-radius: var(--x-button-small-border-radius)}.x-button-medium{--x-button-height: var(--x-button-medium-height);--x-button-font-size: var(--x-button-medium-font-size);--x-button-padding: var(--x-button-medium-padding);--x-button-border-radius: var(--x-button-medium-border-radius)}.x-button-large{--x-button-height: var(--x-button-large-height);--x-button-font-size: var(--x-button-large-font-size);--x-button-padding: var(--x-button-large-padding);--x-button-border-radius: var(--x-button-large-border-radius)}.x-button-huge{--x-button-height: var(--x-button-huge-height);--x-button-font-size: var(--x-button-huge-font-size);--x-button-font-weight: var(--x-button-huge-font-weight);--x-button-padding: var(--x-button-huge-padding);--x-button-border-radius: var(--x-button-huge-border-radius)}.x-button.-plain{--x-button-font-weight: 500}.x-button.-plain.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button.-plain.x-button--success.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-1);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button.-round{--x-button-padding: 0 38px;--x-button-border-radius: 24px;height:var(--x-button-height)}.x-button.-circle{--x-button-padding: 0;--x-button-border-radius: 100%;width:var(--x-button-height);height:var(--x-button-height)}.x-button-text{--x-button-font-weight: 500;border-color:transparent;padding:2px;height:auto;color:var(--x-button-color);background:transparent}.x-button-text.x-button--primary{--x-button-background-color: var(--x-primary);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button-text.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: var(--x-primary-3);--x-button-border-color: var(--x-primary-3)}.x-button-text.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: var(--x-primary-1);--x-button-border-color: var(--x-primary-1)}.x-button-text.x-button--success{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--warning{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--strong{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--danger{--x-button-background-color: var(--x-danger);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-text.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: var(--x-danger-3);--x-button-border-color: var(--x-danger-3)}.x-button-text.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border{--x-button-font-weight: 500}.x-button.-hide-border.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: transparent}.x-button.-hide-border.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-6)}.x-button.-hide-border.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-1)}.x-button.-hide-border.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: transparent}.x-button.-hide-border.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-6)}.x-button.-hide-border.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: transparent}.x-button.-hide-border.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-6)}.x-button.-hide-border.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-1)}.x-button.-hide-border.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: transparent}.x-button.-hide-border.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-6)}.x-button.-hide-border.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-1)}.x-button.-hide-border.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: transparent}.x-button.-hide-border.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-6)}.x-button.-hide-border.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-1)}.x-button-primary{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button-primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: #fff;--x-button-border-color: var(--x-primary-3)}.x-button-primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button-success{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-danger{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button-danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: #fff;--x-button-border-color: var(--x-danger-3)}.x-button-danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button-strong{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-warning{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button--loading{display:flex;transition:all .2s ease}.x-button-group{display:flex;width:min-content}.x-button-group>.x-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.x-button-group>.x-button:last-child{margin-left:-1px;border-left-color:#ffffff80;border-top-left-radius:0;border-bottom-left-radius:0}.x-button-group>.x-button:not(:first-child,:last-child){margin-left:-1px;border-right-color:#ffffff80;border-left-color:#ffffff80;border-radius:0}.x-dialog{--x-mask-background-color: rgb(29 33 41 / 60%);--x-dialog-radius: 6px}.x-dialog{position:fixed;top:0;right:0;bottom:0;left:0}.x-dialog--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-dialog--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center}.x-dialog--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-dialog--container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--x-dialog-radius);background-color:#fff;transition:all .15s}.x-dialog--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-dialog--container.is-fullscreen .x-dialog--footer{margin-top:auto}.x-dialog--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-dialog--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-dialog--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-dialog--body{padding:15px 25px;box-sizing:border-box;text-align:left}.x-dialog--content{line-height:1.5;color:#363636}.x-dialog--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-dialog--close-icon{position:absolute;top:20px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-dialog--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-dialog--close-icon:hover:before,.x-dialog--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-dialog--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-dialog--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-message{--x-message-height: 36px;--x-message-width: 360px;--x-border-radius: 4px;--x-border-color: var(--x-info-border-color);--x-success-background-color: #f2f9ec;--x-success-color: #7ebf50;--x-warning-background-color: #fdf6ec;--x-warning-color: #e6a23c;--x-strong-background-color: #fff5f0;--x-strong-color: #ff7125;--x-error-background-color: #fef0f0;--x-error-color: #f56c6c;--x-info-background-color: #f4f4f5;--x-info-color: var(--x-primary);position:fixed;left:50%;display:flex;align-items:center;border-radius:var(--x-border-radius);padding:12px 16px 12px 12px;background-color:#fff;font-weight:500;color:#000000e0;transition:all .3s ease;box-sizing:border-box;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.x-message--icon{margin-right:6px;font-size:18px}.x-message--show-close{justify-content:space-between}.x-message--close-icon{position:relative;display:inline-block;border-radius:100%;width:16px;height:16px;cursor:pointer}.x-message--close-icon:hover{background-color:#c5c9d4}.x-message--close-icon:hover:before,.x-message--close-icon:hover:after{height:70%;background-color:#fff}.x-message--close-icon:before{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(45deg)}.x-message--close-icon:after{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(-45deg)}.x-message-icon-success{color:var(--x-success-color)}.x-message-icon-warning{color:var(--x-warning-color)}.x-message-icon-strong{color:var(--x-strong-color)}.x-message-icon-error{color:var(--x-error-color)}.x-message-icon-info{color:var(--x-info-color)}.x-message-center{justify-content:center}.x-message-slide-top-enter-from,.x-message-slide-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.x-message-slide-top-enter-to{opacity:1;transform:translate(-50%)}.x-message-box--header{padding:25px 0 15px;line-height:1;display:flex;justify-content:center;align-items:center}.x-message-box--body{padding:0 25px;box-sizing:border-box;text-align:center}.x-message-box--footer{padding:20px 0;box-sizing:border-box}.x-message-box--icon{margin-right:4px}.x-message-box--title{font-size:18px;font-weight:600;color:#242934;line-height:1}.x-message-box--content{font-size:14px;font-weight:400;color:#363636;line-height:1.5}.x-message-box--close-icon{top:28px;right:20px}.x-notification{position:relative;border-radius:8px;padding:15px;width:338px;background:#fff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box}.x-notification-top{transition:top .2s,transform .2s ease,opacity .2s}.x-notification-bottom{transition:bottom .2s,transform .2s ease,opacity .2s}.x-notification--icon{font-size:22px;margin-right:8px}.x-notification-icon-info{color:var(--x-primary)}.x-notification-icon-success{color:var(--x-success)}.x-notification-icon-warning{color:var(--x-warning)}.x-notification-icon-strong{color:var(--x-strong)}.x-notification-icon-error{color:var(--x-danger)}.x-notification--header{display:inline-flex}.x-notification--title{font-size:18px;font-weight:600;color:#242934;line-height:22px;height:22px}.x-notification--message{box-sizing:border-box;margin-top:8px;font-size:14px;font-weight:400;color:#585858;line-height:1.5}.x-notification--close-icon{position:absolute;top:20px;right:20px;width:14px;height:14px;cursor:pointer}.x-notification--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-notification--close-icon:hover:before,.x-notification--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-notification--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification-slide-right-enter-from{transform:translate(100%)}.x-notification-slide-right-enter-to{transform:translate(0)}.x-notification-slide-left-enter-from{transform:translate(-100%)}.x-notification-slide-left-enter-to{transform:translate(0)}.x-notification-slide-right-leave-from,.x-notification-slide-left-leave-from{opacity:1}.x-notification-slide-right-leave-to,.x-notification-slide-left-leave-to{opacity:0}.x-space{display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--vertical{flex-direction:column}.x-space--split{color:var(--bn-color-5)}.x-space-is-fill{display:flex}body{margin:0}
+.x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1);opacity:1}.x-zoom-in-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-icon{display:flex;justify-content:center;align-items:center}.x-icon svg{fill:currentcolor;width:1em;height:1em}.x-icon-loading-svg{animation:animated-loading-rotate 1.5s infinite ease-in-out}.x-icon-loading-svg>.path{stroke:#fffc;stroke-width:5;animation:animated-loading 1.5s infinite ease-in-out}@keyframes animated-loading{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate{to{transform:rotate(1turn)}}[opacity~=".1"]{opacity:.1}[opacity~=".2"]{opacity:.2}[opacity~=".3"]{opacity:.3}[opacity~=".4"]{opacity:.4}[opacity~=".5"]{opacity:.5}[opacity~=".6"]{opacity:.6}[opacity~=".7"]{opacity:.7}[opacity~=".8"]{opacity:.8}[opacity~=".9"]{opacity:.9}:root{--x-primary: rgb(0 86 255 / 100%);--x-success: rgb(36 195 65 / 100%);--x-danger: rgb(241 37 37 / 100%);--x-strong: rgb(255 113 37 / 100%);--x-warning: rgb(255 199 0 / 100%);--x-primary-1: rgb(0 70 208 / 100%);--x-primary-3: rgb(0 77 229 / 100%);--x-primary-6: rgb(0 77 229 / 30%);--x-primary-8: rgb(0 86 255 / 18%);--x-primary-9: rgb(0 86 255 / 5%);--x-success-1: rgb(36 195 65 / 100%);--x-success-8: rgb(46 212 169 / 18%);--x-success-9: rgb(46 212 169 / 5%);--x-danger-1: rgb(191 23 23 / 100%);--x-danger-3: rgb(216 33 33 / 100%);--x-dander-6: rgb(191 23 23 / 30%);--x-danger-8: rgb(241 37 37 / 18%);--x-danger-9: rgb(241 37 37 / 5%);--x-strong-8: rgb(255 113 37 / 18%);--x-strong-9: rgb(255 113 37 / 5%);--x-warning-8: rgb(255 196 32 / 18%);--x-warning-9: rgb(255 196 32 / 5%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(225 228 232 / 100%);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-font-size: 14px;--x-text-color: var(--x-color-2);--x-border-color: var(--x-color-5);--x-background-color: var(--x-color-7);--x-text-gray: rgb(36 41 52 / 100%);--x-text-gray-1: rgb(100 107 122 / 100%);--x-text-gray-2: rgb(156 166 185 / 100%);--x-disabled-color: rgb(156 166 185 / 100%);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-select-color: var(--x-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-primary);--x-focus-bc: var(--x-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-size-mini: 24px;--x-size-small: 30px;--x-size-medium: 34px;--x-size-large: 38px;--x-size-huge: 42px}.x-button{--x-button-width: auto;--x-button-font-weight: 400;--x-button-opacity: 1;--x-button-border-color: var(--x-border-color);--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-mini-height: var(--x-size-mini);--x-button-mini-font-size: 12px;--x-button-mini-padding: 0 8px;--x-button-mini-border-radius: 4px;--x-button-small-height: var(--x-size-small);--x-button-small-font-size: 14px;--x-button-small-padding: 0 10px;--x-button-small-border-radius: 4px;--x-button-medium-height: var(--x-size-medium);--x-button-medium-font-size: 15px;--x-button-medium-padding: 0 14px;--x-button-medium-border-radius: 4px;--x-button-large-height: var(--x-size-large);--x-button-large-font-size: 16px;--x-button-large-padding: 0 20px;--x-button-large-border-radius: 6px;--x-button-huge-height: var(--x-size-huge);--x-button-huge-font-size: 17px;--x-button-huge-font-weight: 500;--x-button-huge-padding: 0 28px;--x-button-huge-border-radius: 4px}.x-button{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;margin:0;border-style:solid;border-width:1px;border-color:var(--x-button-border-color);border-radius:var(--x-button-border-radius);padding:var(--x-button-padding);width:var(--x-button-width);height:var(--x-button-height);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);white-space:nowrap;color:var(--x-button-color);background-color:var(--x-button-background-color);opacity:var(--x-button-opacity);outline:none;transition:all .15s linear;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;vertical-align:bottom;cursor:pointer}.x-button:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:opacity .2s}.x-button:active:before{transform:scale(3);opacity:1;transition:opacity .1s}.x-button{--x-button-background-color: #fff;--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):hover{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):active{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-color-4)}.x-button--prefix{margin-right:4px}.x-button--suffix{margin-left:4px}.x-button-is-disabled{--x-button-opacity: .4;cursor:not-allowed}.x-button-block{display:flex;width:100%}.x-button.-loading{--x-button-opacity: .76}.x-button-mini{--x-button-height: var(--x-button-mini-height);--x-button-font-size: var(--x-button-mini-font-size);--x-button-padding: var(--x-button-mini-padding);--x-button-border-radius: var(--x-button-mini-border-radius)}.x-button-small{--x-button-height: var(--x-button-small-height);--x-button-font-size: var(--x-button-small-font-size);--x-button-padding: var(--x-button-small-padding);--x-button-border-radius: var(--x-button-small-border-radius)}.x-button-medium{--x-button-height: var(--x-button-medium-height);--x-button-font-size: var(--x-button-medium-font-size);--x-button-padding: var(--x-button-medium-padding);--x-button-border-radius: var(--x-button-medium-border-radius)}.x-button-large{--x-button-height: var(--x-button-large-height);--x-button-font-size: var(--x-button-large-font-size);--x-button-padding: var(--x-button-large-padding);--x-button-border-radius: var(--x-button-large-border-radius)}.x-button-huge{--x-button-height: var(--x-button-huge-height);--x-button-font-size: var(--x-button-huge-font-size);--x-button-font-weight: var(--x-button-huge-font-weight);--x-button-padding: var(--x-button-huge-padding);--x-button-border-radius: var(--x-button-huge-border-radius)}.x-button.-plain{--x-button-font-weight: 500}.x-button.-plain.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button.-plain.x-button--success.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-1);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button.-round{--x-button-padding: 0 38px;--x-button-border-radius: 24px;height:var(--x-button-height)}.x-button.-circle{--x-button-padding: 0;--x-button-border-radius: 100%;width:var(--x-button-height);height:var(--x-button-height)}.x-button-text{--x-button-font-weight: 500;border-color:transparent;padding:2px;height:auto;color:var(--x-button-color);background:transparent}.x-button-text.x-button--primary{--x-button-background-color: var(--x-primary);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button-text.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: var(--x-primary-3);--x-button-border-color: var(--x-primary-3)}.x-button-text.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: var(--x-primary-1);--x-button-border-color: var(--x-primary-1)}.x-button-text.x-button--success{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--warning{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--strong{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--danger{--x-button-background-color: var(--x-danger);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-text.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: var(--x-danger-3);--x-button-border-color: var(--x-danger-3)}.x-button-text.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border{--x-button-font-weight: 500}.x-button.-hide-border.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: transparent}.x-button.-hide-border.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-6)}.x-button.-hide-border.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-1)}.x-button.-hide-border.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: transparent}.x-button.-hide-border.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-6)}.x-button.-hide-border.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: transparent}.x-button.-hide-border.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-6)}.x-button.-hide-border.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-1)}.x-button.-hide-border.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: transparent}.x-button.-hide-border.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-6)}.x-button.-hide-border.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-1)}.x-button.-hide-border.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: transparent}.x-button.-hide-border.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-6)}.x-button.-hide-border.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-1)}.x-button-primary{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button-primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: #fff;--x-button-border-color: var(--x-primary-3)}.x-button-primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button-success{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-danger{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button-danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: #fff;--x-button-border-color: var(--x-danger-3)}.x-button-danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button-strong{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-warning{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button--loading{display:flex;transition:all .2s ease}.x-button-group{display:flex;width:min-content}.x-button-group>.x-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.x-button-group>.x-button:last-child{margin-left:-1px;border-left-color:#ffffff80;border-top-left-radius:0;border-bottom-left-radius:0}.x-button-group>.x-button:not(:first-child,:last-child){margin-left:-1px;border-right-color:#ffffff80;border-left-color:#ffffff80;border-radius:0}.x-dialog{--x-mask-background-color: rgb(29 33 41 / 60%);--x-dialog-radius: 6px}.x-dialog{position:fixed;top:0;right:0;bottom:0;left:0}.x-dialog--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-dialog--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center}.x-dialog--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-dialog--container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--x-dialog-radius);background-color:#fff;transition:all .15s}.x-dialog--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-dialog--container.is-fullscreen .x-dialog--footer{margin-top:auto}.x-dialog--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-dialog--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-dialog--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-dialog--body{padding:15px 25px;box-sizing:border-box;text-align:left}.x-dialog--content{line-height:1.5;color:#363636}.x-dialog--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-dialog--close-icon{position:absolute;top:20px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-dialog--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-dialog--close-icon:hover:before,.x-dialog--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-dialog--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-dialog--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-message{--x-message-height: 36px;--x-message-width: 360px;--x-border-radius: 4px;--x-border-color: var(--x-info-border-color);--x-success-background-color: #f2f9ec;--x-success-color: #7ebf50;--x-warning-background-color: #fdf6ec;--x-warning-color: #e6a23c;--x-strong-background-color: #fff5f0;--x-strong-color: #ff7125;--x-error-background-color: #fef0f0;--x-error-color: #f56c6c;--x-info-background-color: #f4f4f5;--x-info-color: var(--x-primary);position:fixed;left:50%;display:flex;align-items:center;border-radius:var(--x-border-radius);padding:12px 16px 12px 12px;background-color:#fff;font-weight:500;color:#000000e0;transition:all .3s ease;box-sizing:border-box;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.x-message--icon{margin-right:6px;font-size:18px}.x-message--show-close{justify-content:space-between}.x-message--close-icon{position:relative;display:inline-block;border-radius:100%;width:16px;height:16px;cursor:pointer}.x-message--close-icon:hover{background-color:#c5c9d4}.x-message--close-icon:hover:before,.x-message--close-icon:hover:after{height:70%;background-color:#fff}.x-message--close-icon:before{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(45deg)}.x-message--close-icon:after{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(-45deg)}.x-message-icon-success{color:var(--x-success-color)}.x-message-icon-warning{color:var(--x-warning-color)}.x-message-icon-strong{color:var(--x-strong-color)}.x-message-icon-error{color:var(--x-error-color)}.x-message-icon-info{color:var(--x-info-color)}.x-message-center{justify-content:center}.x-message-slide-top-enter-from,.x-message-slide-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.x-message-slide-top-enter-to{opacity:1;transform:translate(-50%)}.x-message-box--header{padding:25px 0 15px;line-height:1;display:flex;justify-content:center;align-items:center}.x-message-box--body{padding:0 25px;box-sizing:border-box;text-align:center}.x-message-box--footer{padding:20px 0;box-sizing:border-box}.x-message-box--icon{margin-right:4px}.x-message-box--title{font-size:18px;font-weight:600;color:#242934;line-height:1}.x-message-box--content{font-size:15px;font-weight:400;color:#363636;line-height:1.5}.x-message-box--close-icon{top:28px;right:20px}.x-notification{position:relative;border-radius:8px;padding:15px;width:338px;background:#fff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box}.x-notification-top{transition:top .2s,transform .2s ease,opacity .2s}.x-notification-bottom{transition:bottom .2s,transform .2s ease,opacity .2s}.x-notification--icon{font-size:22px;margin-right:8px}.x-notification-icon-info{color:var(--x-primary)}.x-notification-icon-success{color:var(--x-success)}.x-notification-icon-warning{color:var(--x-warning)}.x-notification-icon-strong{color:var(--x-strong)}.x-notification-icon-error{color:var(--x-danger)}.x-notification--header{display:inline-flex}.x-notification--title{font-size:18px;font-weight:600;color:#242934;line-height:22px;height:22px}.x-notification--message{box-sizing:border-box;margin-top:6px;font-size:14px;font-weight:400;color:#565656;line-height:1.6}.x-notification--close-icon{position:absolute;top:20px;right:20px;width:14px;height:14px;cursor:pointer}.x-notification--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-notification--close-icon:hover:before,.x-notification--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-notification--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification-slide-right-enter-from{transform:translate(100%)}.x-notification-slide-right-enter-to{transform:translate(0)}.x-notification-slide-left-enter-from{transform:translate(-100%)}.x-notification-slide-left-enter-to{transform:translate(0)}.x-notification-slide-right-leave-from,.x-notification-slide-left-leave-from{opacity:1}.x-notification-slide-right-leave-to,.x-notification-slide-left-leave-to{opacity:0}.x-space{display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--vertical{flex-direction:column}.x-space--split{color:var(--bn-color-5)}.x-space-is-fill{display:flex}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-next",
   "private": false,
-  "version": "0.0.0-alpha.31",
+  "version": "0.0.0-alpha.32",
   "description": "An amazing Vue3 UI library.",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -22,6 +22,7 @@
     "url": "https://github.com/ztes/x-next/issues"
   },
   "dependencies": {
+    "async-validator": "^4.2.5",
     "dayjs": "^1.11.13"
   },
   "devDependencies": {