@sdata/web-vue 1.8.0 → 1.10.0

package/es/tree-select/tree-select.vue_vue_type_script_lang.js

@@ -4,6 +4,7 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isObject, isUndefined } from "../_utils/is.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
+import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import Empty from "../empty/index.js";
 import Spin from "../spin/index.js";
@@ -16,7 +17,7 @@ import pickSubCompSlots from "../_utils/pick-sub-comp-slots.js";
 import useFilterTreeNode from "./hooks/use-filter-tree-node.js";
 import useSelectedState from "./hooks/use-selected-state.js";
 import panel_default from "./panel.js";
-import { computed, defineComponent, inject, nextTick, reactive, ref, toRefs } from "vue";
+import { computed, defineComponent, getCurrentInstance, inject, nextTick, reactive, ref, toRefs } from "vue";
 //#region components/tree-select/tree-select.vue?vue&type=script&lang.ts
 var tree_select_vue_vue_type_script_lang_default = defineComponent({
 	name: "TreeSelect",
@@ -39,11 +40,17 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 		},
 		allowSearch: {
 			type: [Boolean, Object],
-			default: (props) => Boolean(props.multiple)
+			default: void 0
 		},
+		filterable: { type: Boolean },
 		allowClear: { type: Boolean },
+		clearable: { type: Boolean },
+		showArrow: {
+			type: Boolean,
+			default: true
+		},
 		placeholder: { type: String },
-		maxTagCount: { type: Number },
+		maxTagCount: { type: [Number, String] },
 		multiple: { type: Boolean },
 		defaultValue: { type: [
 			String,
@@ -57,25 +64,52 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			Array,
 			Object
 		] },
+		value: { type: [
+			String,
+			Number,
+			Array,
+			Object
+		] },
 		fieldNames: { type: Object },
 		data: {
 			type: Array,
 			default: () => []
 		},
+		options: { type: Array },
 		labelInValue: { type: Boolean },
 		treeCheckable: { type: Boolean },
+		checkable: { type: Boolean },
 		treeCheckStrictly: { type: Boolean },
 		treeCheckedStrategy: {
 			type: String,
 			default: "all"
 		},
+		checkStrategy: { type: String },
+		showPath: { type: Boolean },
+		separator: {
+			type: String,
+			default: " / "
+		},
 		treeProps: { type: Object },
+		virtualListProps: { type: Object },
 		triggerProps: { type: Object },
+		virtualScroll: {
+			type: Boolean,
+			default: void 0
+		},
 		popupVisible: {
 			type: Boolean,
 			default: void 0
 		},
+		show: {
+			type: Boolean,
+			default: void 0
+		},
 		defaultPopupVisible: { type: Boolean },
+		defaultShow: {
+			type: Boolean,
+			default: void 0
+		},
 		dropdownStyle: { type: Object },
 		dropdownClassName: { type: [String, Array] },
 		filterTreeNode: { type: Function },
@@ -115,56 +149,95 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 	emits: {
 		"change": (_value) => true,
 		"update:modelValue": (_value) => true,
+		"update:value": (_value) => true,
 		"update:inputValue": (_inputValue) => true,
 		"popup-visible-change": (_visible) => true,
 		"update:popupVisible": (_visible) => true,
+		"showChange": (_visible) => true,
+		"update:show": (_visible) => true,
 		"search": (_searchKey) => true,
 		"clear": () => true,
 		"inputValueChange": (_inputValue) => true
 	},
 	setup(props, { emit, slots }) {
-		var _configCtx$slots, _configCtx$slots$empt;
-		const { defaultValue, modelValue, multiple, popupVisible, defaultPopupVisible, treeCheckable, treeCheckStrictly, data, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, allowClear } = toRefs(props);
+		var _configCtx$slots, _configCtx$slots$empt, _defaultPopupVisible$;
+		const { defaultValue, modelValue, multiple, popupVisible, show, defaultPopupVisible, defaultShow, treeCheckable, treeCheckStrictly, data, options, fieldNames, disabled, labelInValue, filterTreeNode, disableFilter, dropdownStyle, treeProps, fallbackOption, selectable, checkable, checkStrategy, showPath, separator, value, virtualScroll } = toRefs(props);
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
 		const prefixCls = getPrefixCls("tree-select");
 		const configCtx = inject(configProviderInjectionKey, void 0);
-		const { mergedAllowClear } = useAllowClear(allowClear);
+		const instance = getCurrentInstance();
+		const mergedAllowSearch = computed(() => {
+			const rawProps = instance === null || instance === void 0 ? void 0 : instance.vnode.props;
+			if (!!rawProps && ["allowSearch", "allow-search"].some((propName) => propName in rawProps)) return props.allowSearch;
+			if (props.filterable !== void 0) return props.filterable;
+			return Boolean(props.multiple || props.treeCheckable || props.checkable);
+		});
+		const { mergedAllowClear } = useAllowClear(computed(() => props.allowClear || props.clearable));
 		const TreeSelectEmpty = configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 || (_configCtx$slots$empt = _configCtx$slots$empt.call(_configCtx$slots, { component: "tree-select" })) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt[0];
-		const isMultiple = computed(() => multiple.value || treeCheckable.value);
+		const mergedModelValue = computed(() => {
+			var _value$value;
+			return (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : modelValue.value;
+		});
+		const mergedData = computed(() => {
+			var _options$value;
+			return (_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : data.value;
+		});
+		const mergedTreeCheckable = computed(() => treeCheckable.value || checkable.value);
+		const mergedTreeCheckedStrategy = computed(() => {
+			var _checkStrategy$value;
+			return (_checkStrategy$value = checkStrategy.value) !== null && _checkStrategy$value !== void 0 ? _checkStrategy$value : props.treeCheckedStrategy;
+		});
+		const mergedTreeProps = computed(() => {
+			var _props$virtualListPro, _treeProps$value;
+			const resolvedVirtualListProps = resolveDropdownVirtualListProps((_props$virtualListPro = props.virtualListProps) !== null && _props$virtualListPro !== void 0 ? _props$virtualListPro : (_treeProps$value = treeProps.value) === null || _treeProps$value === void 0 ? void 0 : _treeProps$value.virtualListProps, props.triggerProps);
+			if (virtualScroll.value !== false) return _objectSpread2(_objectSpread2({}, treeProps.value), resolvedVirtualListProps ? { virtualListProps: resolvedVirtualListProps } : {});
+			const nextTreeProps = _objectSpread2({}, treeProps.value);
+			delete nextTreeProps.virtualListProps;
+			return nextTreeProps;
+		});
+		const isMultiple = computed(() => multiple.value || mergedTreeCheckable.value);
 		const isSelectable = (node, info) => {
 			var _selectable$value;
 			if (selectable.value === "leaf") return info.isLeaf;
 			if (isFunction(selectable.value)) return selectable.value(node, info);
 			return (_selectable$value = selectable.value) !== null && _selectable$value !== void 0 ? _selectable$value : false;
 		};
-		const isCheckable = computed(() => treeCheckable.value ? isSelectable : false);
-		const retainInputValue = computed(() => isObject(props.allowSearch) && Boolean(props.allowSearch.retainInputValue));
+		const isCheckable = computed(() => mergedTreeCheckable.value ? isSelectable : false);
+		const retainInputValue = computed(() => isObject(mergedAllowSearch.value) && Boolean(mergedAllowSearch.value.retainInputValue));
 		const { flattenTreeData, key2TreeNode } = useTreeData(reactive({
-			treeData: data,
+			treeData: mergedData,
 			fieldNames,
 			selectable: isSelectable,
 			checkable: isCheckable
 		}));
 		const { selectedKeys, selectedValue, setLocalSelectedKeys, localSelectedKeys, localSelectedValue } = useSelectedState(reactive({
 			defaultValue,
-			modelValue,
+			modelValue: mergedModelValue,
 			key2TreeNode,
 			multiple,
-			treeCheckable,
+			treeCheckable: mergedTreeCheckable,
 			treeCheckStrictly,
 			fallbackOption,
-			fieldNames
+			fieldNames,
+			showPath,
+			separator
 		}));
 		function isNodeClosable(node) {
-			return treeCheckable.value ? isNodeCheckable(node) : isNodeSelectable(node);
+			return mergedTreeCheckable.value ? isNodeCheckable(node) : isNodeSelectable(node);
 		}
 		const selectViewValue = computed(() => {
 			if (isUndefined(selectedValue.value)) return [];
 			if (isMultiple.value && !mergedDisabled.value) return selectedValue.value.map((i) => {
 				const node = key2TreeNode.value.get(i.value);
-				return _objectSpread2(_objectSpread2({}, i), {}, { closable: !node || isNodeClosable(node) });
+				return _objectSpread2(_objectSpread2({}, i), {}, {
+					option: node === null || node === void 0 ? void 0 : node.treeNodeData,
+					closable: !node || isNodeClosable(node)
+				});
+			});
+			return selectedValue.value.map((i) => {
+				const node = key2TreeNode.value.get(i.value);
+				return _objectSpread2(_objectSpread2({}, i), {}, { option: node === null || node === void 0 ? void 0 : node.treeNodeData });
 			});
-			return selectedValue.value;
 		});
 		const setSelectedKeys = (newVal) => {
 			setLocalSelectedKeys(newVal);
@@ -173,6 +246,7 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 				const forEmitValue = (labelInValue.value ? localSelectedValue.value : localSelectedKeys.value) || [];
 				const emitValue = isMultiple.value ? forEmitValue : forEmitValue[0];
 				emit("update:modelValue", emitValue);
+				emit("update:value", emitValue);
 				emit("change", emitValue);
 				(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
 			});
@@ -191,15 +265,20 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			if (inputValue !== computedInputValue.value) {
 				setPanelVisible(true);
 				updateInputValue(inputValue);
-				if (props.allowSearch) emit("search", inputValue);
+				if (mergedAllowSearch.value) emit("search", inputValue);
 			}
 		};
-		const [panelVisible, setLocalPanelVisible] = useMergeState(defaultPopupVisible.value, reactive({ value: popupVisible }));
+		const [panelVisible, setLocalPanelVisible] = useMergeState((_defaultPopupVisible$ = defaultPopupVisible.value) !== null && _defaultPopupVisible$ !== void 0 ? _defaultPopupVisible$ : defaultShow.value, reactive({ value: computed(() => {
+			var _popupVisible$value;
+			return (_popupVisible$value = popupVisible.value) !== null && _popupVisible$value !== void 0 ? _popupVisible$value : show.value;
+		}) }));
 		const setPanelVisible = (visible) => {
 			if (visible !== panelVisible.value) {
 				setLocalPanelVisible(visible);
 				emit("popup-visible-change", visible);
 				emit("update:popupVisible", visible);
+				emit("showChange", visible);
+				emit("update:show", visible);
 			}
 			if (!visible) refSelectView.value && refSelectView.value.blur && refSelectView.value.blur();
 		};
@@ -212,9 +291,17 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 		}));
 		const isEmpty = computed(() => !flattenTreeData.value.length || isEmptyFilterResult.value);
 		const refSelectView = ref();
