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

package/dist/hooks/useDebounceFn.js

@@ -1,31 +0,0 @@
-import { computed, ref } from "vue";
-import { tryOnUnmounted } from "@gx-design-vue/pro-hooks";
-//#region src/hooks/useDebounceFn.ts
-function useDebounceFn(fn, wait) {
-	const hookWait = computed(() => wait || 0);
-	const timer = ref();
-	const callback = ref(fn);
-	function cancel() {
-		if (timer.value) {
-			clearTimeout(timer.value);
-			timer.value = null;
-		}
-	}
-	async function run(...args) {
-		if (hookWait.value === 0 || hookWait.value === void 0) return callback.value(...args);
-		cancel();
-		return new Promise(async (resolve) => {
-			if (args[0]?.immediate) resolve(await callback.value(...args));
-			else timer.value = setTimeout(async () => {
-				resolve(await callback.value(...args));
-			}, hookWait.value);
-		});
-	}
-	tryOnUnmounted(cancel);
-	return {
-		cancel,
-		run
-	};
-}
-//#endregion
-export { useDebounceFn as default };

package/dist/hooks/useScrollArea.d.ts

@@ -1,24 +0,0 @@
-import { TableScroll } from "../types/TableTypings.js";
-import { ComputedRef, Ref } from "vue";
-
-//#region src/hooks/useScrollArea.d.ts
-declare function useScrollArea({
-  fitPage,
-  hashId,
-  scroll,
-  baseClassName
-}: {
-  baseClassName: string;
-  hashId: Ref<string>;
-  scroll: ComputedRef<TableScroll>;
-  fitPage: Ref<boolean | undefined>;
-}): {
-  barRef: Ref<any, any>;
-  tableCardEl: Ref<HTMLElement, HTMLElement>;
-  tableScrollEl: Ref<HTMLElement, HTMLElement>;
-  tableOverHidden: ComputedRef<boolean>;
-  tableScrollYHeight: ComputedRef<number>;
-  tableListToolsHeight: Ref<number, number>;
-};
-//#endregion
-export { useScrollArea };

package/dist/hooks/useScrollArea.js

