@sdata/web-vue 3.3.1 → 3.4.0

package/es/statistic/index.d.ts

@@ -45,9 +45,9 @@ declare const Statistic: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        start: boolean;
         animationDuration: number;
         animation: boolean;
+        start: boolean;
         format: string;
         precision: number;
         showGroupSeparator: boolean;
@@ -101,9 +101,9 @@ declare const Statistic: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        start: boolean;
         animationDuration: number;
         animation: boolean;
+        start: boolean;
         format: string;
         precision: number;
         showGroupSeparator: boolean;
@@ -154,9 +154,9 @@ declare const Statistic: {
         type: import("vue").PropType<import("vue").CSSProperties>;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    start: boolean;
     animationDuration: number;
     animation: boolean;
+    start: boolean;
     format: string;
     precision: number;
     showGroupSeparator: boolean;

package/es/statistic/statistic.vue.d.ts

@@ -92,9 +92,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<CSSProperties>;
     };
 }>> & Readonly<{}>, {
-    start: boolean;
     animationDuration: number;
     animation: boolean;
+    start: boolean;
     format: string;
     precision: number;
     showGroupSeparator: boolean;

package/es/table/index.d.ts

@@ -76,7 +76,7 @@ declare const Table: {
             default: boolean;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
         spanMethod: {
             type: import("vue").PropType<(data: {
@@ -201,6 +201,7 @@ declare const Table: {
         selfClearFilters: (dataIndex?: string | string[]) => void;
         selfResetSorters: () => void;
         selfClearSorters: () => void;
+        selfScrollIntoView: (options: import("../_components/virtual-list/interface").ScrollIntoViewOptions) => void | undefined;
     }, {}, {}, {
         selectAll(checked?: boolean): void;
         select(rowKey: string | number | (string | number)[], checked?: boolean): void;
@@ -210,6 +211,7 @@ declare const Table: {
         clearFilters(dataIndex?: string | string[]): void;
         resetSorters(): void;
         clearSorters(): void;
+        scrollIntoView(options: import("../_components/virtual-list/interface").ScrollIntoViewOptions): void | undefined;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:selectedKeys': (_rowKeys: (string | number)[]) => true;
         'update:expandedKeys': (_rowKeys: (string | number)[]) => true;
@@ -331,7 +333,7 @@ declare const Table: {
             default: boolean;
         };
         virtualListProps: {
-            type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+            type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
         };
         spanMethod: {
             type: import("vue").PropType<(data: {
@@ -456,6 +458,7 @@ declare const Table: {
         selfClearFilters: (dataIndex?: string | string[]) => void;
         selfResetSorters: () => void;
         selfClearSorters: () => void;
+        selfScrollIntoView: (options: import("../_components/virtual-list/interface").ScrollIntoViewOptions) => void | undefined;
     }, {}, {}, {
         selectAll(checked?: boolean): void;
         select(rowKey: string | number | (string | number)[], checked?: boolean): void;
@@ -465,6 +468,7 @@ declare const Table: {
         clearFilters(dataIndex?: string | string[]): void;
         resetSorters(): void;
         clearSorters(): void;
+        scrollIntoView(options: import("../_components/virtual-list/interface").ScrollIntoViewOptions): void | undefined;
     }, {
         size: "small" | "mini" | "medium" | "large";
         data: import("./interface").TableData[];
@@ -560,7 +564,7 @@ declare const Table: {
         default: boolean;
     };
     virtualListProps: {
-        type: import("vue").PropType<import("../_components/virtual-list-v2/interface").VirtualListProps>;
+        type: import("vue").PropType<import("../_components/virtual-list/interface").VirtualListProps>;
     };
     spanMethod: {
         type: import("vue").PropType<(data: {
@@ -685,6 +689,7 @@ declare const Table: {
     selfClearFilters: (dataIndex?: string | string[]) => void;
     selfResetSorters: () => void;
     selfClearSorters: () => void;
+    selfScrollIntoView: (options: import("../_components/virtual-list/interface").ScrollIntoViewOptions) => void | undefined;
 }, {}, {}, {
     selectAll(checked?: boolean): void;
     select(rowKey: string | number | (string | number)[], checked?: boolean): void;
@@ -694,6 +699,7 @@ declare const Table: {
     clearFilters(dataIndex?: string | string[]): void;
     resetSorters(): void;
     clearSorters(): void;
+    scrollIntoView(options: import("../_components/virtual-list/interface").ScrollIntoViewOptions): void | undefined;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:selectedKeys': (_rowKeys: (string | number)[]) => true;
     'update:expandedKeys': (_rowKeys: (string | number)[]) => true;
@@ -832,7 +838,7 @@ declare const Table: {
             default: () => {};
         };
         type: {
-            type: import("vue").PropType<"normal" | "checkbox" | "radio" | "expand" | "operation">;
+            type: import("vue").PropType<"normal" | "radio" | "checkbox" | "expand" | "operation">;
             default: string;
         };
         operations: {
@@ -886,7 +892,7 @@ declare const Table: {
             default: () => {};
         };
         type: {
-            type: import("vue").PropType<"normal" | "checkbox" | "radio" | "expand" | "operation">;
+            type: import("vue").PropType<"normal" | "radio" | "checkbox" | "expand" | "operation">;
             default: string;
         };
         operations: {
@@ -928,7 +934,7 @@ declare const Table: {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        type: "normal" | "checkbox" | "radio" | "expand" | "operation";
+        type: "normal" | "radio" | "checkbox" | "expand" | "operation";
         summary: boolean;
         column: import("./interface").TableColumnData;
         dataColumns: import("./interface").TableColumnData[];
@@ -1051,8 +1057,8 @@ declare const Table: {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        ellipsis: boolean;
         tooltip: boolean | Record<string, any>;
+        ellipsis: boolean;
         filterable: import("./interface").TableFilterable;
         sortable: import("./interface").TableSortable;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/table/style/index.css

@@ -461,6 +461,9 @@
   width: 100%;
   min-height: 0;
 }
+.sd-table-container.sd-table-scroll-y {
+  flex: 1 1 auto;
+}
 .sd-table-container .sd-table-content {
   display: flex;
   flex-direction: column;
@@ -759,7 +762,7 @@
   margin-bottom: 12px;
 }
 
-.sd-virtual-list > .sd-table-element {
+.sd-virtual-list > .sd-table-element, .sd-virtual-list > .sd-virtual-list-scroller > .sd-table-element {
   width: auto;
 }
 

package/es/table/style/index.scss

@@ -605,6 +605,10 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
     width: 100%;
     min-height: 0;
 
+    &.#{$table-prefix-cls}-scroll-y {
+      flex: 1 1 auto;
+    }
+
     // chrome not fluent: https://codepen.io/quanqqq/pen/BaLpEQd?editors==0010
     // border-radius: $table-border-radius $table-border-radius 0 0 0;
 
@@ -983,7 +987,8 @@ $table-cls-td: string.unquote('#{$table-prefix-cls}-td');
 }
 
 .#{theme.$prefix}-virtual-list {
-  & > .#{$table-prefix-cls}-element {
+  & > .#{$table-prefix-cls}-element,
+  & > .#{theme.$prefix}-virtual-list-scroller > .#{$table-prefix-cls}-element {
     width: auto;
   }
 }

package/es/table/table-column.d.ts

@@ -112,8 +112,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    ellipsis: boolean;
     tooltip: boolean | Record<string, any>;
+    ellipsis: boolean;
     filterable: TableFilterable;
     sortable: TableSortable;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/table/table-td.d.ts

@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    type: "normal" | "checkbox" | "radio" | "expand" | "operation";
+    type: "normal" | "radio" | "checkbox" | "expand" | "operation";
     summary: boolean;
     column: TableColumnData;
     dataColumns: TableColumnData[];

package/es/table/table.d.ts

@@ -1,8 +1,8 @@
 import type { PropType } from 'vue';
+import type { ScrollIntoViewOptions, VirtualListProps } from '../_components/virtual-list/interface';
 import type { Size } from '../_utils/constant';
 import type { BaseType } from '../_utils/types';
 import type { TableBorder, TableChangeExtra, TableColumnData, TableComponents, TableData, TableDraggable, TableExpandable, TableOperationColumn, TablePagePosition, TableRowSelection } from './interface';
-import { VirtualListProps } from '../_components/virtual-list-v2/interface';
 import { PaginationProps } from '../pagination';
 import { ScrollbarProps } from '../scrollbar';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -175,6 +175,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selfClearFilters: (dataIndex?: string | string[]) => void;
     selfResetSorters: () => void;
     selfClearSorters: () => void;
+    selfScrollIntoView: (options: ScrollIntoViewOptions) => void | undefined;
 }, {}, {}, {
     selectAll(checked?: boolean): void;
     select(rowKey: string | number | (string | number)[], checked?: boolean): void;
@@ -184,6 +185,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     clearFilters(dataIndex?: string | string[]): void;
     resetSorters(): void;
     clearSorters(): void;
+    scrollIntoView(options: ScrollIntoViewOptions): void | undefined;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:selectedKeys': (_rowKeys: (string | number)[]) => true;
     'update:expandedKeys': (_rowKeys: (string | number)[]) => true;

package/es/table/table.js

@@ -3,20 +3,20 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isFunction, isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
+import { _objectWithoutProperties } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectWithoutProperties.js";
+import virtual_list_default from "../_components/virtual-list/index.js";
 import { omit } from "../_utils/omit.js";
 import { useComponentRef } from "../_hooks/use-component-ref.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";
 import Scrollbar from "../scrollbar/index.js";
 import Spin from "../spin/index.js";
 import Empty from "../empty/index.js";
-import { _objectWithoutProperties } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectWithoutProperties.js";
 import { useChildrenComponents } from "../_hooks/use-children-components.js";
 import { debounce } from "../_utils/debounce.js";
 import IconMinus from "../icon/icon-minus/index.js";
 import IconPlus from "../icon/icon-plus/index.js";
 import { getValueByPath, setValueByPath } from "../_utils/get-value-by-path.js";
 import Pagination from "../pagination/index.js";
-import virtual_list_v2_default from "../_components/virtual-list-v2/index.js";
 import { tableInjectionKey } from "./context.js";
 import { useColumnResize } from "./hooks/use-column-resize.js";
 import { useDrag } from "./hooks/use-drag.js";
@@ -37,11 +37,19 @@ import table_tr_default from "./table-tr.js";
 import { Fragment, computed, createVNode, defineComponent, inject, isVNode, mergeProps, onMounted, provide, reactive, ref, toRefs, watch, watchEffect } from "vue";
 //#region components/table/table.tsx
 var _excluded = [
+	"items",
 	"data",
+	"keyField",
 	"itemKey",
-	"component",
+	"listTag",
+	"itemTag",
+	"listClass",
+	"itemClass",
 	"listAttrs",
+	"listStyle",
+	"contentWrapperAttrs",
 	"contentAttrs",
+	"component",
 	"paddingPosition",
 	"isStaticItemHeight",
 	"fixedSize"
@@ -578,6 +586,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 	setup(props, { emit, slots }) {
 		const { columns, rowKey, rowSelection, expandable, loadMore, filterIconAlignLeft, selectedKeys, defaultSelectedKeys, expandedKeys, defaultExpandedKeys, defaultExpandAllRows, spanMethod, draggable, summarySpanMethod, scrollbar, showEmptyTree } = toRefs(props);
 		const prefixCls = getPrefixCls("table");
+		const virtualListPrefixCls = getPrefixCls("virtual-list");
 		const configCtx = inject(configProviderInjectionKey, void 0);
 		const bordered = computed(() => {
 			if (isObject(props.bordered)) return _objectSpread2(_objectSpread2({}, DEFAULT_BORDERED), props.bordered);
@@ -599,6 +608,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 		});
 		const summaryRef = ref();
 		const thRefs = ref({});
+		const virtualListRef = ref(null);
 		const { componentRef: contentComRef, elementRef: contentRef } = useComponentRef("containerRef");
 		const { componentRef: tbodyComRef, elementRef: tbodyRef } = useComponentRef("containerRef");
 		const { elementRef: virtualRef } = useComponentRef("viewportRef");
@@ -610,7 +620,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 			}
 			return contentRef.value;
 		});
-		const splitTable = computed(() => isScroll.value.y || props.stickyHeader || isVirtualList.value || isScroll.value.x && flattenData.value.length === 0);
+		const splitTable = computed(() => isScroll.value.y || props.stickyHeader !== false || isVirtualList.value || isScroll.value.x && flattenData.value.length === 0);
 		const slotColumnMap = reactive(/* @__PURE__ */ new Map());
 		const slotColumns = ref();
 		watch([components, slotColumnMap], ([components, slotColumnMap]) => {
@@ -1084,8 +1094,8 @@ var table_default = /* @__PURE__ */ defineComponent({
 		});
 		const tableVirtualListProps = computed(() => {
 			if (!props.virtualListProps) return {};
-			const _props$virtualListPro = props.virtualListProps, { data: _data, itemKey: _itemKey, component: _component, listAttrs: _listAttrs, contentAttrs: _contentAttrs, paddingPosition: _paddingPosition, isStaticItemHeight, fixedSize } = _props$virtualListPro;
-			return _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_props$virtualListPro, _excluded)), {}, { fixedSize: fixedSize !== null && fixedSize !== void 0 ? fixedSize : isStaticItemHeight });
+			const _props$virtualListPro = props.virtualListProps, { items: _items, data: _data, keyField: _keyField, itemKey: _itemKey, listTag: _listTag, itemTag: _itemTag, listClass: _listClass, itemClass: _itemClass, listAttrs: _listAttrs, listStyle: _listStyle, contentWrapperAttrs: _contentWrapperAttrs, contentAttrs: _contentAttrs, component: _component, paddingPosition: _paddingPosition, isStaticItemHeight, fixedSize } = _props$virtualListPro;
+			return _objectSpread2(_objectSpread2({ prerender: 20 }, _objectWithoutProperties(_props$virtualListPro, _excluded)), {}, { fixedSize: fixedSize !== null && fixedSize !== void 0 ? fixedSize : isStaticItemHeight });
 		});
 		const isVirtualList = computed(() => Boolean(props.virtualListProps));
 		const thWidth = ref({});
@@ -1369,50 +1379,59 @@ var table_default = /* @__PURE__ */ defineComponent({
 		});
 		const renderContent = () => {
 			if (splitTable.value) {
-				var _props$scroll13, _props$scroll14;
+				var _props$scroll13, _props$scroll14, _props$scroll15;
 				const top = isNumber(props.stickyHeader) ? `${props.stickyHeader}px` : void 0;
-				const bodyMaxHeight = isNumber((_props$scroll13 = props.scroll) === null || _props$scroll13 === void 0 ? void 0 : _props$scroll13.y) ? `${(_props$scroll14 = props.scroll) === null || _props$scroll14 === void 0 ? void 0 : _props$scroll14.y}px` : "100%";
+				const isStringScrollY = isString((_props$scroll13 = props.scroll) === null || _props$scroll13 === void 0 ? void 0 : _props$scroll13.y);
+				const bodyMaxHeight = isNumber((_props$scroll14 = props.scroll) === null || _props$scroll14 === void 0 ? void 0 : _props$scroll14.y) ? `${(_props$scroll15 = props.scroll) === null || _props$scroll15 === void 0 ? void 0 : _props$scroll15.y}px` : "100%";
 				const _scrollbarProps$value = scrollbarProps.value, { outerStyle: bodyOuterStyle } = _scrollbarProps$value, bodyScrollbarRestProps = _objectWithoutProperties(_scrollbarProps$value, _excluded2);
-				const bodyOuterBaseStyle = {
+				const bodyBaseStyle = isStringScrollY ? {
+					height: bodyMaxHeight,
+					minHeight: 0
+				} : {
 					maxHeight: bodyMaxHeight,
 					minHeight: 0
 				};
-				const bodyScrollbarOuterStyle = Array.isArray(bodyOuterStyle) ? [bodyOuterBaseStyle, ...bodyOuterStyle] : bodyOuterStyle ? [bodyOuterBaseStyle, bodyOuterStyle] : bodyOuterBaseStyle;
+				const bodyScrollbarOuterStyle = Array.isArray(bodyOuterStyle) ? [bodyBaseStyle, ...bodyOuterStyle] : bodyOuterStyle ? [bodyBaseStyle, bodyOuterStyle] : bodyBaseStyle;
+				const bodyComponentStyle = isStringScrollY ? { height: bodyMaxHeight } : { maxHeight: bodyMaxHeight };
 				const BodyComponent = displayScrollbar.value ? Scrollbar : "div";
 				return createVNode(Fragment, null, [
 					props.showHeader && createVNode("div", {
 						"ref": theadComRef,
-						"class": [`${prefixCls}-header`, { [`${prefixCls}-header-sticky`]: props.stickyHeader }],
+						"class": [`${prefixCls}-header`, { [`${prefixCls}-header-sticky`]: props.stickyHeader !== false }],
 						"style": { top }
 					}, [createVNode("div", {
 						"class": `${prefixCls}-element`,
 						"style": headerStyle.value
 					}, [renderHeader()])]),
-					createVNode(resize_observer_default, { "onResize": handleTbodyResize }, { default: () => [isVirtualList.value && flattenData.value.length ? createVNode(virtual_list_v2_default, mergeProps({
+					createVNode(resize_observer_default, { "onResize": handleTbodyResize }, { default: () => [isVirtualList.value && flattenData.value.length ? createVNode(virtual_list_default, mergeProps({
 						"ref": (ins) => {
-							if (ins === null || ins === void 0 ? void 0 : ins.$el) tbodyRef.value = ins.$el;
+							if (ins === null || ins === void 0 ? void 0 : ins.$el) {
+								var _ins$$el$querySelecto, _ins$$el;
+								virtualListRef.value = ins;
+								tbodyRef.value = ins.$el;
+								virtualRef.value = (_ins$$el$querySelecto = (_ins$$el = ins.$el).querySelector) === null || _ins$$el$querySelecto === void 0 ? void 0 : _ins$$el$querySelecto.call(_ins$$el, `.${virtualListPrefixCls}-scroller`);
+							} else {
+								virtualListRef.value = null;
+								tbodyRef.value = void 0;
+								virtualRef.value = void 0;
+							}
 						},
 						"class": `${prefixCls}-body`,
-						"data": flattenData.value,
-						"itemKey": "_key",
-						"component": {
-							list: "div",
-							content: "div"
-						},
-						"listAttrs": {
-							class: `${prefixCls}-element`,
-							style: contentStyle.value
-						},
-						"contentAttrs": { class: `${prefixCls}-tbody` },
-						"paddingPosition": "list",
+						"items": flattenData.value,
+						"keyField": "_key",
+						"listTag": "div",
+						"itemTag": "div",
+						"listClass": `${prefixCls}-element`,
+						"listStyle": contentStyle.value,
+						"itemClass": `${prefixCls}-virtual-item`,
 						"height": bodyMaxHeight
 					}, tableVirtualListProps.value, {
 						"scrollbar": displayScrollbar.value ? scrollbarProps.value : false,
 						"onScroll": onTbodyScroll
-					}), { item: ({ item, index }) => renderRecord(item, index) }) : createVNode(BodyComponent, mergeProps({
+					}), { item: ({ item, index }) => item ? renderRecord(item, index) : null }) : createVNode(BodyComponent, mergeProps({
 						"ref": tbodyComRef,
 						"class": `${prefixCls}-body`,
-						"style": { maxHeight: bodyMaxHeight }
+						"style": bodyComponentStyle
 					}, displayScrollbar.value ? _objectSpread2({ outerStyle: bodyScrollbarOuterStyle }, bodyScrollbarRestProps) : void 0, { "onScroll": onTbodyScroll }), { default: () => [createVNode("div", {
 						"class": `${prefixCls}-element`,
 						"style": contentStyle.value
@@ -1437,8 +1456,8 @@ var table_default = /* @__PURE__ */ defineComponent({
 			])] });
 		};
 		const renderTable = (content) => {
-			var _props$scroll15;
-			const style = ((_props$scroll15 = props.scroll) === null || _props$scroll15 === void 0 ? void 0 : _props$scroll15.maxHeight) ? { maxHeight: props.scroll.maxHeight } : void 0;
+			var _props$scroll16;
+			const style = ((_props$scroll16 = props.scroll) === null || _props$scroll16 === void 0 ? void 0 : _props$scroll16.maxHeight) ? { maxHeight: props.scroll.maxHeight } : void 0;
 			const Component = displayScrollbar.value && !splitTable.value ? Scrollbar : "div";
 			const _scrollbarProps$value2 = scrollbarProps.value, { outerStyle: contentOuterStyle } = _scrollbarProps$value2, contentScrollbarRestProps = _objectWithoutProperties(_scrollbarProps$value2, _excluded3);
 			const contentScrollbarOuterStyle = Array.isArray(contentOuterStyle) ? [{ height: "100%" }, ...contentOuterStyle] : contentOuterStyle ? [{ height: "100%" }, contentOuterStyle] : { height: "100%" };
@@ -1475,10 +1494,10 @@ var table_default = /* @__PURE__ */ defineComponent({
 			]);
 		};
 		const style = computed(() => {
-			var _props$scroll16;
-			if (isString((_props$scroll16 = props.scroll) === null || _props$scroll16 === void 0 ? void 0 : _props$scroll16.y)) {
-				var _props$scroll17;
-				return { height: (_props$scroll17 = props.scroll) === null || _props$scroll17 === void 0 ? void 0 : _props$scroll17.y };
+			var _props$scroll17;
+			if (isString((_props$scroll17 = props.scroll) === null || _props$scroll17 === void 0 ? void 0 : _props$scroll17.y)) {
+				var _props$scroll18;
+				return { height: (_props$scroll18 = props.scroll) === null || _props$scroll18 === void 0 ? void 0 : _props$scroll18.y };
 			}
 		});
 		const render = () => {
@@ -1503,7 +1522,11 @@ var table_default = /* @__PURE__ */ defineComponent({
 			selfResetFilters: resetFilters,
 			selfClearFilters: clearFilters,
 			selfResetSorters: resetSorters,
-			selfClearSorters: clearSorters
+			selfClearSorters: clearSorters,
+			selfScrollIntoView: (options) => {
+				var _virtualListRef$value;
+				return (_virtualListRef$value = virtualListRef.value) === null || _virtualListRef$value === void 0 ? void 0 : _virtualListRef$value.scrollTo(options);
+			}
 		};
 	},
 	methods: {
@@ -1586,6 +1609,15 @@ var table_default = /* @__PURE__ */ defineComponent({
 		*/
 		clearSorters() {
 			return this.selfClearSorters();
+		},
+		/**
+		* @zh 虚拟滚动到指定行
+		* @en Virtual scroll to the specified row
+		* @param {{ index?: number; key?: number | string; align?: 'auto' | 'top' | 'bottom' | 'start' | 'center' | 'end' | 'nearest' }} options
+		* @public
+		*/
+		scrollIntoView(options) {
+			return this.selfScrollIntoView(options);
 		}
 	},
 	render() {

package/es/tabs/index.d.ts

@@ -88,9 +88,9 @@ declare const Tabs: {
         trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
         direction: "horizontal" | "vertical";
-        justify: boolean;
         activeKey: string | number;
         animation: boolean;
+        justify: boolean;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
         editable: boolean;
@@ -186,9 +186,9 @@ declare const Tabs: {
         trigger: import("./interface").TabTriggerEvent;
         position: import("./interface").TabsPosition;
         direction: "horizontal" | "vertical";
-        justify: boolean;
         activeKey: string | number;
         animation: boolean;
+        justify: boolean;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
         editable: boolean;
@@ -287,9 +287,9 @@ declare const Tabs: {
     trigger: import("./interface").TabTriggerEvent;
     position: import("./interface").TabsPosition;
     direction: "horizontal" | "vertical";
-    justify: boolean;
     activeKey: string | number;
     animation: boolean;
+    justify: boolean;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;
     editable: boolean;

package/es/tabs/tabs.d.ts

@@ -154,9 +154,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     trigger: TabTriggerEvent;
     position: TabsPosition;
     direction: "horizontal" | "vertical";
-    justify: boolean;
     activeKey: string | number;
     animation: boolean;
+    justify: boolean;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;
     editable: boolean;

package/es/tag/index.d.ts

@@ -85,8 +85,6 @@ declare const Tag: {
         check: (_checked: boolean, _ev: MouseEvent) => any;
     }, import("vue").PublicProps, {
         visible: boolean;
-        nowrap: boolean;
-        ellipsis: boolean;
         loading: boolean;
         bordered: boolean;
         defaultVisible: boolean;
@@ -94,6 +92,8 @@ declare const Tag: {
         checkable: boolean;
         checked: boolean;
         defaultChecked: boolean;
+        nowrap: boolean;
+        ellipsis: boolean;
         ellipsisLineClamp: string | number;
         ellipsisExpandTrigger: "click";
         ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
@@ -185,8 +185,6 @@ declare const Tag: {
         onCheck?: ((_checked: boolean, _ev: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         visible: boolean;
-        nowrap: boolean;
-        ellipsis: boolean;
         loading: boolean;
         bordered: boolean;
         defaultVisible: boolean;
@@ -194,6 +192,8 @@ declare const Tag: {
         checkable: boolean;
         checked: boolean;
         defaultChecked: boolean;
+        nowrap: boolean;
+        ellipsis: boolean;
         ellipsisLineClamp: string | number;
         ellipsisExpandTrigger: "click";
         ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;
@@ -287,8 +287,6 @@ declare const Tag: {
     check: (_checked: boolean, _ev: MouseEvent) => any;
 }, string, {
     visible: boolean;
-    nowrap: boolean;
-    ellipsis: boolean;
     loading: boolean;
     bordered: boolean;
     defaultVisible: boolean;
@@ -296,6 +294,8 @@ declare const Tag: {
     checkable: boolean;
     checked: boolean;
     defaultChecked: boolean;
+    nowrap: boolean;
+    ellipsis: boolean;
     ellipsisLineClamp: string | number;
     ellipsisExpandTrigger: "click";
     ellipsisTooltip: boolean | import("../index.ts").EllipsisTooltipProps;

package/es/tag/style/index.css

@@ -82,7 +82,7 @@
   color: var(--sd-color-text-2);
 }
 .sd-tag-text {
-  min-width: 0;
+  min-width: 1em;
   max-width: 100%;
 }
 .sd-tag-ellipsis-line-clamp {

package/es/tag/style/index.scss

@@ -126,7 +126,7 @@ $colors:
   }
 
   &-text {
-    min-width: 0;
+    min-width: 1em;
     max-width: 100%;
   }
 

package/es/tag/tag.vue.d.ts

@@ -166,8 +166,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onCheck?: ((_checked: boolean, _ev: MouseEvent) => any) | undefined;
 }>, {
     visible: boolean;
-    nowrap: boolean;
-    ellipsis: boolean;
     loading: boolean;
     bordered: boolean;
     defaultVisible: boolean;
@@ -175,6 +173,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     checkable: boolean;
     checked: boolean;
     defaultChecked: boolean;
+    nowrap: boolean;
+    ellipsis: boolean;
     ellipsisLineClamp: string | number;
     ellipsisExpandTrigger: "click";
     ellipsisTooltip: boolean | EllipsisTooltipProps;

package/es/timeline/index.d.ts

@@ -137,8 +137,8 @@ declare const Timeline: {
                     default: boolean;
                 };
             }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-                dot: boolean;
                 loading: boolean;
+                dot: boolean;
                 hideIcon: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -159,8 +159,8 @@ declare const Timeline: {
                     default: boolean;
                 };
             }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-                dot: boolean;
                 loading: boolean;
+                dot: boolean;
                 hideIcon: boolean;
             }>;
             __isFragment?: never;
@@ -178,8 +178,8 @@ declare const Timeline: {
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            dot: boolean;
             loading: boolean;
+            dot: boolean;
             hideIcon: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
             install: (app: App, options?: SDOptions) => void;
@@ -352,8 +352,8 @@ declare const Timeline: {
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            dot: boolean;
             loading: boolean;
+            dot: boolean;
             hideIcon: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -374,8 +374,8 @@ declare const Timeline: {
                 default: boolean;
             };
         }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-            dot: boolean;
             loading: boolean;
+            dot: boolean;
             hideIcon: boolean;
         }>;
         __isFragment?: never;
@@ -393,8 +393,8 @@ declare const Timeline: {
             default: boolean;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        dot: boolean;
         loading: boolean;
+        dot: boolean;
         hideIcon: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install: (app: App, options?: SDOptions) => void;