-		const computedDropdownStyle = computed(() => {
-			var _treeProps$value;
-			return [(dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.value) || {}, (treeProps === null || treeProps === void 0 || (_treeProps$value = treeProps.value) === null || _treeProps$value === void 0 ? void 0 : _treeProps$value.virtualListProps) ? { "max-height": "unset" } : {}];
+		const computedDropdownStyle = computed(() => [(dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.value) || {}, mergedTreeProps.value.virtualListProps ? { "max-height": "unset" } : {}]);
+		const resolvedTriggerProps = computed(() => {
+			if (!props.triggerProps) return;
+			const nextTriggerProps = _objectSpread2({}, props.triggerProps);
+			if (!mergedTreeProps.value.virtualListProps) return nextTriggerProps;
+			const popupStyle = _objectSpread2({}, props.triggerProps.popupStyle);
+			delete popupStyle.maxHeight;
+			delete popupStyle.height;
+			if (Object.keys(popupStyle).length > 0) nextTriggerProps.popupStyle = popupStyle;
+			else delete nextTriggerProps.popupStyle;
+			return nextTriggerProps;
 		});
 		const onBlur = () => {
 			if (!retainInputValue.value && computedInputValue.value) updateInputValue("");
@@ -226,12 +313,18 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			selectedValue,
 			selectedKeys,
 			mergedDisabled,
+			mergedData,
 			searchValue: computedInputValue,
 			panelVisible,
 			isEmpty,
 			computedFilterTreeNode,
 			isMultiple,
+			mergedAllowSearch,
 			mergedAllowClear,
+			mergedTreeCheckable,
+			mergedTreeCheckedStrategy,
+			mergedTreeProps,
+			resolvedTriggerProps,
 			selectViewValue,
 			computedDropdownStyle,
 			onSearchValueChange: handleInputValueChange,
@@ -252,7 +345,7 @@ var tree_select_vue_vue_type_script_lang_default = defineComponent({
 			onItemRemove(id) {
 				if (mergedDisabled.value) return;
 				const node = key2TreeNode.value.get(id);
-				if (treeCheckable.value && node) {
+				if (mergedTreeCheckable.value && node) {
 					if (isNodeClosable(node)) {
 						const [newVal] = getCheckedStateByCheck({
 							node,

package/es/trigger/index.d.ts

@@ -147,10 +147,10 @@ declare const Trigger: {
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -162,6 +162,7 @@ declare const Trigger: {
         unmountOnClose: boolean;
         renderToBody: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -173,7 +174,6 @@ declare const Trigger: {
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;
@@ -338,15 +338,16 @@ declare const Trigger: {
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
         onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         disabled: boolean;
         unmountOnClose: boolean;
         renderToBody: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
@@ -358,7 +359,6 @@ declare const Trigger: {
         blurToClose: boolean;
         clickToClose: boolean;
         clickOutsideToClose: boolean;
-        animationName: string;
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
         focusDelay: number;
@@ -520,10 +520,10 @@ declare const Trigger: {
     };
 }>> & Readonly<{
     onResize?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
     onShow?: (() => any) | undefined;
-    onHide?: (() => any) | undefined;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:popupVisible': (_visible: boolean) => true;
     popupVisibleChange: (_visible: boolean) => true;
@@ -535,6 +535,7 @@ declare const Trigger: {
     unmountOnClose: boolean;
     renderToBody: boolean;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    animationName: string;
     autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
@@ -546,7 +547,6 @@ declare const Trigger: {
     blurToClose: boolean;
     clickToClose: boolean;
     clickOutsideToClose: boolean;
-    animationName: string;
     mouseEnterDelay: number;
     mouseLeaveDelay: number;
     focusDelay: number;

package/es/trigger/trigger.d.ts

@@ -295,15 +295,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onResize?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
     onShow?: (() => any) | undefined;
-    onHide?: (() => any) | undefined;
 }>, {
     disabled: boolean;
     unmountOnClose: boolean;
     renderToBody: boolean;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    animationName: string;
     autoFitPosition: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
@@ -315,7 +316,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     blurToClose: boolean;
     clickToClose: boolean;
     clickOutsideToClose: boolean;
-    animationName: string;
     mouseEnterDelay: number;
     mouseLeaveDelay: number;
     focusDelay: number;

package/es/trigger/trigger.js

@@ -5,9 +5,9 @@ import { isEmptyChildren, mergeFirstChild } from "../_utils/vue-utils.js";
 import { off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";
 import { omit } from "../_utils/omit.js";
+import client_only_default from "../_components/client-only.js";
 import { useFirstElement } from "../_hooks/use-first-element.js";
 import resize_observer_v2_default from "../_components/resize-observer-v2.js";
-import client_only_default from "../_components/client-only.js";
 import usePickSlots from "../_hooks/use-pick-slots.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
 import { useResizeObserver } from "../_hooks/use-resize-observer.js";

package/es/typography/edit-content.vue.d.ts

@@ -398,6 +398,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;
@@ -440,6 +441,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;
@@ -477,6 +479,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;
@@ -516,6 +519,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;
@@ -558,6 +562,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;
@@ -595,6 +600,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;
@@ -1171,6 +1177,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;
@@ -1213,6 +1220,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;
@@ -1250,6 +1258,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;
@@ -1289,6 +1298,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;
@@ -1331,6 +1341,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;
@@ -1368,6 +1379,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;
@@ -1958,6 +1970,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;
@@ -2000,6 +2013,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;
@@ -2037,6 +2051,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;
@@ -2076,6 +2091,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;
@@ -2118,6 +2134,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;
@@ -2155,6 +2172,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;