@sdata/web-vue 3.13.0 → 3.15.0

package/es/basic-crud-table/index.js

@@ -0,0 +1,9 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import basic_crud_table_default from "./basic-crud-table.js";
+//#region components/basic-crud-table/index.ts
+var BasicCrudTable = Object.assign(basic_crud_table_default, { install: (app, options) => {
+	setGlobalConfig(app, options);
+	app.component(getComponentPrefix(options) + basic_crud_table_default.name, basic_crud_table_default);
+} });
+//#endregion
+export { BasicCrudTable as default };

package/es/basic-crud-table/style/css.js

@@ -0,0 +1,2 @@
+import "../../style/index.css";
+import "./index.css";

package/es/basic-crud-table/style/index.css

@@ -0,0 +1,42 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.sd-basic-crud-table {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+  min-width: 0;
+}
+.sd-basic-crud-table-header {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.sd-basic-crud-table-header-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+.sd-basic-crud-table-title {
+  margin: 0;
+  color: var(--sd-color-text-1);
+  font-size: 24px;
+}
+.sd-basic-crud-table-body {
+  width: 100%;
+  min-width: 0;
+}

package/es/basic-crud-table/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.scss';
+import './index.scss';

package/es/basic-crud-table/style/index.js

@@ -0,0 +1,2 @@
+import "../../style/index.scss";
+import "./index.scss";

package/es/basic-crud-table/style/index.scss

@@ -0,0 +1,33 @@
+@use '@style/theme/index.scss' as theme;
+@use 'sass:string';
+@use '@components/basic-crud-table/style/token.scss' as *;
+$basic-crud-table-prefix-cls: string.unquote('#{theme.$prefix}-basic-crud-table');
+.#{$basic-crud-table-prefix-cls} {
+  display: flex;
+  flex-direction: column;
+  gap: $basic-crud-table-gap;
+  width: 100%;
+  min-width: 0;
+
+  &-header {
+    display: flex;
+    flex-direction: column;
+    gap: $basic-crud-table-gap;
+  }
+
+  &-header-actions {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  &-title {
+    margin: 0;
+    color: $basic-crud-table-title-color;
+    font-size: $basic-crud-table-title-size;
+  }
+
+  &-body {
+    width: 100%;
+    min-width: 0;
+  }
+}

package/es/basic-crud-table/style/token.scss

@@ -0,0 +1,8 @@
+@use '@style/theme/index.scss' as global;
+
+@forward '@style/theme/index.scss';
+
+@use 'sass:string';
+$basic-crud-table-gap: global.$spacing-4;
+$basic-crud-table-title-size: global.$font-size-title-3;
+$basic-crud-table-title-color: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));

package/es/basic-crud-table/types.d.ts

