@gx-design-vue/pro-table 0.2.0-alpha.8 → 0.2.0-alpha.9

package/dist/ProTable.d.ts

@@ -1,496 +1,18 @@
-import { ProColumnsType, ProSearchMap } from "./types/ColumnTypings.js";
-import { CustomDataRender, DefaultRender, PageItemRender, ProTableBodyCellProps } from "./types/SlotsTypings.js";
-import { ProFieldEmptyText, ProTableProps, ProTableRowSelection, RequestFunction, TableActionPlacement, TableClassNamesType, TableSemanticName, TableStylesType } from "./types/TableTypings.js";
-import * as vue from "vue";
-import { SlotsType } from "vue";
+import { ProTableEmits, ProTableProps, ProTableRef, ProTableSlots } from "./interface.js";
 import { RecordType } from "@gx-design-vue/pro-utils";
-import * as ant_design_vue0 from "ant-design-vue";
-import { SpinProps } from "ant-design-vue";
-import { ColumnType } from "ant-design-vue/es/table";
-import * as ant_design_vue_es_vc_table_interface0 from "ant-design-vue/es/vc-table/interface";
-import { Key, RenderExpandIconProps } from "ant-design-vue/es/vc-table/interface";
-import * as ant_design_vue_es_vc_table_Table0 from "ant-design-vue/es/vc-table/Table";
-import * as ant_design_vue_es__util_type0 from "ant-design-vue/es/_util/type";
 
 //#region src/ProTable.d.ts
