@gct-paas/v-ben 0.1.6-dev.2 → 0.1.6-dev.21

package/es/components/v-ben-table/src/hooks/useColumns.d.ts

@@ -0,0 +1,7 @@
+import { BasicColumn, BasicTableProps } from '../types/table';
+import { PaginationProps } from '../types/pagination';
+import { ComputedRef } from 'vue';
+export declare function useColumns(propsRef: ComputedRef<BasicTableProps>, getPaginationRef: ComputedRef<boolean | PaginationProps>): {
+    getColumnsRef: ComputedRef<BasicColumn[]>;
+    getViewColumns: ComputedRef<BasicColumn[]>;
+};

package/es/components/v-ben-table/src/hooks/useColumns.mjs

@@ -0,0 +1,143 @@
+import { isBoolean, isFunction } from "../../../../utils/is.mjs";
+import { ACTION_COLUMN_FLAG, INDEX_COLUMN_FLAG } from "../const.mjs";
+import { computed, ref, unref, watch } from "vue";
+import { cloneDeep } from "lodash-es";
+import { permission, t } from "@gct-paas/core";
+//#region src/components/v-ben-table/src/hooks/useColumns.ts
+function handleItem(item, ellipsis) {
+	const { key, dataIndex, children } = item;
+	item.align = item.align || "left";
+	if (ellipsis) {
+		if (!key && dataIndex !== void 0) item.key = Array.isArray(dataIndex) ? dataIndex.join(".") : String(dataIndex);
+		if (!isBoolean(item.ellipsis)) Object.assign(item, { ellipsis: { showTitle: false } });
+	}
+	if (children && children.length) handleChildren(children, !!ellipsis);
+	const originalCustomCell = item.customCell;
+	/** 只有内容超出的时候才出 title */
+	item.customCell = (record, rowIndex) => {
+		return {
+			...originalCustomCell && originalCustomCell(record, rowIndex),
+			onMouseenter(event) {
+				if (!item.ellipsis) return;
+				const el = event.target;
+				if (el.scrollWidth > el.clientWidth) el.setAttribute("title", el.textContent ?? "");
+			}
+		};
+	};
+}
+function handleChildren(children, ellipsis) {
+	if (!children) return;
+	children.forEach((item) => {
+		const { children: childCols } = item;
+		handleItem(item, ellipsis);
+		handleChildren(childCols, ellipsis);
+	});
+}
+function handleIndexColumn(propsRef, getPaginationRef, columns) {
+	const { showIndexColumn, indexColumnProps, isTreeTable } = unref(propsRef);
+	let pushIndexColumns = false;
+	if (unref(isTreeTable)) return;
+	columns.forEach(() => {
+		const indIndex = columns.findIndex((column) => column.flag === INDEX_COLUMN_FLAG);
+		if (showIndexColumn) pushIndexColumns = indIndex === -1;
+		else if (!showIndexColumn && indIndex !== -1) columns.splice(indIndex, 1);
+	});
+	if (!pushIndexColumns) return;
+	const isFixedLeft = columns.some((item) => item.fixed === "left");
+	columns.unshift({
+		flag: INDEX_COLUMN_FLAG,
+		width: 70,
+		title: t("sys.component.table.index"),
+		align: "center",
+		customRender: ({ index }) => {
+			const getPagination = unref(getPaginationRef);
+			if (isBoolean(getPagination)) return `${index + 1}`;
+			const { current = 1, pageSize = 20 } = getPagination;
+			return ((current < 1 ? 1 : current) - 1) * pageSize + index + 1;
+		},
+		...isFixedLeft ? { fixed: "left" } : {},
+		...indexColumnProps
+	});
+}
+function handleActionColumn(propsRef, columns) {
+	const { actionColumn } = unref(propsRef);
+	if (!actionColumn) return;
+	const hasIndex = columns.findIndex((column) => column.flag === ACTION_COLUMN_FLAG);
+	if (hasIndex === -1) columns.push({
+		...columns[hasIndex],
+		fixed: "right",
+		...actionColumn,
+		flag: ACTION_COLUMN_FLAG
+	});
+}
+function sortFixedColumn(columns) {
+	const fixedLeftColumns = [];
+	const fixedRightColumns = [];
+	const defColumns = [];
+	for (const column of columns) {
+		if (column.fixed === "left") {
+			fixedLeftColumns.push(column);
+			continue;
+		}
+		if (column.fixed === "right") {
+			fixedRightColumns.push(column);
+			continue;
+		}
+		defColumns.push(column);
+	}
+	return [
+		...fixedLeftColumns,
+		...defColumns,
+		...fixedRightColumns
+	].filter((item) => !item.defaultHidden);
+}
+function hasColumnAuth(auth) {
+	if (!auth) return true;
+	if (Array.isArray(auth)) return auth.some((key) => permission.has(String(key)));
+	return permission.has(String(auth));
+}
+function isIfShow(column) {
+	const ifShow = column.ifShow;
+	if (isBoolean(ifShow)) return ifShow;
+	if (isFunction(ifShow)) return ifShow(column);
+	return true;
+}
+function useColumns(propsRef, getPaginationRef) {
+	const columnsRef = ref(unref(propsRef).columns);
+	const getColumnsRef = computed(() => {
+		const columns = cloneDeep(unref(columnsRef));
+		handleIndexColumn(propsRef, getPaginationRef, columns);
+		handleActionColumn(propsRef, columns);
+		if (!columns) return [];
+		const { ellipsis } = unref(propsRef);
+		columns.forEach((item) => {
+			const { customRender, slots } = item;
+			handleItem(item, Reflect.has(item, "ellipsis") ? !!item.ellipsis : !!ellipsis && !customRender && !slots);
+		});
+		return columns;
+	});
+	const getViewColumns = computed(() => {
+		const viewColumns = sortFixedColumn(unref(getColumnsRef));
+		const mapFn = (column) => {
+			const { slots } = column;
+			if (!slots || !slots?.title) {
+				column.customTitle = column.title;
+				Reflect.deleteProperty(column, "title");
+			}
+			return column;
+		};
+		return cloneDeep(viewColumns).filter((column) => hasColumnAuth(column.auth) && isIfShow(column)).map((column) => {
+			if (column.children?.length) column.children = column.children.map(mapFn);
+			return mapFn(column);
+		});
+	});
+	watch(() => unref(propsRef).columns, (columns) => {
+		columnsRef.value = columns;
+	});
+	return {
+		getColumnsRef,
+		getViewColumns
+	};
+}
+//#endregion
+export { useColumns };

