@antdv-vue/pro-table 0.0.0-stage → 2.0.3

package/dist/Store/Provide.js

@@ -0,0 +1,132 @@
+import { genColumnKey } from "../utils/genProColumnsToColumns.js";
+import { computed, inject, provide, shallowRef } from "vue";
+import { merge, useEffect, useState } from "@antdv-vue/pro-utils";
+import { useMergedState } from "@v-c/util";
+//#region src/Store/Provide.tsx
+function useContainer(props = {}) {
+	const action = shallowRef();
+	const rootDomRef = shallowRef(null);
+	const propsRef = shallowRef();
+	const prefixNameRef = shallowRef();
+	const [keyWords, setKeyWords] = useState("");
+	const sortKeyColumns = shallowRef([]);
+	const [tableSize, setTableSize] = useMergedState(() => props.size || props.defaultSize || "medium", {
+		value: computed(() => props.size),
+		onChange: props.onSizeChange
+	});
+	/** 默认全选中 */
+	const defaultColumnKeyMap = computed(() => {
+		if (props?.columnsState?.defaultValue) return props.columnsState.defaultValue;
+		const columnKeyMap = {};
+		props.columns?.forEach(({ key, dataIndex, fixed, disable }, index) => {
+			const columnKey = genColumnKey(key ?? dataIndex, index);
+			if (columnKey) columnKeyMap[columnKey] = {
+				show: true,
+				fixed,
+				disable
+			};
+		});
+		return columnKeyMap;
+	});
+	const [columnsMap, setColumnsMap] = useMergedState(() => {
+		const { persistenceType, persistenceKey } = props.columnsState || {};
+		if (persistenceKey && persistenceType && typeof window !== "undefined") {
+			/** 从持久化中读取数据 */
+			const storage = window[persistenceType];
+			try {
+				const storageValue = storage?.getItem(persistenceKey);
+				if (storageValue) {
+					if (props?.columnsState?.defaultValue) return merge({}, props?.columnsState?.defaultValue, JSON.parse(storageValue));
+					return JSON.parse(storageValue);
+				}
+			} catch (error) {
+				console.warn(error);
+			}
+		}
+		return props.columnsState?.value || props.columnsState?.defaultValue || defaultColumnKeyMap.value;
+	}, {
+		value: computed(() => props.columnsState?.value),
+		onChange: props.columnsState?.onChange || props.onColumnsStateChange
+	});
+	/**  配置或列更改时对columnsMap重新赋值 */
+	useEffect(() => {
+		const { persistenceType, persistenceKey } = props.columnsState || {};
+		if (persistenceKey && persistenceType && typeof window !== "undefined") {
+			/** 从持久化中读取数据 */
+			const storage = window[persistenceType];
+			try {
+				const storageValue = storage?.getItem(persistenceKey);
+				if (storageValue) if (props?.columnsState?.defaultValue) setColumnsMap(merge({}, props?.columnsState?.defaultValue, JSON.parse(storageValue)));
+				else setColumnsMap(JSON.parse(storageValue));
+				else setColumnsMap(defaultColumnKeyMap.value);
+			} catch (error) {
+				console.warn(error);
+			}
+		}
+	}, [
+		() => props.columnsState?.persistenceKey,
+		() => props.columnsState?.persistenceType,
+		() => defaultColumnKeyMap.value
+	]);
+	/** 清空一下当前的 key */
+	const clearPersistenceStorage = () => {
+		const { persistenceType, persistenceKey } = props.columnsState || {};
+		if (!persistenceKey || !persistenceType || typeof window === "undefined") return;
+		/** 给持久化中设置数据 */
+		const storage = window[persistenceType];
+		try {
+			storage?.removeItem(persistenceKey);
+		} catch (error) {
+			console.warn(error);
+		}
+	};
+	useEffect(() => {
+		if (!props.columnsState?.persistenceKey || !props.columnsState?.persistenceType) return;
+		if (typeof window === "undefined") return;
+		/** 给持久化中设置数据 */
+		const { persistenceType, persistenceKey } = props.columnsState;
+		const storage = window[persistenceType];
+		try {
+			storage?.setItem(persistenceKey, JSON.stringify(columnsMap.value));
+		} catch (error) {
+			console.warn(error);
+			clearPersistenceStorage();
+		}
+	}, [
+		() => props.columnsState?.persistenceKey,
+		() => columnsMap.value,
+		() => props.columnsState?.persistenceType
+	]);
+	return {
+		action,
+		setAction: (newAction) => {
+			action.value = newAction;
+		},
+		sortKeyColumns,
+		setSortKeyColumns: (keys) => {
+			sortKeyColumns.value = keys;
+		},
+		propsRef,
+		tableSize,
+		setTableSize,
+		prefixName: prefixNameRef,
+		setPrefixName: (name) => {
+			prefixNameRef.value = name;
+		},
+		columnsMap,
+		setColumnsMap,
+		keyWords,
+		setKeyWords,
+		columns: props.columns,
+		clearPersistenceStorage,
+		defaultColumnKeyMap,
+		rootDomRef
+	};
+}
+const tableContextKey = Symbol("tableContext");
+function useTableContextProvider(props) {
+	return provide(tableContextKey, props);
+}
+const useTableContextInject = () => inject(tableContextKey, {});
+//#endregion
+export { tableContextKey, useContainer, useTableContextInject, useTableContextProvider };