@@ -0,0 +1,69 @@
+import type { UnknownRecord } from 'type-fest';
+import type { JsonFormProps } from '../json-form';
+import type ModalComponent from '../modal/modal.vue';
+import type { TableColumnData, TableData, TableInstance } from '../table';
+import type { ToolbarProps } from '../toolbar';
+export type MaybePromise<T> = T | Promise<T>;
+export type BasicCrudTableDataResult<TData extends TableData = TableData> = TData[] | {
+    data: TData[];
+    total?: number;
+    count?: number;
+    [key: string]: unknown;
+};
+export type BasicCrudTableTableProps = Omit<TableInstance['$props'], 'columns' | 'data' | 'onChange' | 'onPageChange' | 'onPageSizeChange'>;
+export type BasicCrudTableToolbarProps = Omit<ToolbarProps, 'loading'>;
+export type BasicCrudTableModalProps = Omit<InstanceType<typeof ModalComponent>['$props'], 'visible' | 'title' | 'onBeforeOk' | 'onClose' | 'onUpdate:visible'>;
+export type BasicCrudTableModalFormProps = Omit<JsonFormProps, 'model'>;
+export interface BasicCrudTableProps<TRow extends TableData = TableData> {
+    title?: string;
+    columns: TableColumnData[];
+    tableProps?: BasicCrudTableTableProps;
+    toolbarProps?: BasicCrudTableToolbarProps;
+    modalProps?: BasicCrudTableModalProps;
+    modalFormProps?: BasicCrudTableModalFormProps;
+    showCreate?: boolean;
+    openCreateModal?: boolean;
+    showEdit?: boolean;
+    showDelete?: boolean;
+    showToolbar?: boolean;
+    showHeader?: boolean;
+    showTitle?: boolean;
+    showActionColumn?: boolean;
+    fetchExcludeEmptyValues?: boolean;
+    fetchTableOnMounted?: boolean;
+    actionWidth?: number;
+    fetchTableApi?: (params: UnknownRecord) => MaybePromise<unknown>;
+    tableDataTransformer?: (data: unknown) => MaybePromise<BasicCrudTableDataResult<TRow>>;
+    createApi?: (data: UnknownRecord) => MaybePromise<unknown>;
+    updateApi?: (data: UnknownRecord) => MaybePromise<unknown>;
+    detailApi?: (row: TRow) => MaybePromise<UnknownRecord>;
+    valueTransformer?: (data: UnknownRecord) => UnknownRecord;
+    beforeModalSubmit?: (context: BasicCrudTableModalSubmitContext<TRow>) => MaybePromise<boolean | void>;
+    deleteContent?: string | ((row: TRow) => MaybePromise<string>);
+    deleteApi?: (row: TRow) => MaybePromise<unknown>;
+    beforeDelete?: (row: TRow) => MaybePromise<boolean | void>;
+    deleteNameKey?: string;
+}
+export type BasicCrudTableModalSubmitContext<TRow extends TableData = TableData> = {
+    type: 'create' | 'edit';
+    row?: TRow;
+    model: UnknownRecord;
+};
+export type BasicCrudTableActionSlotProps<TRow extends TableData = TableData> = {
+    record: TRow;
+    column: TableColumnData;
+    rowIndex: number;
+};
+export type BasicCrudTableModalSlotProps<TRow extends TableData = TableData> = {
+    type: 'create' | 'edit';
+    row?: TRow;
+    model: UnknownRecord;
+};
+export type InferBasicCrudTableRowFromValue<TValue> = TValue extends readonly (infer TItem)[] ? TItem : TValue extends {
+    data: infer TData;
+} ? InferBasicCrudTableRowFromValue<TData> : TValue extends {
+    results: infer TResults;
+} ? InferBasicCrudTableRowFromValue<TResults> : never;
+type AwaitedReturn<T> = T extends (...args: never[]) => infer TResult ? Awaited<TResult> : never;
+export type InferBasicCrudTableRow<TFetchTableApi, TTableDataTransformer = undefined> = TTableDataTransformer extends (...args: never[]) => unknown ? InferBasicCrudTableRowFromValue<AwaitedReturn<TTableDataTransformer>> : InferBasicCrudTableRowFromValue<AwaitedReturn<TFetchTableApi>>;
+export {};

package/es/breadcrumb/breadcrumb-item.js

@@ -1,8 +1,9 @@
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
 import IconMore from "../icon/icon-more/index.js";
+import IconDown from "../icon/icon-down/index.js";
 import dropdown_option_default from "../dropdown/dropdown-option.js";
 import Dropdown from "../dropdown/index.js";
-import IconDown from "../icon/icon-down/index.js";
 import IconObliqueLine from "../icon/icon-oblique-line/index.js";
 import { breadcrumbInjectKey } from "./context.js";
 import { Fragment, computed, createVNode, defineComponent, inject, mergeProps, ref } from "vue";