-declare const ProTable: vue.DefineComponent<vue.ExtractPropTypes<{
-  id: {
-    type: vue.PropType<string>;
-    default: string;
-  };
-  class: {
-    type: vue.PropType<string>;
-    default: string;
-  };
-  style: {
-    type: vue.PropType<vue.CSSProperties>;
-    default: () => {};
-  };
-  classNames: {
-    type: vue.PropType<TableClassNamesType>;
-    default: () => {};
-  };
-  styles: {
-    type: vue.PropType<TableStylesType>;
-    default: () => {};
-  };
-  fitPage: {
-    type: vue.PropType<ProTableProps["fitPage"]>;
-    default: boolean;
-  };
-  rowSelection: {
-    type: vue.PropType<ProTableRowSelection>;
-    default: any;
-  };
-  columns: {
-    type: vue.PropType<ProTableProps["columns"]>;
-    default: () => any[];
-  };
-  pagination: {
-    type: vue.PropType<ProTableProps["pagination"]>;
-    default: () => any;
-  };
-  rowKey: {
-    type: vue.PropType<string>;
-    default: string;
-  };
-  request: {
-    type: vue.PropType<ProTableProps["request"]>;
-    default: any;
-  };
-  autoRequest: {
-    type: vue.PropType<ProTableProps["autoRequest"]>;
-    default: boolean;
-  };
-  virtualScroll: vue.PropType<ProTableProps["virtualScroll"]>;
-  params: {
-    type: vue.PropType<ProTableProps["params"]>;
-    default: () => {};
-  };
-  waitRequest: {
-    type: vue.PropType<ProTableProps["waitRequest"]>;
-    default: boolean;
-  };
-  title: vue.PropType<ProTableProps["title"]>;
-  footer: vue.PropType<ProTableProps["footer"]>;
-  transformCellText: vue.PropType<ProTableProps["transformCellText"]>;
-  rowExpandable: vue.PropType<ProTableProps["rowExpandable"]>;
-  rowClassName: vue.PropType<ProTableProps["rowClassName"]>;
-  expandIcon: vue.PropType<ProTableProps["expandIcon"]>;
-  expandedRowKeys: vue.PropType<ProTableProps["expandedRowKeys"]>;
-  defaultExpandedRowKeys: vue.PropType<ProTableProps["defaultExpandedRowKeys"]>;
-  expandedRowRender: vue.PropType<ProTableProps["expandedRowRender"]>;
-  customRow: vue.PropType<ProTableProps["customRow"]>;
-  customHeaderRow: vue.PropType<ProTableProps["customHeaderRow"]>;
-  polling: vue.PropType<ProTableProps["polling"]>;
-  debounceTime: {
-    type: vue.PropType<ProTableProps["debounceTime"]>;
-    default: number;
-  };
-  form: {
-    type: vue.PropType<ProTableProps["form"]>;
-    default: () => any;
-  };
-  searchMap: {
-    type: vue.PropType<ProTableProps["searchMap"]>;
-    default: () => any[];
-  };
-  customRender: {
-    type: vue.PropType<ProTableProps["customRender"]>;
-    default: () => any;
-  };
-  emptyText: {
-    type: vue.PropType<ProTableProps["emptyText"]>;
-    default: () => any;
-  };
-  showLoading: {
-    type: vue.PropType<ProTableProps["showLoading"]>;
-    default: boolean;
-  };
-  emptyTextProps: {
-    type: vue.PropType<ProTableProps["emptyTextProps"]>;
-    default: () => ProTableProps["emptyTextProps"];
-  };
-  actionProps: {
-    type: vue.PropType<ProTableProps["actionProps"]>;
-    default: () => {
-      placement: string;
-    };
-  };
-  listToolAfter: {
-    type: vue.PropType<ProTableProps["listToolAfter"]>;
-    default: () => any;
-  };
-  headerTitle: {
-    type: vue.PropType<ProTableProps["headerTitle"]>;
-    default: () => any;
-  };
-  headerTitleTip: {
-    type: vue.PropType<ProTableProps["headerTitleTip"]>;
-    default: () => any;
-  };
-  titleTipText: {
-    type: vue.PropType<ProTableProps["titleTipText"]>;
-  };
-  options: {
-    type: vue.PropType<ProTableProps["options"]>;
-    default: boolean;
-  };
-  keepAliveReload: {
-    type: vue.PropType<ProTableProps["keepAliveReload"]>;
-    default: boolean;
-  };
-  showIndex: {
-    type: vue.PropType<ProTableProps["showIndex"]>;
-    default: boolean;
-  };
-  cardBordered: {
-    type: vue.PropType<ProTableProps["showIndex"]>;
-    default: boolean;
-  };
-  pageItemRender: {
-    type: vue.PropType<ProTableProps["pageItemRender"]>;
-    default: () => any;
-  };
-  size: {
-    type: vue.PropType<ProTableProps["size"]>;
-    default: string;
-  };
-  align: {
-    type: vue.PropType<ProTableProps["align"]>;
-    default: string;
-  };
-  draggable: vue.PropType<ProTableProps["draggable"]>;
-  autoScroll: {
-    type: vue.PropType<ProTableProps["autoScroll"]>;
-    default: boolean;
-  };
-  scrollBreakpoint: vue.PropType<ProTableProps["scrollBreakpoint"]>;
-  modalScroll: vue.PropType<ProTableProps["modalScroll"]>;
-  neverScroll: vue.PropType<ProTableProps["neverScroll"]>;
-  columnEmptyText: {
-    type: vue.PropType<ProTableProps["columnEmptyText"]>;
-    default: any;
-  };
-  postData: vue.PropType<ProTableProps["postData"]>;
-  onReset: vue.PropType<ProTableProps["onReset"]>;
-  onReload: vue.PropType<ProTableProps["onReload"]>;
-  onSubmit: vue.PropType<ProTableProps["onSubmit"]>;
-  onChange: vue.PropType<ProTableProps["onChange"]>;
-  onSizeChange: vue.PropType<ProTableProps["onSizeChange"]>;
-  onLoadingChange: vue.PropType<ProTableProps["onLoadingChange"]>;
-  onRequestError: vue.PropType<ProTableProps["onRequestError"]>;
-  onBeforeSearchSubmit: vue.PropType<ProTableProps["onBeforeSearchSubmit"]>;
-  onExpand: vue.PropType<ProTableProps["onExpand"]>;
-  onResizeColumn: vue.PropType<ProTableProps["onResizeColumn"]>;
-  onExpandedRowsChange: vue.PropType<ProTableProps["onExpandedRowsChange"]>;
-  direction: {
-    type: vue.PropType<"rtl" | "ltr">;
-    default: string;
-  };
-  bordered: {
-    type: vue.PropType<ant_design_vue0.TableProps["bordered"]>;
-    default: any;
-  };
-  loading: {
-    type: vue.PropType<boolean | SpinProps>;
-    default: any;
-  };
-  scroll: {
-    type: vue.PropType<ant_design_vue_es_vc_table_Table0.TableProps["scroll"] & {
-      scrollToFirstRowOnChange?: boolean;
-    }>;
-    default: any;
-  };
-  'onUpdate:expandedRowKeys': {
-    type: vue.PropType<(expandedKeys: ant_design_vue_es_vc_table_interface0.Key[]) => void>;
-    default: (expandedKeys: ant_design_vue_es_vc_table_interface0.Key[]) => void;
-  };
-}>, () => ant_design_vue_es__util_type0.VueNode, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("reset" | "reload" | "submit" | "sizeChange" | "expandedRowsChange" | "expand" | "change" | "requestError" | "columnsStateChange" | "loadingChange")[], "reset" | "reload" | "submit" | "sizeChange" | "expandedRowsChange" | "expand" | "change" | "requestError" | "columnsStateChange" | "loadingChange", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-  id: {
-    type: vue.PropType<string>;
-    default: string;
-  };
-  class: {
-    type: vue.PropType<string>;
-    default: string;
-  };
-  style: {
-    type: vue.PropType<vue.CSSProperties>;
-    default: () => {};
-  };
-  classNames: {
-    type: vue.PropType<TableClassNamesType>;
-    default: () => {};
-  };
-  styles: {
-    type: vue.PropType<TableStylesType>;
-    default: () => {};
-  };
-  fitPage: {
-    type: vue.PropType<ProTableProps["fitPage"]>;
-    default: boolean;
-  };
-  rowSelection: {
-    type: vue.PropType<ProTableRowSelection>;
-    default: any;
-  };
-  columns: {
-    type: vue.PropType<ProTableProps["columns"]>;
-    default: () => any[];
-  };
-  pagination: {
-    type: vue.PropType<ProTableProps["pagination"]>;
-    default: () => any;
-  };
-  rowKey: {
-    type: vue.PropType<string>;
-    default: string;
-  };
-  request: {
-    type: vue.PropType<ProTableProps["request"]>;
-    default: any;
-  };
-  autoRequest: {
-    type: vue.PropType<ProTableProps["autoRequest"]>;
-    default: boolean;
-  };
-  virtualScroll: vue.PropType<ProTableProps["virtualScroll"]>;
-  params: {
-    type: vue.PropType<ProTableProps["params"]>;
-    default: () => {};
-  };
-  waitRequest: {
-    type: vue.PropType<ProTableProps["waitRequest"]>;
-    default: boolean;
-  };
-  title: vue.PropType<ProTableProps["title"]>;
-  footer: vue.PropType<ProTableProps["footer"]>;
-  transformCellText: vue.PropType<ProTableProps["transformCellText"]>;
-  rowExpandable: vue.PropType<ProTableProps["rowExpandable"]>;
-  rowClassName: vue.PropType<ProTableProps["rowClassName"]>;
-  expandIcon: vue.PropType<ProTableProps["expandIcon"]>;
-  expandedRowKeys: vue.PropType<ProTableProps["expandedRowKeys"]>;
-  defaultExpandedRowKeys: vue.PropType<ProTableProps["defaultExpandedRowKeys"]>;
-  expandedRowRender: vue.PropType<ProTableProps["expandedRowRender"]>;
-  customRow: vue.PropType<ProTableProps["customRow"]>;
-  customHeaderRow: vue.PropType<ProTableProps["customHeaderRow"]>;
-  polling: vue.PropType<ProTableProps["polling"]>;
-  debounceTime: {
-    type: vue.PropType<ProTableProps["debounceTime"]>;
-    default: number;
-  };
-  form: {
-    type: vue.PropType<ProTableProps["form"]>;
-    default: () => any;
-  };
-  searchMap: {
-    type: vue.PropType<ProTableProps["searchMap"]>;
-    default: () => any[];
-  };
-  customRender: {
-    type: vue.PropType<ProTableProps["customRender"]>;
-    default: () => any;
-  };
-  emptyText: {
-    type: vue.PropType<ProTableProps["emptyText"]>;
-    default: () => any;
-  };
-  showLoading: {
-    type: vue.PropType<ProTableProps["showLoading"]>;
-    default: boolean;
-  };
-  emptyTextProps: {
-    type: vue.PropType<ProTableProps["emptyTextProps"]>;
-    default: () => ProTableProps["emptyTextProps"];
-  };
-  actionProps: {
-    type: vue.PropType<ProTableProps["actionProps"]>;
-    default: () => {
-      placement: string;
-    };
-  };
-  listToolAfter: {
-    type: vue.PropType<ProTableProps["listToolAfter"]>;
-    default: () => any;
-  };
-  headerTitle: {
-    type: vue.PropType<ProTableProps["headerTitle"]>;
-    default: () => any;
-  };
-  headerTitleTip: {
-    type: vue.PropType<ProTableProps["headerTitleTip"]>;
-    default: () => any;
-  };
-  titleTipText: {
-    type: vue.PropType<ProTableProps["titleTipText"]>;
-  };
-  options: {
-    type: vue.PropType<ProTableProps["options"]>;
-    default: boolean;
-  };
-  keepAliveReload: {
-    type: vue.PropType<ProTableProps["keepAliveReload"]>;
-    default: boolean;
-  };
-  showIndex: {
-    type: vue.PropType<ProTableProps["showIndex"]>;
-    default: boolean;
-  };
-  cardBordered: {
-    type: vue.PropType<ProTableProps["showIndex"]>;
-    default: boolean;
-  };
-  pageItemRender: {
-    type: vue.PropType<ProTableProps["pageItemRender"]>;
-    default: () => any;
-  };
-  size: {
-    type: vue.PropType<ProTableProps["size"]>;
-    default: string;
-  };
-  align: {
-    type: vue.PropType<ProTableProps["align"]>;
-    default: string;
-  };
-  draggable: vue.PropType<ProTableProps["draggable"]>;
-  autoScroll: {
-    type: vue.PropType<ProTableProps["autoScroll"]>;
-    default: boolean;
-  };
-  scrollBreakpoint: vue.PropType<ProTableProps["scrollBreakpoint"]>;
-  modalScroll: vue.PropType<ProTableProps["modalScroll"]>;
-  neverScroll: vue.PropType<ProTableProps["neverScroll"]>;
-  columnEmptyText: {
-    type: vue.PropType<ProTableProps["columnEmptyText"]>;
-    default: any;
-  };
-  postData: vue.PropType<ProTableProps["postData"]>;
-  onReset: vue.PropType<ProTableProps["onReset"]>;
-  onReload: vue.PropType<ProTableProps["onReload"]>;
-  onSubmit: vue.PropType<ProTableProps["onSubmit"]>;
-  onChange: vue.PropType<ProTableProps["onChange"]>;
-  onSizeChange: vue.PropType<ProTableProps["onSizeChange"]>;
-  onLoadingChange: vue.PropType<ProTableProps["onLoadingChange"]>;
-  onRequestError: vue.PropType<ProTableProps["onRequestError"]>;
-  onBeforeSearchSubmit: vue.PropType<ProTableProps["onBeforeSearchSubmit"]>;
-  onExpand: vue.PropType<ProTableProps["onExpand"]>;
-  onResizeColumn: vue.PropType<ProTableProps["onResizeColumn"]>;
-  onExpandedRowsChange: vue.PropType<ProTableProps["onExpandedRowsChange"]>;
-  direction: {
-    type: vue.PropType<"rtl" | "ltr">;
-    default: string;
-  };
-  bordered: {
-    type: vue.PropType<ant_design_vue0.TableProps["bordered"]>;
-    default: any;
-  };
-  loading: {
-    type: vue.PropType<boolean | SpinProps>;
-    default: any;
-  };
-  scroll: {
-    type: vue.PropType<ant_design_vue_es_vc_table_Table0.TableProps["scroll"] & {
-      scrollToFirstRowOnChange?: boolean;
-    }>;
-    default: any;
-  };
-  'onUpdate:expandedRowKeys': {
-    type: vue.PropType<(expandedKeys: ant_design_vue_es_vc_table_interface0.Key[]) => void>;
-    default: (expandedKeys: ant_design_vue_es_vc_table_interface0.Key[]) => void;
-  };
-}>> & Readonly<{
-  onExpand?: (...args: any[]) => any;
-  onExpandedRowsChange?: (...args: any[]) => any;
-  onChange?: (...args: any[]) => any;
-  onReset?: (...args: any[]) => any;
-  onReload?: (...args: any[]) => any;
-  onSubmit?: (...args: any[]) => any;
-  onSizeChange?: (...args: any[]) => any;
-  onLoadingChange?: (...args: any[]) => any;
-  onRequestError?: (...args: any[]) => any;
-  onColumnsStateChange?: (...args: any[]) => any;
-}>, {
-  columns: ProColumnsType<RecordType, RecordType>;
-  scroll: {
-    x?: number | true | string;
-    y?: number | string;
-  } & {
-    scrollToFirstRowOnChange?: boolean;
-  };
-  emptyText: DefaultRender;
-  rowKey: string;
-  id: string;
-  direction: "rtl" | "ltr";
-  pagination: any;
-  loading: any;
-  size: "small" | "large" | "middle";
-  bordered: boolean;
-  rowSelection: ProTableRowSelection;
-  'onUpdate:expandedRowKeys': (expandedKeys: ant_design_vue_es_vc_table_interface0.Key[]) => void;
-  align: ant_design_vue_es_vc_table_interface0.AlignType;
-  customRender: CustomDataRender;
-  class: string;
-  fitPage: boolean;
-  style: vue.CSSProperties;
-  classNames: Partial<Record<TableSemanticName, string>>;
-  styles: Partial<Record<TableSemanticName, vue.CSSProperties>>;
-  actionProps: {
-    placement?: TableActionPlacement;
-    actions?: DefaultRender[];
-  };
-  autoScroll: boolean;
-  keepAliveReload: boolean;
-  emptyTextProps: {
-    class?: string;
-    style?: vue.CSSProperties;
-    extraProps?: RecordType;
-  };
-  columnEmptyText: ProFieldEmptyText<RecordType>;
-  showLoading: boolean;
-  showIndex: boolean;
-  cardBordered: boolean;
-  options: boolean;
-  waitRequest: boolean;
-  debounceTime: number;
-  request: RequestFunction<RecordType, RecordType>;
-  autoRequest: boolean;
-  params: RecordType;
-  form: any;
-  searchMap: ProSearchMap<undefined, string>[];
-  headerTitle: DefaultRender;
-  headerTitleTip: DefaultRender;
-  listToolAfter: DefaultRender;
-  pageItemRender: PageItemRender;
-}, SlotsType<{
-  form: () => any;
-  actions: () => any;
-  emptyText: () => any;
-  headerTitle: () => any;
-  headerTitleTip: () => any;
-  listToolAfter: () => any;
-  default: () => any;
-  pageItemRender: (params: {
-    page: number;
-    type: "page" | "prev" | "next" | "jump-prev" | "jump-next";
-    originalElement: any;
-  }) => any;
-  customRender: (params: {
-    currentData: any[];
-    dataSource: any[];
-  }) => any;
-  expandIcon: (props: RenderExpandIconProps<any>) => any;
-  footer: () => any;
-  summary: () => any;
-  expandedRowRender: () => any;
-  expandColumnTitle: () => any;
-  bodyCell: (props: ProTableBodyCellProps<any>) => any;
-  headerCell: (props: {
-    title: any;
-    column: ColumnType;
-  }) => any;
-  customFilterIcon: () => any;
-  customFilterDropdown: () => any;
-}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+type ProTableEmitsProps<DataRecord = RecordType, ParamsType = RecordType> = { [K in keyof ProTableEmits<DataRecord, ParamsType> as `on${Capitalize<string & K>}`]?: ProTableEmits<DataRecord, ParamsType>[K] };
+interface InternalProTableProps<DataRecord = RecordType, ParamsType = RecordType> extends ProTableProps<DataRecord, ParamsType>, ProTableEmitsProps<DataRecord, ParamsType> {}
+type ProTableEmitFn<DataRecord = RecordType, ParamsType = RecordType> = { [K in keyof ProTableEmitOptions<DataRecord, ParamsType>]: (event: K, ...args: Parameters<ProTableEmitOptions<DataRecord, ParamsType>[K]>) => void }[keyof ProTableEmitOptions<DataRecord, ParamsType>];
+type ProTableEmitOptions<DataRecord = RecordType, ParamsType = RecordType> = { [K in keyof ProTableEmits<DataRecord, ParamsType>]: NonNullable<ProTableEmits<DataRecord, ParamsType>[K]> };
+interface ForwardProTableType {
+  new <DataRecord = RecordType, ParamsType = RecordType>(props: InternalProTableProps<DataRecord, ParamsType>): {
+    $props: InternalProTableProps<DataRecord, ParamsType>;
+    $emit: ProTableEmitFn<DataRecord, ParamsType>;
+    $slots: ProTableSlots<DataRecord>;
+  } & ProTableRef<DataRecord, ParamsType>;
+}
+declare const _default: ForwardProTableType;
 //#endregion
-export { ProTable as default };
+export { ForwardProTableType, ProTableEmitsProps, _default as default };