@gx-design-vue/pro-table 0.2.0-alpha.8 → 0.2.0-alpha.9

package/dist/types/TableTypings.d.ts

@@ -1,359 +0,0 @@
-import { ProColumnType, ProColumnsType, ProSearchMap } from "./ColumnTypings.js";
-import { TableSorterRecord } from "./index.js";
-import { CustomDataRender, DefaultRender, PageItemRender } from "./SlotsTypings.js";
-import { CSSProperties, ComputedRef, Ref } from "vue";
-import { Breakpoint, CustomRender, Fn, RecordType, SemanticClassNames, SemanticStyles, SizeType, WithFalse } from "@gx-design-vue/pro-utils";
-import { TableProps } from "ant-design-vue/es/table";
-import { FilterValue, SelectionSelectFn, SorterResult, TableCurrentDataSource, TablePaginationConfig, TableRowSelection } from "ant-design-vue/es/table/interface";
-
-//#region src/types/TableTypings.d.ts
-interface ProTableFetchParams<R = RecordType> {
-  params?: R;
-  filters?: Record<string, FilterValue | null>;
-  sorter?: SorterResult | SorterResult[];
-  pagination?: ProTablePagination;
-  removeKeys?: (string | number)[];
-  immediate?: boolean;
-  isPolling?: boolean;
-  showLoading?: boolean;
-  extra?: TableCurrentDataSource;
-}
-type TableActionPlacement = 'left' | 'right';
-type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
-interface TableScroll {
-  x?: number | string;
-  y?: number | string;
-}
-type TableSemanticName = 'root' | 'content' | 'search' | 'searchItem' | 'searchControl' | 'searchContent' | 'searchText' | 'searchButtons' | 'card' | 'toolbar' | 'toolbarAfter' | 'toolbarLeft' | 'toolbarRight' | 'toolbarTitle' | 'list' | 'listContent' | 'pagination' | 'table';
-type TableStylesType = SemanticStyles<TableSemanticName>;
-type TableClassNamesType = SemanticClassNames<TableSemanticName>;
-type ProFieldEmptyText<T = any> = string | ((record: T) => void);
-type ProTableRowSelection<T = any> = Omit<TableRowSelection<T>, 'selectedRowKeys'> & {
-  selectedRows?: T[];
-  selectedRowKeys?: (string | number)[];
-};
-interface ProTablePaginationConfig extends Omit<TablePaginationConfig, 'position'> {
-  total?: number;
-  position?: TablePaginationPosition[];
-}
-type ProTablePagination = ProTablePaginationConfig | false;
-interface PageState {
-  current: number;
-  pageSize: number;
-  total?: number;
-}
-interface RequestData<T = any> {
-  data: T[] | undefined;
-  success?: boolean;
-  total?: number;
-}
-interface RequestConfig<T> {
-  params: T extends undefined ? PageState : PageState & Partial<T>;
-  sorter: TableSorterRecord[];
-  filter: Record<string, FilterValue | null>;
-  extra?: TableCurrentDataSource;
-}
-type RequestFunction<T = any, D = undefined> = (props: RequestConfig<D>) => Promise<Partial<RequestData<T>> | undefined>;
-type ColConfig = Partial<Record<Breakpoint, number>>;
-interface FormConfig {
-  className?: string;
-  /**
-   * actions 表单动作的配置参数
-   */
-  actions?: {
-    /**
-     * reset 是否展示重置按钮
-     */
-    reset?: boolean;
-    /**
-     * resetReload 是否展示重置按钮
-     */
-    resetReload?: boolean;
-    /**
-     * searchText 搜索按钮文案
-     */
-    searchText?: string;
-    /**
-     * resetText 重置按钮文案
-     */
-    resetText?: string;
-  };
-  /**
-   * collapsed 收起状态
-   */
-  collapsed?: boolean;
-  /**
-   * defaultCollapsed 默认收起状态
-   */
-  defaultCollapsed?: boolean;
-  /**
-   * autoRequest 表单搜索条件变化后自动请求request
-   */
-  autoRequest?: boolean;
-  /**
-   * collapseRender 展开收起自定义渲染
-   */
-  collapseRender?: WithFalse<(collapsed?: boolean) => CustomRender>;
-  /**
-   * span 支持断点（'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'）一行展示几个 demo { xl: 4, lg: 3 }
-   */
-  span?: ColConfig;
-  /**
-   * breakpoint 断点配置支持写入具体宽度 一行展示几个(这里是指大于宽度生效)，优先级比span要高 demo { 1440: 4 }
-   */
-  breakpoint?: Record<number, number>;
-  /**
-   * gap 每项表单间的间隔
-   */
-  gap?: number | string;
-  /**
-   * label 搜索表单的label配置参数
-   */
-  label?: {
-    /**
-     * label label与表单项之间的间隔：仅支持数字
-     */
-    gap?: number;
-    /**
-     * colon label与表单项之间的间否使用冒号间隔
-     */
-    colon?: boolean;
-    /**
-     * width  label的宽度：支持数字和字符
-     */
-    width?: number | string;
-    /**
-     * align label在宽度内的对齐方式：'center' | 'left' | 'right'
-     */
-    align?: 'center' | 'left' | 'right';
-  };
-}
-interface OptionConfig {
-  reload?: ((onClick?: Fn) => CustomRender) | boolean;
-  fullScreen?: ((onClick?: Fn) => CustomRender) | boolean | (() => Promise<void>);
-}
-/** action表格实例 */
-interface ProCoreActionType<T = RecordType, R = RecordType> {
-  /**
-   * loading 状态，可以直接进行修改
-   */
-  loading: Ref<boolean>;
-  /**
-   * dataSource 只读表格数据，不能修改
-   */
-  dataSource: ComputedRef<T[]>;
-  /**
-   * getLoadingStatus 主动获取表格loading状态
-   */
-  getLoadingStatus: () => boolean;
-  /**
-   * pagination 表格翻页参数
-   */
-  pagination: R | boolean;
-  /**
-   * pageInfo 表格的翻页参数（只有current、pageSize、total）
-   */
-  pageInfo: PageState;
-  /**
-   * selectedKeys 表格列选择keys，只读
-   */
-  selectedKeys: ComputedRef<(string | number)[]>;
-  /**
-   * selectedItems 表格列选择rows，只读
-   */
-  selectedItems: ComputedRef<T[]>;
-  /**
-   * rowsSelection 表格列选项操作
-   */
-  rowsSelection?: {
-    /**
-     * clear 清楚全部选项
-     */
-    clear: () => void;
-    /**
-     * sync 表格数据变化后，主动同步选择项
-     */
-    sync: (data: T[]) => void;
-    /**
-     * remove 删除选择项
-     */
-    remove: (keys: (string | number)[]) => void;
-    /**
-     * select 选中选择项
-     */
-    select: SelectionSelectFn<T>;
-    /**
-     * selectAll 当前表格数据全部选择
-     */
-    selectAll: TableRowSelection<T>['onSelectAll'];
-  };
-  /**
-   * reload 主动刷新，按照当前的参数在当前页重新请求下
-   */
-  reload: (info?: ProTableFetchParams<R>) => void;
-  /**
-   * reloadAndReset 刷新并清空表单，重置为第一页
-   */
-  reloadAndReset: (options?: {
-    callBack?: () => void;
-    wait?: boolean;
-  }) => void;
-  /**
-   * setPagination 设置翻页参数
-   */
-  setPagination: (pagination: ProTablePaginationConfig) => void;
-  /**
-   * setPageInfo 设置翻页、排序、筛选、并且刷新(reload)
-   */
-  setPageInfo: (pagination: ProTablePaginationConfig, filters?: Record<string, FilterValue | null>, sorter?: SorterResult | SorterResult[], extra?: TableCurrentDataSource) => void;
-  /**
-   * setTableDataList 更新表格数据，直接替换，谨慎操作
-   */
-  setTableDataList: (data: T[]) => void;
-  /**
-   * operateTableDataRow 更新TableData属性值
-   */
-  operateTableDataRow: ({
-    key,
-    type,
-    row,
-    value
-  }: {
-    /**
-     * row 更新、添加（后、前）操作需要传入的参数
-     */
-    row?: Partial<T>;
-    /**
-     * key 这里是表格数据的唯一字段，确保字段值为唯一
-     */
-    key?: keyof T;
-    /**
-     * value 更新、删除操作时，要把要操作的row的唯一字段的值传入，用作判断
-     */
-    value?: any;
-    /**
-     * type 操作类型：更新、后新增、删除、前新增
-     */
-    type?: 'update' | 'push' | 'delete' | 'unshift';
-  }) => void;
-  /**
-   * 改变loading状态
-   */
-  setLoading: (loading: boolean) => void;
-}
-/** form查询表单实例 */
-interface ProCoreFormType<R = RecordType> {
-  /**
-   * getFormSearch 获取表格-表单请求参数
-   */
-  getFormSearch?: () => R;
-  /**
-   * getFormInnerState 获取表格-内部表单参数
-   */
-  getFormInnerState?: () => R;
-  /**
-   * restFormState 重置内部表单组件参数
-   */
-  restFormState?: (callBack?: () => void) => void;
-}
-interface ProTableRef<T = RecordType, R = RecordType> {
-  formRef: () => ProCoreFormType<R>;
-  actionRef: () => ProCoreActionType<T, R>;
-}
-type ProTableProps<DataRecord extends object = RecordType, ParamsType extends object = RecordType> = Omit<TableProps<DataRecord>, 'columns' | 'dataSource' | 'rowKey' | 'id' | 'pagination' | 'onExpand' | 'expandedRowKeys' | 'onExpandedRowsChange' | 'onResizeColumn' | 'customHeaderRow' | 'footer' | 'title' | 'expandIcon' | 'customRow' | 'expandedRowRender' | 'defaultExpandedRowKeys' | 'rowClassName' | 'rowExpandable' | 'transformCellText' | 'onChange'> & Partial<{
-  /**
-   * fitPage 适配页面高度，使其表格占据一屏
-   */
-  fitPage: boolean;
-  class: string;
-  style: CSSProperties;
-  id: string;
-  classNames: TableClassNamesType;
-  styles: TableStylesType;
-  dataSource: DataRecord[];
-  actionProps: {
-    placement?: TableActionPlacement;
-    actions?: DefaultRender[];
-  };
-  title: (data: DataRecord[]) => any;
-  footer: (data: DataRecord[]) => any;
-  rowExpandable: (record: DataRecord) => boolean;
-  transformCellText: (opt: {
-    text: any;
-    column: ProColumnType;
-    record: any;
-    index: number;
-  }) => any;
-  expandIcon: (props: {
-    prefixCls: string;
-    expanded: boolean;
-    record: DataRecord;
-    expandable: boolean;
-    onExpand: (record: DataRecord, event: MouseEvent) => void;
-  }) => any;
-  rowClassName: string | ((record: DataRecord, index: number, indent: number) => string);
-  customRow: (data: DataRecord, index?: number, column?: ProColumnType) => any;
-  customHeaderRow: (data: DataRecord, index?: number, column?: ProColumnType) => any;
-  expandedRowRender: (opt: {
-    record: DataRecord;
-    index: number;
-    indent: number;
-    expanded: boolean;
-  }) => any;
-  expandedRowKeys: any[];
-  defaultExpandedRowKeys: any[];
-  rowKey: keyof DataRecord;
-  titleTipText: string;
-  autoScroll: boolean;
-  showSearch: boolean;
-  keepAliveReload: boolean;
-  emptyTextProps: {
-    class?: string;
-    style?: CSSProperties;
-    extraProps?: RecordType;
-  };
-  columnEmptyText: ProFieldEmptyText<DataRecord>;
-  showLoading: boolean;
-  neverScroll: boolean;
-  modalScroll: boolean;
-  scrollBreakpoint: Breakpoint | number;
-  draggable: boolean;
-  bordered: boolean;
-  showIndex: boolean;
-  cardBordered: boolean;
-  virtualScroll: boolean;
-  size: SizeType;
-  align: ProColumnType['align'];
-  options: OptionConfig | boolean;
-  rowSelection: ProTableRowSelection;
-  columns: ProColumnsType<DataRecord, ParamsType>;
-  waitRequest: boolean;
-  polling: number;
-  debounceTime: number;
-  request: RequestFunction<DataRecord, ParamsType>;
-  autoRequest: boolean;
-  params: ParamsType;
-  postData: (data: DataRecord[]) => DataRecord[];
-  pagination: ProTablePagination;
-  form: FormConfig | false;
-  searchMap: ProSearchMap<undefined, keyof ParamsType | keyof DataRecord>[];
-  onChange: (pagination: ProTablePaginationConfig, filters?: Record<string, FilterValue | null>, sorter?: SorterResult | SorterResult[], extra?: TableCurrentDataSource) => void;
-  onExpand: (expanded: boolean, record: DataRecord) => void;
-  onExpandedRowsChange: (expandedKeys: any[]) => void;
-  onResizeColumn: (w: number, col: ProColumnType) => void;
-  onReset: (params?: Partial<ParamsType>) => void;
-  onReload: (params?: Partial<ParamsType>) => void;
-  onSubmit: (params?: Partial<ParamsType>) => void;
-  onSizeChange: (size: string) => any;
-  onLoadingChange: (loading: boolean) => any;
-  onRequestError: (e: Error) => void;
-  onBeforeSearchSubmit: RequestFunction<DataRecord, ParamsType>;
-  emptyText: DefaultRender;
-  headerTitle: DefaultRender;
-  headerTitleTip: DefaultRender;
-  listToolAfter: DefaultRender;
-  customRender: CustomDataRender;
-  pageItemRender: PageItemRender;
-}>;
-//#endregion
-export { ColConfig, FormConfig, OptionConfig, PageState, ProCoreActionType, ProCoreFormType, ProFieldEmptyText, ProTableFetchParams, ProTablePagination, ProTablePaginationConfig, ProTableProps, ProTableRef, ProTableRowSelection, RequestConfig, RequestData, RequestFunction, TableActionPlacement, TableClassNamesType, TablePaginationPosition, TableScroll, TableSemanticName, TableStylesType };