package/es/components/v-ben-table/src/hooks/usePagination.d.ts

@@ -0,0 +1,10 @@
+import { PaginationProps } from '../types/pagination';
+import { BasicTableProps } from '../types/table';
+import { ComputedRef } from 'vue';
+export declare function usePagination(refProps: ComputedRef<BasicTableProps>): {
+    getPagination: () => boolean | PaginationProps;
+    getPaginationInfo: ComputedRef<boolean | PaginationProps>;
+    setShowPagination: (flag: boolean) => Promise<void>;
+    getShowPagination: () => boolean;
+    setPagination: (info: Partial<PaginationProps>) => void;
+};

package/es/components/v-ben-table/src/hooks/usePagination.mjs

@@ -0,0 +1,63 @@
+import { isBoolean } from "../../../../utils/is.mjs";
+import { PAGE_SIZE_OPTIONS } from "../const.mjs";
+import { computed, h, ref, unref, watch } from "vue";
+import { t } from "@gct-paas/core";
+import { LeftOutlined, RightOutlined } from "@ant-design/icons-vue";
+//#region src/components/v-ben-table/src/hooks/usePagination.ts
+function itemRender({ page, type, originalElement }) {
+	if (type === "prev") return page === 0 ? null : h(LeftOutlined);
+	if (type === "next") return page === 1 ? null : h(RightOutlined);
+	return originalElement;
+}
+function usePagination(refProps) {
+	const configRef = ref({});
+	const show = ref(true);
+	watch(() => unref(refProps).pagination, (pagination) => {
+		if (!isBoolean(pagination) && pagination) configRef.value = {
+			...unref(configRef),
+			...pagination
+		};
+	}, { deep: true });
+	const getPaginationInfo = computed(() => {
+		const { pagination } = unref(refProps);
+		if (!unref(show) || isBoolean(pagination) && !pagination) return false;
+		return {
+			current: 1,
+			pageSize: 20,
+			size: "small",
+			defaultPageSize: 20,
+			showTotal: (total) => t("sys.component.table.total", { total }),
+			showSizeChanger: true,
+			pageSizeOptions: PAGE_SIZE_OPTIONS,
+			itemRender,
+			showQuickJumper: true,
+			...isBoolean(pagination) ? {} : pagination ?? {},
+			...unref(configRef)
+		};
+	});
+	function setPagination(info) {
+		const paginationInfo = unref(getPaginationInfo);
+		configRef.value = {
+			...!isBoolean(paginationInfo) ? paginationInfo : {},
+			...info
+		};
+	}
+	function getPagination() {
+		return unref(getPaginationInfo);
+	}
+	function getShowPagination() {
+		return unref(show);
+	}
+	async function setShowPagination(flag) {
+		show.value = flag;
+	}
+	return {
+		getPagination,
+		getPaginationInfo,
+		setShowPagination,
+		getShowPagination,
+		setPagination
+	};
+}
+//#endregion
+export { usePagination };

