@v-c/table 1.1.1 → 1.1.3

package/dist/Body/MeasureRow.js

@@ -8,6 +8,21 @@ import isVisible from "@v-c/util/dist/Dom/isVisible";
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
+function cloneTitle(title) {
+	if (Array.isArray(title)) return title.map((node) => cloneTitle(node));
+	if (isVNode(title)) {
+		const cloned = cloneVNode(title, { ref: void 0 });
+		let children = cloned.children;
+		if (cloned.children?.default && typeof cloned.children.default === "function") {
+			children = filterEmpty(cloned.children?.default?.());
+			if (Array.isArray(children)) children = children.map((child) => cloneTitle(child));
+			else if (isVNode(children)) children = cloneTitle(children);
+			cloned.children.default = () => children;
+		} else if (Array.isArray(children)) cloned.children = children.map((child) => cloneTitle(child));
+		return cloned;
+	}
+	return title;
+}
 var MeasureRow = /* @__PURE__ */ defineComponent({
 	name: "TableMeasureRow",
 	props: [
@@ -21,21 +36,6 @@ var MeasureRow = /* @__PURE__ */ defineComponent({
 		const { measureRowRender } = useInjectTableContext();
 		return () => {
 			let _slot;
-			const cloneTitle = (title) => {
-				if (Array.isArray(title)) return title.map((node) => cloneTitle(node));
-				if (isVNode(title)) {
-					const cloned = cloneVNode(title, { ref: void 0 });
-					let children = cloned.children;
-					if (cloned.children?.default && typeof cloned.children.default === "function") {
-						children = filterEmpty(cloned.children?.default?.());
-						if (Array.isArray(children)) children = children.map((child) => cloneTitle(child));
-						else if (isVNode(children)) children = cloneTitle(children);
-						cloned.children.default = () => children;
-					} else if (Array.isArray(children)) cloned.children = children.map((child) => cloneTitle(child));
-					return cloned;
-				}
-				return title;
-			};
 			const measureRow = createVNode("tr", {
 				"aria-hidden": "true",
 				"class": `${props.prefixCls}-measure-row`,

package/dist/Cell/index.js

@@ -85,9 +85,9 @@ var Cell = /* @__PURE__ */ defineComponent({
 			return typeof props.fixEnd === "number" && !tableContext.allColumnsFixedLeft;
 		});
 		const shadowInfo = computed(() => {
+			if (!isFixStart.value && !isFixEnd.value) return [false, false];
 			const { fixedEndShadow, offsetFixedStartShadow, offsetFixedEndShadow, fixedStartShadow } = props;
 			const [absScroll = 0, scrollWidth = 0] = tableContext.scrollInfo || [];
-			if (!isFixStart.value && !isFixEnd.value) return [false, false];
 			return [isFixStart.value && fixedStartShadow ? absScroll - (offsetFixedStartShadow || 0) >= 1 : false, isFixEnd && fixedEndShadow ? scrollWidth - absScroll - (offsetFixedEndShadow || 0) > 1 : false];
 		});
 		return () => {

package/dist/stickyScrollBar.js

@@ -1,7 +1,7 @@
 import { useInjectTableContext } from "./context/TableContext.js";
 import { useLayoutState } from "./hooks/useFrame.js";
 import { getOffset } from "./utils/offsetUtil.js";
-import { computed, createVNode, defineComponent, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { computed, createVNode, defineComponent, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
 import getScrollBarSize from "@v-c/util/dist/getScrollBarSize";
@@ -33,8 +33,13 @@ var StickyScrollBar = /* @__PURE__ */ defineComponent({
 		});
 		const isActive = ref(false);
 		const rafRef = ref(null);
-		const bodyScrollWidth = computed(() => props.scrollBodyRef.value?.scrollWidth || 0);
-		const bodyWidth = computed(() => props.scrollBodyRef.value?.clientWidth || 0);
+		const bodyScrollWidth = ref(0);
+		const bodyWidth = ref(0);
+		const syncBodySize = () => {
+			const bodyNode = props.scrollBodyRef.value;
+			bodyScrollWidth.value = bodyNode?.scrollWidth || 0;
+			bodyWidth.value = bodyNode?.clientWidth || 0;
+		};
 		const scrollBarWidth = computed(() => {
 			const totalWidth = bodyScrollWidth.value;
 			const clientWidth = bodyWidth.value;
@@ -66,6 +71,7 @@ var StickyScrollBar = /* @__PURE__ */ defineComponent({
 		const checkScrollBarVisible = () => {
 			raf.cancel(rafRef.value);
 			rafRef.value = raf(() => {
+				syncBodySize();
 				if (!props.scrollBodyRef.value || !props.container) return;
 				const container = props.container;
 				const tableOffsetTop = getOffset(props.scrollBodyRef.value).top;
@@ -94,7 +100,7 @@ var StickyScrollBar = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			document.body.addEventListener(MOUSEUP_EVENT, onMouseUp, false);
 			document.body.addEventListener(MOUSEMOVE_EVENT, onMouseMove, false);
-			checkScrollBarVisible();
+			nextTick(checkScrollBarVisible);
 		});
 		const removeScrollListeners = ref(null);
 		onBeforeUnmount(() => {
@@ -103,6 +109,12 @@ var StickyScrollBar = /* @__PURE__ */ defineComponent({
 			raf.cancel(rafRef.value);
 			removeScrollListeners.value?.();
 		});
+		watch(() => props.scrollBodyRef.value, () => {
+			nextTick(checkScrollBarVisible);
+		}, {
+			immediate: true,
+			flush: "post"
+		});
 		watch(() => [scrollBarWidth.value, isActive.value], () => {
 			checkScrollBarVisible();
 		});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/table",
   "type": "module",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",