import { Options } from 'sortablejs'; import { PlusPaginationProps, PlusRadioProps } from 'packages/yc-components'; import { ActionBarProps, ColumnSetting, ButtonsCallBackParams, FormChangeCallBackParams, FilterTableHeaderEventType, TableFormRefRow } from './src/type'; import { TableColumnCtx, TableInstance } from 'element-plus'; import { RecordType, PlusColumn, PageInfo, TableValueType, FormItemValueType, OptionsRow } from 'yc-pro-components'; import { CreateComponentPublicInstance, ExtractPropTypes, PropType, CSSProperties, ComputedRef, ShallowRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue'; import { default as _Table } from './src/index.vue'; export type PlusTableInstance = InstanceType; export * from './src/type'; export declare const PlusTable: { new (...args: any[]): CreateComponentPublicInstance; default: () => never[]; }; columns: { type: PropType< PlusColumn[]>; default: () => never[]; }; height: { type: PropType; }; headerCellStyle: { type: PropType | Partial<(data: { row: any[]; rowIndex: number; column: TableColumnCtx; columnIndex: number; }) => CSSProperties>>; default: () => { 'background-color': string; }; }; rowKey: { type: PropType string)>; default: string; }; actionBar: { type: PropType>; default: boolean; }; editable: { type: PropType; default: boolean; }; indexTableColumnProps: { type: PropType>>; default: () => {}; }; indexContentStyle: { type: PropType | ((row: RecordType, index: number) => Partial< CSSProperties>)>; default: () => {}; }; dragSortableTableColumnProps: { type: PropType>>; default: () => {}; }; titleBar: { type: PropType>>; default: boolean; }; defaultSize: { type: PropType<"" | "default" | "small" | "large">; default: string; }; tableData: { type: PropType< RecordType[]>; default: () => never[]; }; pagination: { type: PropType>; default: boolean; }; hasIndexColumn: { type: PropType; default: boolean; }; isSelection: { type: PropType; default: boolean; }; isRadio: { type: PropType; default: boolean; }; hasExpand: { type: PropType; default: boolean; }; loadingStatus: { type: PropType; default: boolean; }; dragSortable: { type: PropType>; default: boolean; }; selectionTableColumnProps: { type: PropType>>; default: () => { width: number; }; }; radioTableColumnProps: { type: PropType>>; default: () => { width: number; }; }; radioProps: { type: PropType>; default: undefined; }; defaultSelectedRadioRow: { type: PropType< RecordType | ComputedRef>; default: undefined; }; expandTableColumnProps: { type: PropType>>; default: () => {}; }; adaptive: { type: PropType; default: boolean; }; filterTableHeaderOverflowLabelLength: { type: PropType; }; columnsEmptyText: { type: PropType; default: string; }; }>> & { onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined; onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined; onFormChange?: ((data: FormChangeCallBackParams) => any) | undefined; "onCell-click"?: ((row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => any) | undefined; "onCell-dblclick"?: ((row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => any) | undefined; onDragSortEnd?: ((newIndex: number, oldIndex: number) => any) | undefined; onRefresh?: (() => any) | undefined; onFilterTableHeader?: ((columns: PlusColumn[], eventType: FilterTableHeaderEventType) => any) | undefined; onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined; onEdited?: (() => any) | undefined; onRadioChange?: ((row: RecordType, index: number, value: boolean) => any) | undefined; }, { formRefs: ShallowRef>; tableInstance: ShallowRef< TableInstance | null>; startRowEdit: (rowIndex: number, prop?: string | undefined) => Promise; stopRowEdit: (rowIndex: number, prop?: string | undefined) => Promise; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { paginationChange: (pageInfo: PageInfo) => void; clickAction: (data: ButtonsCallBackParams) => void; clickActionConfirmCancel: (data: ButtonsCallBackParams) => void; dragSortEnd: (newIndex: number, oldIndex: number) => void; formChange: (data: FormChangeCallBackParams) => void; refresh: () => void; edited: () => void; "cell-click": (row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => void; "cell-dblclick": (row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => void; filterTableHeader: (columns: PlusColumn[], eventType: FilterTableHeaderEventType) => void; radioChange: (row: RecordType, index: number, value: boolean) => void; }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{ data: { type: PropType< RecordType[]>; default: () => never[]; }; columns: { type: PropType< PlusColumn[]>; default: () => never[]; }; height: { type: PropType; }; headerCellStyle: { type: PropType | Partial<(data: { row: any[]; rowIndex: number; column: TableColumnCtx; columnIndex: number; }) => CSSProperties>>; default: () => { 'background-color': string; }; }; rowKey: { type: PropType string)>; default: string; }; actionBar: { type: PropType>; default: boolean; }; editable: { type: PropType; default: boolean; }; indexTableColumnProps: { type: PropType>>; default: () => {}; }; indexContentStyle: { type: PropType | ((row: RecordType, index: number) => Partial< CSSProperties>)>; default: () => {}; }; dragSortableTableColumnProps: { type: PropType>>; default: () => {}; }; titleBar: { type: PropType>>; default: boolean; }; defaultSize: { type: PropType<"" | "default" | "small" | "large">; default: string; }; tableData: { type: PropType< RecordType[]>; default: () => never[]; }; pagination: { type: PropType>; default: boolean; }; hasIndexColumn: { type: PropType; default: boolean; }; isSelection: { type: PropType; default: boolean; }; isRadio: { type: PropType; default: boolean; }; hasExpand: { type: PropType; default: boolean; }; loadingStatus: { type: PropType; default: boolean; }; dragSortable: { type: PropType>; default: boolean; }; selectionTableColumnProps: { type: PropType>>; default: () => { width: number; }; }; radioTableColumnProps: { type: PropType>>; default: () => { width: number; }; }; radioProps: { type: PropType>; default: undefined; }; defaultSelectedRadioRow: { type: PropType< RecordType | ComputedRef>; default: undefined; }; expandTableColumnProps: { type: PropType>>; default: () => {}; }; adaptive: { type: PropType; default: boolean; }; filterTableHeaderOverflowLabelLength: { type: PropType; }; columnsEmptyText: { type: PropType; default: string; }; }>> & { onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined; onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined; onFormChange?: ((data: FormChangeCallBackParams) => any) | undefined; "onCell-click"?: ((row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => any) | undefined; "onCell-dblclick"?: ((row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => any) | undefined; onDragSortEnd?: ((newIndex: number, oldIndex: number) => any) | undefined; onRefresh?: (() => any) | undefined; onFilterTableHeader?: ((columns: PlusColumn[], eventType: FilterTableHeaderEventType) => any) | undefined; onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined; onEdited?: (() => any) | undefined; onRadioChange?: ((row: RecordType, index: number, value: boolean) => any) | undefined; }, { data: RecordType[]; columns: PlusColumn[]; headerCellStyle: Partial< CSSProperties> | Partial<(data: { row: any[]; rowIndex: number; column: TableColumnCtx; columnIndex: number; }) => CSSProperties>; rowKey: string | ((row: any[]) => string); actionBar: false | Partial< ActionBarProps>; editable: boolean | "click" | "dblclick"; indexTableColumnProps: Partial< TableColumnCtx>; indexContentStyle: Partial< CSSProperties> | ((row: RecordType, index: number) => Partial< CSSProperties>); dragSortableTableColumnProps: Partial< TableColumnCtx>; titleBar: boolean | Partial>; defaultSize: "" | "default" | "small" | "large"; tableData: RecordType[]; pagination: false | Partial< PlusPaginationProps>; hasIndexColumn: boolean; isSelection: boolean | "radio"; isRadio: boolean; hasExpand: boolean; loadingStatus: boolean; dragSortable: false | Partial< Options>; selectionTableColumnProps: Partial< TableColumnCtx>; radioTableColumnProps: Partial< TableColumnCtx>; radioProps: Partial< PlusRadioProps & { style?: CSSProperties | undefined; class?: any; } & RecordType>; defaultSelectedRadioRow: RecordType | ComputedRef; expandTableColumnProps: Partial< TableColumnCtx>; adaptive: boolean | { offsetBottom?: number | undefined; timeout?: number | undefined; }; columnsEmptyText: string; }, true, {}, {}, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly< ExtractPropTypes<{ data: { type: PropType< RecordType[]>; default: () => never[]; }; columns: { type: PropType< PlusColumn[]>; default: () => never[]; }; height: { type: PropType; }; headerCellStyle: { type: PropType | Partial<(data: { row: any[]; rowIndex: number; column: TableColumnCtx; columnIndex: number; }) => CSSProperties>>; default: () => { 'background-color': string; }; }; rowKey: { type: PropType string)>; default: string; }; actionBar: { type: PropType>; default: boolean; }; editable: { type: PropType; default: boolean; }; indexTableColumnProps: { type: PropType>>; default: () => {}; }; indexContentStyle: { type: PropType | ((row: RecordType, index: number) => Partial< CSSProperties>)>; default: () => {}; }; dragSortableTableColumnProps: { type: PropType>>; default: () => {}; }; titleBar: { type: PropType>>; default: boolean; }; defaultSize: { type: PropType<"" | "default" | "small" | "large">; default: string; }; tableData: { type: PropType< RecordType[]>; default: () => never[]; }; pagination: { type: PropType>; default: boolean; }; hasIndexColumn: { type: PropType; default: boolean; }; isSelection: { type: PropType; default: boolean; }; isRadio: { type: PropType; default: boolean; }; hasExpand: { type: PropType; default: boolean; }; loadingStatus: { type: PropType; default: boolean; }; dragSortable: { type: PropType>; default: boolean; }; selectionTableColumnProps: { type: PropType>>; default: () => { width: number; }; }; radioTableColumnProps: { type: PropType>>; default: () => { width: number; }; }; radioProps: { type: PropType>; default: undefined; }; defaultSelectedRadioRow: { type: PropType< RecordType | ComputedRef>; default: undefined; }; expandTableColumnProps: { type: PropType>>; default: () => {}; }; adaptive: { type: PropType; default: boolean; }; filterTableHeaderOverflowLabelLength: { type: PropType; }; columnsEmptyText: { type: PropType; default: string; }; }>> & { onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined; onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined; onFormChange?: ((data: FormChangeCallBackParams) => any) | undefined; "onCell-click"?: ((row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => any) | undefined; "onCell-dblclick"?: ((row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => any) | undefined; onDragSortEnd?: ((newIndex: number, oldIndex: number) => any) | undefined; onRefresh?: (() => any) | undefined; onFilterTableHeader?: ((columns: PlusColumn[], eventType: FilterTableHeaderEventType) => any) | undefined; onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined; onEdited?: (() => any) | undefined; onRadioChange?: ((row: RecordType, index: number, value: boolean) => any) | undefined; }, { formRefs: ShallowRef>; tableInstance: ShallowRef< TableInstance | null>; startRowEdit: (rowIndex: number, prop?: string | undefined) => Promise; stopRowEdit: (rowIndex: number, prop?: string | undefined) => Promise; }, {}, {}, {}, { data: RecordType[]; columns: PlusColumn[]; headerCellStyle: Partial< CSSProperties> | Partial<(data: { row: any[]; rowIndex: number; column: TableColumnCtx; columnIndex: number; }) => CSSProperties>; rowKey: string | ((row: any[]) => string); actionBar: false | Partial< ActionBarProps>; editable: boolean | "click" | "dblclick"; indexTableColumnProps: Partial< TableColumnCtx>; indexContentStyle: Partial< CSSProperties> | ((row: RecordType, index: number) => Partial< CSSProperties>); dragSortableTableColumnProps: Partial< TableColumnCtx>; titleBar: boolean | Partial>; defaultSize: "" | "default" | "small" | "large"; tableData: RecordType[]; pagination: false | Partial< PlusPaginationProps>; hasIndexColumn: boolean; isSelection: boolean | "radio"; isRadio: boolean; hasExpand: boolean; loadingStatus: boolean; dragSortable: false | Partial< Options>; selectionTableColumnProps: Partial< TableColumnCtx>; radioTableColumnProps: Partial< TableColumnCtx>; radioProps: Partial< PlusRadioProps & { style?: CSSProperties | undefined; class?: any; } & RecordType>; defaultSelectedRadioRow: RecordType | ComputedRef; expandTableColumnProps: Partial< TableColumnCtx>; adaptive: boolean | { offsetBottom?: number | undefined; timeout?: number | undefined; }; columnsEmptyText: string; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & ComponentOptionsBase; default: () => never[]; }; columns: { type: PropType< PlusColumn[]>; default: () => never[]; }; height: { type: PropType; }; headerCellStyle: { type: PropType | Partial<(data: { row: any[]; rowIndex: number; column: TableColumnCtx; columnIndex: number; }) => CSSProperties>>; default: () => { 'background-color': string; }; }; rowKey: { type: PropType string)>; default: string; }; actionBar: { type: PropType>; default: boolean; }; editable: { type: PropType; default: boolean; }; indexTableColumnProps: { type: PropType>>; default: () => {}; }; indexContentStyle: { type: PropType | ((row: RecordType, index: number) => Partial< CSSProperties>)>; default: () => {}; }; dragSortableTableColumnProps: { type: PropType>>; default: () => {}; }; titleBar: { type: PropType>>; default: boolean; }; defaultSize: { type: PropType<"" | "default" | "small" | "large">; default: string; }; tableData: { type: PropType< RecordType[]>; default: () => never[]; }; pagination: { type: PropType>; default: boolean; }; hasIndexColumn: { type: PropType; default: boolean; }; isSelection: { type: PropType; default: boolean; }; isRadio: { type: PropType; default: boolean; }; hasExpand: { type: PropType; default: boolean; }; loadingStatus: { type: PropType; default: boolean; }; dragSortable: { type: PropType>; default: boolean; }; selectionTableColumnProps: { type: PropType>>; default: () => { width: number; }; }; radioTableColumnProps: { type: PropType>>; default: () => { width: number; }; }; radioProps: { type: PropType>; default: undefined; }; defaultSelectedRadioRow: { type: PropType< RecordType | ComputedRef>; default: undefined; }; expandTableColumnProps: { type: PropType>>; default: () => {}; }; adaptive: { type: PropType; default: boolean; }; filterTableHeaderOverflowLabelLength: { type: PropType; }; columnsEmptyText: { type: PropType; default: string; }; }>> & { onClickAction?: ((data: ButtonsCallBackParams) => any) | undefined; onClickActionConfirmCancel?: ((data: ButtonsCallBackParams) => any) | undefined; onFormChange?: ((data: FormChangeCallBackParams) => any) | undefined; "onCell-click"?: ((row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => any) | undefined; "onCell-dblclick"?: ((row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => any) | undefined; onDragSortEnd?: ((newIndex: number, oldIndex: number) => any) | undefined; onRefresh?: (() => any) | undefined; onFilterTableHeader?: ((columns: PlusColumn[], eventType: FilterTableHeaderEventType) => any) | undefined; onPaginationChange?: ((pageInfo: PageInfo) => any) | undefined; onEdited?: (() => any) | undefined; onRadioChange?: ((row: RecordType, index: number, value: boolean) => any) | undefined; }, { formRefs: ShallowRef>; tableInstance: ShallowRef< TableInstance | null>; startRowEdit: (rowIndex: number, prop?: string | undefined) => Promise; stopRowEdit: (rowIndex: number, prop?: string | undefined) => Promise; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { paginationChange: (pageInfo: PageInfo) => void; clickAction: (data: ButtonsCallBackParams) => void; clickActionConfirmCancel: (data: ButtonsCallBackParams) => void; dragSortEnd: (newIndex: number, oldIndex: number) => void; formChange: (data: FormChangeCallBackParams) => void; refresh: () => void; edited: () => void; "cell-click": (row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => void; "cell-dblclick": (row: RecordType, column: PlusColumn, cell: HTMLTableCellElement, event: Event) => void; filterTableHeader: (columns: PlusColumn[], eventType: FilterTableHeaderEventType) => void; radioChange: (row: RecordType, index: number, value: boolean) => void; }, string, { data: RecordType[]; columns: PlusColumn[]; headerCellStyle: Partial< CSSProperties> | Partial<(data: { row: any[]; rowIndex: number; column: TableColumnCtx; columnIndex: number; }) => CSSProperties>; rowKey: string | ((row: any[]) => string); actionBar: false | Partial< ActionBarProps>; editable: boolean | "click" | "dblclick"; indexTableColumnProps: Partial< TableColumnCtx>; indexContentStyle: Partial< CSSProperties> | ((row: RecordType, index: number) => Partial< CSSProperties>); dragSortableTableColumnProps: Partial< TableColumnCtx>; titleBar: boolean | Partial>; defaultSize: "" | "default" | "small" | "large"; tableData: RecordType[]; pagination: false | Partial< PlusPaginationProps>; hasIndexColumn: boolean; isSelection: boolean | "radio"; isRadio: boolean; hasExpand: boolean; loadingStatus: boolean; dragSortable: false | Partial< Options>; selectionTableColumnProps: Partial< TableColumnCtx>; radioTableColumnProps: Partial< TableColumnCtx>; radioProps: Partial< PlusRadioProps & { style?: CSSProperties | undefined; class?: any; } & RecordType>; defaultSelectedRadioRow: RecordType | ComputedRef; expandTableColumnProps: Partial< TableColumnCtx>; adaptive: boolean | { offsetBottom?: number | undefined; timeout?: number | undefined; }; columnsEmptyText: string; }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => { $slots: Partial, (_: { column: any; prop: string; valueType: TableValueType | FormItemValueType; row: RecordType; index: number; rowIndex: number; fieldProps: RecordType; options: OptionsRow[]; value: any; }) => any>> & { title?(_: {}): any; toolbar?(_: {}): any; "drag-sort-icon"?(_: {}): any; "column-settings-icon"?(_: {}): any; "density-icon"?(_: {}): any; expand?(_: any): any; default?(_: {}): any; "action-bar-more-icon"?(_: {}): any; append?(_: {}): any; empty?(_: {}): any; "pagination-left"?(_: {}): any; "pagination-right"?(_: {}): any; }; });