@sdata/web-vue 3.12.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

@@ -1,7 +1,7 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
-import { useSize } from "../_hooks/use-size.js";
 import { useI18n } from "../locale/index.js";
+import { useSize } from "../_hooks/use-size.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import page_item_ellipsis_default from "./page-item-ellipsis.js";
 import page_item_step_default from "./page-item-step.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

@@ -6,9 +6,9 @@ import IconCloseCircleFill from "../icon/icon-close-circle-fill/index.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
 import IconInfoCircleFill from "../icon/icon-info-circle-fill/index.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
-import Button from "../button/index.js";
-import Trigger from "../trigger/index.js";
 import { useI18n } from "../locale/index.js";
+import Trigger from "../trigger/index.js";
+import Button from "../button/index.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region components/popconfirm/popconfirm.vue?vue&type=script&setup=true&lang.ts
 var popconfirm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Popconfirm" }), {}, {
@@ -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

@@ -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 Trigger from "../trigger/index.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";
 import Scrollbar from "../scrollbar/index.js";
-import Trigger from "../trigger/index.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, withCtx } from "vue";
 //#region components/popover/popover.vue?vue&type=script&setup=true&lang.ts
 var popover_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Popover" }), {}, {
@@ -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/index.d.ts

@@ -28,7 +28,7 @@ declare const Rate: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
             default: boolean;
         };
         disabled: {
@@ -47,7 +47,7 @@ declare const Rate: {
         change: (_value: number) => true;
         hoverChange: (_value: number) => true;
     }, import("vue").PublicProps, {
-        readonly: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         defaultValue: number;
         modelValue: number;
@@ -88,7 +88,7 @@ declare const Rate: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
             default: boolean;
         };
         disabled: {
@@ -103,7 +103,7 @@ declare const Rate: {
         "onUpdate:modelValue"?: ((_value: number) => any) | undefined;
         onHoverChange?: ((_value: number) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        readonly: boolean;
+        readonly: string | boolean;
         disabled: boolean;
         defaultValue: number;
         modelValue: number;
@@ -141,7 +141,7 @@ declare const Rate: {
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     disabled: {
@@ -160,7 +160,7 @@ declare const Rate: {
     change: (_value: number) => true;
     hoverChange: (_value: number) => true;
 }, string, {
-    readonly: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     defaultValue: number;
     modelValue: number;

package/es/rate/rate.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     disabled: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     disabled: {
@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: ((_value: number) => any) | undefined;
     onHoverChange?: ((_value: number) => any) | undefined;
 }>, {
-    readonly: boolean;
+    readonly: string | boolean;
     disabled: boolean;
     defaultValue: number;
     modelValue: number;

package/es/rate/rate.js

@@ -1,7 +1,10 @@
 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";
 import IconFaceFrownFill from "../icon/icon-face-frown-fill/index.js";
 import IconFaceMehFill from "../icon/icon-face-meh-fill/index.js";
 import IconFaceSmileFill from "../icon/icon-face-smile-fill/index.js";
@@ -66,7 +69,7 @@ var rate_default = /* @__PURE__ */ defineComponent({
 		* @en Whether it is readonly
 		*/
 		readonly: {
-			type: Boolean,
+			type: [Boolean, String],
 			default: false
 		},
 		/**
@@ -110,6 +113,8 @@ var rate_default = /* @__PURE__ */ defineComponent({
 		const prefixCls = getPrefixCls("rate");
 		const { mergedDisabled: _mergedDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
 		const { mergedAllowClear } = useAllowClear(allowClear);
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), _mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
 		const _value = ref(props.defaultValue);
 		const animation = ref(false);
 		watch(modelValue, (value) => {
@@ -174,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);
@@ -194,14 +218,16 @@ var rate_default = /* @__PURE__ */ defineComponent({
 			return createVNode(IconStarFill, null, null);
 		};
 		const renderCharacter = (index) => {
-			const leftProps = mergedDisabled.value ? {} : {
+			const interactive = !mergedDisabled.value;
+			const readonlyOnly = props.readonly && !_mergedDisabled.value;
+			const leftProps = interactive ? {
 				onMouseenter: () => handleMouseEnter(index, true),
 				onClick: () => handleClick(index, true)
-			};
-			const rightProps = mergedDisabled.value ? {} : {
+			} : readonlyOnly ? { onClick: () => showReadonlyTip() } : {};
+			const rightProps = interactive ? {
 				onMouseenter: () => handleMouseEnter(index, false),
 				onClick: () => handleClick(index, false)
-			};
+			} : readonlyOnly ? { onClick: () => showReadonlyTip() } : {};
 			const style = animation.value ? { animationDelay: `${50 * index}ms` } : void 0;
 			const parseDisplayIndex = Math.ceil(displayIndex.value) - 1;
 			const leftStyle = customColor.value && props.allowHalf && index + .5 === displayIndex.value ? { color: customColor.value[parseDisplayIndex] } : void 0;
@@ -225,10 +251,18 @@ var rate_default = /* @__PURE__ */ defineComponent({
 			[`${prefixCls}-readonly`]: props.readonly,
 			[`${prefixCls}-disabled`]: _mergedDisabled.value
 		}]);
-		return () => createVNode("div", {
+		return () => createVNode(Tooltip, {
+			"popupVisible": tipVisible.value,
+			"content": readonlyTipText.value,
+			"position": "top"
+		}, { default: () => [createVNode("div", {
 			"class": cls.value,
-			"onMouseleave": resetHoverIndex
-		}, [indexArray.value.map((_, index) => renderCharacter(index))]);
+			"role": "radiogroup",
+			"aria-label": "Rating",
+			"tabindex": mergedDisabled.value ? void 0 : 0,
+			"onMouseleave": resetHoverIndex,
+			"onKeydown": handleKeydown
+		}, [indexArray.value.map((_, index) => renderCharacter(index))])] });
 	}
 });
 //#endregion

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`)