@sdata/web-vue 3.2.1 → 3.3.1

package/es/input-tag/style/input-tag.scss

@@ -22,6 +22,21 @@
   @return $value;
 }
 
+// Builds a `:not()` chain that matches tags carrying their own color
+// (a custom color or any built-in preset). input-tag's default tag
+// background/border/color are scoped to the inverse of this chain so
+// colored tags fully inherit their styling from the Tag component
+// instead of being overridden by the input-tag defaults.
+@function tag-color-not-chain() {
+  $chain: ':not(.#{$tag-prefix-cls}-custom-color)';
+
+  @each $name in $colors {
+    $chain: '#{$chain}:not(.#{$tag-prefix-cls}-#{$name})';
+  }
+
+  @return $chain;
+}
+
 @mixin input-tag-size($cls, $size) {
   $font-size-token: string.unquote('input-tag-size-#{$size}-font-size');
   $height-token: string.unquote('input-tag-size-#{$size}-height');
@@ -96,20 +111,21 @@
       align-items: center;
       min-width: 0;
       margin-right: $input-tag-tag-margin-right;
-      color: $input-tag-color-text_default;
       font-size: $input-tag-tag-font-size;
       white-space: pre-wrap;
       word-break: break-word;
-      background-color: $input-tag-tag-color-bg;
-      border-color: $input-tag-tag-color-border;
+
+      &#{tag-color-not-chain()} {
+        color: $input-tag-color-text_default;
+        background-color: $input-tag-tag-color-bg;
+        border-color: $input-tag-tag-color-border;
+      }
 
       .#{theme.$prefix}-icon-hover:hover::before {
         background-color: $input-tag-tag-remove-icon-color-bg;
       }
 
       &.#{theme.$prefix}-tag-custom-color {
-        color: token.$tag-custom-color-text;
-
         @include icon-hover.icon-hover-bg($tag-prefix-cls, token.$tag-custom-color-icon-bg_hover);
       }
 
@@ -176,8 +192,10 @@
 
   &.#{$cls}-focus {
     .#{$cls}-tag {
-      background-color: $input-tag-tag-color-bg_focus;
-      border-color: $input-tag-tag-color-border_focus;
+      &#{tag-color-not-chain()} {
+        background-color: $input-tag-tag-color-bg_focus;
+        border-color: $input-tag-tag-color-border_focus;
+      }
 
       .#{theme.$prefix}-icon-hover:hover::before {
         background-color: $input-tag-tag-remove-icon-color-bg_focus;
@@ -187,9 +205,11 @@
 
   &.#{$cls}-disabled {
     .#{$cls}-tag {
-      color: $input-tag-color-text_disabled;
-      background-color: $input-tag-tag-color-bg_disabled;
-      border-color: $input-tag-tag-color-border_disabled;
+      &#{tag-color-not-chain()} {
+        color: $input-tag-color-text_disabled;
+        background-color: $input-tag-tag-color-bg_disabled;
+        border-color: $input-tag-tag-color-border_disabled;
+      }
     }
   }
 

package/es/message/message.vue_vue_type_script_setup_true_lang.js

@@ -34,7 +34,7 @@ var message_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		},
 		resetOnHover: {
 			type: Boolean,
-			default: false
+			default: true
 		}
 	},
 	emits: ["close"],

package/es/pagination/pagination.js

@@ -2,6 +2,7 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { useSize } from "../_hooks/use-size.js";
 import { useI18n } from "../locale/index.js";
+import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import page_item_ellipsis_default from "./page-item-ellipsis.js";
 import page_item_step_default from "./page-item-step.js";
 import page_item_default from "./page-item.js";
