@sdata/web-vue 3.12.0 → 3.14.0

package/es/tooltip/index.d.ts

@@ -2,47 +2,7 @@ import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _Tooltip from './tooltip.vue';
 declare const Tooltip: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        popupVisible: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        defaultPopupVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        content: StringConstructor;
-        position: {
-            type: import("vue").PropType<import("../index.ts").TriggerPosition>;
-            default: string;
-        };
-        mini: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        backgroundColor: {
-            type: StringConstructor;
-        };
-        contentClass: {
-            type: import("vue").PropType<import("../_utils/types").ClassName>;
-        };
-        contentStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        arrowClass: {
-            type: import("vue").PropType<import("../_utils/types").ClassName>;
-        };
-        arrowStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        popupContainer: {
-            type: import("vue").PropType<string | HTMLElement>;
-        };
-    }>> & Readonly<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TooltipProps> & Readonly<{
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -52,109 +12,29 @@ declare const Tooltip: {
         mini: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        position: import("../index.ts").TriggerPosition;
         disabled: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        popupVisible: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        defaultPopupVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        content: StringConstructor;
-        position: {
-            type: import("vue").PropType<import("../index.ts").TriggerPosition>;
-            default: string;
-        };
-        mini: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        backgroundColor: {
-            type: StringConstructor;
-        };
-        contentClass: {
-            type: import("vue").PropType<import("../_utils/types").ClassName>;
-        };
-        contentStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        arrowClass: {
-            type: import("vue").PropType<import("../_utils/types").ClassName>;
-        };
-        arrowStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        popupContainer: {
-            type: import("vue").PropType<string | HTMLElement>;
-        };
-    }>> & Readonly<{
+    }, Readonly<import("./interface").TooltipProps> & Readonly<{
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         mini: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        position: import("../index.ts").TriggerPosition;
         disabled: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    popupVisible: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    defaultPopupVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    content: StringConstructor;
-    position: {
-        type: import("vue").PropType<import("../index.ts").TriggerPosition>;
-        default: string;
-    };
-    mini: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-    };
-    contentClass: {
-        type: import("vue").PropType<import("../_utils/types").ClassName>;
-    };
-    contentStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
-    };
-    arrowClass: {
-        type: import("vue").PropType<import("../_utils/types").ClassName>;
-    };
-    arrowStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
-    };
-    popupContainer: {
-        type: import("vue").PropType<string | HTMLElement>;
-    };
-}>> & Readonly<{
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").TooltipProps> & Readonly<{
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -164,7 +44,7 @@ declare const Tooltip: {
     mini: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    position: import("../index.ts").TriggerPosition;
     disabled: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
@@ -176,4 +56,5 @@ declare const Tooltip: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type TooltipInstance = InstanceType<typeof _Tooltip>;
+export type { TooltipProps } from './interface';
 export default Tooltip;

package/es/tooltip/interface.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties } from 'vue';
+import type { TriggerPosition } from '../_utils/constant';
+import type { ClassName } from '../_utils/types';
+export interface TooltipProps {
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    disabled?: boolean;
+    content?: string;
+    position?: TriggerPosition;
+    mini?: boolean;
+    backgroundColor?: string;
+    contentClass?: ClassName;
+    contentStyle?: CSSProperties;
+    arrowClass?: ClassName;
+    arrowStyle?: CSSProperties;
+    popupContainer?: string | HTMLElement;
+}

package/es/tooltip/tooltip.vue.d.ts

@@ -1,106 +1,23 @@
-import type { PropType } from 'vue';
-import { CSSProperties } from 'vue';
-import { TriggerPosition } from '../_utils/constant';
-import { ClassName } from '../_utils/types';
+import type { TooltipProps } from './interface';
 declare var __VLS_10: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 } & {
     content?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    popupVisible: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    defaultPopupVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    content: StringConstructor;
-    position: {
-        type: PropType<TriggerPosition>;
-        default: string;
-    };
-    mini: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-    };
-    contentClass: {
-        type: PropType<ClassName>;
-    };
-    contentStyle: {
-        type: PropType<CSSProperties>;
-    };
-    arrowClass: {
-        type: PropType<ClassName>;
-    };
-    arrowStyle: {
-        type: PropType<CSSProperties>;
-    };
-    popupContainer: {
-        type: PropType<string | HTMLElement>;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:popupVisible": (_visible: boolean) => any;
     popupVisibleChange: (_visible: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    popupVisible: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    defaultPopupVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    content: StringConstructor;
-    position: {
-        type: PropType<TriggerPosition>;
-        default: string;
-    };
-    mini: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-    };
-    contentClass: {
-        type: PropType<ClassName>;
-    };
-    contentStyle: {
-        type: PropType<CSSProperties>;
-    };
-    arrowClass: {
-        type: PropType<ClassName>;
-    };
-    arrowStyle: {
-        type: PropType<CSSProperties>;
-    };
-    popupContainer: {
-        type: PropType<string | HTMLElement>;
-    };
-}>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
 }>, {
     mini: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    position: import("..").TriggerPosition;
     disabled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, 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;

package/es/tooltip/tooltip.vue_vue_type_script_setup_true_lang.js

@@ -6,91 +6,30 @@ import { computed, createBlock, createTextVNode, defineComponent, normalizeClass
 var tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Tooltip" }), {}, {
 	__name: "tooltip",
 	props: {
-		/**
-		* @zh 文字气泡是否可见
-		* @en Whether the tooltip is visible
-		* @vModel
-		*/
 		popupVisible: {
 			type: Boolean,
 			default: void 0
 		},
-		/**
-		* @zh 文字气泡默认是否可见（非受控模式）
-		* @en Whether the tooltip is visible by default (uncontrolled mode)
-		*/
 		defaultPopupVisible: {
 			type: Boolean,
 			default: false
 		},
-		/**
-		* @zh 文字气泡是否禁用
-		* @en Whether to disable the tooltip
-		*/
 		disabled: {
 			type: Boolean,
 			default: false
 		},
-		/**
-		* @zh 文字气泡内容
-		* @en Tooltip content
-		*/
-		content: String,
-		/**
-		* @zh 弹出位置
-		* @en Popup position
-		* @values 'top','tl','tr','bottom','bl','br','left','lt','lb','right','rt','rb'
-		*/
-		position: {
-			type: String,
-			default: "top"
-		},
-		/**
-		* @zh 是否展示为迷你尺寸
-		* @en Whether to display as a mini size
-		*/
+		content: {},
+		position: { default: "top" },
 		mini: {
 			type: Boolean,
 			default: false
 		},
-		/**
-		* @zh 弹出框的背景颜色
-		* @en Background color of the popover
-		*/
-		backgroundColor: { type: String },
-		/**
-		* @zh 弹出框内容的类名
-		* @en The class name of the popup content
-		*/
-		contentClass: { type: [
-			String,
-			Array,
-			Object
-		] },
-		/**
-		* @zh 弹出框内容的样式
-		* @en The style of the popup content
-		*/
-		contentStyle: { type: Object },
-		/**
-		* @zh 弹出框箭头的类名
-		* @en The class name of the popup arrow
-		*/
-		arrowClass: { type: [
-			String,
-			Array,
-			Object
-		] },
-		/**
-		* @zh 弹出框箭头的样式
-		* @en The style of the popup arrow
-		*/
-		arrowStyle: { type: Object },
-		/**
-		* @zh 弹出框的挂载容器
-		* @en Mount container for popup
-		*/
-		popupContainer: { type: [String, Object] }
+		backgroundColor: {},
+		contentClass: {},
+		contentStyle: {},
+		arrowClass: {},
+		arrowStyle: {},
+		popupContainer: {}
 	},
 	emits: ["update:popupVisible", "popupVisibleChange"],
 	setup(__props, { emit: __emit }) {
@@ -141,6 +80,7 @@ var tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				"animation-name": "zoom-in-fade-out",
 				"auto-fit-transform-origin": "",
 				role: "tooltip",
+				"aria-describedby-popup": "",
 				onPopupVisibleChange: handlePopupVisibleChange
 			}, {
 				content: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])]),