@@ -47,6 +48,7 @@ var breadcrumb_item_default = /* @__PURE__ */ defineComponent({
 	* @version 2.36.0
 	*/
 	setup(props, { slots, attrs }) {
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("breadcrumb-item");
 		const breadcrumbCtx = inject(breadcrumbInjectKey, void 0);
 		const dropdownVisible = ref(false);
@@ -78,7 +80,7 @@ var breadcrumb_item_default = /* @__PURE__ */ defineComponent({
 			return createVNode("div", mergeProps({
 				"role": "listitem",
 				"class": [prefixCls, { [`${prefixCls}-with-dropdown`]: props.droplist || slots.droplist }]
-			}, displayMore.value ? { "aria-label": "ellipses of breadcrumb items" } : void 0, attrs), [displayMore.value ? (_breadcrumbCtx$slots$2 = breadcrumbCtx === null || breadcrumbCtx === void 0 || (_breadcrumbCtx$slots3 = (_breadcrumbCtx$slots2 = breadcrumbCtx.slots)["more-icon"]) === null || _breadcrumbCtx$slots3 === void 0 ? void 0 : _breadcrumbCtx$slots3.call(_breadcrumbCtx$slots2)) !== null && _breadcrumbCtx$slots$2 !== void 0 ? _breadcrumbCtx$slots$2 : createVNode(IconMore, null, null) : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots), (props.droplist || slots.droplist) && createVNode("span", {
+			}, displayMore.value ? { "aria-label": t("a11y.breadcrumbEllipsis") } : void 0, attrs), [displayMore.value ? (_breadcrumbCtx$slots$2 = breadcrumbCtx === null || breadcrumbCtx === void 0 || (_breadcrumbCtx$slots3 = (_breadcrumbCtx$slots2 = breadcrumbCtx.slots)["more-icon"]) === null || _breadcrumbCtx$slots3 === void 0 ? void 0 : _breadcrumbCtx$slots3.call(_breadcrumbCtx$slots2)) !== null && _breadcrumbCtx$slots$2 !== void 0 ? _breadcrumbCtx$slots$2 : createVNode(IconMore, null, null) : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots), (props.droplist || slots.droplist) && createVNode("span", {
 				"aria-hidden": true,
 				"class": [`${prefixCls}-dropdown-icon`, { [`${prefixCls}-dropdown-icon-active`]: dropdownVisible.value }]
 			}, [createVNode(IconDown, null, null)])]);

package/es/breadcrumb/breadcrumb.js

@@ -1,5 +1,6 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { getAllElements } from "../_utils/vue-utils.js";
+import { useI18n } from "../locale/index.js";
 import { breadcrumbInjectKey } from "./context.js";
 import breadcrumb_item_default from "./breadcrumb-item.js";
 import { computed, createVNode, defineComponent, mergeProps, provide, reactive, ref, toRefs } from "vue";
@@ -56,6 +57,7 @@ var breadcrumb_default = /* @__PURE__ */ defineComponent({
 	*/
 	setup(props, { slots }) {
 		const { maxCount, separator, routes } = toRefs(props);
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("breadcrumb");
 		const total = ref(0);
 		provide(breadcrumbInjectKey, reactive({
@@ -105,6 +107,7 @@ var breadcrumb_default = /* @__PURE__ */ defineComponent({
 		return () => {
 			return createVNode("div", {
 				"role": "list",
+				"aria-label": t("a11y.breadcrumb"),
 				"class": prefixCls
 			}, [slots.default ? renderByChildren() : renderByRoutes()]);
 		};

package/es/button/button.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import IconLoading from "../icon/icon-loading/index.js";
 import { useSize } from "../_hooks/use-size.js";
 import Tooltip from "../tooltip/index.js";
 import { buttonGroupInjectionKey } from "./context.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, useSlots, withCtx } from "vue";
+import { cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createSlots, defineComponent, guardReactiveProps, inject, normalizeClass, normalizeProps, onMounted, onUpdated, openBlock, ref, renderSlot, resolveDynamicComponent, toRefs, unref, useSlots, withCtx } from "vue";
 //#region components/button/button.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["href"];
 var _hoisted_2 = { key: 2 };
@@ -114,10 +114,15 @@ var button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		*/
 		const { size, disabled } = toRefs(props);
 		const prefixCls = getPrefixCls("btn");
-		const PassThrough = (_, { slots: passSlots }) => {
-			var _passSlots$default;
-			return (_passSlots$default = passSlots.default) === null || _passSlots$default === void 0 ? void 0 : _passSlots$default.call(passSlots);
-		};
+		const PassThrough = defineComponent({
+			name: "ButtonPassThrough",
+			inheritAttrs: false,
+			setup: (_, { slots, attrs }) => () => {
+				var _slots$default;
+				const vnodes = (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
+				return (vnodes === null || vnodes === void 0 ? void 0 : vnodes.length) ? cloneVNode(vnodes[0], attrs) : void 0;
+			}
+		});
 		const slots = useSlots();
 		const hasTooltip = computed(() => props.tooltip != null || Boolean(slots.tooltip));
 		const tooltipWrapper = computed(() => hasTooltip.value ? Tooltip : PassThrough);

package/es/button/style/index.css

@@ -32,7 +32,7 @@
   white-space: nowrap;
   outline: none;
   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), 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);
   appearance: none;
   user-select: none;
 }
@@ -40,7 +40,7 @@
   color: currentcolor;
 }
 .sd-btn:active {
-  transition: none;
+  transform: scale(0.97);
 }
 .sd-btn-long {
   display: flex;
@@ -80,13 +80,10 @@
   background: #fff;
   border-radius: inherit;
   opacity: 0.4;
-  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   content: "";
   pointer-events: none;
 }
-.sd-btn-loading-fixed-width {
-  transition: none;
-}
 .sd-btn-two-chinese-chars > *:not(svg) {
   margin-right: -0.3em;
   letter-spacing: 0.3em;
@@ -909,6 +906,9 @@
 .sd-btn-group .sd-btn-dashed:active {
   z-index: 2;
 }
+.sd-btn-group .sd-btn:active {
+  transform: none;
+}
 .sd-btn-group .sd-btn:first-child {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -923,4 +923,13 @@
 
 :where(body, [sd-theme])[sd-theme=dark] .sd-btn-primary.sd-btn-disabled {
   color: rgba(255, 255, 255, 0.3);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sd-btn:active {
+    transform: none;
+  }
+  .sd-btn .sd-icon-loading {
+    animation-duration: 3s;
+  }
 }

package/es/button/style/index.scss

@@ -63,7 +63,12 @@ $token-var-aliases: (
   white-space: nowrap;
   outline: none;
   cursor: pointer;
-  transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+  // 状态切换只过渡颜色与按压形变；box-shadow（聚焦环）保持即时切换以保证可见性
+  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;
   appearance: none;
   user-select: none;
 
@@ -72,7 +77,7 @@ $token-var-aliases: (
   }
 
   &:active {
-    transition: none;
+    transform: scale(0.97);
   }
 
   &-long {
@@ -119,16 +124,12 @@ $token-var-aliases: (
       background: #fff;
       border-radius: inherit;
       opacity: 0.4;
-      transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-standard;
       content: '';
       pointer-events: none;
     }
   }
 
-  &-loading-fixed-width {
-    transition: none;
-  }
-
   &-two-chinese-chars > *:not(svg) {
     margin-right: -0.3em;
     letter-spacing: 0.3em;
@@ -324,6 +325,11 @@ $token-var-aliases: (
     }
   }
 
+  // 按钮组是连体控件，单个按钮按压形变会与相邻按钮产生缝隙，故禁用形变
+  .#{$btn-prefix-cls}:active {
+    transform: none;
+  }
+
   .#{$btn-prefix-cls}:first-child {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -344,3 +350,15 @@ $token-var-aliases: (
     color: rgb(255 255 255 / 30%);
   }
 }
+
+// 减少动态偏好：去掉按压形变（位移），保留颜色过渡（有助于理解状态）；
+// 放慢加载图标旋转，避免快速循环带来的不适，但仍可表达加载态
+@media (prefers-reduced-motion: reduce) {
+  .#{$btn-prefix-cls}:active {
+    transform: none;
+  }
+
+  .#{$btn-prefix-cls} .#{theme.$prefix}-icon-loading {
+    animation-duration: 3s;
+  }
+}

package/es/calendar/components/event.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import { PerformantEllipsis } from "../../ellipsis/index.js";
 import { calendarInjectionKey } from "../context.js";
 import { minutesToPercentage } from "../utils/conversions.js";
-import { PerformantEllipsis } from "../../ellipsis/index.js";
 import { Transition, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderSlot, shallowRef, toDisplayString, toHandlers, unref, watch, withCtx, withModifiers } from "vue";
 //#region components/calendar/components/event.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["draggable"];

package/es/calendar/components/headings-bar.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
+import { PerformantEllipsis } from "../../ellipsis/index.js";
 import { calendarElInjectionKey, calendarInjectionKey } from "../context.js";
 import { weekdays } from "../core/config.js";
-import { PerformantEllipsis } from "../../ellipsis/index.js";
 import cell_default from "./cell.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region components/calendar/components/headings-bar.vue?vue&type=script&setup=true&lang.ts

package/es/calendar/style/event.scss

@@ -56,7 +56,7 @@ $calendar-css-prefix: string.unquote('--#{theme.$prefix}-calendar');
 }
 
 [class*='-calendar-delete-btn-enter-from'] {
-  transform: scale(0) rotate(-90deg);
+  transform: scale(0.5) rotate(-90deg);
 }
 
 [class*='-calendar-delete-btn-enter-to'] {
@@ -64,6 +64,6 @@ $calendar-css-prefix: string.unquote('--#{theme.$prefix}-calendar');
 }
 
 [class*='-calendar-delete-btn-leave-active'] {
-  transform: scale(0);
+  transform: scale(0.5);
   transition: 0.3s ease-in-out;
 }

package/es/calendar/style/index.css

@@ -1626,7 +1626,7 @@
 }
 
 [class*=-calendar-delete-btn-enter-from] {
-  transform: scale(0) rotate(-90deg);
+  transform: scale(0.5) rotate(-90deg);
 }
 
 [class*=-calendar-delete-btn-enter-to] {
@@ -1634,6 +1634,6 @@
 }
 
 [class*=-calendar-delete-btn-leave-active] {
-  transform: scale(0);
+  transform: scale(0.5);
   transition: 0.3s ease-in-out;
 }

package/es/card/style/index.css

@@ -19,7 +19,7 @@
   position: relative;
   background: var(--sd-color-bg-2);
   border-radius: var(--sd-border-radius-none);
-  transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
+  transition: box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-card-header {
   position: relative;
@@ -79,7 +79,7 @@
   justify-content: center;
   color: var(--sd-color-text-2);
   cursor: pointer;
-  transition: color 0.2s cubic-bezier(0, 0, 1, 1);
+  transition: color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -124,7 +124,7 @@
 .sd-card-grid::before {
   position: absolute;
   inset: 0;
-  transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1);
+  transition: box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
   content: "";
   pointer-events: none;
 }

package/es/card/style/index.scss

@@ -23,7 +23,7 @@ $card-prefix-cls: string.unquote('#{theme.$prefix}-card');
   position: relative;
   background: $card-color-bg;
   border-radius: $card-border-radius-no-border;
-  transition: box-shadow theme.$transition-duration-2 theme.$transition-timing-function-linear;
+  transition: box-shadow theme.$transition-duration-2 theme.$transition-timing-function-standard;
 
   &-header {
     position: relative;
@@ -90,7 +90,7 @@ $card-prefix-cls: string.unquote('#{theme.$prefix}-card');
       justify-content: center;
       color: $card-color-action;
       cursor: pointer;
-      transition: color theme.$transition-duration-2 theme.$transition-timing-function-linear;
+      transition: color theme.$transition-duration-2 theme.$transition-timing-function-standard;
 
       @include text-ellipsis();
 
@@ -150,7 +150,7 @@ $card-prefix-cls: string.unquote('#{theme.$prefix}-card');
     &::before {
       position: absolute;
       inset: 0;
-      transition: box-shadow theme.$transition-duration-2 theme.$transition-timing-function-linear;
+      transition: box-shadow theme.$transition-duration-2 theme.$transition-timing-function-standard;
       content: '';
       pointer-events: none;
     }

package/es/carousel/carousel-arrow.vue.d.ts

@@ -8,8 +8,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    previousClick: (_ev: MouseEvent) => any;
-    nextClick: (_ev: MouseEvent) => any;
+    previousClick: (_ev: Event) => any;
+    nextClick: (_ev: Event) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: StringConstructor;
@@ -20,8 +20,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: string;
     };
 }>> & Readonly<{
-    onPreviousClick?: ((_ev: MouseEvent) => any) | undefined;
-    onNextClick?: ((_ev: MouseEvent) => any) | undefined;
+    onPreviousClick?: ((_ev: Event) => any) | undefined;
+    onNextClick?: ((_ev: Event) => any) | undefined;
 }>, {
     showArrow: string;
     direction: string;

package/es/carousel/carousel-arrow.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,15 @@
 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 { useI18n } from "../locale/index.js";
+import IconLeft from "../icon/icon-left/index.js";
 import IconRight from "../icon/icon-right/index.js";
 import IconDown from "../icon/icon-down/index.js";
-import IconLeft from "../icon/icon-left/index.js";
 import IconUp from "../icon/icon-up/index.js";
 import { computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
 //#region components/carousel/carousel-arrow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-label"];
 var carousel_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Arrow" }), {}, {
 	__name: "carousel-arrow",
 	props: {
@@ -22,6 +26,7 @@ var carousel_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("carousel");
 		const onPreviousClick = (ev) => {
 			emit("previousClick", ev);
@@ -29,15 +34,30 @@ var carousel_arrow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const onNextClick = (ev) => {
 			emit("nextClick", ev);
 		};
+		const onKeydown = (e, which) => {
+			if (isActivationKey(e)) {
+				e.preventDefault();
+				if (which === "previous") emit("previousClick", e);
+				else emit("nextClick", e);
+			}
+		};
 		const cls = computed(() => [`${prefixCls}-arrow`, { [`${prefixCls}-arrow-hover`]: props.showArrow === "hover" }]);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(cls.value) }, [createElementVNode("div", {
+				role: "button",
+				tabindex: "0",
+				"aria-label": unref(t)("a11y.prevSlide"),
 				class: normalizeClass(`${unref(prefixCls)}-arrow-${__props.direction === "vertical" ? "top" : "left"}`),
-				onClick: onPreviousClick
-			}, [__props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconLeft), { key: 0 })) : (openBlock(), createBlock(unref(IconUp), { key: 1 }))], 2), createElementVNode("div", {
+				onClick: onPreviousClick,
+				onKeydown: _cache[0] || (_cache[0] = (e) => onKeydown(e, "previous"))
+			}, [__props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconLeft), { key: 0 })) : (openBlock(), createBlock(unref(IconUp), { key: 1 }))], 42, _hoisted_1), createElementVNode("div", {
+				role: "button",
+				tabindex: "0",
+				"aria-label": unref(t)("a11y.nextSlide"),
 				class: normalizeClass(`${unref(prefixCls)}-arrow-${__props.direction === "vertical" ? "bottom" : "right"}`),
-				onClick: onNextClick
-			}, [__props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconRight), { key: 0 })) : (openBlock(), createBlock(unref(IconDown), { key: 1 }))], 2)], 2);
+				onClick: onNextClick,
+				onKeydown: _cache[1] || (_cache[1] = (e) => onKeydown(e, "next"))
+			}, [__props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconRight), { key: 0 })) : (openBlock(), createBlock(unref(IconDown), { key: 1 }))], 42, _hoisted_2)], 2);
 		};
 	}
 }));

