@tuoyuan/web
Version:
205 lines (204 loc) • 10.6 kB
TypeScript
export declare const ResizeBox: {
new (...args: any[]): {
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
component: string;
directions: ("top" | "bottom" | "left" | "right")[];
}> & Omit<Readonly<{
width?: unknown;
height?: unknown;
component?: unknown;
directions?: unknown;
} & {
component: string;
directions: ("top" | "bottom" | "left" | "right")[];
} & {
height?: number | undefined;
width?: number | undefined;
}> & {
"onUpdate:width"?: ((width: number) => any) | undefined;
"onUpdate:height"?: ((height: number) => any) | undefined;
onMovingStart?: ((ev: MouseEvent) => any) | undefined;
onMoving?: ((size: {
width: number;
height: number;
}, ev: MouseEvent) => any) | undefined;
onMovingEnd?: ((ev: MouseEvent) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "component" | "directions">;
$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: "update:width", width: number) => void) & ((event: "update:height", height: number) => void) & ((event: "movingStart", ev: MouseEvent) => void) & ((event: "moving", size: {
width: number;
height: number;
}, ev: MouseEvent) => void) & ((event: "movingEnd", ev: MouseEvent) => void);
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<{
width?: unknown;
height?: unknown;
component?: unknown;
directions?: unknown;
} & {
component: string;
directions: ("top" | "bottom" | "left" | "right")[];
} & {
height?: number | undefined;
width?: number | undefined;
}> & {
"onUpdate:width"?: ((width: number) => any) | undefined;
"onUpdate:height"?: ((height: number) => any) | undefined;
onMovingStart?: ((ev: MouseEvent) => any) | undefined;
onMoving?: ((size: {
width: number;
height: number;
}, ev: MouseEvent) => any) | undefined;
onMovingEnd?: ((ev: MouseEvent) => any) | undefined;
}, {
prefixCls: string;
classNames: import('vue').ComputedRef<string[]>;
styles: import('vue').ComputedRef<{
"padding-left"?: string | undefined;
"padding-right"?: string | undefined;
"padding-top"?: string | undefined;
"padding-bottom"?: string | undefined;
height?: string | undefined;
width?: string | undefined;
}>;
wrapperRef: import('vue').Ref<HTMLDivElement | undefined>;
onMoveStart: (direction: import('@tuoyuan/arco/es/resize-box/resize-box').DirectionType, e: MouseEvent) => void;
isHorizontal: (direction: import('@tuoyuan/arco/es/resize-box/resize-box').DirectionType) => boolean;
allowDirections: import('vue').ComputedRef<("top" | "bottom" | "left" | "right")[]>;
onTiggerResize: (direction: import('@tuoyuan/arco/es/resize-box/resize-box').DirectionType, entry: ResizeObserverEntry) => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:width": (width: number) => true;
"update:height": (height: number) => true;
movingStart: (ev: MouseEvent) => true;
moving: (size: {
width: number;
height: number;
}, ev: MouseEvent) => true;
movingEnd: (ev: MouseEvent) => true;
}, string, {
component: string;
directions: ("top" | "bottom" | "left" | "right")[];
}> & {
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<{
width?: unknown;
height?: unknown;
component?: unknown;
directions?: unknown;
} & {
component: string;
directions: ("top" | "bottom" | "left" | "right")[];
} & {
height?: number | undefined;
width?: number | undefined;
}> & {
"onUpdate:width"?: ((width: number) => any) | undefined;
"onUpdate:height"?: ((height: number) => any) | undefined;
onMovingStart?: ((ev: MouseEvent) => any) | undefined;
onMoving?: ((size: {
width: number;
height: number;
}, ev: MouseEvent) => any) | undefined;
onMovingEnd?: ((ev: MouseEvent) => any) | undefined;
} & import('vue').ShallowUnwrapRef<{
prefixCls: string;
classNames: import('vue').ComputedRef<string[]>;
styles: import('vue').ComputedRef<{
"padding-left"?: string | undefined;
"padding-right"?: string | undefined;
"padding-top"?: string | undefined;
"padding-bottom"?: string | undefined;
height?: string | undefined;
width?: string | undefined;
}>;
wrapperRef: import('vue').Ref<HTMLDivElement | undefined>;
onMoveStart: (direction: import('@tuoyuan/arco/es/resize-box/resize-box').DirectionType, e: MouseEvent) => void;
isHorizontal: (direction: import('@tuoyuan/arco/es/resize-box/resize-box').DirectionType) => boolean;
allowDirections: import('vue').ComputedRef<("top" | "bottom" | "left" | "right")[]>;
onTiggerResize: (direction: import('@tuoyuan/arco/es/resize-box/resize-box').DirectionType, entry: ResizeObserverEntry) => void;
}> & {} & {} & import('vue').ComponentCustomProperties;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import('vue').ComponentOptionsBase<Readonly<{
width?: unknown;
height?: unknown;
component?: unknown;
directions?: unknown;
} & {
component: string;
directions: ("top" | "bottom" | "left" | "right")[];
} & {
height?: number | undefined;
width?: number | undefined;
}> & {
"onUpdate:width"?: ((width: number) => any) | undefined;
"onUpdate:height"?: ((height: number) => any) | undefined;
onMovingStart?: ((ev: MouseEvent) => any) | undefined;
onMoving?: ((size: {
width: number;
height: number;
}, ev: MouseEvent) => any) | undefined;
onMovingEnd?: ((ev: MouseEvent) => any) | undefined;
}, {
prefixCls: string;
classNames: import('vue').ComputedRef<string[]>;
styles: import('vue').ComputedRef<{
"padding-left"?: string | undefined;
"padding-right"?: string | undefined;
"padding-top"?: string | undefined;
"padding-bottom"?: string | undefined;
height?: string | undefined;
width?: string | undefined;
}>;
wrapperRef: import('vue').Ref<HTMLDivElement | undefined>;
onMoveStart: (direction: import('@tuoyuan/arco/es/resize-box/resize-box').DirectionType, e: MouseEvent) => void;
isHorizontal: (direction: import('@tuoyuan/arco/es/resize-box/resize-box').DirectionType) => boolean;
allowDirections: import('vue').ComputedRef<("top" | "bottom" | "left" | "right")[]>;
onTiggerResize: (direction: import('@tuoyuan/arco/es/resize-box/resize-box').DirectionType, entry: ResizeObserverEntry) => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
'update:width': (width: number) => true;
'update:height': (height: number) => true;
movingStart: (ev: MouseEvent) => true;
moving: (size: {
width: number;
height: number;
}, ev: MouseEvent) => true;
movingEnd: (ev: MouseEvent) => true;
}, string, {
component: string;
directions: ("top" | "bottom" | "left" | "right")[];
}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
install: (app: import('vue').App, options?: import('@tuoyuan/arco/es/_utils/types').ArcoOptions | undefined) => void;
};
export default ResizeBox;