@gx-design-vue/pro-table 0.0.1

package/dist/style.less

@@ -0,0 +1,5 @@
+@import './style/index.less';
+@import './components/ColumnSetting/style.less';
+@import './components/Form/style.less';
+@import './components/ListToolBar/style.less';
+@import './components/ToolBar/style.less';

package/dist/types/column.d.ts

@@ -0,0 +1,147 @@
+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';
+/**
+ * @param text 文本框
+ * @param date 日期 YYYY-MM-DD
+ * @param dateMonth 月选择器
+ * @param dateRange 日期范围 YYYY-MM-DD[]
+ * @param time: 时间 HH:mm:ss
+ * @param select 下拉选择器
+ */
+export declare 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 declare type ProFieldValueFormat = 'data' | 'dateMonth' | 'dateRange' | 'dateMonth' | 'time';
+export declare type ProSchemaValueEnumType = {
+    /** @name 演示的文案 */
+    text: VNodeChild | JSX.Element;
+    /** @name 演示的value值 */
+    value: any;
+    /** @name 是否禁用 */
+    disabled?: boolean;
+};
+declare type ProSchemaValueType<ValueType> = (ValueType | ProFieldValueType);
+declare type ProSchemaValueFormat<ValueType> = (ValueType | ProFieldValueFormat);
+export declare type ProSearchMap<ValueType = 'text', ValueFormat = 'date'> = {
+    name?: string;
+    /** 选择如何渲染相应的模式 */
+    valueType?: ProSchemaValueType<ValueType>;
+    ValueFormat?: ProSchemaValueFormat<ValueFormat>;
+    placeholder?: string | string[];
+    /** valueType为select生效 */
+    allowClear?: boolean;
+    /** valueType为select生效 */
+    showSearch?: boolean;
+    /** valueType为date|dateMonth|dateRange|time生效 */
+    format?: string;
+    /** valueType为date生效 */
+    showToday?: boolean;
+    /** valueType为dateRange生效 */
+    rangeStartName?: string;
+    /** valueType为dateRange生效 */
+    rangeEndName?: string;
+    /** valueType为time生效 */
+    use12Hours?: boolean;
+    /** valueType为select生效 */
+    loading?: boolean;
+    showTime?: RecordType | boolean;
+    /** 搜索表单的默认值 */
+    initialValue?: any;
+    /** 针对select、treeselect取值的key */
+    valueKey?: string;
+    /** 表单的属性值（ant-design）*/
+    field?: RecordType;
+    /**
+     * 支持 object 和Map，Map 是支持其他基础类型作为 key
+     *
+     * @name 映射值的类型
+     */
+    valueEnum?: ProSchemaValueEnumType[];
+};
+export declare type ProColumn = {
+    title?: ColumnTitle<any>;
+    sorter?: boolean | CompareFn<RecordType> | {
+        compare?: CompareFn<RecordType>;
+        /** Config multiple sorter order priority */
+        multiple?: number;
+    };
+    sortOrder?: SortOrder;
+    defaultSortOrder?: SortOrder;
+    sortDirections?: SortOrder[];
+    showSorterTooltip?: boolean | TooltipProps;
+    filtered?: boolean;
+    filters?: ColumnFilterItem[];
+    filterDropdown?: VueNode | ((props: FilterDropdownProps<RecordType>) => VueNode);
+    filterMultiple?: boolean;
+    filteredValue?: FilterValue | null;
+    defaultFilteredValue?: FilterValue | null;
+    filterIcon?: VueNode | ((opt: {
+        filtered: boolean;
+        column: ProColumns;
+    }) => VueNode);
+    onFilter?: (value: string | number | boolean, record: RecordType) => boolean;
+    filterDropdownVisible?: boolean;
+    onFilterDropdownVisibleChange?: (visible: boolean) => void;
+    responsive?: Breakpoint[];
+    children?: ProColumn[];
+    colSpan?: number;
+    dataIndex?: DataIndex;
+    customRender?: (opt: {
+        value: any;
+        text: any;
+        record: RecordType;
+        index: number;
+        column: ProColumns;
+    }) => any | RenderedCell<RecordType>;
+    rowSpan?: number;
+    width?: number | string;
+    minWidth?: number;
+    maxWidth?: number;
+    resizable?: boolean;
+    customCell?: GetComponentProps<RecordType>;
+    /** @deprecated Please use `onCell` instead */
+    onCellClick?: (record: RecordType, e: MouseEvent) => void;
+    key?: Key;
+    class?: string;
+    className?: string;
+    fixed?: FixedType;
+    customHeaderCell?: GetComponentProps<ProColumns[]>;
+    ellipsis?: CellEllipsisType;
+    align?: AlignType;
+    customFilterDropdown?: boolean;
+    /** @deprecated Please use `v-slot:filterIcon` `v-slot:bodyCell` `v-slot:headerCell` instead */
+    slots?: {
+        filterIcon?: string;
+        filterDropdown?: string;
+        customRender?: string;
+        title?: string;
+    };
+    /**
+     * @private Internal usage.
+     *
+     * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!
+     */
+    __originColumn__?: any;
+    uuid?: string | number;
+    /** 不在列表中显示 */
+    show?: boolean;
+    /** 列表顺序值 */
+    order?: number;
+    /** 不在配置工具中显示 */
+    hideInSetting?: boolean;
+    /** 表单搜索配置 */
+    searchConfig?: ProSearchMap;
+    /** 是否拷贝 */
+    copyable?: boolean;
+    /** 值为空时，默认取值 */
+    columnEmptyText?: string;
+};
+export declare type ProColumns = ProColumn[];
+export {};

