comic-plus
Version:
<p align="center"> <img width="200px" src="./logo.png"/> </p>
347 lines (346 loc) • 16.1 kB
TypeScript
export declare const CuTable: {
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly data: import('vue').PropType<import('./src/type').TableData[]>;
readonly border: BooleanConstructor;
readonly size: import('vue').PropType<import('../../utils').ComicSize>;
readonly showHeader: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly height: StringConstructor;
readonly maxHeight: StringConstructor;
readonly headerRowClass: StringConstructor;
readonly headerCellClass: import('vue').PropType<string | ((data: {
col: any;
colIndex: number;
}) => string)>;
readonly rowClass: import('vue').PropType<string | ((data: {
row: any;
rowIndex: number;
}) => string)>;
readonly cellClass: import('vue').PropType<string | ((data: {
row: any;
rowIndex: number;
col: any;
colIndex: number;
}) => string)>;
readonly headerRowStyle: import('vue').PropType<import('vue').CSSProperties>;
readonly headerCellStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
col: any;
colIndex: number;
}) => import('vue').CSSProperties)>;
readonly rowStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
row: any;
rowIndex: number;
}) => import('vue').CSSProperties)>;
readonly cellStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
row: any;
rowIndex: number;
col: any;
colIndex: number;
}) => import('vue').CSSProperties)>;
readonly stripe: BooleanConstructor;
readonly stripeColors: import('vue').PropType<import('vue').CSSProperties["color"][]>;
readonly highlightCurrentRow: BooleanConstructor;
readonly highlightColor: import('vue').PropType<import('vue').CSSProperties["color"]>;
readonly rowKey: StringConstructor;
readonly treeProps: import('vue').PropType<import('./src/type').TreeProps>;
readonly indent: {
readonly type: NumberConstructor;
readonly default: 15;
};
readonly lazy: BooleanConstructor;
readonly load: import('vue').PropType<(row: import('./src/type').TableData, resolve: (arr: import('./src/type').TableData[]) => void) => void>;
readonly showSummary: BooleanConstructor;
readonly sumText: {
readonly type: StringConstructor;
readonly default: "合计";
};
readonly summaryMethod: import('vue').PropType<(params: {
columns: import('./src/table-column/column.props').TableColumnProps[];
datas: import('./src/type').TableData[];
}) => (string | number | import('vue').VNode)[]>;
readonly spanMethod: import('vue').PropType<(params: {
row: import('./src/type').TableData;
rowIndex: number;
col: import('./src/table-column/column.props').TableColumnProps;
colIndex: number;
}) => import('./src/type').Span>;
readonly nullSymbol: StringConstructor;
}>> & Readonly<{
"onCurrent-change"?: (value: import('./src/type').TableData, oldValue: import('./src/type').TableData) => any;
"onSelect-row"?: (value: import('./src/type').TableData[]) => any;
}>, {
selectAll: (value: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"current-change": (value: import('./src/type').TableData, oldValue: import('./src/type').TableData) => void;
"select-row": (value: import('./src/type').TableData[]) => void;
}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
readonly data: import('vue').PropType<import('./src/type').TableData[]>;
readonly border: BooleanConstructor;
readonly size: import('vue').PropType<import('../../utils').ComicSize>;
readonly showHeader: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly height: StringConstructor;
readonly maxHeight: StringConstructor;
readonly headerRowClass: StringConstructor;
readonly headerCellClass: import('vue').PropType<string | ((data: {
col: any;
colIndex: number;
}) => string)>;
readonly rowClass: import('vue').PropType<string | ((data: {
row: any;
rowIndex: number;
}) => string)>;
readonly cellClass: import('vue').PropType<string | ((data: {
row: any;
rowIndex: number;
col: any;
colIndex: number;
}) => string)>;
readonly headerRowStyle: import('vue').PropType<import('vue').CSSProperties>;
readonly headerCellStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
col: any;
colIndex: number;
}) => import('vue').CSSProperties)>;
readonly rowStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
row: any;
rowIndex: number;
}) => import('vue').CSSProperties)>;
readonly cellStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
row: any;
rowIndex: number;
col: any;
colIndex: number;
}) => import('vue').CSSProperties)>;
readonly stripe: BooleanConstructor;
readonly stripeColors: import('vue').PropType<import('vue').CSSProperties["color"][]>;
readonly highlightCurrentRow: BooleanConstructor;
readonly highlightColor: import('vue').PropType<import('vue').CSSProperties["color"]>;
readonly rowKey: StringConstructor;
readonly treeProps: import('vue').PropType<import('./src/type').TreeProps>;
readonly indent: {
readonly type: NumberConstructor;
readonly default: 15;
};
readonly lazy: BooleanConstructor;
readonly load: import('vue').PropType<(row: import('./src/type').TableData, resolve: (arr: import('./src/type').TableData[]) => void) => void>;
readonly showSummary: BooleanConstructor;
readonly sumText: {
readonly type: StringConstructor;
readonly default: "合计";
};
readonly summaryMethod: import('vue').PropType<(params: {
columns: import('./src/table-column/column.props').TableColumnProps[];
datas: import('./src/type').TableData[];
}) => (string | number | import('vue').VNode)[]>;
readonly spanMethod: import('vue').PropType<(params: {
row: import('./src/type').TableData;
rowIndex: number;
col: import('./src/table-column/column.props').TableColumnProps;
colIndex: number;
}) => import('./src/type').Span>;
readonly nullSymbol: StringConstructor;
}>> & Readonly<{
"onCurrent-change"?: (value: import('./src/type').TableData, oldValue: import('./src/type').TableData) => any;
"onSelect-row"?: (value: import('./src/type').TableData[]) => any;
}>, {
readonly lazy: boolean;
readonly showHeader: boolean;
readonly border: boolean;
readonly stripe: boolean;
readonly highlightCurrentRow: boolean;
readonly indent: number;
readonly showSummary: boolean;
readonly sumText: string;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly data: import('vue').PropType<import('./src/type').TableData[]>;
readonly border: BooleanConstructor;
readonly size: import('vue').PropType<import('../../utils').ComicSize>;
readonly showHeader: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly height: StringConstructor;
readonly maxHeight: StringConstructor;
readonly headerRowClass: StringConstructor;
readonly headerCellClass: import('vue').PropType<string | ((data: {
col: any;
colIndex: number;
}) => string)>;
readonly rowClass: import('vue').PropType<string | ((data: {
row: any;
rowIndex: number;
}) => string)>;
readonly cellClass: import('vue').PropType<string | ((data: {
row: any;
rowIndex: number;
col: any;
colIndex: number;
}) => string)>;
readonly headerRowStyle: import('vue').PropType<import('vue').CSSProperties>;
readonly headerCellStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
col: any;
colIndex: number;
}) => import('vue').CSSProperties)>;
readonly rowStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
row: any;
rowIndex: number;
}) => import('vue').CSSProperties)>;
readonly cellStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
row: any;
rowIndex: number;
col: any;
colIndex: number;
}) => import('vue').CSSProperties)>;
readonly stripe: BooleanConstructor;
readonly stripeColors: import('vue').PropType<import('vue').CSSProperties["color"][]>;
readonly highlightCurrentRow: BooleanConstructor;
readonly highlightColor: import('vue').PropType<import('vue').CSSProperties["color"]>;
readonly rowKey: StringConstructor;
readonly treeProps: import('vue').PropType<import('./src/type').TreeProps>;
readonly indent: {
readonly type: NumberConstructor;
readonly default: 15;
};
readonly lazy: BooleanConstructor;
readonly load: import('vue').PropType<(row: import('./src/type').TableData, resolve: (arr: import('./src/type').TableData[]) => void) => void>;
readonly showSummary: BooleanConstructor;
readonly sumText: {
readonly type: StringConstructor;
readonly default: "合计";
};
readonly summaryMethod: import('vue').PropType<(params: {
columns: import('./src/table-column/column.props').TableColumnProps[];
datas: import('./src/type').TableData[];
}) => (string | number | import('vue').VNode)[]>;
readonly spanMethod: import('vue').PropType<(params: {
row: import('./src/type').TableData;
rowIndex: number;
col: import('./src/table-column/column.props').TableColumnProps;
colIndex: number;
}) => import('./src/type').Span>;
readonly nullSymbol: StringConstructor;
}>> & Readonly<{
"onCurrent-change"?: (value: import('./src/type').TableData, oldValue: import('./src/type').TableData) => any;
"onSelect-row"?: (value: import('./src/type').TableData[]) => any;
}>, {
selectAll: (value: boolean) => void;
}, {}, {}, {}, {
readonly lazy: boolean;
readonly showHeader: boolean;
readonly border: boolean;
readonly stripe: boolean;
readonly highlightCurrentRow: boolean;
readonly indent: number;
readonly showSummary: boolean;
readonly sumText: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
readonly data: import('vue').PropType<import('./src/type').TableData[]>;
readonly border: BooleanConstructor;
readonly size: import('vue').PropType<import('../../utils').ComicSize>;
readonly showHeader: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly height: StringConstructor;
readonly maxHeight: StringConstructor;
readonly headerRowClass: StringConstructor;
readonly headerCellClass: import('vue').PropType<string | ((data: {
col: any;
colIndex: number;
}) => string)>;
readonly rowClass: import('vue').PropType<string | ((data: {
row: any;
rowIndex: number;
}) => string)>;
readonly cellClass: import('vue').PropType<string | ((data: {
row: any;
rowIndex: number;
col: any;
colIndex: number;
}) => string)>;
readonly headerRowStyle: import('vue').PropType<import('vue').CSSProperties>;
readonly headerCellStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
col: any;
colIndex: number;
}) => import('vue').CSSProperties)>;
readonly rowStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
row: any;
rowIndex: number;
}) => import('vue').CSSProperties)>;
readonly cellStyle: import('vue').PropType<import('vue').CSSProperties | ((data: {
row: any;
rowIndex: number;
col: any;
colIndex: number;
}) => import('vue').CSSProperties)>;
readonly stripe: BooleanConstructor;
readonly stripeColors: import('vue').PropType<import('vue').CSSProperties["color"][]>;
readonly highlightCurrentRow: BooleanConstructor;
readonly highlightColor: import('vue').PropType<import('vue').CSSProperties["color"]>;
readonly rowKey: StringConstructor;
readonly treeProps: import('vue').PropType<import('./src/type').TreeProps>;
readonly indent: {
readonly type: NumberConstructor;
readonly default: 15;
};
readonly lazy: BooleanConstructor;
readonly load: import('vue').PropType<(row: import('./src/type').TableData, resolve: (arr: import('./src/type').TableData[]) => void) => void>;
readonly showSummary: BooleanConstructor;
readonly sumText: {
readonly type: StringConstructor;
readonly default: "合计";
};
readonly summaryMethod: import('vue').PropType<(params: {
columns: import('./src/table-column/column.props').TableColumnProps[];
datas: import('./src/type').TableData[];
}) => (string | number | import('vue').VNode)[]>;
readonly spanMethod: import('vue').PropType<(params: {
row: import('./src/type').TableData;
rowIndex: number;
col: import('./src/table-column/column.props').TableColumnProps;
colIndex: number;
}) => import('./src/type').Span>;
readonly nullSymbol: StringConstructor;
}>> & Readonly<{
"onCurrent-change"?: (value: import('./src/type').TableData, oldValue: import('./src/type').TableData) => any;
"onSelect-row"?: (value: import('./src/type').TableData[]) => any;
}>, {
selectAll: (value: boolean) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"current-change": (value: import('./src/type').TableData, oldValue: import('./src/type').TableData) => void;
"select-row": (value: import('./src/type').TableData[]) => void;
}, string, {
readonly lazy: boolean;
readonly showHeader: boolean;
readonly border: boolean;
readonly stripe: boolean;
readonly highlightCurrentRow: boolean;
readonly indent: number;
readonly showSummary: boolean;
readonly sumText: string;
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {}): any;
empty?(_: {}): any;
expand?(_: {
row: any;
}): any;
};
}) & {
install?: (app: import('vue').App) => void;
};