package/dist/types/index.d.ts

@@ -1,9 +0,0 @@
-import { RecordType } from "@gx-design-vue/pro-utils";
-import { FilterValue, SorterResult } from "ant-design-vue/es/table/interface";
-
-//#region src/types/index.d.ts
-type TableFilters = Record<string, FilterValue | null>;
-type TableSorterRecord = SorterResult<RecordType>;
-type TableSorter = TableSorterRecord | TableSorterRecord[];
-//#endregion
-export { TableFilters, TableSorter, TableSorterRecord };

package/dist/utils/utils.d.ts

@@ -1,10 +0,0 @@
-import { ProColumnsValueType } from "../types/ColumnTypings.js";
-import { ProTablePagination } from "../types/TableTypings.js";
-
-//#region src/utils/utils.d.ts
-declare function valueFormat(value: any, format: ProColumnsValueType | undefined, className: string, hashId: string): any;
-declare function getCurrentData(data: any[], pageInfo: ProTablePagination): any[];
-declare function handleCopy(codeStr: string): void;
-declare function watchElementHeightByClass(root: string | (() => (HTMLElement | undefined | null)), onChange: (el: HTMLElement | undefined) => void): () => void;
-//#endregion
-export { getCurrentData, handleCopy, valueFormat, watchElementHeightByClass };

