vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
986 lines • 61.5 kB
TypeScript
import { nextTick, VNode, CSSProperties, Slot } from 'vue';
export interface Column {
title?: string;
align?: 'left' | 'center' | 'right';
width?: string | number;
className?: string;
colSpan?: number;
dataIndex?: string;
key?: string;
ellipsis?: boolean;
ellipsisProps?: object;
fixed?: 'left' | 'right';
slot?: string;
children?: Column[];
showSorterTooltip?: boolean;
sortTooltipProps?: object;
defaultSortOrder?: 'ascend' | 'descend';
sortDirections?: ('ascend' | 'descend')[];
sorter?: Function;
customCell?: (record: Record<string, any>, rowIndex: number, column: Column) => object | undefined;
[propName: string]: any;
}
export interface Selection {
columnTitle?: string | VNode;
columnWidth?: string | number;
fixed?: boolean;
hideSelectAll?: boolean;
type?: 'checkbox' | 'radio';
selectedRowKeys?: string[];
onChange?: (selectedRowKeys: string[], selectedRows: Record<string, any>[]) => void;
onSelect?: (record: Record<string, any>, selected: boolean, selectedRows: Record<string, any>[], selectedRowKeys: string[]) => void;
onSelectAll?: (selected: boolean, selectedRows: Record<string, any>[], changeRows: Record<string, any>[], selectedRowKeys: string[], changeRowKeys: string[]) => void;
getSelectionProps?: (record: Record<string, any>, rowIndex: number) => object;
}
export type ScrollOption = {
initialScrollPositionOnChange?: boolean;
x?: string | number | true;
y?: string | number;
};
export interface Props {
header?: string;
footer?: string;
columns?: Column[];
dataSource?: object[];
bordered?: boolean;
rowClassName?: string | ((record: Record<string, any>, rowIndex: number) => string);
size?: 'large' | 'middle' | 'small';
striped?: boolean;
loading?: boolean;
spinProps?: object;
emptyProps?: object;
ellipsisProps?: object;
showSorterTooltip?: boolean;
sortDirections?: ('ascend' | 'descend')[];
sortTooltipProps?: object;
sticky?: boolean;
showPagination?: boolean;
pagination?: object;
rowKey?: string | ((record: Record<string, any>, index?: number) => string);
rowSelection?: Selection;
scroll?: ScrollOption;
scrollbarProps?: object;
tableLayout?: 'auto' | 'fixed';
showExpandColumn?: boolean;
expandColumnTitle?: string;
expandColumnWidth?: string | number;
expandCell?: Slot;
expandedRowRender?: Slot;
expandFixed?: boolean;
expandedRowKeys?: string[];
expandRowByClick?: boolean;
}
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
header?(_: {}): any;
expandColumnTitle?(_: {}): any;
expandColumnTitle?(_: {}): any;
headerCell?(_: {
column: Column;
title: string | undefined;
}): any;
headerCell?(_: {
column: Column;
title: string | undefined;
}): any;
headerCell?(_: {
column: Column;
title: string | undefined;
}): any;
headerCell?(_: {
column: Column;
title: string | undefined;
}): any;
headerCell?(_: {
column: Column;
title: string | undefined;
}): any;
headerCell?(_: {
column: Column;
title: string | undefined;
}): any;
headerCell?(_: {
column: Column;
title: string | undefined;
}): any;
headerCell?(_: {
column: Column;
title: string | undefined;
}): any;
expandCell?(_: {
record: Record<string, any>;
index: number;
expanded: boolean;
}): any;
expandCell?(_: {
record: Record<string, any>;
index: number;
expanded: boolean;
}): any;
bodyCell?(_: {
column: {
[x: string]: any;
title?: string | undefined;
align?: "left" | "center" | "right" | undefined;
width?: string | number | undefined;
className?: string | undefined;
colSpan?: number | undefined;
dataIndex?: string | undefined;
key?: string | undefined;
ellipsis?: boolean | undefined;
ellipsisProps?: object | undefined;
fixed?: "left" | "right" | undefined;
slot?: string | undefined;
children?: any[] | undefined;
showSorterTooltip?: boolean | undefined;
sortTooltipProps?: object | undefined;
defaultSortOrder?: "ascend" | "descend" | undefined;
sortDirections?: ("ascend" | "descend")[] | undefined;
sorter?: Function | undefined;
customCell?: ((record: Record<string, any>, rowIndex: number, column: Column) => object | undefined) | undefined;
};
record: Record<string, any>;
text: any;
index: number;
}): any;
bodyCell?(_: {
column: {
[x: string]: any;
title?: string | undefined;
align?: "left" | "center" | "right" | undefined;
width?: string | number | undefined;
className?: string | undefined;
colSpan?: number | undefined;
dataIndex?: string | undefined;
key?: string | undefined;
ellipsis?: boolean | undefined;
ellipsisProps?: object | undefined;
fixed?: "left" | "right" | undefined;
slot?: string | undefined;
children?: any[] | undefined;
showSorterTooltip?: boolean | undefined;
sortTooltipProps?: object | undefined;
defaultSortOrder?: "ascend" | "descend" | undefined;
sortDirections?: ("ascend" | "descend")[] | undefined;
sorter?: Function | undefined;
customCell?: ((record: Record<string, any>, rowIndex: number, column: Column) => object | undefined) | undefined;
};
record: Record<string, any>;
text: any;
index: number;
}): any;
bodyCell?(_: {
column: {
[x: string]: any;
title?: string | undefined;
align?: "left" | "center" | "right" | undefined;
width?: string | number | undefined;
className?: string | undefined;
colSpan?: number | undefined;
dataIndex?: string | undefined;
key?: string | undefined;
ellipsis?: boolean | undefined;
ellipsisProps?: object | undefined;
fixed?: "left" | "right" | undefined;
slot?: string | undefined;
children?: any[] | undefined;
showSorterTooltip?: boolean | undefined;
sortTooltipProps?: object | undefined;
defaultSortOrder?: "ascend" | "descend" | undefined;
sortDirections?: ("ascend" | "descend")[] | undefined;
sorter?: Function | undefined;
customCell?: ((record: Record<string, any>, rowIndex: number, column: Column) => object | undefined) | undefined;
};
record: Record<string, any>;
text: any;
index: number;
}): any;
bodyCell?(_: {
column: {
[x: string]: any;
title?: string | undefined;
align?: "left" | "center" | "right" | undefined;
width?: string | number | undefined;
className?: string | undefined;
colSpan?: number | undefined;
dataIndex?: string | undefined;
key?: string | undefined;
ellipsis?: boolean | undefined;
ellipsisProps?: object | undefined;
fixed?: "left" | "right" | undefined;
slot?: string | undefined;
children?: any[] | undefined;
showSorterTooltip?: boolean | undefined;
sortTooltipProps?: object | undefined;
defaultSortOrder?: "ascend" | "descend" | undefined;
sortDirections?: ("ascend" | "descend")[] | undefined;
sorter?: Function | undefined;
customCell?: ((record: Record<string, any>, rowIndex: number, column: Column) => object | undefined) | undefined;
};
record: Record<string, any>;
text: any;
index: number;
}): any;
expandedRowRender?(_: {
record: Record<string, any>;
index: number;
expanded: boolean;
}): any;
expandedRowRender?(_: {
record: Record<string, any>;
index: number;
expanded: boolean;
}): any;
expandedRowRender?(_: {
record: Record<string, any>;
index: number;
expanded: boolean;
}): any;
expandedRowRender?(_: {
record: Record<string, any>;
index: number;
expanded: boolean;
}): any;
footer?(_: {}): any;
};
refs: {
tableRef: HTMLDivElement;
scrollbarRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly contentClass?: string | undefined;
readonly contentStyle?: CSSProperties | undefined;
readonly size?: number | undefined;
readonly trigger?: "hover" | "none" | undefined;
readonly autoHide?: boolean | undefined;
readonly delay?: number | undefined;
readonly xScrollable?: boolean | undefined;
readonly yScrollable?: boolean | undefined;
readonly xPlacement?: "top" | "bottom" | undefined;
readonly yPlacement?: "left" | "right" | undefined;
readonly onScroll?: ((...args: any[]) => any) | undefined;
readonly onScrollend?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
containerRef: HTMLDivElement;
contentRef: HTMLDivElement;
railVerticalRef: HTMLDivElement;
railHorizontalRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "scroll", ...args: any[]) => void) & ((event: "scrollend", ...args: any[]) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('../scrollbar').Props> & Readonly<{
onScroll?: ((...args: any[]) => any) | undefined;
onScrollend?: ((...args: any[]) => any) | undefined;
}>, {
scrollTo: (...args: any[]) => void;
scrollBy: (...args: any[]) => void;
getScrollData: () => object;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
scroll: (...args: any[]) => void;
scrollend: (...args: any[]) => void;
}, string, {
size: number;
contentClass: string;
contentStyle: CSSProperties;
trigger: "hover" | "none";
autoHide: boolean;
delay: number;
xScrollable: boolean;
yScrollable: boolean;
xPlacement: "top" | "bottom";
yPlacement: "left" | "right";
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: number;
contentClass: string;
contentStyle: CSSProperties;
trigger: "hover" | "none";
autoHide: boolean;
delay: number;
xScrollable: boolean;
yScrollable: boolean;
xPlacement: "top" | "bottom";
yPlacement: "left" | "right";
}> & Omit<Readonly<import('../scrollbar').Props> & Readonly<{
onScroll?: ((...args: any[]) => any) | undefined;
onScrollend?: ((...args: any[]) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getScrollData" | ("size" | "contentClass" | "contentStyle" | "trigger" | "autoHide" | "delay" | "xScrollable" | "yScrollable" | "xPlacement" | "yPlacement")> & import('vue').ShallowUnwrapRef<{
scrollTo: (...args: any[]) => void;
scrollBy: (...args: any[]) => void;
getScrollData: () => object;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
};
}) | null;
colExpandRef: HTMLTableColElement;
colSelectionRef: HTMLTableColElement;
colRef: HTMLTableColElement[];
tooltipRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly maxWidth?: string | number | undefined;
readonly content?: string | undefined;
readonly contentClass?: string | undefined;
readonly contentStyle?: CSSProperties | undefined;
readonly tooltip?: string | undefined;
readonly tooltipClass?: string | undefined;
readonly tooltipStyle?: CSSProperties | undefined;
readonly bgColor?: string | undefined;
readonly arrow?: boolean | undefined;
readonly placement?: "top" | "bottom" | "left" | "right" | undefined;
readonly flip?: boolean | undefined;
readonly trigger?: "hover" | "click" | undefined;
readonly keyboard?: boolean | undefined;
readonly to?: (string | HTMLElement | false) | undefined;
readonly transitionDuration?: number | undefined;
readonly showDelay?: number | undefined;
readonly hideDelay?: number | undefined;
readonly show?: boolean | undefined;
readonly showControl?: boolean | undefined;
readonly onAnimationend?: ((...args: any[]) => any) | undefined;
readonly "onUpdate:show"?: ((...args: any[]) => any) | undefined;
readonly onOpenChange?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
tooltipRef: HTMLDivElement;
tooltipCardRef: HTMLDivElement;
tooltipContentRef: HTMLSpanElement;
};
$slots: Readonly<{
[name: string]: Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "animationend", ...args: any[]) => void) & ((event: "update:show", ...args: any[]) => void) & ((event: "openChange", ...args: any[]) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('../tooltip').Props> & Readonly<{
onAnimationend?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
onOpenChange?: ((...args: any[]) => any) | undefined;
}>, {
show: () => void;
hide: () => void;
observeScroll: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
animationend: (...args: any[]) => void;
"update:show": (...args: any[]) => void;
openChange: (...args: any[]) => void;
}, string, {
maxWidth: string | number;
content: string;
contentClass: string;
contentStyle: CSSProperties;
tooltip: string;
tooltipClass: string;
tooltipStyle: CSSProperties;
bgColor: string;
arrow: boolean;
placement: "top" | "bottom" | "left" | "right";
flip: boolean;
trigger: "hover" | "click";
keyboard: boolean;
to: string | HTMLElement | false;
transitionDuration: number;
showDelay: number;
hideDelay: number;
show: boolean;
showControl: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
maxWidth: string | number;
content: string;
contentClass: string;
contentStyle: CSSProperties;
tooltip: string;
tooltipClass: string;
tooltipStyle: CSSProperties;
bgColor: string;
arrow: boolean;
placement: "top" | "bottom" | "left" | "right";
flip: boolean;
trigger: "hover" | "click";
keyboard: boolean;
to: string | HTMLElement | false;
transitionDuration: number;
showDelay: number;
hideDelay: number;
show: boolean;
showControl: boolean;
}> & Omit<Readonly<import('../tooltip').Props> & Readonly<{
onAnimationend?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
onOpenChange?: ((...args: any[]) => any) | undefined;
}>, "hide" | "observeScroll" | ("maxWidth" | "content" | "contentClass" | "contentStyle" | "tooltip" | "tooltipClass" | "tooltipStyle" | "bgColor" | "arrow" | "placement" | "flip" | "trigger" | "keyboard" | "to" | "transitionDuration" | "showDelay" | "hideDelay" | "show" | "showControl")> & import('vue').ShallowUnwrapRef<{
show: () => void;
hide: () => void;
observeScroll: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
tooltip?(_: {}): any;
default?(_: {}): any;
};
}) | null;
ellipsisRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly maxWidth?: string | number | undefined;
readonly tooltipMaxWidth?: string | number | undefined;
readonly line?: number | undefined;
readonly expand?: boolean | undefined;
readonly tooltip?: boolean | undefined;
readonly onExpandChange?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
tooltipRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly maxWidth?: string | number | undefined;
readonly content?: string | undefined;
readonly contentClass?: string | undefined;
readonly contentStyle?: CSSProperties | undefined;
readonly tooltip?: string | undefined;
readonly tooltipClass?: string | undefined;
readonly tooltipStyle?: CSSProperties | undefined;
readonly bgColor?: string | undefined;
readonly arrow?: boolean | undefined;
readonly placement?: "top" | "bottom" | "left" | "right" | undefined;
readonly flip?: boolean | undefined;
readonly trigger?: "hover" | "click" | undefined;
readonly keyboard?: boolean | undefined;
readonly to?: (string | HTMLElement | false) | undefined;
readonly transitionDuration?: number | undefined;
readonly showDelay?: number | undefined;
readonly hideDelay?: number | undefined;
readonly show?: boolean | undefined;
readonly showControl?: boolean | undefined;
readonly onAnimationend?: ((...args: any[]) => any) | undefined;
readonly "onUpdate:show"?: ((...args: any[]) => any) | undefined;
readonly onOpenChange?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
tooltipRef: HTMLDivElement;
tooltipCardRef: HTMLDivElement;
tooltipContentRef: HTMLSpanElement;
};
$slots: Readonly<{
[name: string]: Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "animationend", ...args: any[]) => void) & ((event: "update:show", ...args: any[]) => void) & ((event: "openChange", ...args: any[]) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('../tooltip').Props> & Readonly<{
onAnimationend?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
onOpenChange?: ((...args: any[]) => any) | undefined;
}>, {
show: () => void;
hide: () => void;
observeScroll: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
animationend: (...args: any[]) => void;
"update:show": (...args: any[]) => void;
openChange: (...args: any[]) => void;
}, string, {
maxWidth: string | number;
content: string;
contentClass: string;
contentStyle: CSSProperties;
tooltip: string;
tooltipClass: string;
tooltipStyle: CSSProperties;
bgColor: string;
arrow: boolean;
placement: "top" | "bottom" | "left" | "right";
flip: boolean;
trigger: "hover" | "click";
keyboard: boolean;
to: string | HTMLElement | false;
transitionDuration: number;
showDelay: number;
hideDelay: number;
show: boolean;
showControl: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
maxWidth: string | number;
content: string;
contentClass: string;
contentStyle: CSSProperties;
tooltip: string;
tooltipClass: string;
tooltipStyle: CSSProperties;
bgColor: string;
arrow: boolean;
placement: "top" | "bottom" | "left" | "right";
flip: boolean;
trigger: "hover" | "click";
keyboard: boolean;
to: string | HTMLElement | false;
transitionDuration: number;
showDelay: number;
hideDelay: number;
show: boolean;
showControl: boolean;
}> & Omit<Readonly<import('../tooltip').Props> & Readonly<{
onAnimationend?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
onOpenChange?: ((...args: any[]) => any) | undefined;
}>, "hide" | "observeScroll" | ("maxWidth" | "content" | "contentClass" | "contentStyle" | "tooltip" | "tooltipClass" | "tooltipStyle" | "bgColor" | "arrow" | "placement" | "flip" | "trigger" | "keyboard" | "to" | "transitionDuration" | "showDelay" | "hideDelay" | "show" | "showControl")> & import('vue').ShallowUnwrapRef<{
show: () => void;
hide: () => void;
observeScroll: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
tooltip?(_: {}): any;
default?(_: {}): any;
};
}) | null;
ellipsisRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "expandChange", ...args: any[]) => void;
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('../ellipsis').Props> & Readonly<{
onExpandChange?: ((...args: any[]) => any) | undefined;
}>, {
observeScroll: import('vue').Ref<any, any>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
expandChange: (...args: any[]) => void;
}, string, {
line: number;
maxWidth: string | number;
tooltip: boolean;
tooltipMaxWidth: string | number;
expand: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
line: number;
maxWidth: string | number;
tooltip: boolean;
tooltipMaxWidth: string | number;
expand: boolean;
}> & Omit<Readonly<import('../ellipsis').Props> & Readonly<{
onExpandChange?: ((...args: any[]) => any) | undefined;
}>, "observeScroll" | ("line" | "maxWidth" | "tooltip" | "tooltipMaxWidth" | "expand")> & import('vue').ShallowUnwrapRef<{
observeScroll: import('vue').Ref<any, any>;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
tooltip?(_: {}): any;
default?(_: {}): any;
default?(_: {}): any;
};
}) | null;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
change: (...args: any[]) => void;
expand: (...args: any[]) => void;
expandedRowsChange: (...args: any[]) => void;
"update:expandedRowKeys": (...args: any[]) => void;
sortChange: (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
onChange?: ((...args: any[]) => any) | undefined;
onExpand?: ((...args: any[]) => any) | undefined;
onExpandedRowsChange?: ((...args: any[]) => any) | undefined;
"onUpdate:expandedRowKeys"?: ((...args: any[]) => any) | undefined;
onSortChange?: ((...args: any[]) => any) | undefined;
}>, {
scroll: ScrollOption;
size: "large" | "middle" | "small";
footer: string;
header: string;
bordered: boolean;
sticky: boolean;
loading: boolean;
tableLayout: "auto" | "fixed";
columns: Column[];
scrollbarProps: object;
spinProps: object;
emptyProps: object;
showPagination: boolean;
pagination: object;
ellipsisProps: object;
showSorterTooltip: boolean;
sortTooltipProps: object;
sortDirections: ("ascend" | "descend")[];
dataSource: object[];
rowClassName: string | ((record: Record<string, any>, rowIndex: number) => string);
striped: boolean;
rowKey: string | ((record: Record<string, any>, index?: number) => string);
rowSelection: Selection;
showExpandColumn: boolean;
expandColumnTitle: string;
expandColumnWidth: string | number;
expandCell: Slot;
expandedRowRender: Slot;
expandFixed: boolean;
expandedRowKeys: string[];
expandRowByClick: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
tableRef: HTMLDivElement;
scrollbarRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly contentClass?: string | undefined;
readonly contentStyle?: CSSProperties | undefined;
readonly size?: number | undefined;
readonly trigger?: "hover" | "none" | undefined;
readonly autoHide?: boolean | undefined;
readonly delay?: number | undefined;
readonly xScrollable?: boolean | undefined;
readonly yScrollable?: boolean | undefined;
readonly xPlacement?: "top" | "bottom" | undefined;
readonly yPlacement?: "left" | "right" | undefined;
readonly onScroll?: ((...args: any[]) => any) | undefined;
readonly onScrollend?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
containerRef: HTMLDivElement;
contentRef: HTMLDivElement;
railVerticalRef: HTMLDivElement;
railHorizontalRef: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "scroll", ...args: any[]) => void) & ((event: "scrollend", ...args: any[]) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('../scrollbar').Props> & Readonly<{
onScroll?: ((...args: any[]) => any) | undefined;
onScrollend?: ((...args: any[]) => any) | undefined;
}>, {
scrollTo: (...args: any[]) => void;
scrollBy: (...args: any[]) => void;
getScrollData: () => object;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
scroll: (...args: any[]) => void;
scrollend: (...args: any[]) => void;
}, string, {
size: number;
contentClass: string;
contentStyle: CSSProperties;
trigger: "hover" | "none";
autoHide: boolean;
delay: number;
xScrollable: boolean;
yScrollable: boolean;
xPlacement: "top" | "bottom";
yPlacement: "left" | "right";
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
size: number;
contentClass: string;
contentStyle: CSSProperties;
trigger: "hover" | "none";
autoHide: boolean;
delay: number;
xScrollable: boolean;
yScrollable: boolean;
xPlacement: "top" | "bottom";
yPlacement: "left" | "right";
}> & Omit<Readonly<import('../scrollbar').Props> & Readonly<{
onScroll?: ((...args: any[]) => any) | undefined;
onScrollend?: ((...args: any[]) => any) | undefined;
}>, "scrollTo" | "scrollBy" | "getScrollData" | ("size" | "contentClass" | "contentStyle" | "trigger" | "autoHide" | "delay" | "xScrollable" | "yScrollable" | "xPlacement" | "yPlacement")> & import('vue').ShallowUnwrapRef<{
scrollTo: (...args: any[]) => void;
scrollBy: (...args: any[]) => void;
getScrollData: () => object;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
default?(_: {}): any;
};
}) | null;
colExpandRef: HTMLTableColElement;
colSelectionRef: HTMLTableColElement;
colRef: HTMLTableColElement[];
tooltipRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly maxWidth?: string | number | undefined;
readonly content?: string | undefined;
readonly contentClass?: string | undefined;
readonly contentStyle?: CSSProperties | undefined;
readonly tooltip?: string | undefined;
readonly tooltipClass?: string | undefined;
readonly tooltipStyle?: CSSProperties | undefined;
readonly bgColor?: string | undefined;
readonly arrow?: boolean | undefined;
readonly placement?: "top" | "bottom" | "left" | "right" | undefined;
readonly flip?: boolean | undefined;
readonly trigger?: "hover" | "click" | undefined;
readonly keyboard?: boolean | undefined;
readonly to?: (string | HTMLElement | false) | undefined;
readonly transitionDuration?: number | undefined;
readonly showDelay?: number | undefined;
readonly hideDelay?: number | undefined;
readonly show?: boolean | undefined;
readonly showControl?: boolean | undefined;
readonly onAnimationend?: ((...args: any[]) => any) | undefined;
readonly "onUpdate:show"?: ((...args: any[]) => any) | undefined;
readonly onOpenChange?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
tooltipRef: HTMLDivElement;
tooltipCardRef: HTMLDivElement;
tooltipContentRef: HTMLSpanElement;
};
$slots: Readonly<{
[name: string]: Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "animationend", ...args: any[]) => void) & ((event: "update:show", ...args: any[]) => void) & ((event: "openChange", ...args: any[]) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<import('../tooltip').Props> & Readonly<{
onAnimationend?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
onOpenChange?: ((...args: any[]) => any) | undefined;
}>, {
show: () => void;
hide: () => void;
observeScroll: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
animationend: (...args: any[]) => void;
"update:show": (...args: any[]) => void;
openChange: (...args: any[]) => void;
}, string, {
maxWidth: string | number;
content: string;
contentClass: string;
contentStyle: CSSProperties;
tooltip: string;
tooltipClass: string;
tooltipStyle: CSSProperties;
bgColor: string;
arrow: boolean;
placement: "top" | "bottom" | "left" | "right";
flip: boolean;
trigger: "hover" | "click";
keyboard: boolean;
to: string | HTMLElement | false;
transitionDuration: number;
showDelay: number;
hideDelay: number;
show: boolean;
showControl: boolean;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
maxWidth: string | number;
content: string;
contentClass: string;
contentStyle: CSSProperties;
tooltip: string;
tooltipClass: string;
tooltipStyle: CSSProperties;
bgColor: string;
arrow: boolean;
placement: "top" | "bottom" | "left" | "right";
flip: boolean;
trigger: "hover" | "click";
keyboard: boolean;
to: string | HTMLElement | false;
transitionDuration: number;
showDelay: number;
hideDelay: number;
show: boolean;
showControl: boolean;
}> & Omit<Readonly<import('../tooltip').Props> & Readonly<{
onAnimationend?: ((...args: any[]) => any) | undefined;
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
onOpenChange?: ((...args: any[]) => any) | undefined;
}>, "hide" | "observeScroll" | ("maxWidth" | "content" | "contentClass" | "contentStyle" | "tooltip" | "tooltipClass" | "tooltipStyle" | "bgColor" | "arrow" | "placement" | "flip" | "trigger" | "keyboard" | "to" | "transitionDuration" | "showDelay" | "hideDelay" | "show" | "showControl")> & import('vue').ShallowUnwrapRef<{
show: () => void;
hide: () => void;
observeScroll: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: {
tooltip?(_: {}): any;
default?(_: {}): any;
};
}) | null;
ellipsisRef: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly maxWidth?: string | number | undefined;
readonly tooltipMaxWidth?: string | number | undefined;
readonly line?: number | undefined;
readonly expand?: boolean | undefined;
readonly tooltip?: boolean | undefined;
readonly onExpandChange?: ((...args: any[]) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: u