import type { App, AppContext } from 'vue'; import { ArcoOptions } from '../_utils/types'; import _Drawer from './drawer'; import type { DrawerConfig, DrawerUpdateConfig } from './interface'; declare const Drawer: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins; default: string; validator: (value: any) => boolean; }; title: StringConstructor; mask: { type: BooleanConstructor; default: boolean; }; maskClosable: { type: BooleanConstructor; default: boolean; }; closable: { type: BooleanConstructor; default: boolean; }; okText: StringConstructor; cancelText: StringConstructor; okLoading: { type: BooleanConstructor; default: boolean; }; okButtonProps: { type: import("vue").PropType; }; cancelButtonProps: { type: import("vue").PropType; }; unmountOnClose: BooleanConstructor; width: { type: (StringConstructor | NumberConstructor)[]; default: number; }; height: { type: (StringConstructor | NumberConstructor)[]; default: number; }; popupContainer: { type: import("vue").PropType; default: string; }; drawerStyle: { type: import("vue").PropType; }; bodyClass: { type: import("vue").PropType; }; bodyStyle: { type: import("vue").PropType; }; onBeforeOk: { type: import("vue").PropType<(done: (closed: boolean) => void) => boolean | void | Promise>; }; onBeforeCancel: { type: import("vue").PropType<() => boolean>; }; escToClose: { type: BooleanConstructor; default: boolean; }; renderToBody: { type: BooleanConstructor; default: boolean; }; header: { type: BooleanConstructor; default: boolean; }; footer: { type: BooleanConstructor; default: boolean; }; hideCancel: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onOpen?: (() => any) | undefined; onCancel?: ((e: Event) => any) | undefined; onClose?: (() => any) | undefined; "onUpdate:visible"?: ((visible: boolean) => any) | undefined; onOk?: ((e: Event) => any) | undefined; onBeforeOpen?: (() => any) | undefined; onBeforeClose?: (() => any) | undefined; }>, { prefixCls: string; classNames: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; style: import("vue").ComputedRef; t: (key: string, ...args: any[]) => string; mounted: import("vue").Ref; computedVisible: import("vue").ComputedRef; mergedOkLoading: import("vue").ComputedRef; zIndex: Readonly>; handleOk: (e: Event) => Promise; handleCancel: (e: Event) => void; handleOpen: () => void; handleClose: () => void; handleMask: (e: Event) => void; isFixed: import("vue").ComputedRef; teleportContainer: import("vue").Ref; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { 'update:visible': (visible: boolean) => true; ok: (e: Event) => true; cancel: (e: Event) => true; open: () => true; close: () => true; beforeOpen: () => true; beforeClose: () => true; }, import("vue").PublicProps, { footer: boolean; header: boolean; mask: boolean; height: string | number; closable: boolean; visible: boolean; unmountOnClose: boolean; popupContainer: string | HTMLElement; renderToBody: boolean; width: string | number; defaultVisible: boolean; maskClosable: boolean; escToClose: boolean; placement: "top" | "bottom" | "left" | "right"; okLoading: boolean; hideCancel: boolean; }, true, {}, {}, { ClientOnly: import("vue").DefineComponent<{}, () => import("vue").VNode[] | null | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; ArcoButton: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; long: { type: BooleanConstructor; default: boolean; }; loading: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; }; htmlType: { type: import("vue").PropType; default: string; }; autofocus: { type: BooleanConstructor; default: boolean; }; href: StringConstructor; }>> & Readonly<{ onClick?: ((ev: MouseEvent) => any) | undefined; }>, { prefixCls: string; cls: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; mergedDisabled: import("vue").ComputedRef; handleClick: (ev: MouseEvent) => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { click: (ev: MouseEvent) => true; }, import("vue").PublicProps, { disabled: boolean; autofocus: boolean; loading: boolean; long: boolean; htmlType: string; }, true, {}, {}, { IconLoading: any; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; long: { type: BooleanConstructor; default: boolean; }; loading: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; }; htmlType: { type: import("vue").PropType; default: string; }; autofocus: { type: BooleanConstructor; default: boolean; }; href: StringConstructor; }>> & Readonly<{ onClick?: ((ev: MouseEvent) => any) | undefined; }>, { prefixCls: string; cls: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; mergedDisabled: import("vue").ComputedRef; handleClick: (ev: MouseEvent) => void; }, {}, {}, {}, { disabled: boolean; autofocus: boolean; loading: boolean; long: boolean; htmlType: string; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & import("vue").ComponentOptionsBase; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; long: { type: BooleanConstructor; default: boolean; }; loading: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; }; htmlType: { type: import("vue").PropType; default: string; }; autofocus: { type: BooleanConstructor; default: boolean; }; href: StringConstructor; }>> & Readonly<{ onClick?: ((ev: MouseEvent) => any) | undefined; }>, { prefixCls: string; cls: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; mergedDisabled: import("vue").ComputedRef; handleClick: (ev: MouseEvent) => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { click: (ev: MouseEvent) => true; }, string, { disabled: boolean; autofocus: boolean; loading: boolean; long: boolean; htmlType: string; }, {}, string, {}, { IconLoading: any; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & { Group: import("vue").DefineComponent; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; disabled: { type: BooleanConstructor; }; }>, { prefixCls: string; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; disabled: { type: BooleanConstructor; }; }>> & Readonly<{}>, { disabled: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; install: (app: App, options?: ArcoOptions | undefined) => void; }; IconHover: import("vue").DefineComponent; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; }>, { prefixCls: string; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{}>, { size: "mini" | "small" | "medium" | "large"; disabled: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; IconClose: any; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly; default: string; validator: (value: any) => boolean; }; title: StringConstructor; mask: { type: BooleanConstructor; default: boolean; }; maskClosable: { type: BooleanConstructor; default: boolean; }; closable: { type: BooleanConstructor; default: boolean; }; okText: StringConstructor; cancelText: StringConstructor; okLoading: { type: BooleanConstructor; default: boolean; }; okButtonProps: { type: import("vue").PropType; }; cancelButtonProps: { type: import("vue").PropType; }; unmountOnClose: BooleanConstructor; width: { type: (StringConstructor | NumberConstructor)[]; default: number; }; height: { type: (StringConstructor | NumberConstructor)[]; default: number; }; popupContainer: { type: import("vue").PropType; default: string; }; drawerStyle: { type: import("vue").PropType; }; bodyClass: { type: import("vue").PropType; }; bodyStyle: { type: import("vue").PropType; }; onBeforeOk: { type: import("vue").PropType<(done: (closed: boolean) => void) => boolean | void | Promise>; }; onBeforeCancel: { type: import("vue").PropType<() => boolean>; }; escToClose: { type: BooleanConstructor; default: boolean; }; renderToBody: { type: BooleanConstructor; default: boolean; }; header: { type: BooleanConstructor; default: boolean; }; footer: { type: BooleanConstructor; default: boolean; }; hideCancel: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onOpen?: (() => any) | undefined; onCancel?: ((e: Event) => any) | undefined; onClose?: (() => any) | undefined; "onUpdate:visible"?: ((visible: boolean) => any) | undefined; onOk?: ((e: Event) => any) | undefined; onBeforeOpen?: (() => any) | undefined; onBeforeClose?: (() => any) | undefined; }>, { prefixCls: string; classNames: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; style: import("vue").ComputedRef; t: (key: string, ...args: any[]) => string; mounted: import("vue").Ref; computedVisible: import("vue").ComputedRef; mergedOkLoading: import("vue").ComputedRef; zIndex: Readonly>; handleOk: (e: Event) => Promise; handleCancel: (e: Event) => void; handleOpen: () => void; handleClose: () => void; handleMask: (e: Event) => void; isFixed: import("vue").ComputedRef; teleportContainer: import("vue").Ref; }, {}, {}, {}, { footer: boolean; header: boolean; mask: boolean; height: string | number; closable: boolean; visible: boolean; unmountOnClose: boolean; popupContainer: string | HTMLElement; renderToBody: boolean; width: string | number; defaultVisible: boolean; maskClosable: boolean; escToClose: boolean; placement: "top" | "bottom" | "left" | "right"; okLoading: boolean; hideCancel: boolean; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & import("vue").ComponentOptionsBase; default: string; validator: (value: any) => boolean; }; title: StringConstructor; mask: { type: BooleanConstructor; default: boolean; }; maskClosable: { type: BooleanConstructor; default: boolean; }; closable: { type: BooleanConstructor; default: boolean; }; okText: StringConstructor; cancelText: StringConstructor; okLoading: { type: BooleanConstructor; default: boolean; }; okButtonProps: { type: import("vue").PropType; }; cancelButtonProps: { type: import("vue").PropType; }; unmountOnClose: BooleanConstructor; width: { type: (StringConstructor | NumberConstructor)[]; default: number; }; height: { type: (StringConstructor | NumberConstructor)[]; default: number; }; popupContainer: { type: import("vue").PropType; default: string; }; drawerStyle: { type: import("vue").PropType; }; bodyClass: { type: import("vue").PropType; }; bodyStyle: { type: import("vue").PropType; }; onBeforeOk: { type: import("vue").PropType<(done: (closed: boolean) => void) => boolean | void | Promise>; }; onBeforeCancel: { type: import("vue").PropType<() => boolean>; }; escToClose: { type: BooleanConstructor; default: boolean; }; renderToBody: { type: BooleanConstructor; default: boolean; }; header: { type: BooleanConstructor; default: boolean; }; footer: { type: BooleanConstructor; default: boolean; }; hideCancel: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{ onOpen?: (() => any) | undefined; onCancel?: ((e: Event) => any) | undefined; onClose?: (() => any) | undefined; "onUpdate:visible"?: ((visible: boolean) => any) | undefined; onOk?: ((e: Event) => any) | undefined; onBeforeOpen?: (() => any) | undefined; onBeforeClose?: (() => any) | undefined; }>, { prefixCls: string; classNames: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; style: import("vue").ComputedRef; t: (key: string, ...args: any[]) => string; mounted: import("vue").Ref; computedVisible: import("vue").ComputedRef; mergedOkLoading: import("vue").ComputedRef; zIndex: Readonly>; handleOk: (e: Event) => Promise; handleCancel: (e: Event) => void; handleOpen: () => void; handleClose: () => void; handleMask: (e: Event) => void; isFixed: import("vue").ComputedRef; teleportContainer: import("vue").Ref; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { 'update:visible': (visible: boolean) => true; ok: (e: Event) => true; cancel: (e: Event) => true; open: () => true; close: () => true; beforeOpen: () => true; beforeClose: () => true; }, string, { footer: boolean; header: boolean; mask: boolean; height: string | number; closable: boolean; visible: boolean; unmountOnClose: boolean; popupContainer: string | HTMLElement; renderToBody: boolean; width: string | number; defaultVisible: boolean; maskClosable: boolean; escToClose: boolean; placement: "top" | "bottom" | "left" | "right"; okLoading: boolean; hideCancel: boolean; }, {}, string, {}, { ClientOnly: import("vue").DefineComponent<{}, () => import("vue").VNode[] | null | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; ArcoButton: { new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; long: { type: BooleanConstructor; default: boolean; }; loading: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; }; htmlType: { type: import("vue").PropType; default: string; }; autofocus: { type: BooleanConstructor; default: boolean; }; href: StringConstructor; }>> & Readonly<{ onClick?: ((ev: MouseEvent) => any) | undefined; }>, { prefixCls: string; cls: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; mergedDisabled: import("vue").ComputedRef; handleClick: (ev: MouseEvent) => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { click: (ev: MouseEvent) => true; }, import("vue").PublicProps, { disabled: boolean; autofocus: boolean; loading: boolean; long: boolean; htmlType: string; }, true, {}, {}, { IconLoading: any; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; long: { type: BooleanConstructor; default: boolean; }; loading: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; }; htmlType: { type: import("vue").PropType; default: string; }; autofocus: { type: BooleanConstructor; default: boolean; }; href: StringConstructor; }>> & Readonly<{ onClick?: ((ev: MouseEvent) => any) | undefined; }>, { prefixCls: string; cls: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; mergedDisabled: import("vue").ComputedRef; handleClick: (ev: MouseEvent) => void; }, {}, {}, {}, { disabled: boolean; autofocus: boolean; loading: boolean; long: boolean; htmlType: string; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & import("vue").ComponentOptionsBase; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; long: { type: BooleanConstructor; default: boolean; }; loading: { type: BooleanConstructor; default: boolean; }; disabled: { type: BooleanConstructor; }; htmlType: { type: import("vue").PropType; default: string; }; autofocus: { type: BooleanConstructor; default: boolean; }; href: StringConstructor; }>> & Readonly<{ onClick?: ((ev: MouseEvent) => any) | undefined; }>, { prefixCls: string; cls: import("vue").ComputedRef<(string | { [x: string]: boolean; })[]>; mergedDisabled: import("vue").ComputedRef; handleClick: (ev: MouseEvent) => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { click: (ev: MouseEvent) => true; }, string, { disabled: boolean; autofocus: boolean; loading: boolean; long: boolean; htmlType: string; }, {}, string, {}, { IconLoading: any; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & { Group: import("vue").DefineComponent; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; disabled: { type: BooleanConstructor; }; }>, { prefixCls: string; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; }; status: { type: import("vue").PropType<"normal" | "success" | "warning" | "danger">; }; shape: { type: import("vue").PropType<"circle" | "round" | "square">; }; size: { type: import("vue").PropType<"mini" | "small" | "medium" | "large">; }; disabled: { type: BooleanConstructor; }; }>> & Readonly<{}>, { disabled: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; install: (app: App, options?: ArcoOptions | undefined) => void; }; IconHover: import("vue").DefineComponent; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; }>, { prefixCls: string; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; default: string; }; disabled: { type: BooleanConstructor; default: boolean; }; }>> & Readonly<{}>, { size: "mini" | "small" | "medium" | "large"; disabled: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; IconClose: any; } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & { open: (config: DrawerConfig, appContext?: AppContext | undefined) => { close: () => void; update: (config: DrawerUpdateConfig) => void; }; install: (app: App, options?: ArcoOptions | undefined) => void; _context: AppContext | null; }; export type { DrawerMethod, DrawerConfig, DrawerReturn } from './interface'; export declare type DrawerInstance = InstanceType; export default Drawer;