@@ -210,12 +211,83 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 	* @binding {number} total
 	*/
 	setup(props, { emit, slots }) {
+		var _mergedDefaultPageSiz;
 		const prefixCls = getPrefixCls("pagination");
 		const { t } = useI18n();
-		const { disabled, pageItemStyle, activePageItemStyle, size } = toRefs(props);
+		const { disabled, pageItemStyle, activePageItemStyle, size, pageSizeOptions, defaultPageSize, showTotal, showMore, showJumper, showPageSize, autoAdjust, baseSize, bufferSize, pageSizeProps } = toRefs(props);
 		const { mergedSize } = useSize(size);
+		const { mergedValue: mergedPageSizeOptions } = useConfigProviderProp(pageSizeOptions, {
+			propNames: ["pageSizeOptions", "page-size-options"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa = configProviderCtx.pagination) === null || _configProviderCtx$pa === void 0 ? void 0 : _configProviderCtx$pa.pageSizeOptions;
+			}
+		});
+		const { mergedValue: mergedDefaultPageSize } = useConfigProviderProp(defaultPageSize, {
+			propNames: ["defaultPageSize", "default-page-size"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa2;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa2 = configProviderCtx.pagination) === null || _configProviderCtx$pa2 === void 0 ? void 0 : _configProviderCtx$pa2.defaultPageSize;
+			}
+		});
+		const { mergedValue: mergedShowTotal } = useConfigProviderProp(showTotal, {
+			propNames: ["showTotal", "show-total"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa3;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa3 = configProviderCtx.pagination) === null || _configProviderCtx$pa3 === void 0 ? void 0 : _configProviderCtx$pa3.showTotal;
+			}
+		});
+		const { mergedValue: mergedShowMore } = useConfigProviderProp(showMore, {
+			propNames: ["showMore", "show-more"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa4;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa4 = configProviderCtx.pagination) === null || _configProviderCtx$pa4 === void 0 ? void 0 : _configProviderCtx$pa4.showMore;
+			}
+		});
+		const { mergedValue: mergedShowJumper } = useConfigProviderProp(showJumper, {
+			propNames: ["showJumper", "show-jumper"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa5;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa5 = configProviderCtx.pagination) === null || _configProviderCtx$pa5 === void 0 ? void 0 : _configProviderCtx$pa5.showJumper;
+			}
+		});
+		const { mergedValue: mergedShowPageSize } = useConfigProviderProp(showPageSize, {
+			propNames: ["showPageSize", "show-page-size"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa6;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa6 = configProviderCtx.pagination) === null || _configProviderCtx$pa6 === void 0 ? void 0 : _configProviderCtx$pa6.showPageSize;
+			}
+		});
+		const { mergedValue: mergedAutoAdjust } = useConfigProviderProp(autoAdjust, {
+			propNames: ["autoAdjust", "auto-adjust"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa7;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa7 = configProviderCtx.pagination) === null || _configProviderCtx$pa7 === void 0 ? void 0 : _configProviderCtx$pa7.autoAdjust;
+			}
+		});
+		const { mergedValue: mergedBaseSize } = useConfigProviderProp(baseSize, {
+			propNames: ["baseSize", "base-size"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa8;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa8 = configProviderCtx.pagination) === null || _configProviderCtx$pa8 === void 0 ? void 0 : _configProviderCtx$pa8.baseSize;
+			}
+		});
+		const { mergedValue: mergedBufferSize } = useConfigProviderProp(bufferSize, {
+			propNames: ["bufferSize", "buffer-size"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa9;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa9 = configProviderCtx.pagination) === null || _configProviderCtx$pa9 === void 0 ? void 0 : _configProviderCtx$pa9.bufferSize;
+			}
+		});
+		const { mergedValue: mergedPageSizeProps } = useConfigProviderProp(pageSizeProps, {
+			propNames: ["pageSizeProps", "page-size-props"],
+			getGlobalValue: (configProviderCtx) => {
+				var _configProviderCtx$pa10;
+				return configProviderCtx === null || configProviderCtx === void 0 || (_configProviderCtx$pa10 = configProviderCtx.pagination) === null || _configProviderCtx$pa10 === void 0 ? void 0 : _configProviderCtx$pa10.pageSizeProps;
+			}
+		});
 		const _current = ref(props.defaultCurrent);
-		const _pageSize = ref(props.defaultPageSize);
+		const _pageSize = ref((_mergedDefaultPageSiz = mergedDefaultPageSize.value) !== null && _mergedDefaultPageSiz !== void 0 ? _mergedDefaultPageSiz : 10);
 		const computedCurrent = computed(() => {
 			var _props$current;
 			return (_props$current = props.current) !== null && _props$current !== void 0 ? _props$current : _current.value;
@@ -224,6 +296,14 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 			var _props$pageSize;
 			return (_props$pageSize = props.pageSize) !== null && _props$pageSize !== void 0 ? _props$pageSize : _pageSize.value;
 		});
