@sdata/web-vue 3.13.0 → 3.14.0

package/es/pagination/page-item.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,13 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import { computed, createElementBlock, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString } from "vue";
 //#region components/pagination/page-item.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"tabindex",
+	"aria-current",
+	"aria-disabled"
+];
 var page_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Pager" }), {}, {
 	__name: "page-item",
 	props: {
@@ -20,9 +26,17 @@ var page_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const emit = __emit;
 		const prefixCls = getPrefixCls("pagination-item");
 		const isActive = computed(() => props.current === props.pageNumber);
-		const handleClick = (e) => {
+		const activate = (e) => {
 			if (!props.disabled) emit("click", props.pageNumber, e);
 		};
+		const handleClick = (e) => activate(e);
+		const handleKeydown = (e) => {
+			if (props.disabled) return;
+			if (isActivationKey(e)) {
+				e.preventDefault();
+				activate(e);
+			}
+		};
 		const cls = computed(() => [prefixCls, { [`${prefixCls}-active`]: isActive.value }]);
 		const mergedStyle = computed(() => {
 			return isActive.value ? props.activeStyle : props.style;
@@ -31,8 +45,12 @@ var page_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			return openBlock(), createElementBlock("li", {
 				class: normalizeClass(cls.value),
 				style: normalizeStyle(mergedStyle.value),
-				onClick: handleClick
-			}, [renderSlot(_ctx.$slots, "default", { page: __props.pageNumber }, () => [createTextVNode(toDisplayString(__props.pageNumber), 1)])], 6);
+				tabindex: __props.disabled ? -1 : 0,
+				"aria-current": isActive.value ? "page" : void 0,
+				"aria-disabled": __props.disabled || void 0,
+				onClick: handleClick,
+				onKeydown: handleKeydown
+			}, [renderSlot(_ctx.$slots, "default", { page: __props.pageNumber }, () => [createTextVNode(toDisplayString(__props.pageNumber), 1)])], 46, _hoisted_1);
 		};
 	}
 }));

package/es/pagination/pagination.js