package/dist/types/table.d.ts

@@ -0,0 +1,78 @@
+import type { VNodeChild } from 'vue';
+import type { TableRowSelection, TablePaginationConfig } from '../../../_utils';
+export declare type ProTabelFeachParams = {
+    params?: any;
+    filters?: any;
+    sorter?: any;
+    pagination?: ProTablePagination | boolean;
+    removeKeys?: (string | number)[];
+    immediate?: boolean;
+    isPolling?: boolean;
+};
+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'> & {
+    total?: number;
+    current: number;
+    pageSize: number;
+    position?: string;
+};
+export declare type ProTablePagination = ProTablePaginationConfig | false;
+export declare type SortOrder = 'descend' | 'ascend' | null;
+export declare type RequestData = {
+    data: any[] | 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 ColConfig = Partial<Record<Breakpoint, number>>;
+export declare type SearchConfig = {
+    searchText?: string;
+    resetText?: string;
+    className?: string;
+    defaultCollapsed?: boolean;
+    showSearch?: boolean;
+    showReset?: boolean;
+    collapseRender?: WithFalse<(collapsed?: boolean) => CustomRender>;
+    span?: ColConfig;
+};
+export declare type OptionConfigSettings = {
+    draggable?: boolean;
+    checkable?: boolean;
+    checkedReset?: boolean;
+    extra?: VueNode;
+};
+export interface OptionConfig {
+    reload?: (() => VNodeChild | JSX.Element) | boolean;
+    density?: boolean;
+    setting?: boolean | OptionConfigSettings;
+    fullScreen?: (() => VNodeChild | JSX.Element) | boolean | (() => Promise<void>);
+}
+export declare type ProCoreActionTypeConfig = {
+    formParams?: RecordType;
+    pageParams?: RecordType | boolean;
+    /** @name 刷新 */
+    reload?: (info?: ProTabelFeachParams) => void;
+    /** @name 刷新并清空表单，重置为第一页 */
+    reloadAndRest?: () => void;
+    /** @name 设置翻页、排序、筛选*/
+    changePageInfo?: (pagination: ProTablePaginationConfig, filters: any, sorter: any) => void;
+    /** @name 更新TableData属性值 */
+    reSetDataList?: (data: RecordType[]) => void;
+    /** @name 更新TableData属性值 */
+    changeDataValue?: ({ key, value }: {
+        key?: string;
+        value: RecordType;
+    }) => void;
+    /** @name 改变loading状态 */
+    loadingOperation?: (loading: boolean) => void;
+};
+/** 操作类型 */
+export declare type ProCoreActionType = ({ reload, reloadAndRest, changeDataValue, loadingOperation }: ProCoreActionTypeConfig) => void;

package/dist/typings/components.d.ts

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

package/dist/utils/index.d.ts

@@ -0,0 +1,86 @@
+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

@@ -0,0 +1,25 @@
+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;

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@gx-design-vue/pro-table",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "types": "vue-tsc --declaration --emitDeclarationOnly",
+    "preview": "vite preview --port 5050",
+    "test:unit": "vitest --environment jsdom",
+    "typecheck": "vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "lint": "TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
+  },
+  "files": [
+    "dist"
+  ],
+  "types": "./dist",
+  "style": "./dist/style.css",
+  "main": "./dist/pro-table.umd.js",
+  "module": "./dist/pro-table.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/pro-table.es.js",
+      "require": "./dist/pro-table.umd.js"
+    },
+    "./dist/style.css": "./dist/style.css",
+    "./dist/style.less": "./dist/style.less"
+  },
+  "dependencies": {
+    "@vueuse/core": "^9.3.1",
+    "ant-design-vue": "3.2.13",
+    "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-types": "^4.1.1"
+  },
+  "devDependencies": {
+    "@shared/vite-plugin-less-copy": "workspace:^0.0.0",
+    "@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": "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",
+    "@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": "3.1.3",
+    "vite-plugin-windicss": "1.8.7",
+    "vue-eslint-parser": "9.0.3",
+    "vue-tsc": "0.39.4"
+  },
+  "description": "Gx Design"
+}