package/es/components/v-ben-table/src/hooks/useTable.d.ts

@@ -0,0 +1,6 @@
+import { TableActionType } from '../types/table';
+export type UseTableMethods = Pick<TableActionType, 'expandAll'>;
+export declare function useTable(): [
+    (instance: TableActionType, formInstance?: unknown) => void,
+    UseTableMethods
+];

package/es/components/v-ben-table/src/hooks/useTable.mjs

@@ -0,0 +1,21 @@
+import { onUnmounted, ref, unref } from "vue";
+//#region src/components/v-ben-table/src/hooks/useTable.ts
+function useTable() {
+	const tableRef = ref(null);
+	function register(instance, _formInstance) {
+		onUnmounted(() => {
+			tableRef.value = null;
+		});
+		tableRef.value = instance;
+	}
+	function getTableInstance() {
+		const table = unref(tableRef);
+		if (!table) console.error("The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!");
+		return table;
+	}
+	return [register, { expandAll: () => {
+		getTableInstance().expandAll();
+	} }];
+}
+//#endregion
+export { useTable };

package/es/components/v-ben-table/src/hooks/useTableExpand.d.ts

@@ -0,0 +1,14 @@
+import { ComputedRef } from 'vue';
+import { BasicTableProps } from '../types/table';
+export declare function useTableExpand(propsRef: ComputedRef<BasicTableProps>, tableData: ComputedRef<Recordable[]>, emit: (event: 'expanded-rows-change', keys: string[]) => void): {
+    getExpandOption: ComputedRef<{
+        expandedRowKeys?: undefined;
+        onExpandedRowsChange?: undefined;
+    } | {
+        expandedRowKeys: string[];
+        onExpandedRowsChange: (keys: string[]) => void;
+    }>;
+    expandAll: () => void;
+    expandRows: (keys: string[]) => void;
+    collapseAll: () => void;
+};

package/es/components/v-ben-table/src/hooks/useTableExpand.mjs

@@ -0,0 +1,54 @@
+import { computed, ref, toRaw, unref } from "vue";
+//#region src/components/v-ben-table/src/hooks/useTableExpand.ts
+function useTableExpand(propsRef, tableData, emit) {
+	const { expandedRowKeys: propsExpandedRowKeys = [] } = unref(propsRef);
+	const expandedRowKeys = ref([...propsExpandedRowKeys]);
+	const getAutoCreateKey = computed(() => {
+		return unref(propsRef).autoCreateKey && !unref(propsRef).rowKey;
+	});
+	const getRowKey = computed(() => {
+		const { rowKey } = unref(propsRef);
+		return unref(getAutoCreateKey) ? "key" : rowKey;
+	});
+	const getExpandOption = computed(() => {
+		const { isTreeTable } = unref(propsRef);
+		if (!isTreeTable) return {};
+		return {
+			expandedRowKeys: unref(expandedRowKeys),
+			onExpandedRowsChange: (keys) => {
+				expandedRowKeys.value = keys;
+				emit("expanded-rows-change", keys);
+			}
+		};
+	});
+	function expandAll() {
+		expandedRowKeys.value = getAllKeys();
+	}
+	function expandRows(keys) {
+		const { isTreeTable } = unref(propsRef);
+		if (!isTreeTable) return;
+		expandedRowKeys.value = [...expandedRowKeys.value, ...keys];
+	}
+	function getAllKeys(data) {
+		const keys = [];
+		const { childrenColumnName } = unref(propsRef);
+		const childrenField = childrenColumnName || "children";
+		toRaw(data || unref(tableData)).forEach((item) => {
+			keys.push(String(item[unref(getRowKey)]));
+			const children = item[childrenField];
+			if (children?.length) keys.push(...getAllKeys(children));
+		});
+		return keys;
+	}
+	function collapseAll() {
+		expandedRowKeys.value = [];
+	}
+	return {
+		getExpandOption,
+		expandAll,
+		expandRows,
+		collapseAll
+	};
+}
+//#endregion
+export { useTableExpand };