package/es/carousel/carousel-indicator.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,16 @@
 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 { useI18n } from "../locale/index.js";
 import { Fragment, computed, createElementBlock, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, unref } from "vue";
 //#region components/carousel/carousel-indicator.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-index"];
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = [
+	"data-index",
+	"aria-label",
+	"aria-current",
+	"onKeydown"
+];
 var carousel_indicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Indicator" }), {}, {
 	__name: "carousel-indicator",
 	props: {
@@ -31,6 +39,7 @@ var carousel_indicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("carousel-indicator");
 		const onClick = (event) => {
 			event.preventDefault();
@@ -47,6 +56,12 @@ var carousel_indicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 				if (!Number.isNaN(index) && index !== props.activeIndex) emit("select", index);
 			}
 		};
+		const onItemKeydown = (event, index) => {
+			if (isActivationKey(event) && index !== props.activeIndex) {
+				event.preventDefault();
+				emit("select", index);
+			}
+		};
 		const eventHandlers = computed(() => {
 			return props.trigger === "click" ? { onClick } : { onMouseover: onClick };
 		});
@@ -66,13 +81,19 @@ var carousel_indicator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 			return openBlock(), createElementBlock("div", mergeProps({ class: cls.value }, eventHandlers.value), [__props.type === "slider" ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				style: normalizeStyle(sliderStyle.value),
+				"aria-label": unref(t)("a11y.slideOf", __props.activeIndex + 1, __props.count),
 				class: normalizeClass([`${unref(prefixCls)}-item`, `${unref(prefixCls)}-item-active`])
-			}, null, 6)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(Array(__props.count), (_, index) => {
+			}, null, 14, _hoisted_1)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(Array(__props.count), (_, index) => {
 				return openBlock(), createElementBlock("span", {
 					key: index,
+					role: "button",
+					tabindex: "0",
 					"data-index": index,
-					class: normalizeClass([`${unref(prefixCls)}-item`, { [`${unref(prefixCls)}-item-active`]: index === __props.activeIndex }])
-				}, null, 10, _hoisted_1);
+					"aria-label": unref(t)("a11y.goToSlide", index + 1),
+					"aria-current": index === __props.activeIndex ? "true" : void 0,
+					class: normalizeClass([`${unref(prefixCls)}-item`, { [`${unref(prefixCls)}-item-active`]: index === __props.activeIndex }]),
+					onKeydown: ($event) => onItemKeydown($event, index)
+				}, null, 42, _hoisted_2);
 			}), 128))], 16);
 		};
 	}