@sdata/web-vue 1.11.1 → 1.12.0

package/es/link/link.vue.d.ts

@@ -1,291 +1,36 @@
-import type { PropType } from 'vue';
-import { Status } from '../_utils/constant';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    href: StringConstructor;
-    status: {
-        type: PropType<Status>;
-        default: string;
-    };
-    hoverable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    icon: BooleanConstructor;
-    loading: BooleanConstructor;
-    disabled: BooleanConstructor;
-}>, {
-    cls: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
-    prefixCls: string;
-    showIcon: import("vue").ComputedRef<boolean>;
-    handleClick: (ev: MouseEvent) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (_ev: MouseEvent) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    href: StringConstructor;
-    status: {
-        type: PropType<Status>;
-        default: string;
-    };
-    hoverable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    icon: BooleanConstructor;
-    loading: BooleanConstructor;
-    disabled: BooleanConstructor;
-}>> & Readonly<{
-    onClick?: ((_ev: MouseEvent) => any) | undefined;
+import type { LinkProps } from './interface';
+declare var __VLS_12: {}, __VLS_19: {}, __VLS_32: {}, __VLS_35: {}, __VLS_37: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_12) => any;
+} & {
+    icon?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_32) => any;
+} & {
+    tooltip?: (props: typeof __VLS_35) => any;
+} & {
+    default?: (props: typeof __VLS_37) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (ev: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{
+    onClick?: ((ev: MouseEvent) => any) | undefined;
 }>, {
-    status: "normal" | "success" | "warning" | "danger";
+    status: import("..").Status;
     disabled: boolean;
     loading: boolean;
     icon: boolean;
-    hoverable: boolean;
-}, {}, {
-    IconLink: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            strokeWidth: {
-                type: NumberConstructor;
-                default: number;
-            };
-            strokeLinecap: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            strokeLinejoin: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            rotate: NumberConstructor;
-            spin: BooleanConstructor;
-        }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
-        }>, {
-            cls: import("vue").ComputedRef<(string | {
-                [x: string]: boolean;
-            })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-            onClick: (ev: MouseEvent) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (ev: MouseEvent) => true;
-        }, import("vue").PublicProps, {
-            spin: boolean;
-            strokeWidth: number;
-            strokeLinecap: string;
-            strokeLinejoin: string;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            strokeWidth: {
-                type: NumberConstructor;
-                default: number;
-            };
-            strokeLinecap: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            strokeLinejoin: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            rotate: NumberConstructor;
-            spin: BooleanConstructor;
-        }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
-        }>, {
-            cls: import("vue").ComputedRef<(string | {
-                [x: string]: boolean;
-            })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-            onClick: (ev: MouseEvent) => void;
-        }, {}, {}, {}, {
-            spin: boolean;
-            strokeWidth: number;
-            strokeLinecap: string;
-            strokeLinejoin: string;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-        strokeWidth: {
-            type: NumberConstructor;
-            default: number;
-        };
-        strokeLinecap: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: any) => boolean;
-        };
-        strokeLinejoin: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: any) => boolean;
-        };
-        rotate: NumberConstructor;
-        spin: BooleanConstructor;
-    }>> & Readonly<{
-        onClick?: ((ev: MouseEvent) => any) | undefined;
-    }>, {
-        cls: import("vue").ComputedRef<(string | {
-            [x: string]: boolean;
-        })[]>;
-        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-        onClick: (ev: MouseEvent) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (ev: MouseEvent) => true;
-    }, string, {
-        spin: boolean;
-        strokeWidth: number;
-        strokeLinecap: string;
-        strokeLinejoin: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install: (app: import("vue").App, options?: import("../_utils/types").SDIconOptions) => void;
-    };
-    IconLoading: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            strokeWidth: {
-                type: NumberConstructor;
-                default: number;
-            };
-            strokeLinecap: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            strokeLinejoin: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            rotate: NumberConstructor;
-            spin: BooleanConstructor;
-        }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
-        }>, {
-            cls: import("vue").ComputedRef<(string | {
-                [x: string]: boolean;
-            })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-            onClick: (ev: MouseEvent) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (ev: MouseEvent) => true;
-        }, import("vue").PublicProps, {
-            spin: boolean;
-            strokeWidth: number;
-            strokeLinecap: string;
-            strokeLinejoin: string;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            strokeWidth: {
-                type: NumberConstructor;
-                default: number;
-            };
-            strokeLinecap: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            strokeLinejoin: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: any) => boolean;
-            };
-            rotate: NumberConstructor;
-            spin: BooleanConstructor;
-        }>> & Readonly<{
-            onClick?: ((ev: MouseEvent) => any) | undefined;
-        }>, {
-            cls: import("vue").ComputedRef<(string | {
-                [x: string]: boolean;
-            })[]>;
-            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-            onClick: (ev: MouseEvent) => void;
-        }, {}, {}, {}, {
-            spin: boolean;
-            strokeWidth: number;
-            strokeLinecap: string;
-            strokeLinejoin: string;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-        strokeWidth: {
-            type: NumberConstructor;
-            default: number;
-        };
-        strokeLinecap: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: any) => boolean;
-        };
-        strokeLinejoin: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: any) => boolean;
-        };
-        rotate: NumberConstructor;
-        spin: BooleanConstructor;
-    }>> & Readonly<{
-        onClick?: ((ev: MouseEvent) => any) | undefined;
-    }>, {
-        cls: import("vue").ComputedRef<(string | {
-            [x: string]: boolean;
-        })[]>;
-        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
-        onClick: (ev: MouseEvent) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (ev: MouseEvent) => true;
-    }, string, {
-        spin: boolean;
-        strokeWidth: number;
-        strokeLinecap: string;
-        strokeLinejoin: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-        install: (app: import("vue").App, options?: import("../_utils/types").SDIconOptions) => void;
+    ellipsis: boolean;
+    ellipsisLineClamp: number | string;
+    ellipsisExpandTrigger: "click";
+    ellipsisTooltip: boolean | import("..").EllipsisTooltipProps;
+    iconTooltip: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};