package/dist/utils/utils.js

@@ -1,89 +0,0 @@
-import { createVNode, isVNode, mergeProps } from "vue";
-import { isNil, isObject } from "@gx-design-vue/pro-utils";
-import dayjs from "dayjs";
-//#region src/utils/utils.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-function valueFormat(value, format, className, hashId) {
-	if (isNil(value)) return "";
-	if (!format) return value;
-	let newValue = value;
-	if (isObject(format)) return createVNode(format.node === "a" ? "span" : format.node, mergeProps(format?.attr || {}, {
-		"class": format.class,
-		"onClick": format.click
-	}), _isSlot(value) ? value : { default: () => [value] });
-	switch (format) {
-		case "link":
-			newValue = createVNode("span", { "class": [`${className}-a`, hashId] }, [value]);
-			break;
-		case "time":
-			newValue = dayjs(value).format("HH:mm:ss");
-			break;
-		case "dateMonth":
-			newValue = `${dayjs(value).month() + 1}月`;
-			break;
-		case "date":
-			newValue = dayjs(value).format("YYYY-MM-DD");
-			break;
-		case "dateTime":
-			newValue = dayjs(value).format("YYYY-MM-DD HH:mm:ss");
-			break;
-		default: break;
-	}
-	return newValue;
-}
-function getCurrentData(data, pageInfo) {
-	const current = pageInfo ? pageInfo.current || 1 : 1;
-	const pageSize = pageInfo ? pageInfo.pageSize || 10 : 10;
-	return data.filter((_, index) => index < current * pageSize && index >= pageSize * (current - 1));
-}
-function handleCopy(codeStr) {
-	const textArea = document.createElement("textarea");
-	textArea.style.position = "absolute";
-	textArea.style.opacity = "0";
-	textArea.value = codeStr;
-	document.body.appendChild(textArea);
-	textArea.select();
-	document.execCommand("copy");
-	document.body.removeChild(textArea);
-}
-function watchElementHeightByClass(root, onChange) {
-	let resizeObserver = null;
-	let mutationObserver = null;
-	function cleanup() {
-		resizeObserver && resizeObserver.disconnect();
-		mutationObserver && mutationObserver.disconnect();
-	}
-	function setupResize(el) {
-		if (!el) return;
-		resizeObserver = new ResizeObserver(() => {
-			onChange(el);
-		});
-		resizeObserver.observe(el);
-		onChange(el);
-	}
-	function findTarget() {
-		if (typeof root === "string") return document.querySelector(root);
-		return root();
-	}
-	const initial = findTarget();
-	if (initial) {
-		setupResize(initial);
-		return cleanup;
-	}
-	mutationObserver = new MutationObserver(() => {
-		const el = findTarget();
-		if (el) {
-			mutationObserver.disconnect();
-			setupResize(el);
-		}
-	});
-	mutationObserver.observe(document.body, {
-		childList: true,
-		subtree: true
-	});
-	return cleanup;
-}
-//#endregion
-export { getCurrentData, handleCopy, valueFormat, watchElementHeightByClass };