@@ -432,7 +432,11 @@ var pagination_default = /* @__PURE__ */ defineComponent({
 		return () => {
 			var _slots$total, _slots$total2, _mergedPageSizeOption;
 			if (props.hideOnSinglePage && pages.value <= 1) return null;
-			return createVNode("div", { "class": cls.value }, [
+			return createVNode("div", {
+				"role": "navigation",
+				"aria-label": "Pagination",
+				"class": cls.value
+			}, [
 				mergedShowTotal.value && createVNode("span", { "class": `${prefixCls}-total` }, [(_slots$total = (_slots$total2 = slots.total) === null || _slots$total2 === void 0 ? void 0 : _slots$total2.call(slots, { total: props.total })) !== null && _slots$total !== void 0 ? _slots$total : t("pagination.total", props.total)]),
 				renderPager(),
 				mergedShowPageSize.value && createVNode(page_options_default, {

package/es/pagination/style/index.css

@@ -41,7 +41,13 @@
   border-radius: var(--sd-border-radius-small);
   outline: 0;
   cursor: pointer;
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   user-select: none;
+}
+.sd-pagination-item:active:not(.sd-pagination-item-disabled) {
+  transform: scale(0.97);
+}
+.sd-pagination-item {
   min-width: 32px;
   height: 32px;
   font-size: 14px;
@@ -59,7 +65,6 @@
   color: rgb(var(--sd-primary-6));
   background-color: var(--sd-color-primary-light-1);
   border-color: transparent;
-  transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1);
 }
 .sd-pagination-item-disabled, .sd-pagination-item-disabled:hover {
   color: var(--sd-color-text-4);

package/es/pagination/style/index.scss

@@ -85,8 +85,17 @@
     border-radius: $pagination-item-border-radius;
     outline: 0;
     cursor: pointer;
+    transition:
+      color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+      background-color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+      border-color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+      transform theme.$transition-duration-1 theme.$transition-timing-function-standard;
     user-select: none;
 
+    &:active:not(&-disabled) {
+      transform: scale(0.97);
+    }
+
     @include page-item(default);
 
     &:hover {
@@ -100,9 +109,6 @@
       color: $pagination-color-item-text_active;
       background-color: $pagination-color-bg-item_active;
       border-color: $pagination-color-item-border_active;
-      transition:
-        color theme.$transition-duration-2 theme.$transition-timing-function-linear,
-        background-color theme.$transition-duration-2 theme.$transition-timing-function-linear;
     }
 
     &-disabled,

package/es/popconfirm/popconfirm.vue_vue_type_script_setup_true_lang.js

@@ -231,6 +231,8 @@ var popconfirm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				"arrow-style": __props.arrowStyle,
 				"animation-name": "zoom-in-fade-out",
 				"auto-fit-transform-origin": "",
+				"esc-to-close": "",
+				"aria-has-popup": "dialog",
 				onPopupVisibleChange: handlePopupVisibleChange
 			}, {
 				content: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-body`) }, [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-icon`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.type === "info" ? (openBlock(), createBlock(unref(IconInfoCircleFill), { key: 0 })) : __props.type === "success" ? (openBlock(), createBlock(unref(IconCheckCircleFill), { key: 1 })) : __props.type === "warning" ? (openBlock(), createBlock(unref(IconExclamationCircleFill), { key: 2 })) : __props.type === "error" ? (openBlock(), createBlock(unref(IconCloseCircleFill), { key: 3 })) : createCommentVNode("", true)])], 2), createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-content`) }, [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])], 2)], 2), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-footer`) }, [createVNode(unref(Button), mergeProps({ size: "mini" }, __props.cancelButtonProps, { onClick: handleCancel }), {

package/es/popover/popover.vue_vue_type_script_setup_true_lang.js

@@ -135,6 +135,8 @@ var popover_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				"popup-container": __props.popupContainer,
 				"animation-name": "zoom-in-fade-out",
 				"auto-fit-transform-origin": "",
+				"esc-to-close": "",
+				"aria-has-popup": "true",
 				onPopupVisibleChange: handlePopupVisibleChange
 			}, {
 				content: withCtx(() => [__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {

package/es/progress/style/index.css

@@ -73,7 +73,7 @@
   height: 100%;
   background-color: var(--sd-color-primary-light-3);
   border-radius: 0 100px 100px 0;
-  transition: all 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
+  transition: width 0.6s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-progress-line-bar-animate::after {
   position: absolute;
@@ -207,7 +207,7 @@
   stroke: var(--sd-color-fill-3);
 }
 .sd-progress-circle-bar {
-  transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1) 0s, stroke 0.6s cubic-bezier(0, 0, 1, 1);
+  transition: stroke-dashoffset 0.6s cubic-bezier(0.34, 0.69, 0.1, 1) 0s, stroke 0.6s cubic-bezier(0.34, 0.69, 0.1, 1);
   stroke: rgb(var(--sd-primary-6));
 }
 .sd-progress-size-mini .sd-progress-circle-bg {

package/es/progress/style/index.scss

@@ -76,7 +76,9 @@ $progress-prefix-cls: string.unquote('#{$prefix}-progress');
         height: 100%;
         background-color: $progress-line-color-buffer-bg;
         border-radius: 0 100px 100px 0;
-        transition: all 0.6s $transition-timing-function-standard;
+        transition:
+          width 0.6s $transition-timing-function-standard,
+          background-color 0.6s $transition-timing-function-standard;
       }
 
       &-animate::after {
@@ -270,8 +272,8 @@ $progress-prefix-cls: string.unquote('#{$prefix}-progress');
 
     &-bar {
       transition:
-        stroke-dashoffset 0.6s $transition-timing-function-linear 0s,
-        stroke 0.6s $transition-timing-function-linear;
+        stroke-dashoffset 0.6s $transition-timing-function-standard 0s,
+        stroke 0.6s $transition-timing-function-standard;
       stroke: $progress-circle-color-path-stroke;
     }
   }

package/es/qr-code/qr-code-status.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,11 @@ var qr_code_status_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			emit("refresh");
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(`${__props.prefixCls}-status`) }, [__props.status === "loading" ? (openBlock(), createBlock(unref(Spin), normalizeProps(mergeProps({ key: 0 }, __props.spinProps)), null, 16)) : __props.status === "expired" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("p", { class: normalizeClass(`${__props.prefixCls}-expired`) }, "二维码已过期", 2), createElementVNode("button", {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(`${__props.prefixCls}-status`),
+				role: "status",
+				"aria-live": "polite"
+			}, [__props.status === "loading" ? (openBlock(), createBlock(unref(Spin), normalizeProps(mergeProps({ key: 0 }, __props.spinProps)), null, 16)) : __props.status === "expired" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("p", { class: normalizeClass(`${__props.prefixCls}-expired`) }, "二维码已过期", 2), createElementVNode("button", {
 				type: "button",
 				class: normalizeClass(`${__props.prefixCls}-refresh-btn`),
 				onClick: handleRefresh

package/es/qr-code/qr-code.vue_vue_type_script_setup_true_lang.js

@@ -5,8 +5,9 @@ import qr_code_status_default from "./qr-code-status.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useSlots, watch } from "vue";
 import QRCode from "qrcode";
 //#region components/qr-code/qr-code.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["innerHTML"];
-var _hoisted_2 = ["src", "alt"];
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-label", "innerHTML"];
+var _hoisted_3 = ["src", "alt"];
 var qr_code_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "QrCode" }), {}, {
 	__name: "qr-code",
 	props: {
@@ -290,12 +291,16 @@ var qr_code_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 					key: 1,
 					ref_key: "canvasRef",
 					ref: canvasRef,
-					class: normalizeClass(`${unref(prefixCls)}-canvas`)
-				}, null, 2)) : (openBlock(), createElementBlock("div", {
+					class: normalizeClass(`${unref(prefixCls)}-canvas`),
+					role: "img",
+					"aria-label": `QR code: ${mergedValue.value}`
+				}, null, 10, _hoisted_1)) : (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: normalizeClass(`${unref(prefixCls)}-svg`),
+					role: "img",
+					"aria-label": `QR code: ${mergedValue.value}`,
 					innerHTML: svgMarkup.value
-				}, null, 10, _hoisted_1)),
+				}, null, 10, _hoisted_2)),
 				hasIcon.value ? (openBlock(), createElementBlock("div", {
 					key: 3,
 					class: normalizeClass(`${unref(prefixCls)}-icon`)
@@ -304,7 +309,7 @@ var qr_code_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 					src: __props.icon,
 					alt: __props.iconAlt,
 					style: normalizeStyle(iconStyle.value)
-				}, null, 12, _hoisted_2)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)
+				}, null, 12, _hoisted_3)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)
 			], 6)) : createCommentVNode("", true);
 		};
 	}