package/es/link/link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,112 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import IconLoading from "../icon/icon-loading/index.js";
+import Tooltip from "../tooltip/index.js";
+import { PerformantEllipsis } from "../ellipsis/index.js";
+import { hasPropOrSlot } from "../_utils/use-prop-or-slot.js";
+import IconLink from "../icon/icon-link/index.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";
+//#region components/link/link.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["href"];
+var link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Link" }), {}, {
+	__name: "link",
+	props: {
+		href: {},
+		status: { default: "normal" },
+		hoverable: { type: Boolean },
+		icon: {
+			type: Boolean,
+			default: false
+		},
+		ellipsis: {
+			type: Boolean,
+			default: true
+		},
+		ellipsisLineClamp: { default: void 0 },
+		ellipsisExpandTrigger: { default: void 0 },
+		ellipsisTooltip: {
+			type: [Boolean, Object],
+			default: true
+		},
+		iconTooltip: { default: void 0 },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const slots = useSlots();
+		const prefixCls = getPrefixCls("link");
+		const showIcon = hasPropOrSlot(props, slots, "icon");
+		const hasDefaultSlot = computed(() => Boolean(slots.default));
+		const resolvedHoverable = computed(() => {
+			var _props$hoverable;
+			return (_props$hoverable = props.hoverable) !== null && _props$hoverable !== void 0 ? _props$hoverable : hasDefaultSlot.value;
+		});
+		const shouldRenderEllipsis = computed(() => props.ellipsis && hasDefaultSlot.value);
+		const handleClick = (ev) => {
+			if (props.disabled || props.loading) {
+				ev.preventDefault();
+				return;
+			}
+			emit("click", ev);
+		};
+		const cls = computed(() => [
+			prefixCls,
+			`${prefixCls}-status-${props.status}`,
+			{
+				[`${prefixCls}-disabled`]: props.disabled,
+				[`${prefixCls}-loading`]: props.loading,
+				[`${prefixCls}-hoverless`]: !resolvedHoverable.value,
+				[`${prefixCls}-with-icon`]: props.loading || showIcon.value,
+				[`${prefixCls}-icon-only`]: !hasDefaultSlot.value && (props.loading || showIcon.value)
+			}
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", {
+				href: __props.disabled ? void 0 : __props.href,
+				class: normalizeClass(cls.value),
+				onClick: handleClick
+			}, [__props.loading || unref(showIcon) ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(`${unref(prefixCls)}-icon`)
+			}, [__props.loading ? (openBlock(), createBlock(unref(IconLoading), { key: 0 })) : __props.iconTooltip ? (openBlock(), createBlock(unref(Tooltip), {
+				key: 1,
+				content: __props.iconTooltip
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(IconLink))])]),
+				_: 3
+			}, 8, ["content"])) : renderSlot(_ctx.$slots, "icon", { key: 2 }, () => [createVNode(unref(IconLink))])], 2)) : createCommentVNode("", true), shouldRenderEllipsis.value ? (openBlock(), createBlock(unref(PerformantEllipsis), {
+				key: 1,
+				class: normalizeClass(`${unref(prefixCls)}-content`),
+				"line-clamp": __props.ellipsisLineClamp,
+				"expand-trigger": __props.ellipsisExpandTrigger,
+				tooltip: __props.ellipsisTooltip
+			}, createSlots({
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 2
+			}, [_ctx.$slots.tooltip ? {
+				name: "tooltip",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip")]),
+				key: "0"
+			} : void 0]), 1032, [
+				"class",
+				"line-clamp",
+				"expand-trigger",
+				"tooltip"
+			])) : hasDefaultSlot.value ? (openBlock(), createElementBlock("span", {
+				key: 2,
+				class: normalizeClass(`${unref(prefixCls)}-content`)
+			}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
+		};
+	}
+}));
+//#endregion
+export { link_vue_vue_type_script_setup_true_lang_default as default };