package/es/tour/tour.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
-import Button from "../button/index.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
+import Button from "../button/index.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderSlot, shallowRef, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
 import { unrefElement, useElementBounding, useEventListener, useResizeObserver, useWindowSize } from "@vueuse/core";
 import { Motion } from "motion-v";

package/es/transfer/style/index.css

@@ -218,7 +218,7 @@
 }
 .sd-transfer-list-item-dragged {
   animation: sd-transfer-drag-item-blink 0.4s;
-  animation-timing-function: cubic-bezier(0, 0, 1, 1);
+  animation-timing-function: cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-transfer-operations {
   padding: 0 20px;

package/es/transfer/style/index.scss

@@ -243,7 +243,7 @@ $transfer-prefix-cls: string.unquote('#{theme.$prefix}-transfer');
 
     &-dragged {
       animation: #{theme.$prefix}-transfer-drag-item-blink 0.4s;
-      animation-timing-function: theme.$transition-timing-function-linear;
+      animation-timing-function: theme.$transition-timing-function-standard;
     }
   }
 

package/es/transfer/transfer-list-item.js

@@ -1,9 +1,10 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
 import Checkbox from "../checkbox/index.js";
 import { transferInjectionKey } from "./context.js";
-import { computed, createVNode, defineComponent, inject, mergeProps } from "vue";
+import { computed, createVNode, defineComponent, inject } from "vue";
 //#region components/transfer/transfer-list-item.tsx
 var transfer_list_item_default = /* @__PURE__ */ defineComponent({
 	name: "TransferListItem",
@@ -31,6 +32,12 @@ var transfer_list_item_default = /* @__PURE__ */ defineComponent({
 		const handleRemove = () => {
 			transferCtx === null || transferCtx === void 0 || transferCtx.moveTo([props.data.value], "source");
 		};
+		const handleRemoveKeydown = (ev) => {
+			if (isActivationKey(ev)) {
+				ev.preventDefault();
+				handleRemove();
+			}
+		};
 		return () => {
 			var _transferCtx$slots$it, _transferCtx$slots, _transferCtx$slots$it2;
 			return createVNode("div", {
@@ -52,7 +59,14 @@ var transfer_list_item_default = /* @__PURE__ */ defineComponent({
 					label: props.data.label,
 					value: props.data.value
 				})) !== null && _transferCtx$slots$it3 !== void 0 ? _transferCtx$slots$it3 : props.data.label];
-			} }), props.allowClear && !props.disabled && createVNode(icon_hover_default, mergeProps({ "class": `${prefixCls}-remove-btn` }, { onClick: handleRemove }), { default: () => [createVNode(IconClose, null, null)] })]);
+			} }), props.allowClear && !props.disabled && createVNode("span", {
+				"class": `${prefixCls}-remove-btn`,
+				"role": "button",
+				"tabindex": "0",
+				"aria-label": "Remove",
+				"onClick": handleRemove,
+				"onKeydown": handleRemoveKeydown
+			}, [createVNode(icon_hover_default, null, { default: () => [createVNode(IconClose, null, null)] })])]);
 		};
 	}
 });

