x-next 1.0.1 → 1.1.0

package/dist/components/alert/Alert.vue.d.ts

@@ -179,6 +179,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     'close-element': any;
 }>, {
     IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        as: {
+            type: PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -199,10 +203,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         handleClick: (ev: MouseEvent) => void;
         handleMousedown: (ev: MouseEvent) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
         mousedown: (ev: MouseEvent) => true;
+        keydown: (ev: KeyboardEvent) => true;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -217,7 +227,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
         onMousedown?: ((ev: MouseEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
+        as: "span" | "button";
         size: "mini" | "small" | "medium" | "large" | "huge";
         disabled: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -298,10 +310,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -383,10 +395,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -468,10 +480,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -553,10 +565,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -638,10 +650,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];

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

@@ -70,6 +70,10 @@ export declare const Alert: {
         'close-element': any;
     }>, {
         IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -90,10 +94,16 @@ export declare const Alert: {
             };
             handleClick: (ev: MouseEvent) => void;
             handleMousedown: (ev: MouseEvent) => void;
+            handleKeydown: (ev: KeyboardEvent) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
             mousedown: (ev: MouseEvent) => true;
+            keydown: (ev: KeyboardEvent) => true;
         }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            as: {
+                type: import('vue').PropType<"span" | "button">;
+                default: string;
+            };
             prefix: {
                 type: StringConstructor;
             };
@@ -108,7 +118,9 @@ export declare const Alert: {
         }>> & Readonly<{
             onClick?: ((ev: MouseEvent) => any) | undefined;
             onMousedown?: ((ev: MouseEvent) => any) | undefined;
+            onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         }>, {
+            as: "span" | "button";
             size: "mini" | "small" | "medium" | "large" | "huge";
             disabled: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -189,10 +201,10 @@ export declare const Alert: {
         }>> & Readonly<{}>, {
             name: string;
             size: string | number;
-            title: string;
             rotate: number;
             spin: boolean;
             color: string;
+            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -274,10 +286,10 @@ export declare const Alert: {
         }>> & Readonly<{}>, {
             name: string;
             size: string | number;
-            title: string;
             rotate: number;
             spin: boolean;
             color: string;
+            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -359,10 +371,10 @@ export declare const Alert: {
         }>> & Readonly<{}>, {
             name: string;
             size: string | number;
-            title: string;
             rotate: number;
             spin: boolean;
             color: string;
+            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -444,10 +456,10 @@ export declare const Alert: {
         }>> & Readonly<{}>, {
             name: string;
             size: string | number;
-            title: string;
             rotate: number;
             spin: boolean;
             color: string;
+            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -529,10 +541,10 @@ export declare const Alert: {
         }>> & Readonly<{}>, {
             name: string;
             size: string | number;
-            title: string;
             rotate: number;
             spin: boolean;
             color: string;
+            title: string;
             ariaLabel: string;
             strokeWidth: string | number;
             fillColor: unknown[];
@@ -679,6 +691,10 @@ export declare const Alert: {
     'close-element': any;
 }>, {
     IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -699,10 +715,16 @@ export declare const Alert: {
         };
         handleClick: (ev: MouseEvent) => void;
         handleMousedown: (ev: MouseEvent) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
         mousedown: (ev: MouseEvent) => true;
+        keydown: (ev: KeyboardEvent) => true;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<"span" | "button">;
+            default: string;
+        };
         prefix: {
             type: StringConstructor;
         };
@@ -717,7 +739,9 @@ export declare const Alert: {
     }>> & Readonly<{
         onClick?: ((ev: MouseEvent) => any) | undefined;
         onMousedown?: ((ev: MouseEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
     }>, {
+        as: "span" | "button";
         size: "mini" | "small" | "medium" | "large" | "huge";
         disabled: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -798,10 +822,10 @@ export declare const Alert: {
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -883,10 +907,10 @@ export declare const Alert: {
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -968,10 +992,10 @@ export declare const Alert: {
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -1053,10 +1077,10 @@ export declare const Alert: {
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];
@@ -1138,10 +1162,10 @@ export declare const Alert: {
     }>> & Readonly<{}>, {
         name: string;
         size: string | number;
-        title: string;
         rotate: number;
         spin: boolean;
         color: string;
+        title: string;
         ariaLabel: string;
         strokeWidth: string | number;
         fillColor: unknown[];

package/dist/components/button/Button.d.ts

@@ -26,6 +26,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<import('./props').ButtonTypes>;
         default: string;
     };
+    htmlType: {
+        type: import('vue').PropType<import('./props').ButtonHtmlType>;
+        default: string;
+    };
     status: {
         type: import('vue').PropType<import('./props').ButtonStatus>;
         default: string;
@@ -36,7 +40,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     size: {
         type: import('vue').PropType<import('./props').ButtonSize>;
-        default: string;
+        default: undefined;
     };
     border: {
         type: import('vue').PropType<boolean>;
@@ -73,6 +77,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<import('./props').ButtonTypes>;
         default: string;
     };
+    htmlType: {
+        type: import('vue').PropType<import('./props').ButtonHtmlType>;
+        default: string;
+    };
     status: {
         type: import('vue').PropType<import('./props').ButtonStatus>;
         default: string;
@@ -83,7 +91,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     size: {
         type: import('vue').PropType<import('./props').ButtonSize>;
-        default: string;
+        default: undefined;
     };
     border: {
         type: import('vue').PropType<boolean>;
@@ -105,6 +113,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     loadingFill: boolean;
     debounce: number;
     shape: import('./props').ButtonShape;
+    htmlType: import('./props').ButtonHtmlType;
     status: import('./props').ButtonStatus;
     plain: boolean;
     border: boolean;

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

@@ -1,4 +1,4 @@
-import { ButtonShape, ButtonSize, ButtonStatus, ButtonTypes } from './props';
+import { ButtonHtmlType, ButtonShape, ButtonSize, ButtonStatus, ButtonTypes } from './props';
 export declare const Button: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         disabled: {
@@ -27,6 +27,10 @@ export declare const Button: {
             type: import('vue').PropType<ButtonTypes>;
             default: string;
         };
+        htmlType: {
+            type: import('vue').PropType<ButtonHtmlType>;
+            default: string;
+        };
         status: {
             type: import('vue').PropType<ButtonStatus>;
             default: string;
@@ -37,7 +41,7 @@ export declare const Button: {
         };
         size: {
             type: import('vue').PropType<ButtonSize>;
-            default: string;
+            default: undefined;
         };
         border: {
             type: import('vue').PropType<boolean>;
@@ -59,6 +63,7 @@ export declare const Button: {
         loadingFill: boolean;
         debounce: number;
         shape: ButtonShape;
+        htmlType: ButtonHtmlType;
         status: ButtonStatus;
         plain: boolean;
         border: boolean;
@@ -104,6 +109,10 @@ export declare const Button: {
             type: import('vue').PropType<ButtonTypes>;
             default: string;
         };
+        htmlType: {
+            type: import('vue').PropType<ButtonHtmlType>;
+            default: string;
+        };
         status: {
             type: import('vue').PropType<ButtonStatus>;
             default: string;
@@ -114,7 +123,7 @@ export declare const Button: {
         };
         size: {
             type: import('vue').PropType<ButtonSize>;
-            default: string;
+            default: undefined;
         };
         border: {
             type: import('vue').PropType<boolean>;
@@ -136,6 +145,7 @@ export declare const Button: {
         loadingFill: boolean;
         debounce: number;
         shape: ButtonShape;
+        htmlType: ButtonHtmlType;
         status: ButtonStatus;
         plain: boolean;
         border: boolean;
@@ -171,6 +181,10 @@ export declare const Button: {
         type: import('vue').PropType<ButtonTypes>;
         default: string;
     };
+    htmlType: {
+        type: import('vue').PropType<ButtonHtmlType>;
+        default: string;
+    };
     status: {
         type: import('vue').PropType<ButtonStatus>;
         default: string;
@@ -181,7 +195,7 @@ export declare const Button: {
     };
     size: {
         type: import('vue').PropType<ButtonSize>;
-        default: string;
+        default: undefined;
     };
     border: {
         type: import('vue').PropType<boolean>;
@@ -203,6 +217,7 @@ export declare const Button: {
     loadingFill: boolean;
     debounce: number;
     shape: ButtonShape;
+    htmlType: ButtonHtmlType;
     status: ButtonStatus;
     plain: boolean;
     border: boolean;
@@ -316,10 +331,12 @@ export type ButtonProps = {
     shape?: ButtonShape;
     link?: boolean;
     type?: ButtonTypes;
+    htmlType?: ButtonHtmlType;
     status?: ButtonStatus;
     plain?: boolean;
     size?: ButtonSize;
     border?: boolean;
     narrow?: boolean;
 };
+export type { ButtonHtmlType, ButtonShape, ButtonSize, ButtonStatus, ButtonTypes };
 export { Button as default };

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

@@ -2,6 +2,7 @@ import { PropType } from 'vue';
 export type ButtonSize = 'mini' | 'small' | 'medium' | 'large' | 'huge';
 export type ButtonStatus = 'default' | 'success' | 'warning' | 'strong' | 'danger' | 'info';
 export type ButtonTypes = 'primary' | 'default' | 'dashed' | 'outline' | 'text';
+export type ButtonHtmlType = 'button' | 'submit' | 'reset';
 export type ButtonShape = 'round' | 'circle' | 'square';
 export declare const buttonProps: {
     disabled: {
@@ -30,6 +31,10 @@ export declare const buttonProps: {
         type: PropType<ButtonTypes>;
         default: string;
     };
+    htmlType: {
+        type: PropType<ButtonHtmlType>;
+        default: string;
+    };
     status: {
         type: PropType<ButtonStatus>;
         default: string;
@@ -40,7 +45,7 @@ export declare const buttonProps: {
     };
     size: {
         type: PropType<ButtonSize>;
-        default: string;
+        default: undefined;
     };
     border: {
         type: PropType<boolean>;

package/dist/components/config-provider/ConfigProvider.d.ts

@@ -0,0 +1,93 @@
+import { PropType } from 'vue';
+import { Size } from '../../_utils/constant';
+import { Locale } from '../../locale/interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 全局组件尺寸，子组件未显式指定时生效
+     * @en Global component size, used when a child does not specify one
+     */
+    size: {
+        type: PropType<Size>;
+        default: undefined;
+    };
+    /**
+     * @zh 语言包，未传入时使用全局默认语言
+     * @en Locale pack; falls back to the global default locale
+     */
+    locale: {
+        type: PropType<Locale>;
+        default: undefined;
+    };
+    /**
+     * @zh 主题色种子，会派生整条色阶并写入包裹元素
+     * @en Theme color seed; derives the whole palette onto the wrapper element
+     */
+    themeColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 是否使用暗色色阶
+     * @en Whether to derive the dark palette
+     */
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 包裹元素标签；不需要额外 DOM 时可设为 null
+     * @en Wrapper tag; set to null to avoid an extra DOM node
+     */
+    tag: {
+        type: PropType<string | null>;
+        default: string;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 全局组件尺寸，子组件未显式指定时生效
+     * @en Global component size, used when a child does not specify one
+     */
+    size: {
+        type: PropType<Size>;
+        default: undefined;
+    };
+    /**
+     * @zh 语言包，未传入时使用全局默认语言
+     * @en Locale pack; falls back to the global default locale
+     */
+    locale: {
+        type: PropType<Locale>;
+        default: undefined;
+    };
+    /**
+     * @zh 主题色种子，会派生整条色阶并写入包裹元素
+     * @en Theme color seed; derives the whole palette onto the wrapper element
+     */
+    themeColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * @zh 是否使用暗色色阶
+     * @en Whether to derive the dark palette
+     */
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 包裹元素标签；不需要额外 DOM 时可设为 null
+     * @en Wrapper tag; set to null to avoid an extra DOM node
+     */
+    tag: {
+        type: PropType<string | null>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: "mini" | "small" | "medium" | "large";
+    tag: string | null;
+    dark: boolean;
+    locale: Locale;
+    themeColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/config-provider/context.d.ts

@@ -0,0 +1,18 @@
+import { InjectionKey, Ref, Slots } from 'vue';
+import { Size } from '../../_utils/constant';
+import { Locale } from '../../locale/interface';
+/**
+ * ConfigProvider 向下提供的配置。
+ *
+ * 字段以 Ref 形式提供，便于运行时切换配置。
+ * 只承载「跨组件的运行时状态」，不含主题色值 ——
+ * 主题色通过 CSS 变量注入包裹元素，组件样式自然继承。
+ */
+export interface ConfigProviderContext {
+    size?: Ref<Size | undefined>;
+    /** 空态插槽，参数为来源组件名 */
+    slots: Slots;
+    /** 语言包；未提供时由 locale 模块的全局默认兜底 */
+    locale?: Ref<Locale | undefined>;
+}
+export declare const configProviderInjectionKey: InjectionKey<ConfigProviderContext>;

package/dist/components/config-provider/index.d.ts

@@ -0,0 +1,99 @@
+export declare const ConfigProvider: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+            default: undefined;
+        };
+        locale: {
+            type: import('vue').PropType<import('../../index.ts').Locale>;
+            default: undefined;
+        };
+        themeColor: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        dark: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tag: {
+            type: import('vue').PropType<string | null>;
+            default: string;
+        };
+    }>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        size: "mini" | "small" | "medium" | "large";
+        tag: string | null;
+        dark: boolean;
+        locale: import('../../index.ts').Locale;
+        themeColor: string;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+            default: undefined;
+        };
+        locale: {
+            type: import('vue').PropType<import('../../index.ts').Locale>;
+            default: undefined;
+        };
+        themeColor: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        dark: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tag: {
+            type: import('vue').PropType<string | null>;
+            default: string;
+        };
+    }>> & Readonly<{}>, () => any, {}, {}, {}, {
+        size: "mini" | "small" | "medium" | "large";
+        tag: string | null;
+        dark: boolean;
+        locale: import('../../index.ts').Locale;
+        themeColor: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+        default: undefined;
+    };
+    locale: {
+        type: import('vue').PropType<import('../../index.ts').Locale>;
+        default: undefined;
+    };
+    themeColor: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    dark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tag: {
+        type: import('vue').PropType<string | null>;
+        default: string;
+    };
+}>> & Readonly<{}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    size: "mini" | "small" | "medium" | "large";
+    tag: string | null;
+    dark: boolean;
+    locale: import('../../index.ts').Locale;
+    themeColor: string;
+}, {}, 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 { configProviderInjectionKey } from './context';
+export type { ConfigProviderContext } from './context';
+export { ConfigProvider as default };

package/dist/components/date-picker/DatePanel.vue.d.ts

@@ -57,6 +57,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>, {
+    t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
     className: {
         block: string;
         element: (className: string) => string;
@@ -65,7 +66,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     cells: import('vue').ComputedRef<DatePickerCell[]>;
     headerLabel: import('vue').ComputedRef<string>;
-    todayLabel: import('vue').ComputedRef<"本月" | "今年" | "本季度" | "本周" | "今天">;
+    todayLabel: import('vue').ComputedRef<string>;
     weekdayLabels: import('vue').ComputedRef<string[]>;
     movePanel: (step: number, superMove?: boolean) => void;
     zoomHeader: () => void;