@gx-design-vue/pro-table 0.2.0-beta.44 → 0.2.0-beta.46

package/dist/ProTable.d.ts

@@ -9,7 +9,7 @@ declare const GProTable: import("vue").DefineComponent<{
         default: undefined;
     };
     columns: {
-        type: import("vue").PropType<ProColumnsType<import("./typing").DefaultRecordType> | undefined>;
+        type: import("vue").PropType<ProColumnsType<any> | undefined>;
         default: never[];
     };
     pagination: {
@@ -17,14 +17,11 @@ declare const GProTable: import("vue").DefineComponent<{
         default: () => undefined;
     };
     rowKey: {
-        type: import("vue").PropType<string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<import("./typing").DefaultRecordType> & string) | undefined>;
+        type: import("vue").PropType<string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<any> & string) | undefined>;
         default: undefined;
     };
     request: {
-        type: import("vue").PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType, {
-            pageSize?: number | undefined;
-            pageNum?: number | undefined;
-        }> | undefined>;
+        type: import("vue").PropType<import("./types/TableTypings").RequsetFunction<any, undefined> | undefined>;
         default: null;
     };
     virtualScroll: import("vue").PropType<boolean | undefined>;
@@ -128,10 +125,7 @@ declare const GProTable: import("vue").DefineComponent<{
     onSizeChange: import("vue").PropType<((size: string) => any) | undefined>;
     onLoadingChange: import("vue").PropType<((loading: boolean) => any) | undefined>;
     onRequestError: import("vue").PropType<((e: Error) => void) | undefined>;
-    onBeforeSearchSubmit: import("vue").PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType, {
-        pageSize?: number | undefined;
-        pageNum?: number | undefined;
-    }> | undefined>;
+    onBeforeSearchSubmit: import("vue").PropType<import("./types/TableTypings").RequsetFunction<any, undefined> | undefined>;
     onColumnsStateChange: import("vue").PropType<((data: import("./hooks/useColumnSetting").ColumnsState[]) => void) | undefined>;
     prefixCls: {
         type: import("vue").PropType<string>;
@@ -368,7 +362,7 @@ declare const GProTable: import("vue").DefineComponent<{
         default: undefined;
     };
     columns: {
-        type: import("vue").PropType<ProColumnsType<import("./typing").DefaultRecordType> | undefined>;
+        type: import("vue").PropType<ProColumnsType<any> | undefined>;
         default: never[];
     };
     pagination: {
@@ -376,14 +370,11 @@ declare const GProTable: import("vue").DefineComponent<{
         default: () => undefined;
     };
     rowKey: {
-        type: import("vue").PropType<string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<import("./typing").DefaultRecordType> & string) | undefined>;
+        type: import("vue").PropType<string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<any> & string) | undefined>;
         default: undefined;
     };
     request: {
-        type: import("vue").PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType, {
-            pageSize?: number | undefined;
-            pageNum?: number | undefined;
-        }> | undefined>;
+        type: import("vue").PropType<import("./types/TableTypings").RequsetFunction<any, undefined> | undefined>;
         default: null;
     };
     virtualScroll: import("vue").PropType<boolean | undefined>;
@@ -487,10 +478,7 @@ declare const GProTable: import("vue").DefineComponent<{
     onSizeChange: import("vue").PropType<((size: string) => any) | undefined>;
     onLoadingChange: import("vue").PropType<((loading: boolean) => any) | undefined>;
     onRequestError: import("vue").PropType<((e: Error) => void) | undefined>;
-    onBeforeSearchSubmit: import("vue").PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType, {
-        pageSize?: number | undefined;
-        pageNum?: number | undefined;
-    }> | undefined>;
+    onBeforeSearchSubmit: import("vue").PropType<import("./types/TableTypings").RequsetFunction<any, undefined> | undefined>;
     onColumnsStateChange: import("vue").PropType<((data: import("./hooks/useColumnSetting").ColumnsState[]) => void) | undefined>;
     prefixCls: {
         type: import("vue").PropType<string>;
@@ -734,7 +722,7 @@ declare const GProTable: import("vue").DefineComponent<{
     onBeforeSearchSubmit?: ((...args: any[]) => any) | undefined;
     onColumnsStateChange?: ((...args: any[]) => any) | undefined;
 }, {
-    columns: ProColumnsType<import("./typing").DefaultRecordType> | undefined;
+    columns: ProColumnsType<any> | undefined;
     scroll: {
         x?: string | number | true | undefined;
         y?: string | number | undefined;
@@ -742,7 +730,7 @@ declare const GProTable: import("vue").DefineComponent<{
         scrollToFirstRowOnChange?: boolean | undefined;
     };
     prefixCls: string;
-    rowKey: string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<import("./typing").DefaultRecordType> & string) | undefined;
+    rowKey: string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<any> & string) | undefined;
     tableLayout: import("ant-design-vue/es/vc-table/interface").TableLayout | undefined;
     rowClassName: string | import("ant-design-vue/es/vc-table/interface").RowClassName<any> | undefined;
     title: import("ant-design-vue/es/vc-table/interface").PanelRender<any> | undefined;
@@ -857,10 +845,7 @@ declare const GProTable: import("vue").DefineComponent<{
     options: boolean | OptionConfig | undefined;
     waitRequest: boolean | undefined;
     debounceTime: number | undefined;
-    request: import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType, {
-        pageSize?: number | undefined;
-        pageNum?: number | undefined;
-    }> | undefined;
+    request: import("./types/TableTypings").RequsetFunction<any, undefined> | undefined;
     search: boolean | SearchConfig | undefined;
     searchMap: import("./types/ColumnTypings").ProSearchMap[] | undefined;
     titleTip: TitleTipRender;

package/dist/components/ListToolBar/index.d.ts

@@ -11,7 +11,7 @@ declare const ListToolBar: import("vue").DefineComponent<{
         type: PropType<import("../../types/SlotsTypings").ToolBarBtnRender>;
         default: () => undefined;
     };
-    settings: PropType<import("vue").VNodeChild[]>;
+    settings: PropType<VueNode[]>;
     titleTip: {
         type: PropType<import("../../types/SlotsTypings").TitleTipRender>;
         default: () => undefined;
@@ -34,7 +34,7 @@ declare const ListToolBar: import("vue").DefineComponent<{
         type: PropType<import("../../types/SlotsTypings").ToolBarBtnRender>;
         default: () => undefined;
     };
-    settings: PropType<import("vue").VNodeChild[]>;
+    settings: PropType<VueNode[]>;
     titleTip: {
         type: PropType<import("../../types/SlotsTypings").TitleTipRender>;
         default: () => undefined;

package/dist/components/ToolBar/FullscreenIcon.d.ts

@@ -1,2 +1,2 @@
-declare const FullScreenIcon: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const FullScreenIcon: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default FullScreenIcon;

package/dist/components/ToolBar/index.d.ts

@@ -18,7 +18,7 @@ declare const ToolbarRender: import("vue").DefineComponent<{
     titleTipText: PropType<string | undefined>;
     toolBarBtn: PropType<import("../../types/SlotsTypings").ToolBarBtnRender>;
     headerTitle: PropType<import("../../types/SlotsTypings").HeaderTitleRender>;
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: PropType<boolean | OptionConfig | undefined>;
     titleTip: PropType<import("../../types/SlotsTypings").TitleTipRender>;
     settingExtra: PropType<import("../../types/SlotsTypings").SettingExtraRender>;

package/dist/props.d.ts

@@ -6,7 +6,7 @@ export declare const proTableProps: {
         default: undefined;
     };
     columns: {
-        type: PropType<import(".").ProColumnsType<import("./typing").DefaultRecordType> | undefined>;
+        type: PropType<import(".").ProColumnsType<any> | undefined>;
         default: never[];
     };
     pagination: {
@@ -14,7 +14,7 @@ export declare const proTableProps: {
         default: () => undefined;
     };
     rowKey: {
-        type: PropType<string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<import("./typing").DefaultRecordType> & string) | undefined>;
+        type: PropType<string | (import("ant-design-vue/es/vc-table/interface").GetRowKey<any> & string) | undefined>;
         default: undefined;
     };
     /**
@@ -24,10 +24,7 @@ export declare const proTableProps: {
      * @description 获取 dataSource 的方法
      */
     request: {
-        type: PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType, {
-            pageSize?: number | undefined;
-            pageNum?: number | undefined;
-        }> | undefined>;
+        type: PropType<import("./types/TableTypings").RequsetFunction<any, undefined> | undefined>;
         default: null;
     };
     virtualScroll: PropType<boolean | undefined>;
@@ -251,10 +248,7 @@ export declare const proTableProps: {
     onSizeChange: PropType<((size: string) => any) | undefined>;
     onLoadingChange: PropType<((loading: boolean) => any) | undefined>;
     onRequestError: PropType<((e: Error) => void) | undefined>;
-    onBeforeSearchSubmit: PropType<import("./types/TableTypings").RequsetFunction<import("./typing").DefaultRecordType, {
-        pageSize?: number | undefined;
-        pageNum?: number | undefined;
-    }> | undefined>;
+    onBeforeSearchSubmit: PropType<import("./types/TableTypings").RequsetFunction<any, undefined> | undefined>;
     onColumnsStateChange: PropType<((data: import("./hooks/useColumnSetting").ColumnsState[]) => void) | undefined>;
     prefixCls: {
         type: PropType<string>;

package/dist/types/ColumnTypings.d.ts

@@ -0,0 +1,91 @@
+import type { RecordType, VueNode } from '@gx-design-vue/pro-utils';
+import type { DefaultRecordType } from '../typing';
+import type { ColumnType } from '../_utils';
+/**
+ * @param text 文本框
+ * @param date 日期 YYYY-MM-DD
+ * @param dateMonth 月选择器
+ * @param dateRange 日期范围 YYYY-MM-DD[]
+ * @param time: 时间 HH:mm:ss
+ * @param select 下拉选择器
+ */
+export type ProFieldValueType = 'text' | 'date' | 'select' | 'treeSelect' | 'dateMonth' | 'dateRange' | 'time';
+/**
+ * @param text 文本框
+ * @param date 日期 YYYY-MM-DD
+ * @param dateMonth 月选择器
+ * @param dateRange 日期范围 YYYY-MM-DD[]
+ * @param time: 时间 HH:mm:ss
+ * @param select 下拉选择器
+ */
+export type ProFieldValueFormat = 'YYYY-MM-DD' | 'YYYY-MM' | 'YYYY-MM-DD HH:mm:ss' | 'HH:mm:ss';
+export type ProSchemaValueEnumType = {
+    /** @name 演示的文案 */
+    text: VueNode | JSX.Element;
+    /** @name 演示的value值 */
+    value: any;
+    /** @name 是否禁用 */
+    disabled?: boolean;
+};
+type ProSchemaValueType<ValueType> = (ValueType | ProFieldValueType);
+export type ProSearchMap<ValueType = 'text'> = {
+    name?: string;
+    /** 选择如何渲染相应的模式 */
+    valueType?: ProSchemaValueType<ValueType>;
+    /** valueType为date|dateMonth|dateRange|time生效 */
+    valueFormat?: ProFieldValueFormat;
+    placeholder?: string | string[];
+    /** valueType为select生效 */
+    allowClear?: boolean;
+    /** valueType为select生效 */
+    showSearch?: boolean;
+    /** valueType为date生效 */
+    showToday?: boolean;
+    /** valueType为dateRange生效 */
+    rangeStartName?: string;
+    /** valueType为dateRange生效 */
+    rangeEndName?: string;
+    /** valueType为time生效 */
+    use12Hours?: boolean;
+    /** valueType为select生效 */
+    loading?: boolean;
+    /** valueType为date、dateRange生效 */
+    showTime?: RecordType | boolean;
+    /** 搜索表单的默认值 */
+    initialValue?: any;
+    /** 针对select、treeselect取值的key */
+    valueKey?: string;
+    /** 表单的属性值（ant-design）*/
+    field?: RecordType;
+    /**
+     * 支持 object 和Map，Map 是支持其他基础类型作为 key
+     *
+     * @name 映射值的类型
+     */
+    valueEnum?: ProSchemaValueEnumType[];
+};
+export type ProColumnType<RecordType = DefaultRecordType> = ColumnType<RecordType> & {
+    children?: ProColumnsType<RecordType>;
+    uuid?: string | number;
+    /** 不在列表中显示 */
+    show?: boolean;
+    /** 列表顺序值 */
+    order?: number;
+    /** 不在配置工具中显示 */
+    hideInSetting?: boolean;
+    /** 表单搜索配置 */
+    searchConfig?: ProSearchMap;
+    /** 是否拷贝 */
+    copyable?: boolean;
+    /** 值为空时，默认取值 */
+    columnEmptyText?: string;
+    valueType?: ProColumnsValueType;
+};
+export type ProColumnsType<RecordType = DefaultRecordType> = (ProColumnType<RecordType>)[];
+export type ProColumnsValueType = 'text' | 'link' | 'time' | 'dateMonth' | 'dateTime' | {
+    node?: string;
+    class?: string;
+    attr?: string;
+    click?: () => void;
+};
+export {};

package/dist/types/TableTypings.d.ts

@@ -0,0 +1,151 @@
+import type { ComputedRef, CSSProperties } from 'vue';
+import type { RecordType, WithFalse, CustomRender, VueNode, SizeType, Breakpoint } from '@gx-design-vue/pro-utils';
+import type { ProSearchMap, ProColumnType, ProColumnsType } from './ColumnTypings';
+import type { HeaderTitleRender, ToolBarBtnRender, CustomizeRender, TitleTipRender, OptionsExtraRender, SettingExtraRender, PageItemRender } from './SlotsTypings';
+import type { FilterValue, SorterResult, TableCurrentDataSource, TableRowSelection, TablePaginationConfig, TableProps } from '../_utils';
+import type { ColumnSettingProps } from '../components/ColumnSetting';
+import type { ColumnsState, ColumnsStateType } from '../hooks/useColumnSetting';
+export type ProTabelFeachParams = {
+    params?: any;
+    filters?: Record<string, FilterValue | null>;
+    sorter?: SorterResult | SorterResult[];
+    pagination?: ProTablePagination;
+    removeKeys?: (string | number)[];
+    immediate?: boolean;
+    isPolling?: boolean;
+    showLoading?: boolean;
+    extra?: TableCurrentDataSource;
+};
+export type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+export type ProFieldEmptyText = string | false;
+export type ProTableRowSelection<T = any> = Omit<TableRowSelection<T>, 'selectedRowKeys'> & {
+    selectedRowKeys?: (string | number)[];
+};
+export interface ProTablePaginationConfig extends Omit<TablePaginationConfig, 'position'> {
+    total?: number;
+    position?: TablePaginationPosition[];
+}
+export type ProTablePagination = ProTablePaginationConfig | false;
+export type DefaultParams = {
+    pageSize: number;
+    pageNum: number;
+};
+export type RequestData<T = any> = {
+    data: T[] | undefined;
+    success: boolean;
+    total: number;
+};
+export type RequsetConfig<T> = {
+    params: T extends undefined ? DefaultParams : {
+        pageSize: number;
+        pageNum: number;
+    } & Partial<T>;
+    sort: SorterResult | SorterResult[];
+    filter: Record<string, FilterValue | null>;
+    extra: TableCurrentDataSource;
+};
+export type RequsetFunction<T = any, D = undefined> = (params: RequsetConfig<D>['params'], sort: RequsetConfig<D>['sort'], filter: RequsetConfig<D>['filter']) => Promise<Partial<RequestData<T>>>;
+export type ColConfig = Partial<Record<Breakpoint, number>>;
+export type SearchConfig = {
+    searchText?: string;
+    resetText?: string;
+    className?: string;
+    defaultCollapsed?: boolean;
+    showSearch?: boolean;
+    showReset?: boolean;
+    collapseRender?: WithFalse<(collapsed?: boolean) => CustomRender>;
+    span?: ColConfig;
+};
+export interface OptionConfig {
+    reload?: (() => VueNode | JSX.Element) | boolean;
+    density?: boolean;
+    setting?: boolean | ColumnSettingProps;
+    fullScreen?: (() => VueNode | JSX.Element) | boolean | (() => Promise<void>);
+}
+/** action表格实例 */
+export interface ProCoreActionType {
+    /** @name loadingStatus */
+    getLoadingStatus?: () => boolean;
+    dataSource?: any;
+    pageParams?: RecordType | boolean;
+    selectedKey?: (string | number)[];
+    selectedItem?: RecordType[];
+    /** @name 刷新 */
+    reload?: (info?: ProTabelFeachParams) => void;
+    /** @name 刷新并清空表单，重置为第一页 */
+    reloadAndRest?: (callBack?: () => void) => void;
+    /** @name 设置翻页*/
+    setPagination?: (pagination: ProTablePaginationConfig) => void;
+    /** @name 设置翻页、排序、筛选、并且reload */
+    setPageAndReload?: (pagination: ProTablePaginationConfig, filters?: Record<string, FilterValue | null>, sorter?: SorterResult | SorterResult[], extra?: TableCurrentDataSource) => void;
+    /** @name 更新TableData属性值 */
+    reSetDataList?: (data: RecordType[]) => void;
+    /** @name 更新TableData属性值 */
+    changeDataValue?: ({ key, params, type }: {
+        key?: string;
+        params: RecordType;
+        type?: 'update' | 'add' | 'delete';
+    }) => void;
+    /** @name 改变loading状态 */
+    loadingOperation?: (loading: boolean) => void;
+}
+/** form查询表单实例 */
+export interface ProCoreFormType {
+    /** @name 获取表格-表单请求参数 */
+    getTableFormState?: () => RecordType;
+    /** @name 获取表格-内部表单参数 */
+    getFormState?: () => RecordType;
+    /** @name 重置内部表单组件参数 */
+    restForm?: (callBack?: () => void) => void;
+}
+export interface ProTableRef {
+    loading: ComputedRef<boolean>;
+    formRef: () => ProCoreFormType;
+    actionRef: () => ProCoreActionType;
+}
+export type ProTableProps<RecordType = any> = Omit<TableProps<RecordType>, 'columns'> & Partial<{
+    tableClassName: string;
+    tableStyle: CSSProperties;
+    rowKey: string;
+    titleTipText: string;
+    autoScroll: boolean;
+    columnEmptyText: ProFieldEmptyText;
+    showLoading: boolean;
+    neverScroll: boolean;
+    modalScroll: boolean;
+    scrollBreakpoint: Breakpoint | number;
+    draggabled: boolean;
+    bordered: boolean;
+    showIndex: boolean;
+    virtualScroll: boolean;
+    size: SizeType;
+    align: ProColumnType['align'];
+    options: OptionConfig | boolean;
+    rowSelection: ProTableRowSelection;
+    columns: ProColumnsType<RecordType>;
+    columnsState: ColumnsStateType;
+    waitRequest: boolean;
+    polling: number;
+    debounceTime: number;
+    request: RequsetFunction<RecordType>;
+    params: Record<string, any>;
+    postData: (data: any[]) => any;
+    pagination: ProTablePagination;
+    search: SearchConfig | boolean;
+    searchMap: ProSearchMap[];
+    onReset: (params?: Partial<Record<string, any>>) => any;
+    onReload: (params?: Partial<Record<string, any>>) => any;
+    onSubmit: (params?: Partial<Record<string, any>>) => any;
+    onSizeChange: (size: string) => any;
+    onLoadingChange: (loading: boolean) => any;
+    onRequestError: (e: Error) => void;
+    onBeforeSearchSubmit: RequsetFunction<RecordType>;
+    onColumnsStateChange: (data: ColumnsState[]) => void;
+    titleTip: TitleTipRender;
+    headerTitle: HeaderTitleRender;
+    toolBarBtn: ToolBarBtnRender;
+    customRender: CustomizeRender;
+    optionsExtra: OptionsExtraRender;
+    settingExtra: SettingExtraRender;
+    pageItemRender: PageItemRender;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gx-design-vue/pro-table",
-  "version": "0.2.0-beta.44",
+  "version": "0.2.0-beta.46",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -26,10 +26,10 @@
   },
   "dependencies": {
     "@vueuse/core": "^9.10.0",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.23",
-    "@gx-design-vue/pro-hooks": "^0.2.0-beta.17",
-    "@gx-design-vue/pro-provider": "^0.1.0-beta.48",
-    "@gx-design-vue/pro-app": "^0.1.0-beta.9",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.25",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.18",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.49",
+    "@gx-design-vue/pro-app": "^0.1.0-beta.10",
     "ant-design-vue": "^4.1.2",
     "dayjs": "^1.11.0",
     "lodash-es": "^4.17.21",