package/es/components/v-ben-table/src/hooks/useTableScroll.d.ts

@@ -0,0 +1,17 @@
+import { PaginationProps } from '../types/pagination';
+import { BasicColumn, BasicTableProps, TableRowSelection } from '../types/table';
+import { ComputedRef, Ref } from 'vue';
+type TableComponentRef = {
+    $el: HTMLElement;
+} | null;
+type FormComponentRef = {
+    $el: HTMLElement;
+} | null;
+export declare function useTableScroll(propsRef: ComputedRef<BasicTableProps>, tableElRef: Ref<TableComponentRef>, columnsRef: ComputedRef<BasicColumn[]>, rowSelectionRef: ComputedRef<TableRowSelection | null>, getPaginationRef: ComputedRef<PaginationProps | boolean>, getDataSourceRef: ComputedRef<Recordable[]>, wrapRef: Ref<HTMLElement | null>, formRef: Ref<FormComponentRef>): {
+    getScrollRef: ComputedRef<{
+        x?: number | string | true;
+        y?: number | string;
+    } | undefined>;
+    redoHeight: () => void;
+};
+export {};

package/es/components/v-ben-table/src/hooks/useTableScroll.mjs

@@ -0,0 +1,126 @@
+import { isBoolean } from "../../../../utils/is.mjs";
+import { getViewportOffset } from "../utils/dom-utils.mjs";
+import { computed, nextTick, onActivated, onMounted, ref, unref, watch } from "vue";
+import { useDebounceFn, useEventListener } from "@vueuse/core";
+//#region src/components/v-ben-table/src/hooks/useTableScroll.ts
+function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getPaginationRef, getDataSourceRef, wrapRef, formRef) {
+	const tableHeightRef = ref(215);
+	const debounceRedoHeight = useDebounceFn(redoHeight, 100);
+	const getCanResize = computed(() => {
+		const { canResize, scroll } = unref(propsRef);
+		return canResize && !(scroll || {}).y;
+	});
+	watch(() => [unref(getCanResize), unref(getDataSourceRef)?.length], () => {
+		debounceRedoHeight();
+	}, { flush: "post" });
+	function redoHeight() {
+		nextTick(() => {
+			calcTableHeight();
+		});
+	}
+	function setHeight(height) {
+		tableHeightRef.value = height;
+	}
+	let paginationEl = null;
+	let footerEl = null;
+	let bodyEl = null;
+	async function calcTableHeight() {
+		const { resizeHeightOffset, maxHeight, isCanResizeParent, useSearchForm } = unref(propsRef);
+		const pagination = unref(getPaginationRef);
+		const tableData = unref(getDataSourceRef);
+		const table = unref(tableElRef);
+		if (!table) return;
+		const tableEl = table.$el;
+		if (!tableEl) return;
+		if (!bodyEl) {
+			bodyEl = tableEl.querySelector(".ant-table-body");
+			if (!bodyEl) return;
+		}
+		const hasScrollBarY = bodyEl.scrollHeight > bodyEl.clientHeight;
+		const hasScrollBarX = bodyEl.scrollWidth > bodyEl.clientWidth;
+		if (hasScrollBarY) {
+			if (tableEl.classList.contains("hide-scrollbar-y")) tableEl.classList.remove("hide-scrollbar-y");
+		} else if (!tableEl.classList.contains("hide-scrollbar-y")) tableEl.classList.add("hide-scrollbar-y");
+		if (hasScrollBarX) {
+			if (tableEl.classList.contains("hide-scrollbar-x")) tableEl.classList.remove("hide-scrollbar-x");
+		} else if (!tableEl.classList.contains("hide-scrollbar-x")) tableEl.classList.add("hide-scrollbar-x");
+		bodyEl.style.height = "unset";
+		if (!unref(getCanResize) || !unref(tableData) || tableData.length === 0) return;
+		await nextTick();
+		const headEl = tableEl.querySelector(".ant-table-thead ");
+		if (!headEl) return;
+		let paddingHeight = 32;
+		let paginationHeight = 12;
+		if (!isBoolean(pagination)) {
+			paginationEl = tableEl.querySelector(".ant-pagination");
+			if (paginationEl) {
+				const offsetHeight = paginationEl.offsetHeight;
+				paginationHeight += offsetHeight || 0;
+			} else paginationHeight += 24;
+		} else paginationHeight = -8;
+		let footerHeight = 0;
+		if (!isBoolean(pagination)) if (!footerEl) footerEl = tableEl.querySelector(".ant-table-footer");
+		else {
+			const offsetHeight = footerEl.offsetHeight;
+			footerHeight += offsetHeight || 0;
+		}
+		let headerHeight = 0;
+		if (headEl) headerHeight = headEl.offsetHeight;
+		let bottomIncludeBody = 0;
+		if (unref(wrapRef) && isCanResizeParent) {
+			const tablePadding = 12;
+			const formMargin = 16;
+			let paginationMargin = 10;
+			const wrapHeight = unref(wrapRef)?.offsetHeight ?? 0;
+			let formHeight = unref(formRef)?.$el.offsetHeight ?? 0;
+			if (formHeight) formHeight += formMargin;
+			if (isBoolean(pagination) && !pagination) paginationMargin = 0;
+			if (isBoolean(useSearchForm) && !useSearchForm) paddingHeight = 0;
+			const headerCellHeight = tableEl.querySelector(".ant-table-title")?.offsetHeight ?? 0;
+			bottomIncludeBody = wrapHeight - formHeight - headerCellHeight - tablePadding - paginationMargin;
+		} else bottomIncludeBody = getViewportOffset(headEl).bottomIncludeBody;
+		let height = bottomIncludeBody - (resizeHeightOffset || 0) - paddingHeight - paginationHeight - footerHeight - headerHeight;
+		height = (height > maxHeight ? maxHeight : height) ?? height;
+		setHeight(height);
+		if (pagination && !isBoolean(pagination)) {
+			const body = tableEl.querySelector(".ant-table-body");
+			if (body) body.style.height = `${height}px`;
+		}
+	}
+	useEventListener(window, "resize", useDebounceFn(calcTableHeight, 280));
+	function mountCalcHeight() {
+		calcTableHeight();
+		nextTick(() => {
+			debounceRedoHeight();
+		});
+	}
+	onMounted(mountCalcHeight);
+	onActivated(mountCalcHeight);
+	const getScrollX = computed(() => {
+		let width = 0;
+		if (unref(rowSelectionRef)) width += 60;
+		const NORMAL_WIDTH = 150;
+		const columns = unref(columnsRef).filter((item) => !item.defaultHidden);
+		columns.forEach((item) => {
+			width += Number.parseFloat(String(item.width)) || 0;
+		});
+		const len = columns.filter((item) => !Reflect.has(item, "width")).length;
+		if (len !== 0) width += len * NORMAL_WIDTH;
+		return (unref(tableElRef)?.$el?.offsetWidth ?? 0) > width ? void 0 : width;
+	});
+	return {
+		getScrollRef: computed(() => {
+			const tableHeight = unref(tableHeightRef);
+			const { canResize, scroll } = unref(propsRef);
+			return {
+				x: unref(getScrollX),
+				y: canResize ? tableHeight : null,
+				scrollToFirstRowOnChange: false,
+				...scroll
+			};
+		}),
+		redoHeight
+	};
+}
+//#endregion
+export { useTableScroll };

