@gx-design-vue/pro-table 0.0.2 → 0.0.3-rc.1

package/dist/style.less

@@ -1,5 +1,3 @@
-@import './style/index.less';
-@import './components/ColumnSetting/style.less';
-@import './components/Form/style.less';
-@import './components/ListToolBar/style.less';
-@import './components/ToolBar/style.less';
+@import './design/ant-design-theme.less';
+@import './design/ant-design-vue.less';
+@import './pro-table.less';

package/dist/types/column.d.ts

@@ -1,6 +1,7 @@
 import type { VNodeChild } from 'vue';
 import type { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip';
-import type { ColumnFilterItem, ColumnTitle, CompareFn, FilterDropdownProps, FilterValue, Key, SortOrder, AlignType, CellEllipsisType, DataIndex, FixedType, GetComponentProps, RenderedCell } from '../../../_utils';
+import type { RecordType, VueNode, Breakpoint } from '../typing';
+import type { ColumnFilterItem, ColumnTitle, CompareFn, FilterDropdownProps, FilterValue, Key, SortOrder, AlignType, CellEllipsisType, DataIndex, FixedType, GetComponentProps, RenderedCell } from '../_utils';
 /**
  * @param text 文本框
  * @param date 日期 YYYY-MM-DD
@@ -18,7 +19,7 @@ export declare type ProFieldValueType = 'text' | 'date' | 'select' | 'treeSelect
  * @param time: 时间 HH:mm:ss
  * @param select 下拉选择器
  */
-export declare type ProFieldValueFormat = 'data' | 'dateMonth' | 'dateRange' | 'dateMonth' | 'time';
+export declare type ProFieldValueFormat = 'data' | 'dateMonth' | 'dateRange' | 'time';
 export declare type ProSchemaValueEnumType = {
     /** @name 演示的文案 */
     text: VNodeChild | JSX.Element;
@@ -33,7 +34,7 @@ export declare type ProSearchMap<ValueType = 'text', ValueFormat = 'date'> = {
     name?: string;
     /** 选择如何渲染相应的模式 */
     valueType?: ProSchemaValueType<ValueType>;
-    ValueFormat?: ProSchemaValueFormat<ValueFormat>;
+    valueFormat?: ProSchemaValueFormat<ValueFormat>;
     placeholder?: string | string[];
     /** valueType为select生效 */
     allowClear?: boolean;
@@ -142,6 +143,13 @@ export declare type ProColumn = {
     copyable?: boolean;
     /** 值为空时，默认取值 */
     columnEmptyText?: string;
+    valueType?: ProColumnsValueType;
+};
+export declare type ProColumnsValueType = 'text' | 'link' | 'time' | 'dateMonth' | 'dateTime' | {
+    node?: string;
+    class?: string;
+    attr?: string;
+    click?: () => void;
 };
 export declare type ProColumns = ProColumn[];
 export {};

package/dist/types/table.d.ts

@@ -1,5 +1,6 @@
 import type { VNodeChild } from 'vue';
-import type { TableRowSelection, TablePaginationConfig } from '../../../_utils';
+import type { RecordType, VueNode, Breakpoint, WithFalse, CustomRender } from '../typing';
+import type { TableRowSelection, TablePaginationConfig, SpinProps } from '../_utils';
 export declare type ProTabelFeachParams = {
     params?: any;
     filters?: any;
@@ -9,29 +10,32 @@ export declare type ProTabelFeachParams = {
     immediate?: boolean;
     isPolling?: boolean;
 };
+export declare type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
 export declare type ProFieldEmptyText = string | false;
 export declare type ProTableRowSelection<T = any> = TableRowSelection<T> & {
     defaultSelectKeys: (string | number)[];
     defaultSelectRows: T[];
 };
-export declare type ProTablePaginationConfig = Omit<TablePaginationConfig, 'position'> & {
+export interface ProTablePaginationConfig extends Omit<TablePaginationConfig, 'position'> {
     total?: number;
-    current: number;
-    pageSize: number;
-    position?: string;
-};
+    position?: TablePaginationPosition[];
+}
 export declare type ProTablePagination = ProTablePaginationConfig | false;
 export declare type SortOrder = 'descend' | 'ascend' | null;
-export declare type RequestData = {
-    data: any[] | undefined;
-    success?: boolean;
-    total?: number;
+export declare type RequestData<T = any> = {
+    data: T[] | undefined;
+    success: boolean;
+    total: number;
 } & RecordType;
-export declare type requsetConfig = (params: {
-    pageSize?: number;
-    current?: number;
-    keyword?: string;
-}, sort: Record<string, SortOrder>, filter: Record<string, any[] | null>) => Promise<Partial<RequestData>>;
+export declare type RequsetConfig = {
+    params: {
+        pageSize?: number;
+        pageNum?: number;
+    };
+    sort: Record<string, SortOrder>;
+    filter: Record<string, any[] | null>;
+};
+export declare type RequsetFunction<T = any> = (params: RequsetConfig['params'], sort: RequsetConfig['sort'], filter: RequsetConfig['filter']) => Promise<Partial<RequestData<T>>>;
 export declare type ColConfig = Partial<Record<Breakpoint, number>>;
 export declare type SearchConfig = {
     searchText?: string;
@@ -56,8 +60,8 @@ export interface OptionConfig {
     fullScreen?: (() => VNodeChild | JSX.Element) | boolean | (() => Promise<void>);
 }
 export declare type ProCoreActionTypeConfig = {
-    formParams?: RecordType;
     pageParams?: RecordType | boolean;
+    getLoadingStatus?: boolean | SpinProps | undefined;
     /** @name 刷新 */
     reload?: (info?: ProTabelFeachParams) => void;
     /** @name 刷新并清空表单，重置为第一页 */
@@ -67,12 +71,19 @@ export declare type ProCoreActionTypeConfig = {
     /** @name 更新TableData属性值 */
     reSetDataList?: (data: RecordType[]) => void;
     /** @name 更新TableData属性值 */
-    changeDataValue?: ({ key, value }: {
+    changeDataValue?: ({ key, params }: {
         key?: string;
-        value: RecordType;
+        params: RecordType;
     }) => void;
     /** @name 改变loading状态 */
     loadingOperation?: (loading: boolean) => void;
 };
 /** 操作类型 */
-export declare type ProCoreActionType = ({ reload, reloadAndRest, changeDataValue, loadingOperation }: ProCoreActionTypeConfig) => void;
+export declare type ProCoreActionType = (config: ProCoreActionTypeConfig) => void;
+export declare type ProCoreFormTypeConfig = {
+    formParams?: RecordType;
+    /** @name 刷新 */
+    restForm?: () => void;
+};
+/** 操作类型 */
+export declare type ProCoreFormType = (config: ProCoreFormTypeConfig) => void;

package/dist/typing.d.ts

@@ -0,0 +1,9 @@
+import type { Slot, VNode, VNodeChild, PropType as VuePropType } from 'vue';
+export declare type SizeType = 'small' | 'middle' | 'large' | undefined;
+export declare type WithFalse<T> = T | false;
+export declare type RecordType = Record<string, any>;
+export declare type PropType<T> = VuePropType<T>;
+export declare type VueNode = VNodeChild | JSX.Element;
+export declare type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export declare type ProVueNode = VueNode | VueNode[] | WithFalse<() => CustomRender>;
+export declare type CustomRender = Slot | VNodeChild | VNode | ((...props: any[]) => Slot) | ((...props: any[]) => VNode) | ((...args: any[]) => VNode) | VNode[] | JSX.Element | string | null | undefined;

package/dist/utils/config.d.ts

@@ -0,0 +1 @@
+export declare const proTableSlots: string[];

package/dist/utils/utils.d.ts

@@ -0,0 +1,2 @@
+import type { ProColumnsValueType } from '../types/column';
+export declare function valueFormat(value: any, format: ProColumnsValueType | undefined, className: string): any;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@gx-design-vue/pro-table",
-  "version": "0.0.2",
+  "version": "0.0.3-rc.1",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
+    "build": "vite build",
     "types": "vue-tsc --declaration --emitDeclarationOnly",
     "preview": "vite preview --port 5050",
     "test:unit": "vitest --environment jsdom",
@@ -26,13 +26,13 @@
     "./dist/style.less": "./dist/style.less"
   },
   "dependencies": {
-    "@vueuse/core": "^9.3.1",
-    "ant-design-vue": "3.2.13",
+    "@vueuse/core": "^6.8.0",
+    "@gx-design-vue/pro-utils": "0.0.5-rc.04",
+    "@gx-design-vue/pro-hooks": "0.0.1-rc.05",
+    "ant-design-vue": "^3.2.15",
     "dayjs": "^1.11.0",
     "lodash-es": "^4.17.21",
-    "vite-plugin-dts": "^1.6.6",
-    "vue": "3.2.39",
-    "vue-router": "^4.0.14",
+    "vue": "^3.0.0",
     "vue-types": "^4.1.1"
   },
   "devDependencies": {
@@ -42,8 +42,8 @@
     "@types/lodash-es": "^4.17.6",
     "@types/jsdom": "^16.2.14",
     "@types/node": "^16.11.26",
-    "@vitejs/plugin-vue": "3.1.0",
-    "@vitejs/plugin-vue-jsx": "2.0.1",
+    "@vitejs/plugin-vue": "^3.1.0",
+    "@vitejs/plugin-vue-jsx": "^2.0.1",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^10.0.0",
     "@vue/test-utils": "^2.0.0-rc.18",
@@ -65,9 +65,8 @@
     "stylelint-config-standard": "^25.0.0",
     "stylelint-order": "^5.0.0",
     "typescript": "^4.6.4",
-    "vite": "3.1.3",
-    "vite-plugin-windicss": "1.8.7",
-    "vue-eslint-parser": "9.0.3",
+    "vite": "^3.1.3",
+    "vue-eslint-parser": "^9.0.3",
     "vue-tsc": "0.39.4"
   },
   "description": "Gx Design"

package/dist/_utils/gx-design-vue/extract-public-props.d.ts

@@ -1,7 +0,0 @@
-import type { ExtractPropTypes } from 'vue';
-declare type RemoveReadonly<T> = {
-    -readonly [key in keyof T]: T[key];
-};
-export declare type ExtractPublicPropTypes<T> = Omit<Partial<RemoveReadonly<ExtractPropTypes<T>>>, Extract<keyof T, `internal${string}`>>;
-export declare type ExtractInternalPropTypes<T> = Partial<ExtractPropTypes<T>>;
-export {};

package/dist/_utils/gx-design-vue/index.d.ts

@@ -1,2 +0,0 @@
-export * from './typings';
-export * from './extract-public-props';

package/dist/_utils/gx-design-vue/typings.d.ts

@@ -1 +0,0 @@
-export declare type SizeType = 'small' | 'middle' | 'large' | undefined;

package/dist/hooks/core/index.d.ts

@@ -1,3 +0,0 @@
-import useMemo from './useMemo';
-export * from './useTimeout';
-export { useMemo };

package/dist/hooks/core/useMemo.d.ts

@@ -1,10 +0,0 @@
-import type { ComputedRef, WritableComputedRef } from 'vue';
-declare type MemoGetter<T> = () => T;
-declare type MemoSetter<T> = (v: T) => void;
-interface WritableMemoOptions<T> {
-    get: MemoGetter<T>;
-    set: MemoSetter<T>;
-}
-declare function useMemo<T>(getter: MemoGetter<T>): ComputedRef<T>;
-declare function useMemo<T>(options: WritableMemoOptions<T>): WritableComputedRef<T>;
-export default useMemo;

package/dist/hooks/core/useTimeout.d.ts

@@ -1,11 +0,0 @@
-export declare function tryOnUnmounted(fn: Fn): void;
-export declare function useTimeoutFn(handle: Fn<any>, wait: number, native?: boolean): {
-    readyRef: import("vue").Ref<boolean>;
-    stop: () => void;
-    start: () => void;
-};
-export declare function useTimeoutRef(wait: number): {
-    readyRef: import("vue").Ref<boolean>;
-    stop: () => void;
-    start: () => void;
-};

package/dist/typings/components.d.ts

@@ -1,6 +0,0 @@
-declare module 'vue' {
-    interface GlobalComponents {
-        ProTable: typeof import('gx-design-vue')['ProTable'];
-    }
-}
-export {};

package/dist/utils/index.d.ts

@@ -1,86 +0,0 @@
-import type { ProTablePagination } from '../types/table';
-import type { AlignType } from '../_utils';
-import type { ProSearchMap } from '../types/column';
-import type { ProColumns } from '../types/column';
-export declare const proTableSlots: string[];
-/**
- * 根据 key 和 dataIndex 生成唯一 id
- *
- * @param key 用户设置的 key
- * @param dataIndex 在对象中的数据
- * @param index 序列号，理论上唯一
- */
-export declare const genColumnKey: (key?: string | number | undefined, index?: number) => string;
-export declare function handleShowIndex(columns: ProColumns, { align, showIndex }: {
-    align: AlignType;
-    showIndex: boolean;
-}): ProColumns;
-export declare function handleFormDefaultValue(data: ProSearchMap[]): any;
-/**
- * @Author      gx12358
- * @DateTime    2021/11/3
- * @lastTime    2021/11/3
- * @description 如果是个方法执行一下它
- */
-export declare function runFunction<T extends any[]>(valueEnum: any, ...rest: T): any;
-/**
- * @Author      gx12358
- * @DateTime    2022/10/11
- * @lastTime    2022/10/11
- * @description 简单深拷贝下
- */
-export declare function deepCopy(data: object | any[]): any;
-/**
- * @Author      gx12358
- * @DateTime    2021/1/28
- * @lastTime    2021/1/28
- * @description 判断删除是否到当前页最后一条
- */
-export declare function handleCurrentPage(pageConfig: {
-    current: number;
-    pageSize: number | undefined;
-    total: number | undefined;
-} | undefined, number: number): number;
-/**
- * @Author      gaoxiang
- * @DateTime    2020/7/24
- * @lastTime    2020/7/24
- * @description 数组（树形）添加序号
- */
-export declare function getSortIndex(data?: any[], pageConfig?: ProTablePagination, childrenKey?: string): any;
-/**
- * @Author      gaoxiang
- * @DateTime    2019/11/29
- * @lastTime    2019/11/29
- * @description 排序（从小到大）
- */
-export declare function compareToMax(obj1: RecordType, obj2: RecordType, key: string): number;
-/**
- * @Author      gaoxiang
- * @DateTime    2019/12/11
- * @lastTime    2019/12/11
- * @description 数组去重
- */
-export declare function arrayRepeat(data: any[]): any;
-/**
- * @Author      gaoxiang
- * @DateTime    2020/8/26
- * @lastTime    2020/8/26
- * @description 处理表格字段为空
- */
-export declare function hanndleField(str: any, customize: any): {
-    value: any;
-    success: boolean;
-};
-/**
- * @Author      gaoxiang
- * @DateTime    2019/11/29
- * @lastTime    2019/11/29
- * @description 随机uuid
- */
-export declare function getRandomNumber(): {
-    uuid(len?: number, rad?: number): any;
-    uuidFast(): string;
-    uuidString(): string;
-    uuidCompact(): string;
-};

package/dist/utils/validate.d.ts

@@ -1,25 +0,0 @@
-export declare function is(val: unknown, type: string): boolean;
-export declare function isBoolean(val: unknown): val is boolean;
-export declare function isNumber(val: unknown): boolean;
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是数组
- * @param arg
- * @returns {arg is any[]|boolean}
- */
-export declare function isArray(arg: unknown): boolean;
-/**
- * @Author      gaoxiang
- * @DateTime    2019/11/29
- * @lastTime    2019/11/29
- * @description 是否是对象
- */
-export declare function isObject(val: any): val is Record<any, any>;
-/**
- * @author gx12358 2539306317@qq.com
- * @description 判断是否是字符串
- * @param value
- * @returns {boolean}
- */
-export declare function isString(value: unknown): boolean;
-export declare function isFunction(func: any): boolean;