package/es/link/style/index.css

@@ -105,4 +105,10 @@
   margin-right: 6px;
   font-size: 12px;
   vertical-align: middle;
+}
+.sd-link-content {
+  min-width: 0;
+}
+.sd-link.sd-link-icon-only .sd-link-icon {
+  margin-right: 0;
 }

package/es/link/style/index.scss

@@ -120,4 +120,14 @@ $link-prefix-cls: string.unquote('#{theme.$prefix}-link');
     font-size: $link-size-icon;
     vertical-align: middle;
   }
+
+  &-content {
+    min-width: 0;
+  }
+
+  &#{&}-icon-only {
+    .#{$link-prefix-cls}-icon {
+      margin-right: 0;
+    }
+  }
 }

package/es/list/list-item-meta.vue_vue_type_script_lang.js

@@ -4,9 +4,32 @@ import { defineComponent } from "vue";
 var list_item_meta_vue_vue_type_script_lang_default = defineComponent({
 	name: "ListItemMeta",
 	props: {
+		/**
+		* @zh 标题
+		* @en Title
+		*/
 		title: String,
+		/**
+		* @zh 描述内容
+		* @en Description
+		*/
 		description: String
 	},
+	/**
+	* @zh 标题
+	* @en Title
+	* @slot title
+	*/
+	/**
+	* @zh 描述内容
+	* @en Description
+	* @slot description
+	*/
+	/**
+	* @zh 头像
+	* @en Avatar
+	* @slot avatar
+	*/
 	setup(props, { slots }) {
 		return {
 			prefixCls: getPrefixCls("list-item-meta"),

package/es/list/list-item.js

@@ -3,10 +3,30 @@ import { createVNode, defineComponent } from "vue";
 //#region components/list/list-item.tsx
 var list_item_default = /* @__PURE__ */ defineComponent({
 	name: "ListItem",
-	props: { actionLayout: {
+	props: { 
+	/**
+	* @zh 操作组排列方向
+	* @en Operation group arrangement direction
+	*/
+actionLayout: {
 		type: String,
 		default: "horizontal"
 	} },
+	/**
+	* @zh 操作组
+	* @en Actions
+	* @slot actions
+	*/
+	/**
+	* @zh 额外内容
+	* @en Extra content
+	* @slot extra
+	*/
+	/**
+	* @zh meta信息
+	* @en Meta data
+	* @slot meta
+	*/
 	setup(props, { slots }) {
 		const prefixCls = getPrefixCls("list-item");
 		const renderAction = () => {

package/es/list/list.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { getAllElements } from "../_utils/vue-utils.js";
@@ -21,49 +21,144 @@ function _isSlot(s) {
 var list_default = /* @__PURE__ */ defineComponent({
 	name: "List",
 	props: {
+		/**
+		* @zh 列表数据，需要和 `item` 插槽同时使用
+		* @en List data, need to be used with `item` slot at the same time
+		*/
 		data: { type: Array },
+		/**
+		* @zh 列表大小
+		* @en List size
+		*/
 		size: {
 			type: String,
 			default: "medium"
 		},
+		/**
+		* @zh 是否显示边框
+		* @en Whether to show the border
+		*/
 		bordered: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否显示分割线
+		* @en Whether to show the dividing line
+		*/
 		split: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否为加载中状态
+		* @en Whether it is loading state
+		*/
 		loading: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 是否显示选中样式
+		* @en Whether to display the selected style
+		*/
 		hoverable: {
 			type: Boolean,
 			default: false
 		},
+		/**
+		* @zh 列表分页配置
+		* @en List pagination configuration
+		*/
 		paginationProps: { type: Object },
+		/**
+		* @zh 列表栅格配置
+		* @en List grid configuration
+		*/
 		gridProps: { type: Object },
+		/**
+		* @zh 列表的最大高度
+		* @en Maximum height of the list
+		*/
 		maxHeight: {
 			type: [String, Number],
 			default: 0
 		},
+		/**
+		* @zh 触发到达底部的距离阈值
+		* @en Trigger the distance threshold to reach the bottom
+		*/
 		bottomOffset: {
 			type: Number,
 			default: 0
 		},
+		/**
+		* @zh 传递虚拟列表属性，传入此参数以开启虚拟滚动 [VirtualListProps](#VirtualListProps)
+		* @en Pass virtual list properties, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)
+		*/
 		virtualListProps: { type: Object },
+		/**
+		* @zh 是否开启虚拟滚动条
+		* @en Whether to enable virtual scroll bar
+		* @version 2.38.0
+		*/
 		scrollbar: {
 			type: [Object, Boolean],
 			default: true
 		}
 	},
 	emits: {
+		/**
+		* @zh 列表滚动时触发
+		* @en Triggered when the list scrolls
+		*/
 		scroll: () => true,
+		/**
+		* @zh 当列表到达底部时触发
+		* @en Triggered when the list reaches the bottom
+		*/
 		reachBottom: () => true,
+		/**
+		* @zh 表格分页发生改变时触发
+		* @en Triggered when the table pagination changes
+		* @param {number} page
+		*/
 		pageChange: (_page) => true,
+		/**
+		* @zh 表格每页数据数量发生改变时触发
+		* @en Triggered when the number of data per page of the table changes
+		* @param {number} pageSize
+		*/
 		pageSizeChange: (_pageSize) => true
 	},
+	/**
+	* @zh 头部信息
+	* @en Header
+	* @slot header
+	*/
+	/**
+	* @zh 底部信息
+	* @en Footer
+	* @slot footer
+	*/
+	/**
+	* @zh 空白展示
+	* @en Empty
+	* @slot empty
+	*/
+	/**
+	* @zh 列表项
+	* @en List Item
+	* @slot item
+	* @binding {number} index
+	* @binding {any} item
+	*/
+	/**
+	* @zh 滚动加载状态时，滚动到底部的提示
+	* @en When scrolling loading state, scroll to the bottom tip
+	* @slot scroll-loading
+	* @version 2.20.0
+	*/
 	setup(props, { emit, slots }) {
 		const { scrollbar } = toRefs(props);
 		const prefixCls = getPrefixCls("list");
@@ -266,7 +361,14 @@ var list_default = /* @__PURE__ */ defineComponent({
 			render
 		};
 	},
-	methods: { scrollIntoView(options) {
+	methods: { 
+	/**
+	* @zh 虚拟滚动到某个元素
+	* @en Virtual scroll to an element
+	* @param {{ index?: number; key?: number | string; align: 'auto' | 'top' | 'bottom'}} options
+	* @public
+	*/
+scrollIntoView(options) {
 		if (this.virtualListRef) this.virtualListRef.scrollTo(options);
 	} },
 	render() {