package/es/components/v-ben-table/src/props.d.ts

@@ -184,3 +184,5 @@ export declare const basicProps: {
         default: boolean;
     };
 };
+/** BasicTable 自有配置，不传给 ant-design-vue Table */
+export declare const basicTableInternalPropKeys: readonly ["clickToRowSelect", "isTreeTable", "tableSetting", "inset", "showTableSetting", "autoCreateKey", "striped", "showSummary", "summaryFunc", "summaryData", "indentSize", "canColDrag", "api", "beforeFetch", "afterFetch", "handleSearchInfoFn", "immediate", "emptyDataIsShowTable", "searchInfo", "defSort", "useSearchForm", "showIndexColumn", "indexColumnProps", "actionColumn", "ellipsis", "isCanResizeParent", "canResize", "clearSelectOnPageChange", "resizeHeightOffset", "titleHelpMessage", "beforeEditSubmit", "rowDraggable", "supportSameLevel", "rowDragApi", "emptyFull"];

package/es/components/v-ben-table/src/props.mjs

@@ -168,5 +168,43 @@ var basicProps = {
 		default: false
 	}
 };
+/** BasicTable 自有配置，不传给 ant-design-vue Table */
+var basicTableInternalPropKeys = [
+	"clickToRowSelect",
+	"isTreeTable",
+	"tableSetting",
+	"inset",
+	"showTableSetting",
+	"autoCreateKey",
+	"striped",
+	"showSummary",
+	"summaryFunc",
+	"summaryData",
+	"indentSize",
+	"canColDrag",
+	"api",
+	"beforeFetch",
+	"afterFetch",
+	"handleSearchInfoFn",
+	"immediate",
+	"emptyDataIsShowTable",
+	"searchInfo",
+	"defSort",
+	"useSearchForm",
+	"showIndexColumn",
+	"indexColumnProps",
+	"actionColumn",
+	"ellipsis",
+	"isCanResizeParent",
+	"canResize",
+	"clearSelectOnPageChange",
+	"resizeHeightOffset",
+	"titleHelpMessage",
+	"beforeEditSubmit",
+	"rowDraggable",
+	"supportSameLevel",
+	"rowDragApi",
+	"emptyFull"
+];
 //#endregion