package/es/tree/base-node.vue_vue_type_script_setup_true_lang.js

@@ -12,7 +12,15 @@ import node_switcher_default from "./node-switcher.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useSlots, withCtx } from "vue";
 import { onLongPress, useSwipe } from "@vueuse/core";
 //#region components/tree/base-node.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-level", "data-key"];
+var _hoisted_1 = [
+	"data-level",
+	"data-key",
+	"tabindex",
+	"aria-level",
+	"aria-expanded",
+	"aria-selected",
+	"aria-disabled"
+];
 var _hoisted_2 = ["draggable"];
 var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "BaseTreeNode" }), {}, {
 	__name: "base-node",
@@ -192,6 +200,11 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			var _treeContext$onNodeEv;
 			(_treeContext$onNodeEv = treeContext.onNodeEvent) === null || _treeContext$onNodeEv === void 0 || _treeContext$onNodeEv.call(treeContext, eventName, key.value, e);
 		}
+		function onTreeitemKeydown(e) {
+			var _treeContext$onNodeKe;
+			onNodeDomEvent("keydown", e);
+			(_treeContext$onNodeKe = treeContext.onNodeKeydown) === null || _treeContext$onNodeKe === void 0 || _treeContext$onNodeKe.call(treeContext, key.value, e);
+		}
 		function onDragStart(e) {
 			if (!draggable.value) return;
 			e.stopPropagation();
@@ -229,7 +242,16 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(classNames.value),
 				"data-level": __props.level,
-				"data-key": unref(nodekey)
+				"data-key": unref(nodekey),
+				role: "treeitem",
+				tabindex: unref(treeContext).activeKey === unref(nodekey) ? 0 : -1,
+				"aria-level": __props.level + 1,
+				"aria-expanded": unref(isLeaf) ? void 0 : expanded.value,
+				"aria-selected": unref(selectable) ? selected.value : void 0,
+				"aria-disabled": unref(disabled) || void 0,
+				onKeydown: onTreeitemKeydown,
+				onKeyup: _cache[21] || (_cache[21] = ($event) => onNodeDomEvent("keyup", $event)),
+				onKeypress: _cache[22] || (_cache[22] = ($event) => onNodeDomEvent("keypress", $event))
 			}, [
 				createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-indent`) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.level, (i) => {
 					return openBlock(), createElementBlock("span", {
@@ -272,6 +294,7 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					disabled: unref(disableCheckbox) || unref(disabled),
 					"model-value": checked.value,
 					indeterminate: indeterminate.value,
+					tabindex: "-1",
 					"uninject-group-context": "",
 					onChange: onCheckboxChange
 				}, null, 8, [
@@ -310,10 +333,7 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					onTouchstart: _cache[17] || (_cache[17] = ($event) => onNodeDomEvent("touchstart", $event)),
 					onTouchmove: _cache[18] || (_cache[18] = ($event) => onNodeDomEvent("touchmove", $event)),
 					onTouchend: _cache[19] || (_cache[19] = ($event) => onNodeDomEvent("touchend", $event)),
-					onTouchcancel: _cache[20] || (_cache[20] = ($event) => onNodeDomEvent("touchcancel", $event)),
-					onKeydown: _cache[21] || (_cache[21] = ($event) => onNodeDomEvent("keydown", $event)),
-					onKeyup: _cache[22] || (_cache[22] = ($event) => onNodeDomEvent("keyup", $event)),
-					onKeypress: _cache[23] || (_cache[23] = ($event) => onNodeDomEvent("keypress", $event))
+					onTouchcancel: _cache[20] || (_cache[20] = ($event) => onNodeDomEvent("touchcancel", $event))
 				}, [_ctx.$slots.icon || __props.icon || treeNodeIcon.value ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass([`${unref(prefixCls)}-icon`, `${unref(prefixCls)}-custom-icon`])
@@ -337,7 +357,7 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					node: treeNodeData.value
 				}, nodeStatus), null, 16, ["node"])) : (openBlock(), createBlock(unref(IconDragDotVertical), { key: 3 }))], 2)) : createCommentVNode("", true)], 2)], 42, _hoisted_2),
 				extra.value ? (openBlock(), createBlock(resolveDynamicComponent(extra.value), { key: 2 })) : createCommentVNode("", true)
-			], 10, _hoisted_1);
+			], 42, _hoisted_1);
 		};
 	}
 }));

package/es/tree/context.d.ts

@@ -19,6 +19,7 @@ export type TreeContext = Readonly<{
     expandedKeys: TreeNodeKey[];
     loadingKeys: TreeNodeKey[];
     currentExpandKeys: TreeNodeKey[];
+    activeKey?: TreeNodeKey;
     onLoadMore?: (key: TreeNodeKey) => void;
     onCheck: (checked: boolean, key: TreeNodeKey, e?: Event) => void;
     onSelect: (key: TreeNodeKey, e: Event) => void;
@@ -31,6 +32,7 @@ export type TreeContext = Readonly<{
     onDrop?: (key: TreeNodeKey, dropPosition: DropPosition, e: DragEvent) => void;
     allowDrop?: (key: TreeNodeKey, dropPosition: DropPosition) => boolean;
     onNodeEvent?: (eventName: TreeNodeDomEventName, key: TreeNodeKey, e: Event) => void;
+    onNodeKeydown?: (key: TreeNodeKey, e: KeyboardEvent) => void;
     onNodeLongPress?: (key: TreeNodeKey, e: PointerEvent) => void;
     onNodeSwipe?: (eventName: TreeNodeSwipeEventName, key: TreeNodeKey, e: TouchEvent, data: TreeNodeSwipeEventData) => void;
 }>;

package/es/tree/style/index.css

@@ -120,7 +120,7 @@
 }
 .sd-tree-node-selected .sd-tree-node-title, .sd-tree-node-selected .sd-tree-node-title:hover {
   color: rgb(var(--sd-primary-6));
-  transition: color 0.2s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-tree-node-disabled-selectable .sd-tree-node-title,
 .sd-tree-node-disabled-selectable .sd-tree-node-title:hover, .sd-tree-node-disabled .sd-tree-node-title,

package/es/tree/style/index.scss

@@ -157,7 +157,7 @@ $tree-node-prefix-cls: string.unquote('#{theme.$prefix}-tree-node');
     &-selected &-title,
     &-selected &-title:hover {
       color: $tree-color-title-text_active;
-      transition: color theme.$transition-duration-2 theme.$transition-timing-function-linear;
+      transition: color theme.$transition-duration-2 theme.$transition-timing-function-standard;
     }
 
     &-disabled-selectable,