+		const resolvedBaseSize = computed(() => {
+			var _mergedBaseSize$value;
+			return (_mergedBaseSize$value = mergedBaseSize.value) !== null && _mergedBaseSize$value !== void 0 ? _mergedBaseSize$value : props.baseSize;
+		});
+		const resolvedBufferSize = computed(() => {
+			var _mergedBufferSize$val;
+			return (_mergedBufferSize$val = mergedBufferSize.value) !== null && _mergedBufferSize$val !== void 0 ? _mergedBufferSize$val : props.bufferSize;
+		});
 		const pages = computed(() => Math.ceil(props.total / computedPageSize.value));
 		const handleClick = (page) => {
 			if (page !== computedCurrent.value && isNumber(page) && !props.disabled) {
@@ -253,7 +333,9 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 		};
 		const pageList = computed(() => {
 			const pageList = [];
-			if (pages.value < props.baseSize + props.bufferSize * 2) for (let i = 1; i <= pages.value; i++) pageList.push(getPageItemElement("page", {
+			const baseSize = resolvedBaseSize.value;
+			const bufferSize = resolvedBufferSize.value;
+			if (pages.value < baseSize + bufferSize * 2) for (let i = 1; i <= pages.value; i++) pageList.push(getPageItemElement("page", {
 				key: i,
 				pageNumber: i
 			}));
@@ -262,13 +344,13 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 				let right = pages.value;
 				let hasLeftEllipsis = false;
 				let hasRightEllipsis = false;
-				if (computedCurrent.value > 2 + props.bufferSize) {
+				if (computedCurrent.value > 2 + bufferSize) {
 					hasLeftEllipsis = true;
-					left = Math.min(computedCurrent.value - props.bufferSize, pages.value - 2 * props.bufferSize);
+					left = Math.min(computedCurrent.value - bufferSize, pages.value - 2 * bufferSize);
 				}
-				if (computedCurrent.value < pages.value - (props.bufferSize + 1)) {
+				if (computedCurrent.value < pages.value - (bufferSize + 1)) {
 					hasRightEllipsis = true;
-					right = Math.max(computedCurrent.value + props.bufferSize, 2 * props.bufferSize + 1);
+					right = Math.max(computedCurrent.value + bufferSize, 2 * bufferSize + 1);
 				}
 				if (hasLeftEllipsis) {
 					pageList.push(getPageItemElement("page", {
@@ -277,7 +359,7 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 					}));
 					pageList.push(getPageItemElement("more", {
 						key: "left-ellipsis-pager",
-						step: -(props.bufferSize * 2 + 1)
+						step: -(bufferSize * 2 + 1)
 					}));
 				}
 				for (let i = left; i <= right; i++) pageList.push(getPageItemElement("page", {
@@ -287,7 +369,7 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 				if (hasRightEllipsis) {
 					pageList.push(getPageItemElement("more", {
 						key: "right-ellipsis-pager",
-						step: props.bufferSize * 2 + 1
+						step: bufferSize * 2 + 1
 					}));
 					pageList.push(getPageItemElement("page", {
 						key: pages.value,
@@ -313,15 +395,15 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 			return createVNode("ul", { "class": `${prefixCls}-list` }, [
 				getPageItemElement("previous", { simple: true }),
 				pageList.value,
-				props.showMore && getPageItemElement("more", {
+				mergedShowMore.value && getPageItemElement("more", {
 					key: "more",
-					step: props.bufferSize * 2 + 1
+					step: resolvedBufferSize.value * 2 + 1
 				}),
 				getPageItemElement("next", { simple: true })
 			]);
 		};
 		watch(computedPageSize, (curPageSize, prePageSize) => {
-			if (props.autoAdjust && curPageSize !== prePageSize && computedCurrent.value > 1) {
+			if (mergedAutoAdjust.value && curPageSize !== prePageSize && computedCurrent.value > 1) {
 				const index = prePageSize * (computedCurrent.value - 1) + 1;
 				const newPage = Math.ceil(index / curPageSize);
 				if (newPage !== computedCurrent.value) {
@@ -332,7 +414,7 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 			}
 		});
 		watch(pages, (curPages, prePages) => {
-			if (props.autoAdjust && curPages !== prePages && computedCurrent.value > 1 && computedCurrent.value > curPages) {
+			if (mergedAutoAdjust.value && curPages !== prePages && computedCurrent.value > 1 && computedCurrent.value > curPages) {
 				const newCurrent = Math.max(curPages, 1);
 				_current.value = newCurrent;
 				emit("update:current", newCurrent);
@@ -348,20 +430,20 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 			}
 		]);
 		return () => {
-			var _slots$total, _slots$total2;
+			var _slots$total, _slots$total2, _mergedPageSizeOption;
 			if (props.hideOnSinglePage && pages.value <= 1) return null;
 			return createVNode("div", { "class": cls.value }, [
-				props.showTotal && createVNode("span", { "class": `${prefixCls}-total` }, [(_slots$total = (_slots$total2 = slots.total) === null || _slots$total2 === void 0 ? void 0 : _slots$total2.call(slots, { total: props.total })) !== null && _slots$total !== void 0 ? _slots$total : t("pagination.total", props.total)]),
+				mergedShowTotal.value && createVNode("span", { "class": `${prefixCls}-total` }, [(_slots$total = (_slots$total2 = slots.total) === null || _slots$total2 === void 0 ? void 0 : _slots$total2.call(slots, { total: props.total })) !== null && _slots$total !== void 0 ? _slots$total : t("pagination.total", props.total)]),
 				renderPager(),
-				props.showPageSize && createVNode(page_options_default, {
+				mergedShowPageSize.value && createVNode(page_options_default, {
 					"disabled": props.disabled,
-					"sizeOptions": props.pageSizeOptions,
+					"sizeOptions": (_mergedPageSizeOption = mergedPageSizeOptions.value) !== null && _mergedPageSizeOption !== void 0 ? _mergedPageSizeOption : props.pageSizeOptions,
 					"pageSize": computedPageSize.value,
 					"size": mergedSize.value,
 					"onChange": handlePageSizeChange,
-					"selectProps": props.pageSizeProps
+					"selectProps": mergedPageSizeProps.value
 				}, null),
-				!props.simple && props.showJumper && createVNode(page_jumper_default, {
+				!props.simple && mergedShowJumper.value && createVNode(page_jumper_default, {
 					"disabled": props.disabled,
 					"current": computedCurrent.value,
 					"pages": pages.value,

package/es/sd-vue.js

@@ -134,6 +134,7 @@ import TagGroup from "./tag-group/index.js";
 import ThemeProvider from "./theme-provider/index.js";
 import item_default$1 from "./timeline/item.js";
 import Timeline from "./timeline/index.js";
+import Toolbar from "./toolbar/index.js";
 import Tour from "./tour/index.js";
 import paragraph_default from "./typography/paragraph.js";
 import text_default from "./typography/text.js";
@@ -173,6 +174,7 @@ var components = {
 	Tag,
 	TagGroup,
 	Timeline,
+	Toolbar,
 	Tooltip,
 	Tour,
 	AutoComplete,

package/es/table/context.d.ts

@@ -19,7 +19,7 @@ export interface TableContext {
     onSelectAllLeafs: (record: TableDataWithRaw, checked: boolean) => void;
     onSorterChange: (dataIndex: string, direction: 'ascend' | 'descend' | '', ev: Event) => void;
     onFilterChange: (dataIndex: string, filteredValues: string[], ev: Event) => void;
-    onThMouseDown: (dataIndex: string, ev: PointerEvent) => void;
+    onThMouseDown: (dataIndex: string, ev: MouseEvent) => void;
 }
 export interface TableColumnContext {
     addChild: (id: number, column: TableColumnData) => void;

package/es/table/hooks/use-column-resize.d.ts

@@ -2,8 +2,9 @@ import { Ref } from 'vue';
 import { EmitFn2 } from '../../_utils/types';
 export declare const useColumnResize: (thRefs: Ref<Record<string, HTMLElement>>, emit: EmitFn2<{
     columnResize: (dataIndex: string, width: number) => true;
-}>, getColExplicitWidth?: (dataIndex: string) => number | undefined) => {
+}>) => {
     resizingColumn: Ref<string, string>;
     columnWidth: Record<string, number>;
-    handleThMouseDown: (dataIndex: string, ev: PointerEvent) => void;
+    handleThMouseDown: (dataIndex: string, ev: MouseEvent) => void;
+    handleThMouseUp: () => void;
 };

package/es/table/hooks/use-column-resize.js

@@ -1,65 +1,38 @@
+import { off, on } from "../../_utils/dom.js";
 import { reactive, ref } from "vue";
-import { tryOnScopeDispose, useEventListener } from "@vueuse/core";
 //#region components/table/hooks/use-column-resize.ts
-var useColumnResize = (thRefs, emit, getColExplicitWidth) => {
+var useColumnResize = (thRefs, emit) => {
 	const resizingColumn = ref("");
 	const columnWidth = reactive({});
-	let stopResizeListeners = [];
-	const clearResizeListeners = () => {
-		stopResizeListeners.forEach((stop) => stop());
-		stopResizeListeners = [];
-	};
-	const resetBodyResizeStyle = () => {
-		if (typeof document === "undefined") return;
-		document.body.style.cursor = "";
-		document.body.style.userSelect = "";
-	};
-	tryOnScopeDispose(() => {
-		clearResizeListeners();
-		resetBodyResizeStyle();
-	});
 	const handleThMouseDown = (dataIndex, ev) => {
-		var _columnWidth$dataInde, _ref, _rect$width;
-		if (typeof document === "undefined") return;
 		ev.preventDefault();
-		ev.stopPropagation();
 		resizingColumn.value = dataIndex;
-		document.body.style.cursor = "col-resize";
-		document.body.style.userSelect = "none";
-		const element = thRefs.value[dataIndex];
-		const rect = element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
-		const startX = ev.clientX;
-		const explicitWidth = (_columnWidth$dataInde = columnWidth[dataIndex]) !== null && _columnWidth$dataInde !== void 0 ? _columnWidth$dataInde : getColExplicitWidth === null || getColExplicitWidth === void 0 ? void 0 : getColExplicitWidth(dataIndex);
-		const startWidth = (_ref = explicitWidth !== null && explicitWidth !== void 0 ? explicitWidth : rect === null || rect === void 0 ? void 0 : rect.width) !== null && _ref !== void 0 ? _ref : 0;
-		const renderWidth = (_rect$width = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _rect$width !== void 0 ? _rect$width : startWidth;
-		const scale = renderWidth > 0 && startWidth > 0 ? renderWidth / startWidth : 1;
-		const target = ev.target;
-		if (target && "setPointerCapture" in target) target.setPointerCapture(ev.pointerId);
-		const onPointerMove = (e) => {
-			if (!thRefs.value[resizingColumn.value]) return;
-			const { clientX } = e;
-			const rawWidth = startWidth + (clientX - startX) / (scale || 1);
-			let width = Math.ceil(rawWidth);
+		on(window, "mousemove", handleThMouseMoving);
+		on(window, "mouseup", handleThMouseUp);
+		on(window, "contextmenu", handleThMouseUp);
+	};
+	const handleThMouseUp = () => {
+		resizingColumn.value = "";
+		off(window, "mousemove", handleThMouseMoving);
+		off(window, "mouseup", handleThMouseUp);
+		off(window, "contextmenu", handleThMouseUp);
+	};
+	const handleThMouseMoving = (ev) => {
+		const element = thRefs.value[resizingColumn.value];
+		if (element) {
+			const { clientX } = ev;
+			const { x } = element.getBoundingClientRect();
+			let width = Math.ceil(clientX - x);
 			if (width < 40) width = 40;
 			columnWidth[resizingColumn.value] = width;
 			emit("columnResize", resizingColumn.value, width);
-		};
-		const onPointerUp = () => {
-			resizingColumn.value = "";
-			resetBodyResizeStyle();
-			clearResizeListeners();
-		};
-		clearResizeListeners();
-		stopResizeListeners = [
-			useEventListener(document, "pointermove", onPointerMove),
-			useEventListener(document, "pointerup", onPointerUp),
-			useEventListener(document, "contextmenu", onPointerUp)
-		];
+		}
 	};
 	return {
 		resizingColumn,
 		columnWidth,
-		handleThMouseDown
+		handleThMouseDown,
+		handleThMouseUp
 	};
 };
 //#endregion

package/es/table/hooks/use-drag.d.ts

@@ -5,15 +5,13 @@ export declare const useDrag: (draggable: Ref<TableDraggable | undefined>) => {
     dragType: import("vue").ComputedRef<"row" | "handle" | undefined>;
     dragState: {
         dragging: boolean;
-        sourceKey: BaseType | "";
+        sourceKey: BaseType;
         sourcePath: number[];
         targetPath: number[];
         data: Record<string, unknown>;
-        dropIndicatorPath: number[];
     };
     handleDragStart: (ev: DragEvent, sourceKey: BaseType, sourcePath: number[], data: Record<string, unknown>) => void;
     handleDragEnter: (ev: DragEvent, targetPath: number[]) => void;
-    handleDragLeave: (_ev: DragEvent) => void;
     handleDragover: (ev: DragEvent) => void;
     handleDragEnd: (ev: DragEvent) => void;
     handleDrop: (ev: DragEvent) => void;

package/es/table/hooks/use-drag.js

@@ -1,5 +1,4 @@
 import { computed, reactive } from "vue";
-import { tryOnScopeDispose, useEventListener } from "@vueuse/core";
 //#region components/table/hooks/use-drag.ts
 var useDrag = (draggable) => {
 	const dragType = computed(() => {
@@ -13,8 +12,7 @@ var useDrag = (draggable) => {
 		sourceKey: "",
 		sourcePath: [],
 		targetPath: [],
-		data: {},
-		dropIndicatorPath: []
+		data: {}
 	});
 	const clearDragState = () => {
 		dragState.dragging = false;
@@ -22,16 +20,7 @@ var useDrag = (draggable) => {
 		dragState.sourcePath = [];
 		dragState.targetPath = [];
 		dragState.data = {};
-		dragState.dropIndicatorPath = [];
 	};
-	const stopGlobalDragListeners = [useEventListener(typeof window !== "undefined" ? window : void 0, "dragend", () => {
-		clearDragState();
-	}), useEventListener(typeof window !== "undefined" ? window : void 0, "drop", () => {
-		clearDragState();
-	})];
-	tryOnScopeDispose(() => {
-		stopGlobalDragListeners.forEach((stop) => stop());
-	});
 	const handleDragStart = (ev, sourceKey, sourcePath, data) => {
 		if (ev.dataTransfer) {
 			ev.dataTransfer.effectAllowed = "move";
@@ -48,13 +37,9 @@ var useDrag = (draggable) => {
 	};
 	const handleDragEnter = (ev, targetPath) => {
 		if (ev.dataTransfer) ev.dataTransfer.dropEffect = "move";
-		if (dragState.targetPath.toString() !== targetPath.toString()) {
-			dragState.targetPath = targetPath;
-			dragState.dropIndicatorPath = targetPath;
-		}
+		if (dragState.targetPath.toString() !== targetPath.toString()) dragState.targetPath = targetPath;
 		ev.preventDefault();
 	};
-	const handleDragLeave = (_ev) => {};
 	const handleDragover = (ev) => {
 		if (ev.dataTransfer) ev.dataTransfer.dropEffect = "move";
 		ev.preventDefault();
@@ -72,7 +57,6 @@ var useDrag = (draggable) => {
 		dragState,
 		handleDragStart,
 		handleDragEnter,
-		handleDragLeave,
 		handleDragover,
 		handleDragEnd,
 		handleDrop

package/es/table/index.d.ts

@@ -33,6 +33,10 @@ declare const Table: {
             type: import("vue").PropType<import("..").Size>;
             default: () => "small" | "mini" | "medium" | "large";
         };
+        tableLayoutFixed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         loading: {
             type: (ObjectConstructor | BooleanConstructor)[];
             default: boolean;
@@ -72,12 +76,7 @@ declare const Table: {
             default: boolean;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps & {
-                threshold?: number;
-                fixedSize?: boolean;
-                estimatedSize?: number;
-                itemKey?: string | ((item: unknown, index: number) => string | number);
-            }>;
+            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
         };
         spanMethod: {
             type: import("vue").PropType<(data: {
@@ -165,10 +164,6 @@ declare const Table: {
             type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
             default: boolean;
         };
-        debug: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         showEmptyTree: {
             type: BooleanConstructor;
             default: boolean;
@@ -246,11 +241,12 @@ declare const Table: {
         bordered: boolean | import("./interface").TableBorder;
         columns: import("./interface").TableColumnData[];
         hoverable: boolean;
+        pagination: boolean | import("..").PaginationProps;
         defaultExpandAllRows: boolean;
         indentSize: number;
         filterIconAlignLeft: boolean;
         stripe: boolean;
-        pagination: boolean | import("..").PaginationProps;
+        tableLayoutFixed: boolean;
         pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
         rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
@@ -259,7 +255,6 @@ declare const Table: {
         columnResizable: boolean;
         summaryText: string;
         stickyHeader: number | boolean;
-        debug: boolean;
         showEmptyTree: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -293,6 +288,10 @@ declare const Table: {
             type: import("vue").PropType<import("..").Size>;
             default: () => "small" | "mini" | "medium" | "large";
         };
+        tableLayoutFixed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         loading: {
             type: (ObjectConstructor | BooleanConstructor)[];
             default: boolean;
@@ -332,12 +331,7 @@ declare const Table: {
             default: boolean;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps & {
-                threshold?: number;
-                fixedSize?: boolean;
-                estimatedSize?: number;
-                itemKey?: string | ((item: unknown, index: number) => string | number);
-            }>;
+            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
         };
         spanMethod: {
             type: import("vue").PropType<(data: {
@@ -425,10 +419,6 @@ declare const Table: {
             type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
             default: boolean;
         };
-        debug: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         showEmptyTree: {
             type: BooleanConstructor;
             default: boolean;
@@ -483,11 +473,12 @@ declare const Table: {
         bordered: boolean | import("./interface").TableBorder;
         columns: import("./interface").TableColumnData[];
         hoverable: boolean;
+        pagination: boolean | import("..").PaginationProps;
         defaultExpandAllRows: boolean;
         indentSize: number;
         filterIconAlignLeft: boolean;
         stripe: boolean;
-        pagination: boolean | import("..").PaginationProps;
+        tableLayoutFixed: boolean;
         pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
         rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
         showHeader: boolean;
@@ -496,7 +487,6 @@ declare const Table: {
         columnResizable: boolean;
         summaryText: string;
         stickyHeader: number | boolean;
-        debug: boolean;
         showEmptyTree: boolean;
     }>;
     __isFragment?: never;
@@ -527,6 +517,10 @@ declare const Table: {
         type: import("vue").PropType<import("..").Size>;
         default: () => "small" | "mini" | "medium" | "large";
     };
+    tableLayoutFixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loading: {
         type: (ObjectConstructor | BooleanConstructor)[];
         default: boolean;
@@ -566,12 +560,7 @@ declare const Table: {
         default: boolean;
     };
     virtualListProps: {
-        type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps & {
-            threshold?: number;
-            fixedSize?: boolean;
-            estimatedSize?: number;
-            itemKey?: string | ((item: unknown, index: number) => string | number);
-        }>;
+        type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
     };
     spanMethod: {
         type: import("vue").PropType<(data: {
@@ -659,10 +648,6 @@ declare const Table: {
         type: import("vue").PropType<boolean | import("..").ScrollbarProps>;
         default: boolean;
     };
-    debug: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     showEmptyTree: {
         type: BooleanConstructor;
         default: boolean;
@@ -740,11 +725,12 @@ declare const Table: {
     bordered: boolean | import("./interface").TableBorder;
     columns: import("./interface").TableColumnData[];
     hoverable: boolean;
+    pagination: boolean | import("..").PaginationProps;
     defaultExpandAllRows: boolean;
     indentSize: number;
     filterIconAlignLeft: boolean;
     stripe: boolean;
-    pagination: boolean | import("..").PaginationProps;
+    tableLayoutFixed: boolean;
     pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
     rowKey: string | ((record: import("./interface").TableData) => import("../_utils/types").BaseType);
     showHeader: boolean;
@@ -753,7 +739,6 @@ declare const Table: {
     columnResizable: boolean;
     summaryText: string;
     stickyHeader: number | boolean;
-    debug: boolean;
     showEmptyTree: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     Thead: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {