@gx-design-vue/pro-table 0.2.0-beta.5 → 0.2.0-beta.50

package/dist/style.d.ts

@@ -1,7 +1,3 @@
+import type { GenerateStyle } from 'ant-design-vue/es/theme/internal';
 import type { ProAliasToken } from '@gx-design-vue/pro-provider';
-export interface ProToken extends ProAliasToken {
-    antCls: string;
-    componentCls: string;
-}
-declare const _default: (_prefixCls?: string | import("vue").Ref<string> | undefined) => import("ant-design-vue/es/theme/internal").UseComponentStyleResult;
-export default _default;
+export declare const genProTabelStyle: GenerateStyle<ProAliasToken>;

package/dist/types/ColumnTypings.d.ts

@@ -55,7 +55,7 @@ export type ProSearchMap<ValueType = 'text'> = {
     initialValue?: any;
     /** 针对select、treeselect取值的key */
     valueKey?: string;
-    /** 表单的属性值（ant-design）*/
+    /** 表单的属性值（ant-design） */
     field?: RecordType;
     /**
      * 支持 object 和Map，Map 是支持其他基础类型作为 key

package/dist/types/SlotsTypings.d.ts

@@ -9,4 +9,4 @@ export type PageItemRender = WithFalse<(opt: {
     type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next';
     originalElement: any;
 }) => CustomRender>;
-export type CustomizeRender = WithFalse<(dataSource: any[]) => CustomRender>;
+export type CustomizeRender = WithFalse<(currenData: any[], dataSource: any[]) => CustomRender>;

package/dist/types/TableTypings.d.ts

@@ -1,19 +1,20 @@
-import type { 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 { DefaultRecordType } from '../typing';
-import type { HeaderTitleRender, ToolBarBtnRender, CustomizeRender, TitleTipRender, OptionsExtraRender, SettingExtraRender, PageItemRender } from './SlotsTypings';
-import type { TableRowSelection, TablePaginationConfig, SpinProps, TableFilters, TableSorter, TableProps } from '../_utils';
+import type { CSSProperties, ComputedRef } from 'vue';
+import type { Breakpoint, CustomRender, RecordType, SizeType, VueNode, WithFalse } from '@gx-design-vue/pro-utils';
+import type { ProColumnType, ProColumnsType, ProSearchMap } from './ColumnTypings';
+import type { CustomizeRender, HeaderTitleRender, OptionsExtraRender, PageItemRender, SettingExtraRender, TitleTipRender, ToolBarBtnRender } from './SlotsTypings';
+import type { FilterValue, SorterResult, TableCurrentDataSource, TablePaginationConfig, TableProps, TableRowSelection } from '../_utils';
 import type { ColumnSettingProps } from '../components/ColumnSetting';
 import type { ColumnsState, ColumnsStateType } from '../hooks/useColumnSetting';
 export type ProTabelFeachParams = {
     params?: any;
-    filters?: TableFilters;
-    sorter?: TableSorter;
+    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;
@@ -25,20 +26,25 @@ export interface ProTablePaginationConfig extends Omit<TablePaginationConfig, 'p
     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;
-} & RecordType;
-export type RequsetConfig = {
-    params: {
-        pageSize?: number;
-        pageNum?: number;
-    };
-    sort: TableSorter;
-    filter: TableFilters;
 };
-export type RequsetFunction<T = any> = (params: RequsetConfig['params'], sort: RequsetConfig['sort'], filter: RequsetConfig['filter']) => Promise<Partial<RequestData<T>>>;
+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;
@@ -58,20 +64,27 @@ export interface OptionConfig {
 }
 /** action表格实例 */
 export interface ProCoreActionType {
+    /** @name loadingStatus */
+    getLoadingStatus?: () => boolean;
+    dataSource?: any;
     pageParams?: RecordType | boolean;
-    getLoadingStatus?: boolean | SpinProps | undefined;
+    selectedKey?: (string | number)[];
+    selectedItem?: RecordType[];
     /** @name 刷新 */
     reload?: (info?: ProTabelFeachParams) => void;
     /** @name 刷新并清空表单，重置为第一页 */
     reloadAndRest?: (callBack?: () => void) => void;
-    /** @name 设置翻页、排序、筛选*/
-    changePageInfo?: (pagination: ProTablePaginationConfig, filters: any, sorter: any) => 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 }: {
+    changeDataValue?: ({ key, params, type }: {
         key?: string;
         params: RecordType;
+        type?: 'update' | 'add' | 'delete';
     }) => void;
     /** @name 改变loading状态 */
     loadingOperation?: (loading: boolean) => void;
@@ -79,23 +92,25 @@ export interface ProCoreActionType {
 /** form查询表单实例 */
 export interface ProCoreFormType {
     /** @name 获取表格-表单请求参数 */
-    formParams?: RecordType;
+    getTableFormState?: () => RecordType;
     /** @name 获取表格-内部表单参数 */
     getFormState?: () => RecordType;
     /** @name 重置内部表单组件参数 */
     restForm?: (callBack?: () => void) => void;
 }
 export interface ProTableRef {
+    loading: ComputedRef<boolean>;
     formRef: () => ProCoreFormType;
     actionRef: () => ProCoreActionType;
 }
-export type ProTableProps<RecordType extends DefaultRecordType = DefaultRecordType> = Omit<TableProps<RecordType>, 'columns'> & Partial<{
+export type ProTableProps<RecordType = any, ParamsType = Record<string, 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;
@@ -113,14 +128,14 @@ export type ProTableProps<RecordType extends DefaultRecordType = DefaultRecordTy
     polling: number;
     debounceTime: number;
     request: RequsetFunction<RecordType>;
-    params: Record<string, unknown>;
+    params: ParamsType;
     postData: (data: any[]) => any;
     pagination: ProTablePagination;
-    search: SearchConfig;
+    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;
+    onReset: (params?: Partial<ParamsType>) => any;
+    onReload: (params?: Partial<ParamsType>) => any;
+    onSubmit: (params?: Partial<ParamsType>) => any;
     onSizeChange: (size: string) => any;
     onLoadingChange: (loading: boolean) => any;
     onRequestError: (e: Error) => void;

package/dist/utils/utils.d.ts

@@ -1,2 +1,4 @@
 import type { ProColumnsValueType } from '../types/ColumnTypings';
-export declare function valueFormat(value: any, format: ProColumnsValueType | undefined, className: string): any;
+import type { ProTablePagination } from '../types/TableTypings';
+export declare function valueFormat(value: any, format: ProColumnsValueType | undefined, className: string, hashId: string): any;
+export declare function getCuurentData(data: any[], pageInfo: ProTablePagination): any[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gx-design-vue/pro-table",
-  "version": "0.2.0-beta.5",
+  "version": "0.2.0-beta.50",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -14,57 +14,35 @@
     "dist",
     "volar.d.ts"
   ],
+  "type": "module",
   "types": "./dist",
-  "main": "./dist/pro-table.umd.js",
-  "module": "./dist/pro-table.mjs",
+  "main": "./dist/pro-table.umd.cjs",
+  "module": "./dist/pro-table.js",
   "exports": {
     ".": {
-      "import": "./dist/pro-table.mjs",
-      "require": "./dist/pro-table.umd.js"
+      "import": "./dist/pro-table.js",
+      "require": "./dist/pro-table.umd.cjs"
     }
   },
   "dependencies": {
     "@vueuse/core": "^9.10.0",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.5",
-    "@gx-design-vue/pro-hooks": "^0.2.0-beta.3",
-    "@gx-design-vue/pro-provider": "^0.1.0-beta.13",
-    "ant-design-vue": "^4.0.0",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.35",
+    "@gx-design-vue/pro-hooks": "^0.2.0-beta.27",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.80",
+    "@gx-design-vue/pro-app": "^0.1.0-beta.12",
     "dayjs": "^1.11.0",
-    "lodash-es": "^4.17.21",
-    "vue": "^3.2.45",
-    "vue-types": "^4.1.1"
+    "lodash-es": "^4.17.21"
   },
   "devDependencies": {
-    "@rollup/plugin-typescript": "^8.3.0",
-    "@rushstack/eslint-patch": "^1.1.0",
     "@types/lodash-es": "^4.17.6",
-    "@types/jsdom": "^16.2.14",
-    "@types/node": "^16.11.26",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "@vue/tsconfig": "^0.1.3",
-    "eslint": "^8.13.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.6.0",
-    "jsdom": "^19.0.0",
-    "less": "^4.1.2",
-    "postcss": "^8.4.12",
-    "postcss-html": "^1.4.1",
-    "postcss-less": "^6.0.0",
-    "prettier": "^2.6.2",
-    "rollup": "^2.70.2",
-    "stylelint": "^14.7.1",
-    "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-recommended": "^7.0.0",
-    "stylelint-config-recommended-vue": "^1.4.0",
-    "stylelint-config-standard": "^25.0.0",
-    "stylelint-order": "^5.0.0",
-    "typescript": "^4.6.4",
-    "vite": "^4.3.8",
-    "vue-eslint-parser": "^9.0.3",
-    "vue-tsc": "^1.0.24"
+    "typescript": "^5.3.3"
   },
-  "description": "Gx Design"
+  "peerDependencies": {
+    "vue": ">=3.0.0",
+    "ant-design-vue": "^4.1.2"
+  },
+  "description": "Gx Design Pro Table",
+  "authors": [
+    "gx12358 <gx12358@gmail.com> (https://github.com/gx12358)"
+  ]
 }

package/dist/_utils/typings.d.ts

@@ -1,9 +0,0 @@
-export type SpinProps = {
-    prefixCls?: string;
-    spinning?: boolean;
-    size?: 'small' | 'default' | 'large';
-    wrapperClassName?: string;
-    tip?: string;
-    delay?: number;
-    indicator?: any;
-};