package/dist/Table.d.ts

@@ -0,0 +1,363 @@
+import { DensitySize } from "./components/ToolBar/DensityIcon.js";
+import { SearchConfig } from "./components/Form/FormRender.js";
+import { ErrorBoundaryRender, OptionsRender, TableAlertRender, ToolBarRender } from "./RenderTypings.js";
+import { BaseToolbarProps, OptionConfig } from "./components/ToolBar/index.js";
+import { Bordered, ColumnStateType, FilterValue, ProColumns, ProTableProps, RequestData } from "./typing.js";
+import * as _$vue from "vue";
+import { Plugin } from "vue";
+import * as _$_antdv_vue_pro_form0 from "@antdv-vue/pro-form";
+import { ParamsType } from "@antdv-vue/pro-provider";
+import * as _$_antdv_vue_pro_utils0 from "@antdv-vue/pro-utils";
+import { ProFieldValueObjectType, ProFieldValueType } from "@antdv-vue/pro-utils";
+import * as _$antdv_next0 from "antdv-next";
+import { TableSummary } from "antdv-next";
+import * as _$_antdv_vue_pro_field0 from "@antdv-vue/pro-field";
+import * as _$_antdv_vue_pro_card0 from "@antdv-vue/pro-card";
+import * as _$antdv_next_dist_form_FormItemLabel0 from "antdv-next/dist/form/FormItemLabel";
+import * as _$antdv_next_dist_form_types0 from "antdv-next/dist/form/types";
+import * as _$antdv_next_dist_table_interface0 from "antdv-next/dist/table/interface";
+import * as _$dayjs from "dayjs";
+import { VueNode as VueNode$1 } from "@v-c/util/dist/type";
+import * as _$_antdv_vue_pro_form_dist_typing0 from "@antdv-vue/pro-form/dist/typing";
+import * as _$_antdv_vue_pro_form_dist_layouts_QueryFilter_Actions0 from "@antdv-vue/pro-form/dist/layouts/QueryFilter/Actions";
+import * as _$_antdv_vue_pro_form_dist_layouts_QueryFilter_index0 from "@antdv-vue/pro-form/dist/layouts/QueryFilter/index";
+import * as _$_antdv_vue_pro_form_dist_RenderTypings0 from "@antdv-vue/pro-form/dist/RenderTypings";
+
+//#region src/Table.d.ts
+declare const _ProTable: new <DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType extends (ProFieldValueType | ProFieldValueObjectType) = "text">(props: {
+  dataSource?: DataType[] | undefined;
+  size?: DensitySize;
+  columns?: ProColumns<DataType, ValueType>[] | undefined;
+  toolbar?: BaseToolbarProps;
+  ghost?: boolean;
+  params?: Params | undefined;
+  columnsState?: ColumnStateType;
+  onSizeChange?: (size: DensitySize) => void;
+  cardProps?: _$_antdv_vue_pro_card0.ProCardProps | false;
+  tableRender?: ((props: ProTableProps<DataType, Params, ValueType>, defaultDom: VueNode$1, domList: {
+    toolbar: VueNode$1;
+    alert: VueNode$1;
+    table: VueNode$1;
+  }) => VueNode$1) | undefined;
+  tableViewRender?: ((props: _$antdv_next0.TableProps<DataType> & {
+    class?: string;
+    style?: _$vue.CSSProperties;
+    onChange?: ((changePagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  }, defaultDom: VueNode$1) => VueNode$1) | undefined;
+  tableExtraRender?: ((props: ProTableProps<DataType, Params, ValueType>, dataSource: DataType[]) => VueNode$1) | undefined;
+  onChange?: ((pagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  searchFormRender?: ((props: ProTableProps<DataType, Params, ValueType>, defaultDom: VueNode$1) => _$vue.VNode) | undefined;
+  request?: ((params: Params & {
+    pageSize?: number;
+    current?: number;
+    keyword?: string;
+  }, sort: Record<string, _$antdv_next0.TableSortOrder>, filter: Record<string, FilterValue>) => Promise<Partial<RequestData<DataType>>>) | undefined;
+  postData?: ((dataSource: DataType[]) => DataType[]) | undefined;
+  defaultData?: DataType[] | undefined;
+  toolBarRender?: _$_antdv_vue_pro_utils0.WithFalse<ToolBarRender<DataType> | undefined>;
+  optionsRender?: OptionsRender<DataType, ValueType> | undefined;
+  onLoad?: ((dataSource: DataType[]) => void) | undefined;
+  onLoadingChange?: (loading: boolean | _$antdv_next0.SpinProps | undefined) => void;
+  onRequestError?: (e: Error) => void;
+  polling?: number | ((dataSource: DataType[]) => number) | undefined;
+  tableClass?: string;
+  tableStyle?: _$vue.CSSProperties;
+  headerTitle?: VueNode$1;
+  tooltip?: string | _$antdv_next_dist_form_FormItemLabel0.FormItemTooltipType;
+  options?: _$_antdv_vue_pro_utils0.WithFalse<OptionConfig<DataType, ValueType>> | undefined;
+  search?: _$_antdv_vue_pro_utils0.WithFalse<SearchConfig>;
+  form?: Omit<Omit<_$antdv_next0.FormProps, "onReset" | "onFinish"> & _$_antdv_vue_pro_form_dist_typing0.ProFormGridConfig & {
+    submitter?: _$_antdv_vue_pro_form_dist_typing0.WithFalse<_$_antdv_vue_pro_form0.SubmitterProps<{
+      form?: _$antdv_next0.FormInstance;
+    }>>;
+    onFinish?: ((formData: DataType) => Promise<boolean | void> | void) | undefined;
+    loading?: boolean;
+    onLoadingChange?: (loading: boolean) => void;
+    formRef?: _$vue.ShallowRef<_$_antdv_vue_pro_form0.ProFormRef<DataType> | null> | undefined;
+    syncToUrl?: boolean | ((values: DataType & Record<string, any>, type: "get" | "set") => DataType) | undefined;
+    syncToUrlAsImportant?: boolean;
+    extraUrlParams?: Record<string, any>;
+    syncToModel?: boolean;
+    omitNil?: boolean;
+    dateFormatter?: _$_antdv_vue_pro_form_dist_typing0.WithFalse<(string & {}) | "string" | "number" | ((value: _$dayjs.Dayjs, valueType: string) => string | number)>;
+    onInit?: ((values: DataType, form: _$_antdv_vue_pro_form0.ProFormInstance<DataType>) => void) | undefined;
+    params?: Params | undefined;
+    request?: _$_antdv_vue_pro_utils0.ProRequestData<DataType, Params> | undefined;
+    isKeyPressSubmit?: boolean;
+    formKey?: string | number;
+    autoFocusFirstInput?: boolean;
+    readonly?: boolean;
+  } & {
+    onReset?: ((vaules?: DataType | undefined) => void) | undefined;
+  } & Omit<_$_antdv_vue_pro_form_dist_layouts_QueryFilter_Actions0.ActionsProps, "submitter" | "setCollapsed" | "isForm"> & {
+    defaultCollapsed?: boolean;
+    layout?: _$antdv_next0.FormProps["layout"];
+    defaultColsNumber?: number;
+    defaultFormItemsNumber?: number;
+    labelWidth?: number | "auto";
+    split?: boolean;
+    span?: _$_antdv_vue_pro_form_dist_layouts_QueryFilter_index0.SpanConfig;
+    searchText?: string;
+    resetText?: string;
+    searchGutter?: _$antdv_next0.RowProps["gutter"];
+    optionRender?: _$_antdv_vue_pro_form_dist_RenderTypings0.OptionRender;
+    ignoreRules?: boolean;
+    showHiddenNum?: boolean;
+    submitterColSpanProps?: Omit<_$antdv_next0.ColProps, "span"> & {
+      span?: number;
+      class?: string;
+      style?: _$vue.CSSProperties;
+    };
+    containerStyle?: _$vue.CSSProperties;
+  } & {
+    onReset?: ((values?: DataType | undefined) => void) | undefined;
+  }, "form"> | undefined;
+  dateFormatter?: (string & {}) | "string" | "number" | ((value: _$dayjs.Dayjs, valueType: string) => string | number) | false;
+  beforeSearchSubmit?: ((params: Partial<Params>) => any) | undefined;
+  tableAlertRender?: TableAlertRender<DataType> | undefined;
+  tableAlertOptionRender?: TableAlertRender<DataType> | undefined;
+  rowSelection?: false | (_$antdv_next0.TableRowSelection<DataType> & {
+    alwaysShowAlert?: boolean;
+  }) | undefined;
+  type?: _$_antdv_vue_pro_utils0.ProSchemaComponentTypes;
+  onSubmit?: ((params?: Params | undefined) => void) | undefined;
+  onReset?: ((params?: Params | undefined) => void) | undefined;
+  columnEmptyText?: _$_antdv_vue_pro_field0.ProFieldEmptyText;
+  manualRequest?: boolean;
+  editable?: _$_antdv_vue_pro_utils0.RowEditableConfig<DataType> | undefined;
+  onDataSourceChange?: ((dataSource: DataType[]) => void) | undefined;
+  cardBordered?: Bordered;
+  debounceTime?: number;
+  revalidateOnFocus?: boolean;
+  defaultSize?: DensitySize;
+  name?: _$antdv_next_dist_form_types0.NamePath<string | number | boolean>;
+  errorBoundaryRender?: ErrorBoundaryRender;
+} & Omit<_$antdv_next0.TableProps<DataType>, "size" | "columns" | "rowSelection" | "dataSource"> & {} & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps) => _$vue.CreateComponentPublicInstanceWithMixins<{
+  dataSource?: DataType[] | undefined;
+  size?: DensitySize;
+  columns?: ProColumns<DataType, ValueType>[] | undefined;
+  toolbar?: BaseToolbarProps;
+  ghost?: boolean;
+  params?: Params | undefined;
+  columnsState?: ColumnStateType;
+  onSizeChange?: (size: DensitySize) => void;
+  cardProps?: _$_antdv_vue_pro_card0.ProCardProps | false;
+  tableRender?: ((props: ProTableProps<DataType, Params, ValueType>, defaultDom: VueNode$1, domList: {
+    toolbar: VueNode$1;
+    alert: VueNode$1;
+    table: VueNode$1;
+  }) => VueNode$1) | undefined;
+  tableViewRender?: ((props: _$antdv_next0.TableProps<DataType> & {
+    class?: string;
+    style?: _$vue.CSSProperties;
+    onChange?: ((changePagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  }, defaultDom: VueNode$1) => VueNode$1) | undefined;
+  tableExtraRender?: ((props: ProTableProps<DataType, Params, ValueType>, dataSource: DataType[]) => VueNode$1) | undefined;
+  onChange?: ((pagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  searchFormRender?: ((props: ProTableProps<DataType, Params, ValueType>, defaultDom: VueNode$1) => _$vue.VNode) | undefined;
+  request?: ((params: Params & {
+    pageSize?: number;
+    current?: number;
+    keyword?: string;
+  }, sort: Record<string, _$antdv_next0.TableSortOrder>, filter: Record<string, FilterValue>) => Promise<Partial<RequestData<DataType>>>) | undefined;
+  postData?: ((dataSource: DataType[]) => DataType[]) | undefined;
+  defaultData?: DataType[] | undefined;
+  toolBarRender?: _$_antdv_vue_pro_utils0.WithFalse<ToolBarRender<DataType> | undefined>;
+  optionsRender?: OptionsRender<DataType, ValueType> | undefined;
+  onLoad?: ((dataSource: DataType[]) => void) | undefined;
+  onLoadingChange?: (loading: boolean | _$antdv_next0.SpinProps | undefined) => void;
+  onRequestError?: (e: Error) => void;
+  polling?: number | ((dataSource: DataType[]) => number) | undefined;
+  tableClass?: string;
+  tableStyle?: _$vue.CSSProperties;
+  headerTitle?: VueNode$1;
+  tooltip?: string | _$antdv_next_dist_form_FormItemLabel0.FormItemTooltipType;
+  options?: _$_antdv_vue_pro_utils0.WithFalse<OptionConfig<DataType, ValueType>> | undefined;
+  search?: _$_antdv_vue_pro_utils0.WithFalse<SearchConfig>;
+  form?: Omit<Omit<_$antdv_next0.FormProps, "onReset" | "onFinish"> & _$_antdv_vue_pro_form_dist_typing0.ProFormGridConfig & {
+    submitter?: _$_antdv_vue_pro_form_dist_typing0.WithFalse<_$_antdv_vue_pro_form0.SubmitterProps<{
+      form?: _$antdv_next0.FormInstance;
+    }>>;
+    onFinish?: ((formData: DataType) => Promise<boolean | void> | void) | undefined;
+    loading?: boolean;
+    onLoadingChange?: (loading: boolean) => void;
+    formRef?: _$vue.ShallowRef<_$_antdv_vue_pro_form0.ProFormRef<DataType> | null> | undefined;
+    syncToUrl?: boolean | ((values: DataType & Record<string, any>, type: "get" | "set") => DataType) | undefined;
+    syncToUrlAsImportant?: boolean;
+    extraUrlParams?: Record<string, any>;
+    syncToModel?: boolean;
+    omitNil?: boolean;
+    dateFormatter?: _$_antdv_vue_pro_form_dist_typing0.WithFalse<(string & {}) | "string" | "number" | ((value: _$dayjs.Dayjs, valueType: string) => string | number)>;
+    onInit?: ((values: DataType, form: _$_antdv_vue_pro_form0.ProFormInstance<DataType>) => void) | undefined;
+    params?: Params | undefined;
+    request?: _$_antdv_vue_pro_utils0.ProRequestData<DataType, Params> | undefined;
+    isKeyPressSubmit?: boolean;
+    formKey?: string | number;
+    autoFocusFirstInput?: boolean;
+    readonly?: boolean;
+  } & {
+    onReset?: ((vaules?: DataType | undefined) => void) | undefined;
+  } & Omit<_$_antdv_vue_pro_form_dist_layouts_QueryFilter_Actions0.ActionsProps, "submitter" | "setCollapsed" | "isForm"> & {
+    defaultCollapsed?: boolean;
+    layout?: _$antdv_next0.FormProps["layout"];
+    defaultColsNumber?: number;
+    defaultFormItemsNumber?: number;
+    labelWidth?: number | "auto";
+    split?: boolean;
+    span?: _$_antdv_vue_pro_form_dist_layouts_QueryFilter_index0.SpanConfig;
+    searchText?: string;
+    resetText?: string;
+    searchGutter?: _$antdv_next0.RowProps["gutter"];
+    optionRender?: _$_antdv_vue_pro_form_dist_RenderTypings0.OptionRender;
+    ignoreRules?: boolean;
+    showHiddenNum?: boolean;
+    submitterColSpanProps?: Omit<_$antdv_next0.ColProps, "span"> & {
+      span?: number;
+      class?: string;
+      style?: _$vue.CSSProperties;
+    };
+    containerStyle?: _$vue.CSSProperties;
+  } & {
+    onReset?: ((values?: DataType | undefined) => void) | undefined;
+  }, "form"> | undefined;
+  dateFormatter?: (string & {}) | "string" | "number" | ((value: _$dayjs.Dayjs, valueType: string) => string | number) | false;
+  beforeSearchSubmit?: ((params: Partial<Params>) => any) | undefined;
+  tableAlertRender?: TableAlertRender<DataType> | undefined;
+  tableAlertOptionRender?: TableAlertRender<DataType> | undefined;
+  rowSelection?: false | (_$antdv_next0.TableRowSelection<DataType> & {
+    alwaysShowAlert?: boolean;
+  }) | undefined;
+  type?: _$_antdv_vue_pro_utils0.ProSchemaComponentTypes;
+  onSubmit?: ((params?: Params | undefined) => void) | undefined;
+  onReset?: ((params?: Params | undefined) => void) | undefined;
+  columnEmptyText?: _$_antdv_vue_pro_field0.ProFieldEmptyText;
+  manualRequest?: boolean;
+  editable?: _$_antdv_vue_pro_utils0.RowEditableConfig<DataType> | undefined;
+  onDataSourceChange?: ((dataSource: DataType[]) => void) | undefined;
+  cardBordered?: Bordered;
+  debounceTime?: number;
+  revalidateOnFocus?: boolean;
+  defaultSize?: DensitySize;
+  name?: _$antdv_next_dist_form_types0.NamePath<string | number | boolean>;
+  errorBoundaryRender?: ErrorBoundaryRender;
+} & Omit<_$antdv_next0.TableProps<DataType>, "size" | "columns" | "rowSelection" | "dataSource"> & {}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, _$vue.ComponentProvideOptions, {
+  P: {};
+  B: {};
+  D: {};
+  C: {};
+  M: {};
+  Defaults: {};
+}, {
+  dataSource?: DataType[] | undefined;
+  size?: DensitySize;
+  columns?: ProColumns<DataType, ValueType>[] | undefined;
+  toolbar?: BaseToolbarProps;
+  ghost?: boolean;
+  params?: Params | undefined;
+  columnsState?: ColumnStateType;
+  onSizeChange?: (size: DensitySize) => void;
+  cardProps?: _$_antdv_vue_pro_card0.ProCardProps | false;
+  tableRender?: ((props: ProTableProps<DataType, Params, ValueType>, defaultDom: VueNode$1, domList: {
+    toolbar: VueNode$1;
+    alert: VueNode$1;
+    table: VueNode$1;
+  }) => VueNode$1) | undefined;
+  tableViewRender?: ((props: _$antdv_next0.TableProps<DataType> & {
+    class?: string;
+    style?: _$vue.CSSProperties;
+    onChange?: ((changePagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  }, defaultDom: VueNode$1) => VueNode$1) | undefined;
+  tableExtraRender?: ((props: ProTableProps<DataType, Params, ValueType>, dataSource: DataType[]) => VueNode$1) | undefined;
+  onChange?: ((pagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  searchFormRender?: ((props: ProTableProps<DataType, Params, ValueType>, defaultDom: VueNode$1) => _$vue.VNode) | undefined;
+  request?: ((params: Params & {
+    pageSize?: number;
+    current?: number;
+    keyword?: string;
+  }, sort: Record<string, _$antdv_next0.TableSortOrder>, filter: Record<string, FilterValue>) => Promise<Partial<RequestData<DataType>>>) | undefined;
+  postData?: ((dataSource: DataType[]) => DataType[]) | undefined;
+  defaultData?: DataType[] | undefined;
+  toolBarRender?: _$_antdv_vue_pro_utils0.WithFalse<ToolBarRender<DataType> | undefined>;
+  optionsRender?: OptionsRender<DataType, ValueType> | undefined;
+  onLoad?: ((dataSource: DataType[]) => void) | undefined;
+  onLoadingChange?: (loading: boolean | _$antdv_next0.SpinProps | undefined) => void;
+  onRequestError?: (e: Error) => void;
+  polling?: number | ((dataSource: DataType[]) => number) | undefined;
+  tableClass?: string;
+  tableStyle?: _$vue.CSSProperties;
+  headerTitle?: VueNode$1;
+  tooltip?: string | _$antdv_next_dist_form_FormItemLabel0.FormItemTooltipType;
+  options?: _$_antdv_vue_pro_utils0.WithFalse<OptionConfig<DataType, ValueType>> | undefined;
+  search?: _$_antdv_vue_pro_utils0.WithFalse<SearchConfig>;
+  form?: Omit<Omit<_$antdv_next0.FormProps, "onReset" | "onFinish"> & _$_antdv_vue_pro_form_dist_typing0.ProFormGridConfig & {
+    submitter?: _$_antdv_vue_pro_form_dist_typing0.WithFalse<_$_antdv_vue_pro_form0.SubmitterProps<{
+      form?: _$antdv_next0.FormInstance;
+    }>>;
+    onFinish?: ((formData: DataType) => Promise<boolean | void> | void) | undefined;
+    loading?: boolean;
+    onLoadingChange?: (loading: boolean) => void;
+    formRef?: _$vue.ShallowRef<_$_antdv_vue_pro_form0.ProFormRef<DataType> | null> | undefined;
+    syncToUrl?: boolean | ((values: DataType & Record<string, any>, type: "get" | "set") => DataType) | undefined;
+    syncToUrlAsImportant?: boolean;
+    extraUrlParams?: Record<string, any>;
+    syncToModel?: boolean;
+    omitNil?: boolean;
+    dateFormatter?: _$_antdv_vue_pro_form_dist_typing0.WithFalse<(string & {}) | "string" | "number" | ((value: _$dayjs.Dayjs, valueType: string) => string | number)>;
+    onInit?: ((values: DataType, form: _$_antdv_vue_pro_form0.ProFormInstance<DataType>) => void) | undefined;
+    params?: Params | undefined;
+    request?: _$_antdv_vue_pro_utils0.ProRequestData<DataType, Params> | undefined;
+    isKeyPressSubmit?: boolean;
+    formKey?: string | number;
+    autoFocusFirstInput?: boolean;
+    readonly?: boolean;
+  } & {
+    onReset?: ((vaules?: DataType | undefined) => void) | undefined;
+  } & Omit<_$_antdv_vue_pro_form_dist_layouts_QueryFilter_Actions0.ActionsProps, "submitter" | "setCollapsed" | "isForm"> & {
+    defaultCollapsed?: boolean;
+    layout?: _$antdv_next0.FormProps["layout"];
+    defaultColsNumber?: number;
+    defaultFormItemsNumber?: number;
+    labelWidth?: number | "auto";
+    split?: boolean;
+    span?: _$_antdv_vue_pro_form_dist_layouts_QueryFilter_index0.SpanConfig;
+    searchText?: string;
+    resetText?: string;
+    searchGutter?: _$antdv_next0.RowProps["gutter"];
+    optionRender?: _$_antdv_vue_pro_form_dist_RenderTypings0.OptionRender;
+    ignoreRules?: boolean;
+    showHiddenNum?: boolean;
+    submitterColSpanProps?: Omit<_$antdv_next0.ColProps, "span"> & {
+      span?: number;
+      class?: string;
+      style?: _$vue.CSSProperties;
+    };
+    containerStyle?: _$vue.CSSProperties;
+  } & {
+    onReset?: ((values?: DataType | undefined) => void) | undefined;
+  }, "form"> | undefined;
+  dateFormatter?: (string & {}) | "string" | "number" | ((value: _$dayjs.Dayjs, valueType: string) => string | number) | false;
+  beforeSearchSubmit?: ((params: Partial<Params>) => any) | undefined;
+  tableAlertRender?: TableAlertRender<DataType> | undefined;
+  tableAlertOptionRender?: TableAlertRender<DataType> | undefined;
+  rowSelection?: false | (_$antdv_next0.TableRowSelection<DataType> & {
+    alwaysShowAlert?: boolean;
+  }) | undefined;
+  type?: _$_antdv_vue_pro_utils0.ProSchemaComponentTypes;
+  onSubmit?: ((params?: Params | undefined) => void) | undefined;
+  onReset?: ((params?: Params | undefined) => void) | undefined;
+  columnEmptyText?: _$_antdv_vue_pro_field0.ProFieldEmptyText;
+  manualRequest?: boolean;
+  editable?: _$_antdv_vue_pro_utils0.RowEditableConfig<DataType> | undefined;
+  onDataSourceChange?: ((dataSource: DataType[]) => void) | undefined;
+  cardBordered?: Bordered;
+  debounceTime?: number;
+  revalidateOnFocus?: boolean;
+  defaultSize?: DensitySize;
+  name?: _$antdv_next_dist_form_types0.NamePath<string | number | boolean>;
+  errorBoundaryRender?: ErrorBoundaryRender;
+} & Omit<_$antdv_next0.TableProps<DataType>, "size" | "columns" | "rowSelection" | "dataSource"> & {}, {}, {}, {}, {}, {}>;
+declare const ProTable: typeof _ProTable & Plugin & {
+  Summary?: typeof TableSummary;
+};
+//#endregion
+export { ProTable as default };

package/dist/Table.js

@@ -0,0 +1,151 @@
+import { useProTableInstanceExpose } from "./utils/index.js";
+import { useContainer, useTableContextProvider } from "./Store/Provide.js";
+import InternalProTable from "./InternalTable.js";
+import { Fragment, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { ProConfigProvider, useProConfig } from "@antdv-vue/pro-provider";
+import { ErrorBoundary, transformBooleanProps } from "@antdv-vue/pro-utils";
+import { TableSummary } from "antdv-next";
+import { ValueTypeToComponent } from "@antdv-vue/pro-field";
+//#region src/Table.tsx
+const ProTable = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }) => {
+	const proConfig = useProConfig();
+	const container = useContainer(props);
+	const tableRef = shallowRef(null);
+	const booleanProps = transformBooleanProps([
+		"manualRequest",
+		"showSorterTooltip",
+		"showHeader",
+		"rowHoverable",
+		"revalidateOnFocus",
+		"loading",
+		"virtual",
+		"sticky",
+		"tailor",
+		"bordered",
+		"cardBordered",
+		"ghost"
+	], props);
+	useTableContextProvider(container);
+	expose(useProTableInstanceExpose(tableRef));
+	return () => {
+		const { errorBoundaryRender } = props;
+		const ErrorComponent = errorBoundaryRender === false ? Fragment : ErrorBoundary;
+		return createVNode(ProConfigProvider, {
+			"valueTypeMap": {
+				...proConfig.value.valueTypeMap,
+				...ValueTypeToComponent
+			},
+			"needDeps": true
+		}, { default: () => [createVNode(ErrorComponent, null, { default: () => [createVNode(InternalProTable, mergeProps({ "ref": tableRef }, attrs, props, booleanProps, {
+			"manualRequest": typeof props.manualRequest === "string" ? true : props.manualRequest,
+			"bordered": typeof props.bordered === "string" ? true : props.bordered,
+			"cardBordered": typeof props.cardBordered === "string" ? true : props.cardBordered,
+			"ghost": typeof props.ghost === "string" ? true : props.ghost
+		}), slots)] })] });
+	};
+}, {
+	name: "ProTable",
+	inheritAttrs: false,
+	props: [
+		"tableAlertRender",
+		"tableAlertOptionRender",
+		"beforeSearchSubmit",
+		"columnEmptyText",
+		"editable",
+		"options",
+		"tooltip",
+		"search",
+		"headerTitle",
+		"tableStyle",
+		"toolBarRender",
+		"optionsRender",
+		"columnsState",
+		"onSizeChange",
+		"toolbar",
+		"bodyCell",
+		"bordered",
+		"caption",
+		"cardBordered",
+		"cardProps",
+		"childrenColumnName",
+		"classes",
+		"columns",
+		"components",
+		"dataSource",
+		"dateFormatter",
+		"debounceTime",
+		"defaultData",
+		"defaultExpandAllRows",
+		"defaultExpandedRowKeys",
+		"direction",
+		"dropdownPrefixCls",
+		"expandIcon",
+		"expandIconColumnIndex",
+		"expandRowByClick",
+		"expandable",
+		"expandedRowClassName",
+		"expandedRowKeys",
+		"expandedRowRender",
+		"footer",
+		"form",
+		"getContainerWidth",
+		"getPopupContainer",
+		"ghost",
+		"headerCell",
+		"id",
+		"indentSize",
+		"loading",
+		"locale",
+		"manualRequest",
+		"measureRowRender",
+		"name",
+		"onDataSourceChange",
+		"onExpand",
+		"onExpandedRowsChange",
+		"onHeaderRow",
+		"onLoad",
+		"onLoadingChange",
+		"onRequestError",
+		"onReset",
+		"onRow",
+		"onSubmit",
+		"pagination",
+		"params",
+		"polling",
+		"postData",
+		"prefixCls",
+		"request",
+		"revalidateOnFocus",
+		"rootClass",
+		"rowClassName",
+		"rowHoverable",
+		"rowKey",
+		"rowSelection",
+		"scroll",
+		"searchFormRender",
+		"showHeader",
+		"showSorterTooltip",
+		"size",
+		"sortDirections",
+		"sticky",
+		"styles",
+		"summary",
+		"tableClass",
+		"tableExtraRender",
+		"tableLayout",
+		"tableRender",
+		"tableViewRender",
+		"tailor",
+		"title",
+		"type",
+		"virtual"
+	]
+});
+ProTable.Summary = TableSummary;
+ProTable.install = (app) => {
+	app.component(ProTable.Summary.name, TableSummary);
+	app.component(ProTable.name, ProTable);
+	return app;
+};
+//#endregion
+export { ProTable as default };