@@ -1,102 +0,0 @@
-import { provideScrollBarContext } from "../components/ScrollBar/context.js";
-import { watchElementHeightByClass } from "../utils/utils.js";
-import { computed, nextTick, onDeactivated, onMounted, onUnmounted, onUpdated, ref, watch } from "vue";
-import { onMountedOrActivated } from "@gx-design-vue/pro-hooks";
-import { useElementSize, useResizeObserver, useScroll } from "@vueuse/core";
-//#region src/hooks/useScrollArea.ts
-function useScrollArea({ fitPage, hashId, scroll, baseClassName }) {
-	const barRef = ref();
-	const tableCardEl = ref();
-	const tablePageEl = ref();
-	const tableHeaderEl = ref();
-	const tableScrollEl = ref();
-	const tableScrollInnerEl = ref();
-	const tableListToolsHeight = ref(0);
-	let stopWatchPage;
-	let stopWatchTableScroll;
-	let stopWatchTableHeader;
-	let stopWatchScrollInner;
-	onMountedOrActivated(() => {
-		stopWatchPage = watchElementHeightByClass(() => tableCardEl.value?.querySelector(`.ant-pagination`), (el) => {
-			if (el) tablePageEl.value = el;
-		});
-		stopWatchTableHeader = watchElementHeightByClass(() => tableCardEl.value?.querySelector(`.ant-table-header`), (el) => {
-			if (el) tableHeaderEl.value = el;
-		});
-		stopWatchScrollInner = watchElementHeightByClass(() => tableCardEl.value?.querySelector(`.ant-table-body>table`), (el) => {
-			if (el) tableScrollInnerEl.value = el;
-		});
-	});
-	watch(() => scroll.value, (state) => {
-		stopWatchTableScroll && stopWatchTableScroll();
-		if (state.y || fitPage.value) stopWatchTableScroll = watchElementHeightByClass(() => tableCardEl.value?.querySelector(`.ant-table-body`), (el) => {
-			if (el) tableScrollEl.value = el;
-		});
-		else if (state.x) stopWatchTableScroll = watchElementHeightByClass(() => tableCardEl.value?.querySelector(`.ant-table-content`), (el) => {
-			if (el) tableScrollEl.value = el;
-		});
-	}, { immediate: true });
-	const { height: scrollHeight } = useElementSize(tableCardEl);
-	const { height: tableHeaderHeight } = useElementSize(tableHeaderEl);
-	const { height: tableBodyInnerHeight } = useElementSize(tableScrollInnerEl);
-	const { height: tablePageHeight } = useElementSize(tablePageEl);
-	const tableScrollYHeight = computed(() => {
-		if (!tableCardEl.value || !fitPage.value) return 0;
-		let tablePageMargin = 0;
-		if (tablePageEl.value) {
-			const style = getComputedStyle(tablePageEl.value);
-			tablePageMargin = (Number.parseFloat(style.marginTop) || 0) + (Number.parseFloat(style.marginBottom) || 0);
-		}
-		return scrollHeight.value - tableHeaderHeight.value - tableListToolsHeight.value - (tablePageHeight.value + tablePageMargin);
-	});
-	const tableOverHidden = computed(() => {
-		if (tableScrollYHeight.value && fitPage.value) return tableBodyInnerHeight.value <= tableScrollYHeight.value;
-		return false;
-	});
-	watch([() => tableScrollEl.value, () => tableScrollYHeight.value], () => {
-		if (tableScrollEl.value && fitPage.value) tableScrollEl.value.setAttribute("style", `height: ${tableScrollYHeight.value}px;`);
-	});
-	useScroll(tableScrollEl, { onScroll: () => {
-		if (tableScrollEl.value) barRef.value?.handleScroll(tableScrollEl.value);
-	} });
-	const update = () => {
-		barRef.value?.update();
-	};
-	useResizeObserver(tableScrollEl, update);
-	onMounted(() => {
-		nextTick(() => {
-			update();
-		});
-	});
-	onUpdated(() => update());
-	function stopWatch() {
-		stopWatchPage && stopWatchPage();
-		stopWatchTableScroll && stopWatchTableScroll();
-		stopWatchTableHeader && stopWatchTableHeader();
-		stopWatchScrollInner && stopWatchScrollInner();
-	}
-	onUnmounted(() => {
-		stopWatch();
-	});
-	onDeactivated(() => {
-		stopWatch && stopWatch();
-	});
-	provideScrollBarContext({
-		className: `${baseClassName}-scroll`,
-		hashId,
-		tableScrollYHeight,
-		tableHeaderHeight,
-		scrollbarElement: tableCardEl,
-		wrapElement: tableScrollEl
-	});
-	return {
-		barRef,
-		tableCardEl,
-		tableScrollEl,
-		tableOverHidden,
-		tableScrollYHeight,
-		tableListToolsHeight
-	};
-}
-//#endregion
-export { useScrollArea };

package/dist/props.d.ts

