@sdata/web-vue 1.8.0 → 1.10.0

package/es/{_components/virtual-list-v2/virtual-list.vue_vue_type_script_lang.js → table/table-legacy-virtual-list.vue_vue_type_script_lang.js}

@@ -1,13 +1,13 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
-import { getPrefixCls } from "../../_utils/global-config.js";
-import { isNumber, isObject } from "../../_utils/is.js";
-import { useSize } from "./hooks/use-size.js";
-import virtual_list_item_default from "./virtual-list-item.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isNumber, isObject } from "../_utils/is.js";
+import { useTableVirtualSize } from "./hooks/use-table-virtual-size.js";
+import table_virtual_list_item_default from "./table-virtual-list-item.js";
 import { computed, defineComponent, nextTick, ref, toRefs } from "vue";
-//#region components/_components/virtual-list-v2/virtual-list.vue?vue&type=script&lang.ts
-var virtual_list_vue_vue_type_script_lang_default = defineComponent({
-	name: "VirtualList",
-	components: { VirtualListItem: virtual_list_item_default },
+//#region components/table/table-legacy-virtual-list.vue?vue&type=script&lang.ts
+var table_legacy_virtual_list_vue_vue_type_script_lang_default = defineComponent({
+	name: "TableLegacyVirtualList",
+	components: { TableVirtualListItem: table_virtual_list_item_default },
 	props: {
 		height: {
 			type: [Number, String],
@@ -41,8 +41,14 @@ var virtual_list_vue_vue_type_script_lang_default = defineComponent({
 			type: [String, Object],
 			default: "div"
 		},
-		listAttrs: { type: Object },
-		contentAttrs: { type: Object },
+		listAttrs: {
+			type: Object,
+			default: void 0
+		},
+		contentAttrs: {
+			type: Object,
+			default: void 0
+		},
 		paddingPosition: {
 			type: String,
 			default: "content"
@@ -52,13 +58,16 @@ var virtual_list_vue_vue_type_script_lang_default = defineComponent({
 		scroll: (_ev) => true,
 		reachBottom: (_ev) => true
 	},
-	setup(props, { emit }) {
+	setup(props, { emit, expose }) {
 		const { data, itemKey, fixedSize, estimatedSize, buffer, height } = toRefs(props);
 		const prefixCls = getPrefixCls("virtual-list");
 		const getItemKey = (item, index) => {
-			var _item$itemKey$value;
-			if (typeof itemKey.value === "function") return itemKey.value(item);
-			return (_item$itemKey$value = item[itemKey.value]) !== null && _item$itemKey$value !== void 0 ? _item$itemKey$value : index;
+			if (typeof itemKey.value === "function") return itemKey.value(item, index);
+			if (item && typeof item === "object") {
+				var _item$itemKey$value;
+				return (_item$itemKey$value = item[itemKey.value]) !== null && _item$itemKey$value !== void 0 ? _item$itemKey$value : index;
+			}
+			return index;
 		};
 		const mergedComponent = computed(() => {
 			if (isObject(props.component)) return _objectSpread2({
@@ -74,16 +83,13 @@ var virtual_list_vue_vue_type_script_lang_default = defineComponent({
 		});
 		const containerRef = ref();
 		const contentRef = ref();
-		const style = computed(() => {
-			return {
-				height: isNumber(height.value) ? `${height.value}px` : height.value,
-				overflow: "auto"
-			};
-		});
+		const style = computed(() => ({
+			height: isNumber(height.value) ? `${height.value}px` : height.value,
+			overflow: "auto"
+		}));
 		const dataKeys = computed(() => data.value.map((item, index) => getItemKey(item, index)));
-		const { frontPadding, behindPadding, start, end, getStartByScroll, setItemSize, hasItemSize, setStart, getScrollOffset } = useSize({
+		const { frontPadding, behindPadding, start, end, getStartByScroll, setItemSize, hasItemSize, setStart, getScrollOffset } = useTableVirtualSize({
 			dataKeys,
-			contentRef,
 			fixedSize,
 			estimatedSize,
 			buffer
@@ -92,11 +98,27 @@ var virtual_list_vue_vue_type_script_lang_default = defineComponent({
 			if (props.threshold && data.value.length <= props.threshold) return data.value;
 			return data.value.slice(start.value, end.value);
 		});
+		const scrollTo = (options) => {
+			var _options$index, _options$key;
+			if (!containerRef.value) return;
+			if (isNumber(options)) {
+				containerRef.value.scrollTop = options;
+				return;
+			}
+			const index = (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : dataKeys.value.indexOf((_options$key = options.key) !== null && _options$key !== void 0 ? _options$key : "");
+			setStart(index - buffer.value);
+			containerRef.value.scrollTop = getScrollOffset(index);
+			nextTick(() => {
+				if (!containerRef.value) return;
+				const scrollTop = getScrollOffset(index);
+				if (scrollTop !== containerRef.value.scrollTop) containerRef.value.scrollTop = scrollTop;
+			});
+		};
 		const onScroll = (ev) => {
 			const { scrollTop, scrollHeight, offsetHeight } = ev.target;
-			const _start = getStartByScroll(scrollTop);
-			if (_start !== start.value) {
-				setStart(_start);
+			const nextStart = getStartByScroll(scrollTop);
+			if (nextStart !== start.value) {
+				setStart(nextStart);
 				nextTick(() => {
 					scrollTo(scrollTop);
 				});
@@ -104,22 +126,7 @@ var virtual_list_vue_vue_type_script_lang_default = defineComponent({
 			emit("scroll", ev);
 			if (Math.floor(scrollHeight - (scrollTop + offsetHeight)) <= 0) emit("reachBottom", ev);
 		};
-		const scrollTo = (options) => {
-			if (containerRef.value) if (isNumber(options)) containerRef.value.scrollTop = options;
-			else {
-				var _options$index, _options$key;
-				const { align = "top" } = options;
-				const _index = (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : dataKeys.value.indexOf((_options$key = options.key) !== null && _options$key !== void 0 ? _options$key : "");
-				setStart(_index - buffer.value);
-				containerRef.value.scrollTop = getScrollOffset(_index);
-				nextTick(() => {
-					if (containerRef.value) {
-						const _scrollTop = getScrollOffset(_index);
-						if (_scrollTop !== containerRef.value.scrollTop) containerRef.value.scrollTop = _scrollTop;
-					}
-				});
-			}
-		};
+		expose({ scrollTo });
 		return {
 			prefixCls,
 			containerRef,
@@ -132,11 +139,10 @@ var virtual_list_vue_vue_type_script_lang_default = defineComponent({
 			setItemSize,
 			hasItemSize,
 			start,
-			scrollTo,
 			style,
 			mergedComponent
 		};
 	}
 });
 //#endregion
-export { virtual_list_vue_vue_type_script_lang_default as default };
+export { table_legacy_virtual_list_vue_vue_type_script_lang_default as default };

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

@@ -316,8 +316,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             disabled: boolean;
             defaultValue: (string | number | boolean)[];
-            modelValue: (string | number | boolean)[];
             direction: "horizontal" | "vertical";
+            modelValue: (string | number | boolean)[];
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
     };
@@ -571,8 +571,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: "button" | "radio";
             disabled: boolean;
             defaultValue: string | number | boolean;
-            modelValue: string | number | boolean;
             direction: "horizontal" | "vertical";
+            modelValue: string | number | boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
     };
@@ -604,6 +604,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 [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;
@@ -646,6 +647,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -683,6 +685,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             [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;
@@ -722,6 +725,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 [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;
@@ -764,6 +768,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -801,6 +806,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             [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;

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

@@ -33,8 +33,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    checked: boolean;
     empty: boolean;
+    checked: boolean;
     expand: boolean;
     record: TableDataWithRaw;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/table/table-virtual-list-item.js

@@ -0,0 +1,37 @@
+import { getFirstComponent } from "../_utils/vue-utils.js";
+import { cloneVNode, defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, ref } from "vue";
+//#region components/table/table-virtual-list-item.tsx
+var table_virtual_list_item_default = /* @__PURE__ */ defineComponent({
+	name: "TableVirtualListItem",
+	props: {
+		hasItemSize: {
+			type: Function,
+			required: true
+		},
+		setItemSize: {
+			type: Function,
+			required: true
+		}
+	},
+	setup(props, { slots }) {
+		var _getCurrentInstance;
+		const key = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.vnode.key;
+		const itemRef = ref();
+		const updateItemSize = () => {
+			var _itemRef$value$$el, _itemRef$value, _element$getBoundingC, _element$getBoundingC2;
+			const element = (_itemRef$value$$el = (_itemRef$value = itemRef.value) === null || _itemRef$value === void 0 ? void 0 : _itemRef$value.$el) !== null && _itemRef$value$$el !== void 0 ? _itemRef$value$$el : itemRef.value;
+			const height = (_element$getBoundingC = element === null || element === void 0 || (_element$getBoundingC2 = element.getBoundingClientRect) === null || _element$getBoundingC2 === void 0 ? void 0 : _element$getBoundingC2.call(element).height) !== null && _element$getBoundingC !== void 0 ? _element$getBoundingC : element === null || element === void 0 ? void 0 : element.offsetHeight;
+			if (height) props.setItemSize(key, height);
+		};
+		onMounted(() => updateItemSize());
+		onBeforeUnmount(() => updateItemSize());
+		return () => {
+			var _slots$default;
+			const child = getFirstComponent((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots));
+			if (!child) return null;
+			return cloneVNode(child, { ref: itemRef }, true);
+		};
+	}
+});
+//#endregion
+export { table_virtual_list_item_default as default };

package/es/table/table.d.ts

@@ -2,9 +2,19 @@ import type { PropType } from 'vue';
 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 { VirtualListProps } from '../_components/virtual-list/interface';
 import { PaginationProps } from '../pagination';
 import { ScrollbarProps } from '../scrollbar';
+type TableVirtualListProps = VirtualListProps & {
+    threshold?: number;
+    fixedSize?: boolean;
+    estimatedSize?: number;
+    itemKey?: string | ((item: unknown, index: number) => string | number);
+    component?: keyof HTMLElementTagNameMap | Record<string, unknown>;
+    listAttrs?: Record<string, unknown>;
+    contentAttrs?: Record<string, unknown>;
+    paddingPosition?: 'content' | 'list';
+};
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     columns: {
         type: PropType<TableColumnData[]>;
@@ -73,7 +83,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     virtualListProps: {
-        type: PropType<VirtualListProps>;
+        type: PropType<TableVirtualListProps>;
     };
     spanMethod: {
         type: PropType<(data: {
@@ -275,7 +285,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     virtualListProps: {
-        type: PropType<VirtualListProps>;
+        type: PropType<TableVirtualListProps>;
     };
     spanMethod: {
         type: PropType<(data: {
@@ -394,10 +404,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     size: "mini" | "small" | "medium" | "large";
     loading: boolean | Record<string, any>;
     data: TableData[];
-    bordered: boolean | TableBorder;
+    columns: TableColumnData[];
     scrollbar: boolean | ScrollbarProps;
+    bordered: boolean | TableBorder;
     hoverable: boolean;
-    columns: TableColumnData[];
     defaultExpandAllRows: boolean;
     indentSize: number;
     filterIconAlignLeft: boolean;

package/es/table/table.js

@@ -3,7 +3,6 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.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 virtual_list_v2_default from "../_components/virtual-list-v2/index.js";
 import { omit } from "../_utils/omit.js";
 import { useComponentRef } from "../_hooks/use-component-ref.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";
@@ -27,6 +26,7 @@ import { useRowSelection } from "./hooks/use-row-selection.js";
 import { useSorter } from "./hooks/use-sorter.js";
 import { useSpan } from "./hooks/use-span.js";
 import table_col_group_default from "./table-col-group.js";
+import table_legacy_virtual_list_default from "./table-legacy-virtual-list.js";
 import table_operation_td_default from "./table-operation-td.js";
 import table_operation_th_default from "./table-operation-th.js";
 import table_tbody_default from "./table-tbody.js";
@@ -997,7 +997,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 					}, null), renderHeader()])] }),
 					createVNode(resize_observer_default, { "onResize": handleTbodyResize }, { default: () => {
 						var _props$scroll13, _props$scroll14;
-						return [isVirtualList.value && flattenData.value.length ? createVNode(virtual_list_v2_default, mergeProps({
+						return [isVirtualList.value && flattenData.value.length ? createVNode(table_legacy_virtual_list_default, mergeProps({
 							"ref": (ins) => {
 								if (ins === null || ins === void 0 ? void 0 : ins.$el) tbodyRef.value = ins.$el;
 							},

package/es/tabs/index.d.ts

@@ -86,13 +86,13 @@ declare const Tabs: {
     }, import("vue").PublicProps, {
         type: import("./interface").TabsType;
         position: import("./interface").TabsPosition;
+        direction: "horizontal" | "vertical";
+        animation: boolean;
         trigger: import("./interface").TabTriggerEvent;
         justify: boolean;
-        direction: "horizontal" | "vertical";
         activeKey: string | number;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
-        animation: boolean;
         lazyLoad: boolean;
         editable: boolean;
         showAddButton: boolean;
@@ -184,13 +184,13 @@ declare const Tabs: {
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         type: import("./interface").TabsType;
         position: import("./interface").TabsPosition;
+        direction: "horizontal" | "vertical";
+        animation: boolean;
         trigger: import("./interface").TabTriggerEvent;
         justify: boolean;
-        direction: "horizontal" | "vertical";
         activeKey: string | number;
         destroyOnHide: boolean;
         defaultActiveKey: string | number;
-        animation: boolean;
         lazyLoad: boolean;
         editable: boolean;
         showAddButton: boolean;
@@ -285,13 +285,13 @@ declare const Tabs: {
 }, string, {
     type: import("./interface").TabsType;
     position: import("./interface").TabsPosition;
+    direction: "horizontal" | "vertical";
+    animation: boolean;
     trigger: import("./interface").TabTriggerEvent;
     justify: boolean;
-    direction: "horizontal" | "vertical";
     activeKey: string | number;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;
-    animation: boolean;
     lazyLoad: boolean;
     editable: boolean;
     showAddButton: boolean;

package/es/tabs/tabs-tab.vue.d.ts

@@ -96,6 +96,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [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;
@@ -138,6 +139,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -175,6 +177,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [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;

package/es/tabs/tabs.d.ts

@@ -152,13 +152,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     type: TabsType;
     position: TabsPosition;
+    direction: "horizontal" | "vertical";
+    animation: boolean;
     trigger: TabTriggerEvent;
     justify: boolean;
-    direction: "horizontal" | "vertical";
     activeKey: string | number;
     destroyOnHide: boolean;
     defaultActiveKey: string | number;
-    animation: boolean;
     lazyLoad: boolean;
     editable: boolean;
     showAddButton: boolean;

package/es/tag/index.d.ts

@@ -134,6 +134,7 @@ declare const Tag: {
                     [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;
@@ -176,6 +177,7 @@ declare const Tag: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -213,6 +215,7 @@ declare const Tag: {
                 [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;
@@ -252,6 +255,7 @@ declare const Tag: {
                     [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;
@@ -294,6 +298,7 @@ declare const Tag: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -331,6 +336,7 @@ declare const Tag: {
                 [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;
@@ -553,6 +559,7 @@ declare const Tag: {
                 [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;
@@ -595,6 +602,7 @@ declare const Tag: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -632,6 +640,7 @@ declare const Tag: {
             [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;
@@ -671,6 +680,7 @@ declare const Tag: {
                 [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;
@@ -713,6 +723,7 @@ declare const Tag: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -750,6 +761,7 @@ declare const Tag: {
             [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;

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

@@ -177,6 +177,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -219,6 +220,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -256,6 +258,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;
@@ -295,6 +298,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -337,6 +341,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -374,6 +379,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;

package/es/textarea/index.d.ts

@@ -169,6 +169,7 @@ declare const Textarea: {
                     [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;
@@ -211,6 +212,7 @@ declare const Textarea: {
                     [x: string]: boolean;
                 })[]>;
                 innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
                 onClick: (ev: MouseEvent) => void;
             }, {}, {}, {}, {
                 spin: boolean;
@@ -248,6 +250,7 @@ declare const Textarea: {
                 [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;
@@ -533,6 +536,7 @@ declare const Textarea: {
                 [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;
@@ -575,6 +579,7 @@ declare const Textarea: {
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -612,6 +617,7 @@ declare const Textarea: {
             [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;

package/es/textarea/textarea.vue.d.ts

@@ -214,6 +214,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: MouseEvent) => true;
@@ -256,6 +257,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
                 [x: string]: boolean;
             })[]>;
             innerStyle: import("vue").ComputedRef<CSSProperties>;
+            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
             onClick: (ev: MouseEvent) => void;
         }, {}, {}, {}, {
             spin: boolean;
@@ -293,6 +295,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             [x: string]: boolean;
         })[]>;
         innerStyle: import("vue").ComputedRef<CSSProperties>;
+        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
         onClick: (ev: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (ev: MouseEvent) => true;