-export { basicProps };
+export { basicProps, basicTableInternalPropKeys };

package/es/components/v-ben-table/src/types/pagination.d.ts

@@ -66,7 +66,7 @@ export interface PaginationProps {
      * to display the total number and range
      * @type Function
      */
-    showTotal?: (total: number, range: [number, number]) => IObject;
+    showTotal?: (total: number, range?: [number, number]) => string;
     /**
      * specify the size of Pagination, can be set to small
      * @default ''

package/es/components/v-ben-table/src/utils/dom-utils.d.ts

@@ -0,0 +1,13 @@
+export interface IViewportOffsetResult {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    rightIncludeBody: number;
+    bottomIncludeBody: number;
+}
+export declare function getBoundingClientRect(element: Element): DOMRect | number;
+/**
+ * 获取元素相对视口的偏移，用于计算表格可用高度
+ */
+export declare function getViewportOffset(element: Element): IViewportOffsetResult;

package/es/components/v-ben-table/src/utils/dom-utils.mjs

@@ -0,0 +1,36 @@
+//#region src/components/v-ben-table/src/utils/dom-utils.ts
+function getBoundingClientRect(element) {
+	if (!element || !element.getBoundingClientRect) return 0;
+	return element.getBoundingClientRect();
+}
+/**
+* 获取元素相对视口的偏移，用于计算表格可用高度
+*/
+function getViewportOffset(element) {
+	const doc = document.documentElement;
+	const docScrollLeft = doc.scrollLeft;
+	const docScrollTop = doc.scrollTop;
+	const docClientLeft = doc.clientLeft;
+	const docClientTop = doc.clientTop;
+	const pageXOffset = window.pageXOffset;
+	const pageYOffset = window.pageYOffset;
+	const { left: retLeft, top: rectTop, width: rectWidth, height: rectHeight } = getBoundingClientRect(element);
+	const scrollLeft = (pageXOffset || docScrollLeft) - (docClientLeft || 0);
+	const scrollTop = (pageYOffset || docScrollTop) - (docClientTop || 0);
+	const offsetLeft = retLeft + pageXOffset;
+	const offsetTop = rectTop + pageYOffset;
+	const left = offsetLeft - scrollLeft;
+	const top = offsetTop - scrollTop;
+	const clientWidth = window.document.documentElement.clientWidth;
+	const clientHeight = window.document.documentElement.clientHeight;
+	return {
+		left,
+		top,
+		right: clientWidth - rectWidth - left,
+		bottom: clientHeight - rectHeight - top,
+		rightIncludeBody: clientWidth - left,
+		bottomIncludeBody: clientHeight - top
+	};
+}
+//#endregion
+export { getViewportOffset };

package/es/hooks/useDesign.mjs

@@ -0,0 +1,10 @@
+//#region src/hooks/useDesign.ts
+var prefixCls = "vben";
+function useDesign(scope) {
+	return {
+		prefixCls: `${prefixCls}-${scope}`,
+		prefixVar: prefixCls
+	};
+}
+//#endregion
+export { useDesign };

package/es/index.mjs

@@ -2,6 +2,7 @@ import { is, isArray, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyStr,
 import BasicTable_default from "./components/v-ben-table/src/BasicTable.vue.mjs";
 import TableAction_default from "./components/v-ben-table/src/components/TableAction.vue.mjs";
 import TableActionAuto_default from "./components/v-ben-table/src/components/TableActionAuto.vue.mjs";
+import { useTable } from "./components/v-ben-table/src/hooks/useTable.mjs";
 import custom_button_default from "./components/v-ben-button/src/custom-button.vue.mjs";
 import { Button, PopConfirmButton } from "./components/v-ben-button/index.mjs";
 import { Dropdown } from "./components/v-ben-dropdown/index.mjs";
@@ -9,4 +10,4 @@ import "./components/index.mjs";
 //#region src/index.ts
 function run() {}
 //#endregion
-export { BasicTable_default as BasicTable, Button, custom_button_default as CustomButton, Dropdown, PopConfirmButton, TableAction_default as TableAction, TableActionAuto_default as TableActionAuto, is, isArray, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyStr, isFunction, isMap, isNull, isNullAndUnDef, isNullOrUnDef, isNumber, isObject, isPromise, isRegExp, isString, isUnDef, isUrl, isWindow, run };
+export { BasicTable_default as BasicTable, Button, custom_button_default as CustomButton, Dropdown, PopConfirmButton, TableAction_default as TableAction, TableActionAuto_default as TableActionAuto, is, isArray, isBoolean, isDate, isDef, isElement, isEmpty, isEmptyStr, isFunction, isMap, isNull, isNullAndUnDef, isNullOrUnDef, isNumber, isObject, isPromise, isRegExp, isString, isUnDef, isUrl, isWindow, run, useTable };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/v-ben",
-  "version": "0.1.6-dev.2",
+  "version": "0.1.6-dev.21",
   "type": "module",
   "description": "paas 平台历史 v-ben 内容",
   "loader": "dist/loader.esm.min.js",
@@ -32,7 +32,7 @@
   "author": "gct",
   "dependencies": {
     "@ant-design/icons-vue": "^6.1.0",
-    "@gct-paas/api": "^0.1.4-dev.4",
+    "@gct-paas/api": "^0.1.6-dev.14",
     "@gct-paas/platform-icons": "^0.0.2",
     "@icon-park/vue-next": "^1.4.2",
     "@vueuse/core": "^14.1.0",
@@ -41,14 +41,14 @@
     "sortablejs": "^1.15.7",
     "vue": "^3.5.30",
     "vue-types": "^6.0.0",
-    "@gct-paas/scss": "0.1.6-dev.2",
-    "@gct-paas/core": "0.1.6-dev.2"
+    "@gct-paas/core": "0.1.6-dev.21",
+    "@gct-paas/scss": "0.1.6-dev.21"
   },
   "peerDependencies": {
-    "@gct-paas/api": "^0.1.4-dev.4",
+    "@gct-paas/api": "^0.1.6-dev.14",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.2",
-    "@gct-paas/scss": "0.1.6-dev.2"
+    "@gct-paas/scss": "0.1.6-dev.21",
+    "@gct-paas/core": "0.1.6-dev.21"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",