package/es/radio/context.d.ts

@@ -4,6 +4,7 @@ export declare const RADIO_TYPES: readonly ["radio", "button"];
 export type RadioType = (typeof RADIO_TYPES)[number];
 export interface RadioGroupContext {
     name: 'SDRadioGroup';
+    inputName?: string;
     value: string | number | boolean;
     size: Size;
     type: RadioType;

package/es/radio/radio-group.js

@@ -4,7 +4,7 @@ import { isFunction, isNull, isNumber, isString, isUndefined } from "../_utils/i
 import { useSize } from "../_hooks/use-size.js";
 import { radioGroupKey } from "./context.js";
 import radio_default from "./radio.js";
-import { computed, createVNode, defineComponent, provide, reactive, ref, toRefs, watch } from "vue";
+import { computed, createVNode, defineComponent, getCurrentInstance, provide, reactive, ref, toRefs, watch } from "vue";
 //#region components/radio/radio-group.tsx
 var radio_group_default = /* @__PURE__ */ defineComponent({
 	name: "RadioGroup",
@@ -129,6 +129,7 @@ var radio_group_default = /* @__PURE__ */ defineComponent({
 		};
 		provide(radioGroupKey, reactive({
 			name: "SDRadioGroup",
+			inputName: `${prefixCls}-${getCurrentInstance().uid}`,
 			value: computedValue,
 			size: mergedSize,
 			type,
@@ -158,7 +159,10 @@ var radio_group_default = /* @__PURE__ */ defineComponent({
 		};
 		return () => {
 			var _slots$default;
-			return createVNode("span", { "class": cls.value }, [options.value.length > 0 ? renderOptions() : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
+			return createVNode("span", {
+				"role": "radiogroup",
+				"class": cls.value
+			}, [options.value.length > 0 ? renderOptions() : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
 		};
 	}
 });

package/es/radio/radio.js

@@ -156,6 +156,7 @@ var radio_default = /* @__PURE__ */ defineComponent({
 				"type": "radio",
 				"checked": computedChecked.value,
 				"value": props.value,
+				"name": radioGroupCtx === null || radioGroupCtx === void 0 ? void 0 : radioGroupCtx.inputName,
 				"class": `${prefixCls}-target`,
 				"disabled": mergedDisabled.value,
 				"onClick": handleClick,

package/es/radio/style/index.css

@@ -142,7 +142,7 @@
   background-color: transparent;
   border-radius: var(--sd-border-radius-small);
   cursor: pointer;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-radio-button-content {
   position: relative;
@@ -158,7 +158,7 @@
   height: 14px;
   background-color: var(--sd-color-neutral-3);
   transform: translateY(-50%);
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   content: "";
 }
 .sd-radio-button:hover::before, .sd-radio-button:hover + .sd-radio-button::before, .sd-radio-button.sd-radio-checked::before, .sd-radio-button.sd-radio-checked + .sd-radio-button::before {

package/es/radio/style/index.scss

@@ -161,7 +161,9 @@ $radio-prefix-cls: string.unquote('#{theme.$prefix}-radio');
   background-color: $radio-button-color-bg;
   border-radius: $radio-button-border-radius;
   cursor: pointer;
-  transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+  transition:
+    color theme.$transition-duration-1 theme.$transition-timing-function-standard,
+    background-color theme.$transition-duration-1 theme.$transition-timing-function-standard;
 
   &-content {
     position: relative;
@@ -180,7 +182,7 @@ $radio-prefix-cls: string.unquote('#{theme.$prefix}-radio');
     height: $radio-button-size-separator-height;
     background-color: $radio-button-color-separator-bg;
     transform: translateY(-50%);
-    transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+    transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-standard;
     content: '';
   }
 

package/es/rate/rate.js

@@ -1,6 +1,7 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNull, isObject, isString, isUndefined } from "../_utils/is.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Tooltip from "../tooltip/index.js";
@@ -178,6 +179,25 @@ var rate_default = /* @__PURE__ */ defineComponent({
 		const handleAnimationEnd = (index) => {
 			if (animation.value && index + 1 >= computedValue.value - 1) animation.value = false;
 		};
+		const handleKeydown = (e) => {
+			if (mergedDisabled.value) return;
+			const step = props.allowHalf ? .5 : 1;
+			let next = computedValue.value;
+			if (e.key === KEYBOARD_KEY.ARROW_RIGHT || e.key === KEYBOARD_KEY.ARROW_UP) next = next + step;
+			else if (e.key === KEYBOARD_KEY.ARROW_LEFT || e.key === KEYBOARD_KEY.ARROW_DOWN) next = next - step;
+			else if (e.key === KEYBOARD_KEY.HOME) next = 0;
+			else if (e.key === KEYBOARD_KEY.END) next = indexArray.value.length;
+			else return;
+			e.preventDefault();
+			next = Math.max(0, Math.min(next, indexArray.value.length));
+			if (next !== computedValue.value) {
+				var _eventHandlers$value4, _eventHandlers$value5;
+				_value.value = next;
+				emit("update:modelValue", next);
+				emit("change", next);
+				(_eventHandlers$value4 = eventHandlers.value) === null || _eventHandlers$value4 === void 0 || (_eventHandlers$value5 = _eventHandlers$value4.onChange) === null || _eventHandlers$value5 === void 0 || _eventHandlers$value5.call(_eventHandlers$value4);
+			}
+		};
 		const renderGradingCharacter = (index, displayIndex) => {
 			if (index > displayIndex) return createVNode(IconFaceMehFill, null, null);
 			if (displayIndex <= 2) return createVNode(IconFaceFrownFill, null, null);
@@ -237,7 +257,11 @@ var rate_default = /* @__PURE__ */ defineComponent({
 			"position": "top"
 		}, { default: () => [createVNode("div", {
 			"class": cls.value,
-			"onMouseleave": resetHoverIndex
+			"role": "radiogroup",
+			"aria-label": "Rating",
+			"tabindex": mergedDisabled.value ? void 0 : 0,
+			"onMouseleave": resetHoverIndex,
+			"onKeydown": handleKeydown
 		}, [indexArray.value.map((_, index) => renderCharacter(index))])] });
 	}
 });

package/es/resize-box/resize-box.vue.d.ts

@@ -1,16 +1,16 @@
 import { PropType } from 'vue';
 export type DirectionType = 'left' | 'right' | 'top' | 'bottom';
-declare var __VLS_9: {}, __VLS_20: {
+declare var __VLS_9: {}, __VLS_21: {
     direction: "top" | "bottom" | "left" | "right";
-}, __VLS_23: {
+}, __VLS_24: {
     direction: "top" | "bottom" | "left" | "right";
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_9) => any;
 } & {
-    'resize-trigger'?: (props: typeof __VLS_20) => any;
+    'resize-trigger'?: (props: typeof __VLS_21) => any;
 } & {
-    'resize-trigger-icon'?: (props: typeof __VLS_23) => any;
+    'resize-trigger-icon'?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     width: {

package/es/resize-box/resize-box.vue_vue_type_script_setup_true_lang.js

@@ -2,6 +2,7 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import resize_trigger_default from "../_components/resize-trigger.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, mergeProps, normalizeClass, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
@@ -167,6 +168,30 @@ var resize_box_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			record.padding[direction] = size;
 			paddingStyles[`padding-${direction}`] = `${size}px`;
 		}
+		function onTriggerKeydown(direction, e) {
+			const horiz = direction === DIRECTION_LEFT || direction === DIRECTION_RIGHT;
+			const key = e.key;
+			const posKey = horiz ? KEYBOARD_KEY.ARROW_RIGHT : KEYBOARD_KEY.ARROW_DOWN;
+			const negKey = horiz ? KEYBOARD_KEY.ARROW_LEFT : KEYBOARD_KEY.ARROW_UP;
+			if (key !== posKey && key !== negKey) return;
+			e.preventDefault();
+			const step = e.shiftKey ? 20 : 10;
+			const dirSign = direction === DIRECTION_LEFT || direction === DIRECTION_TOP ? -1 : 1;
+			const delta = step * (key === posKey ? 1 : -1) * dirSign;
+			if (horiz) {
+				var _wrapperRef$value$cli, _wrapperRef$value3;
+				const base = isNumber(resWidth.value) ? resWidth.value : (_wrapperRef$value$cli = (_wrapperRef$value3 = wrapperRef.value) === null || _wrapperRef$value3 === void 0 ? void 0 : _wrapperRef$value3.clientWidth) !== null && _wrapperRef$value$cli !== void 0 ? _wrapperRef$value$cli : 0;
+				const newWidth = Math.max(0, base + delta);
+				setResWidth(newWidth);
+				emit("update:width", newWidth);
+			} else {
+				var _wrapperRef$value$cli2, _wrapperRef$value4;
+				const base = isNumber(resHeight.value) ? resHeight.value : (_wrapperRef$value$cli2 = (_wrapperRef$value4 = wrapperRef.value) === null || _wrapperRef$value4 === void 0 ? void 0 : _wrapperRef$value4.clientHeight) !== null && _wrapperRef$value$cli2 !== void 0 ? _wrapperRef$value$cli2 : 0;
+				const newHeight = Math.max(0, base + delta);
+				setResHeight(newHeight);
+				emit("update:height", newHeight);
+			}
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.component), mergeProps({
 				ref_key: "wrapperRef",
@@ -184,6 +209,9 @@ var resize_box_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						},
 						onResize: (entry) => {
 							onTiggerResize(direction, entry);
+						},
+						onKeydown: (e) => {
+							onTriggerKeydown(direction, e);
 						}
 					}, createSlots({
 						default: withCtx(() => [_ctx.$slots["resize-trigger"] ? renderSlot(_ctx.$slots, "resize-trigger", {
@@ -200,7 +228,8 @@ var resize_box_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						"class",
 						"direction",
 						"onMousedown",
-						"onResize"
+						"onResize",
+						"onKeydown"
 					]);
 				}), 128))]),
 				_: 3

package/es/result/result.vue_vue_type_script_setup_true_lang.js

@@ -67,10 +67,13 @@ var result_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		const prefixCls = getPrefixCls("result");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [
-				createElementVNode("div", { class: normalizeClass([`${unref(prefixCls)}-icon`, {
-					[`${unref(prefixCls)}-icon-${__props.status}`]: __props.status,
-					[`${unref(prefixCls)}-icon-custom`]: __props.status === null
-				}]) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-icon-tip`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.status === "info" ? (openBlock(), createBlock(unref(IconInfo), { key: 0 })) : __props.status === "success" ? (openBlock(), createBlock(unref(IconCheck), { key: 1 })) : __props.status === "warning" ? (openBlock(), createBlock(unref(IconExclamation), { key: 2 })) : __props.status === "error" ? (openBlock(), createBlock(unref(IconClose), { key: 3 })) : __props.status === "403" ? (openBlock(), createBlock(unref(_403_default), { key: 4 })) : __props.status === "404" ? (openBlock(), createBlock(unref(_404_default), { key: 5 })) : __props.status === "500" ? (openBlock(), createBlock(unref(_500_default), { key: 6 })) : createCommentVNode("", true)])], 2)], 2),
+				createElementVNode("div", {
+					"aria-hidden": "true",
+					class: normalizeClass([`${unref(prefixCls)}-icon`, {
+						[`${unref(prefixCls)}-icon-${__props.status}`]: __props.status,
+						[`${unref(prefixCls)}-icon-custom`]: __props.status === null
+					}])
+				}, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-icon-tip`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.status === "info" ? (openBlock(), createBlock(unref(IconInfo), { key: 0 })) : __props.status === "success" ? (openBlock(), createBlock(unref(IconCheck), { key: 1 })) : __props.status === "warning" ? (openBlock(), createBlock(unref(IconExclamation), { key: 2 })) : __props.status === "error" ? (openBlock(), createBlock(unref(IconClose), { key: 3 })) : __props.status === "403" ? (openBlock(), createBlock(unref(_403_default), { key: 4 })) : __props.status === "404" ? (openBlock(), createBlock(unref(_404_default), { key: 5 })) : __props.status === "500" ? (openBlock(), createBlock(unref(_500_default), { key: 6 })) : createCommentVNode("", true)])], 2)], 2),
 				__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-title`)