@tuoyuan/web
Version:
400 lines (399 loc) • 17.2 kB
TypeScript
export declare const Drawer: {
new (...args: any[]): {
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
header: boolean;
mask: boolean;
height: string | number;
closable: boolean;
width: string | number;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
placement: "top" | "bottom" | "left" | "right";
okLoading: boolean;
hideCancel: boolean;
}> & Omit<Readonly<{
visible?: unknown;
defaultVisible?: unknown;
placement?: unknown;
title?: unknown;
mask?: unknown;
maskClosable?: unknown;
closable?: unknown;
okText?: unknown;
cancelText?: unknown;
okLoading?: unknown;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
unmountOnClose?: unknown;
width?: unknown;
height?: unknown;
popupContainer?: unknown;
drawerStyle?: unknown;
onBeforeOk?: unknown;
onBeforeCancel?: unknown;
escToClose?: unknown;
renderToBody?: unknown;
header?: unknown;
footer?: unknown;
hideCancel?: unknown;
} & {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
header: boolean;
mask: boolean;
height: string | number;
closable: boolean;
width: string | number;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
placement: "top" | "bottom" | "left" | "right";
okLoading: boolean;
hideCancel: boolean;
} & {
title?: string | undefined;
okText?: string | undefined;
cancelText?: string | undefined;
okButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
cancelButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
drawerStyle?: import('vue').CSSProperties | undefined;
onBeforeOk?: ((done: (closed: boolean) => void) => boolean | void | Promise<boolean | void>) | undefined;
onBeforeCancel?: (() => boolean) | undefined;
}> & {
onClose?: (() => any) | undefined;
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
onOk?: ((e: Event) => any) | undefined;
onOpen?: (() => any) | undefined;
onCancel?: ((e: Event) => any) | undefined;
onBeforeOpen?: (() => any) | undefined;
onBeforeClose?: (() => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "unmountOnClose" | "popupContainer" | "renderToBody" | "visible" | "footer" | "header" | "mask" | "height" | "closable" | "width" | "defaultVisible" | "maskClosable" | "escToClose" | "placement" | "okLoading" | "hideCancel">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot | undefined;
}>;
$root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
$parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
$emit: ((event: "open") => void) & ((event: "cancel", e: Event) => void) & ((event: "close") => void) & ((event: "update:visible", visible: boolean) => void) & ((event: "ok", e: Event) => void) & ((event: "beforeOpen") => void) & ((event: "beforeClose") => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
visible?: unknown;
defaultVisible?: unknown;
placement?: unknown;
title?: unknown;
mask?: unknown;
maskClosable?: unknown;
closable?: unknown;
okText?: unknown;
cancelText?: unknown;
okLoading?: unknown;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
unmountOnClose?: unknown;
width?: unknown;
height?: unknown;
popupContainer?: unknown;
drawerStyle?: unknown;
onBeforeOk?: unknown;
onBeforeCancel?: unknown;
escToClose?: unknown;
renderToBody?: unknown;
header?: unknown;
footer?: unknown;
hideCancel?: unknown;
} & {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
header: boolean;
mask: boolean;
height: string | number;
closable: boolean;
width: string | number;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
placement: "top" | "bottom" | "left" | "right";
okLoading: boolean;
hideCancel: boolean;
} & {
title?: string | undefined;
okText?: string | undefined;
cancelText?: string | undefined;
okButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
cancelButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
drawerStyle?: import('vue').CSSProperties | undefined;
onBeforeOk?: ((done: (closed: boolean) => void) => boolean | void | Promise<boolean | void>) | undefined;
onBeforeCancel?: (() => boolean) | undefined;
}> & {
onClose?: (() => any) | undefined;
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
onOk?: ((e: Event) => any) | undefined;
onOpen?: (() => any) | undefined;
onCancel?: ((e: Event) => any) | undefined;
onBeforeOpen?: (() => any) | undefined;
onBeforeClose?: (() => any) | undefined;
}, {
prefixCls: string;
style: import('vue').ComputedRef<import('vue').CSSProperties>;
t: (key: string, ...args: any[]) => string;
mounted: import('vue').Ref<boolean>;
computedVisible: import('vue').ComputedRef<boolean>;
mergedOkLoading: import('vue').ComputedRef<boolean>;
zIndex: import('vue').Ref<number>;
handleOk: (e: Event) => Promise<void>;
handleCancel: (e: Event) => void;
handleOpen: () => void;
handleClose: () => void;
handleMask: (e: Event) => void;
isFixed: import('vue').ComputedRef<boolean>;
teleportContainer: import('vue').Ref<string | HTMLElement | undefined>;
}, unknown, {}, {}, 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, {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
header: boolean;
mask: boolean;
height: string | number;
closable: boolean;
width: string | number;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
placement: "top" | "bottom" | "left" | "right";
okLoading: boolean;
hideCancel: boolean;
}> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch(source: string | Function, cb: Function, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
} & Readonly<{
visible?: unknown;
defaultVisible?: unknown;
placement?: unknown;
title?: unknown;
mask?: unknown;
maskClosable?: unknown;
closable?: unknown;
okText?: unknown;
cancelText?: unknown;
okLoading?: unknown;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
unmountOnClose?: unknown;
width?: unknown;
height?: unknown;
popupContainer?: unknown;
drawerStyle?: unknown;
onBeforeOk?: unknown;
onBeforeCancel?: unknown;
escToClose?: unknown;
renderToBody?: unknown;
header?: unknown;
footer?: unknown;
hideCancel?: unknown;
} & {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
header: boolean;
mask: boolean;
height: string | number;
closable: boolean;
width: string | number;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
placement: "top" | "bottom" | "left" | "right";
okLoading: boolean;
hideCancel: boolean;
} & {
title?: string | undefined;
okText?: string | undefined;
cancelText?: string | undefined;
okButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
cancelButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
drawerStyle?: import('vue').CSSProperties | undefined;
onBeforeOk?: ((done: (closed: boolean) => void) => boolean | void | Promise<boolean | void>) | undefined;
onBeforeCancel?: (() => boolean) | undefined;
}> & {
onClose?: (() => any) | undefined;
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
onOk?: ((e: Event) => any) | undefined;
onOpen?: (() => any) | undefined;
onCancel?: ((e: Event) => any) | undefined;
onBeforeOpen?: (() => any) | undefined;
onBeforeClose?: (() => any) | undefined;
} & import('vue').ShallowUnwrapRef<{
prefixCls: string;
style: import('vue').ComputedRef<import('vue').CSSProperties>;
t: (key: string, ...args: any[]) => string;
mounted: import('vue').Ref<boolean>;
computedVisible: import('vue').ComputedRef<boolean>;
mergedOkLoading: import('vue').ComputedRef<boolean>;
zIndex: import('vue').Ref<number>;
handleOk: (e: Event) => Promise<void>;
handleCancel: (e: Event) => void;
handleOpen: () => void;
handleClose: () => void;
handleMask: (e: Event) => void;
isFixed: import('vue').ComputedRef<boolean>;
teleportContainer: import('vue').Ref<string | HTMLElement | undefined>;
}> & {} & {} & import('vue').ComponentCustomProperties;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import('vue').ComponentOptionsBase<Readonly<{
visible?: unknown;
defaultVisible?: unknown;
placement?: unknown;
title?: unknown;
mask?: unknown;
maskClosable?: unknown;
closable?: unknown;
okText?: unknown;
cancelText?: unknown;
okLoading?: unknown;
okButtonProps?: unknown;
cancelButtonProps?: unknown;
unmountOnClose?: unknown;
width?: unknown;
height?: unknown;
popupContainer?: unknown;
drawerStyle?: unknown;
onBeforeOk?: unknown;
onBeforeCancel?: unknown;
escToClose?: unknown;
renderToBody?: unknown;
header?: unknown;
footer?: unknown;
hideCancel?: unknown;
} & {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
header: boolean;
mask: boolean;
height: string | number;
closable: boolean;
width: string | number;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
placement: "top" | "bottom" | "left" | "right";
okLoading: boolean;
hideCancel: boolean;
} & {
title?: string | undefined;
okText?: string | undefined;
cancelText?: string | undefined;
okButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
cancelButtonProps?: import('@tuoyuan/arco').ButtonProps | undefined;
drawerStyle?: import('vue').CSSProperties | undefined;
onBeforeOk?: ((done: (closed: boolean) => void) => boolean | void | Promise<boolean | void>) | undefined;
onBeforeCancel?: (() => boolean) | undefined;
}> & {
onClose?: (() => any) | undefined;
"onUpdate:visible"?: ((visible: boolean) => any) | undefined;
onOk?: ((e: Event) => any) | undefined;
onOpen?: (() => any) | undefined;
onCancel?: ((e: Event) => any) | undefined;
onBeforeOpen?: (() => any) | undefined;
onBeforeClose?: (() => any) | undefined;
}, {
prefixCls: string;
style: import('vue').ComputedRef<import('vue').CSSProperties>;
t: (key: string, ...args: any[]) => string;
mounted: import('vue').Ref<boolean>;
computedVisible: import('vue').ComputedRef<boolean>;
mergedOkLoading: import('vue').ComputedRef<boolean>;
zIndex: import('vue').Ref<number>;
handleOk: (e: Event) => Promise<void>;
handleCancel: (e: Event) => void;
handleOpen: () => void;
handleClose: () => void;
handleMask: (e: Event) => void;
isFixed: import('vue').ComputedRef<boolean>;
teleportContainer: import('vue').Ref<string | HTMLElement | undefined>;
}, unknown, {}, {}, 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, {
unmountOnClose: boolean;
popupContainer: string | HTMLElement;
renderToBody: boolean;
visible: boolean;
footer: boolean;
header: boolean;
mask: boolean;
height: string | number;
closable: boolean;
width: string | number;
defaultVisible: boolean;
maskClosable: boolean;
escToClose: boolean;
placement: "top" | "bottom" | "left" | "right";
okLoading: boolean;
hideCancel: boolean;
}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
open: (config: import('@tuoyuan/arco').DrawerConfig, appContext?: import('vue').AppContext | undefined) => {
close: () => void;
update: (config: import('@tuoyuan/arco/es/drawer/interface').DrawerUpdateConfig) => void;
};
install: (app: import('vue').App, options?: import('@tuoyuan/arco/es/_utils/types').ArcoOptions | undefined) => void;
_context: import('vue').AppContext | null;
};
export default Drawer;