@@ -1,340 +0,0 @@
-import { ProTableProps, ProTableRowSelection, TableClassNamesType, TableStylesType } from "./types/TableTypings.js";
-import * as vue from "vue";
-import { CSSProperties, ExtractPropTypes, PropType } from "vue";
-import { SpinProps } from "ant-design-vue";
-import { TableProps } from "ant-design-vue/es/table";
-import * as ant_design_vue_es_vc_table_interface0 from "ant-design-vue/es/vc-table/interface";
-import { TableProps as TableProps$1 } from "ant-design-vue/es/vc-table/Table";
-
-//#region src/props.d.ts
-declare const omitProps: (keyof TableProps)[];
-type AntTableProps = Omit<TableProps, typeof omitProps[number]>;
-declare const tableProps: {
-  direction: {
-    type: PropType<"rtl" | "ltr">;
-    default: string;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 是否展示外边框和列边框
-   */
-  bordered: {
-    type: PropType<TableProps["bordered"]>;
-    default: any;
-  };
-  loading: {
-    type: PropType<boolean | SpinProps>;
-    default: any;
-  };
-  scroll: {
-    type: PropType<TableProps$1["scroll"] & {
-      scrollToFirstRowOnChange?: boolean;
-    }>;
-    default: any;
-  };
-  'onUpdate:expandedRowKeys': {
-    type: vue.PropType<(expandedKeys: ant_design_vue_es_vc_table_interface0.Key[]) => void>;
-    default: (expandedKeys: ant_design_vue_es_vc_table_interface0.Key[]) => void;
-  };
-};
-declare const proTableProps: {
-  id: {
-    type: PropType<string>;
-    default: string;
-  };
-  class: {
-    type: PropType<string>;
-    default: string;
-  };
-  style: {
-    type: PropType<CSSProperties>;
-    default: () => {};
-  };
-  classNames: {
-    type: PropType<TableClassNamesType>;
-    default: () => {};
-  };
-  styles: {
-    type: PropType<TableStylesType>;
-    default: () => {};
-  };
-  fitPage: {
-    type: PropType<ProTableProps["fitPage"]>;
-    default: boolean;
-  };
-  rowSelection: {
-    type: PropType<ProTableRowSelection>;
-    default: any;
-  };
-  columns: {
-    type: PropType<ProTableProps["columns"]>;
-    default: () => any[];
-  };
-  pagination: {
-    type: PropType<ProTableProps["pagination"]>;
-    default: () => any;
-  };
-  rowKey: {
-    type: PropType<string>;
-    default: string;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 获取 dataSource 的方法
-   */
-  request: {
-    type: PropType<ProTableProps["request"]>;
-    default: any;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2025/12/11
-   * @lastTime    2025/12/11
-   * @description 关闭参数变化后自动请求
-   */
-  autoRequest: {
-    type: PropType<ProTableProps["autoRequest"]>;
-    default: boolean;
-  };
-  virtualScroll: PropType<ProTableProps["virtualScroll"]>;
-  params: {
-    type: PropType<ProTableProps["params"]>;
-    default: () => {};
-  };
-  waitRequest: {
-    type: PropType<ProTableProps["waitRequest"]>;
-    default: boolean;
-  };
-  title: PropType<ProTableProps["title"]>;
-  footer: PropType<ProTableProps["footer"]>;
-  transformCellText: PropType<ProTableProps["transformCellText"]>;
-  rowExpandable: PropType<ProTableProps["rowExpandable"]>;
-  rowClassName: PropType<ProTableProps["rowClassName"]>;
-  expandIcon: PropType<ProTableProps["expandIcon"]>;
-  expandedRowKeys: PropType<ProTableProps["expandedRowKeys"]>;
-  defaultExpandedRowKeys: PropType<ProTableProps["defaultExpandedRowKeys"]>;
-  expandedRowRender: PropType<ProTableProps["expandedRowRender"]>;
-  customRow: PropType<ProTableProps["customRow"]>;
-  customHeaderRow: PropType<ProTableProps["customHeaderRow"]>;
-  polling: PropType<ProTableProps["polling"]>;
-  debounceTime: {
-    type: PropType<ProTableProps["debounceTime"]>;
-    default: number;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 是否显示搜索表单，传入对象时为搜索表单的配置
-   */
-  form: {
-    type: PropType<ProTableProps["form"]>;
-    default: () => any;
-  };
-  searchMap: {
-    type: PropType<ProTableProps["searchMap"]>;
-    default: () => any[];
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 自定义表格渲染模式：默认表格展示，也可以自定义数据列表展示
-   */
-  customRender: {
-    type: PropType<ProTableProps["customRender"]>;
-    default: () => any;
-  };
-  emptyText: {
-    type: PropType<ProTableProps["emptyText"]>;
-    default: () => any;
-  };
-  showLoading: {
-    type: PropType<ProTableProps["showLoading"]>;
-    default: boolean;
-  };
-  emptyTextProps: {
-    type: PropType<ProTableProps["emptyTextProps"]>;
-    default: () => ProTableProps["emptyTextProps"];
-  };
-  actionProps: {
-    type: PropType<ProTableProps["actionProps"]>;
-    default: () => {
-      placement: string;
-    };
-  }; /** @name listToolAfter 表格工具栏下方的内容 */
-  listToolAfter: {
-    type: PropType<ProTableProps["listToolAfter"]>;
-    default: () => any;
-  }; /** @name headerTitle 表格标题，可自定义 */
-  headerTitle: {
-    type: PropType<ProTableProps["headerTitle"]>;
-    default: () => any;
-  }; /** @name headerTitleTip 标题提示的Icon，可自定义 */
-  headerTitleTip: {
-    type: PropType<ProTableProps["headerTitleTip"]>;
-    default: () => any;
-  }; /** @name titleTipText 标题提示词 */
-  titleTipText: {
-    type: PropType<ProTableProps["titleTipText"]>;
-  }; /** @name options table 工具栏(reload:重新请求按钮；fullScreen：全屏按钮)，设为 false 时不显示 */
-  options: {
-    type: PropType<ProTableProps["options"]>;
-    default: boolean;
-  }; /** @name keepAliveReload 针对 keepalive 缓存的页面，重新进入是否请求 */
-  keepAliveReload: {
-    type: PropType<ProTableProps["keepAliveReload"]>;
-    default: boolean;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 是否展示序号栏
-   */
-  showIndex: {
-    type: PropType<ProTableProps["showIndex"]>;
-    default: boolean;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2024/11/15
-   * @lastTime    2024/11/15
-   * @description 是否已card分割
-   */
-  cardBordered: {
-    type: PropType<ProTableProps["showIndex"]>;
-    default: boolean;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 翻页item设置
-   */
-  pageItemRender: {
-    type: PropType<ProTableProps["pageItemRender"]>;
-    default: () => any;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 表格大小
-   */
-  size: {
-    type: PropType<ProTableProps["size"]>;
-    default: string;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 表格全局对齐方式
-   */
-  align: {
-    type: PropType<ProTableProps["align"]>;
-    default: string;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 是否列拖动
-   */
-  draggable: PropType<ProTableProps["draggable"]>;
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 根据屏幕大小或者scrollBreakpoint或者scroll?.x是否存在判断action列是否固定
-   */
-  autoScroll: {
-    type: PropType<ProTableProps["autoScroll"]>;
-    default: boolean;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 滚动断点支持数字（屏幕宽度）；也支持md、xl，xxl等
-   */
-  scrollBreakpoint: PropType<ProTableProps["scrollBreakpoint"]>;
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description modalTable时，自动固定滚动高度
-   */
-  modalScroll: PropType<ProTableProps["modalScroll"]>;
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 从不滚动
-   */
-  neverScroll: PropType<ProTableProps["neverScroll"]>;
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 表格数据为空值时的显示默认值
-   */
-  columnEmptyText: {
-    type: PropType<ProTableProps["columnEmptyText"]>;
-    default: any;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description Pro-Table 的方法
-   */
-  postData: PropType<ProTableProps["postData"]>;
-  onReset: PropType<ProTableProps["onReset"]>;
-  onReload: PropType<ProTableProps["onReload"]>;
-  onSubmit: PropType<ProTableProps["onSubmit"]>;
-  onChange: PropType<ProTableProps["onChange"]>;
-  onSizeChange: PropType<ProTableProps["onSizeChange"]>;
-  onLoadingChange: PropType<ProTableProps["onLoadingChange"]>;
-  onRequestError: PropType<ProTableProps["onRequestError"]>;
-  onBeforeSearchSubmit: PropType<ProTableProps["onBeforeSearchSubmit"]>;
-  onExpand: PropType<ProTableProps["onExpand"]>;
-  onResizeColumn: PropType<ProTableProps["onResizeColumn"]>;
-  onExpandedRowsChange: PropType<ProTableProps["onExpandedRowsChange"]>;
-  direction: {
-    type: PropType<"rtl" | "ltr">;
-    default: string;
-  };
-  /**
-   * @Author      gx12358
-   * @DateTime    2022/2/8
-   * @lastTime    2022/2/8
-   * @description 是否展示外边框和列边框
-   */
-  bordered: {
-    type: PropType<TableProps["bordered"]>;
-    default: any;
-  };
-  loading: {
-    type: PropType<boolean | SpinProps>;
-    default: any;
-  };
-  scroll: {
-    type: PropType<TableProps$1["scroll"] & {
-      scrollToFirstRowOnChange?: boolean;
-    }>;
-    default: any;
-  };
-  'onUpdate:expandedRowKeys': {
-    type: vue.PropType<(expandedKeys: ant_design_vue_es_vc_table_interface0.Key[]) => void>;
-    default: (expandedKeys: ant_design_vue_es_vc_table_interface0.Key[]) => void;
-  };
-};
-type BaseTableProps = Partial<ExtractPropTypes<typeof proTableProps>>;
-//#endregion
-export { AntTableProps, BaseTableProps, proTableProps, tableProps };