@sdata/web-vue 3.12.0 → 3.14.0

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;
 }
@@ -193,6 +193,29 @@
   padding: 12px 16px;
 }
 
+.sd-card-full-height {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+.sd-card-full-height .sd-card-header {
+  flex-shrink: 0;
+}
+.sd-card-full-height .sd-card-body {
+  flex: 1;
+  min-height: 0;
+}
+.sd-card-full-height .sd-card-body-native {
+  overflow: auto;
+}
+.sd-card-full-height .sd-card-body-scroll {
+  overflow: hidden;
+}
+.sd-card-full-height .sd-card-body-scroll .sd-card-body-scrollbar {
+  height: 100%;
+}
+
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-grid-hoverable:hover::before,
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-hoverable:hover {
   box-shadow: 0 4px 10px rgb(var(--sd-gray-1), 40%);

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;
     }
@@ -227,6 +227,37 @@ $card-prefix-cls: string.unquote('#{theme.$prefix}-card');
   @include size(small, small);
 }
 
+// full-height：撑满父容器高度，内容区域自动滚动
+.#{$card-prefix-cls}-full-height {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+
+  .#{$card-prefix-cls}-header {
+    flex-shrink: 0;
+  }
+
+  .#{$card-prefix-cls}-body {
+    flex: 1;
+    min-height: 0;
+  }
+
+  // scrollbar === false：使用原生 overflow 滚动
+  .#{$card-prefix-cls}-body-native {
+    overflow: auto;
+  }
+
+  // scrollbar !== false：使用 Scrollbar 组件
+  .#{$card-prefix-cls}-body-scroll {
+    overflow: hidden;
+
+    .#{$card-prefix-cls}-body-scrollbar {
+      height: 100%;
+    }
+  }
+}
+
 // dark mode
 #{global.$sd-theme-tag}[sd-theme='dark'] {
   .#{$card-prefix-cls}-grid-hoverable:hover::before,

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,5 +1,6 @@
 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 IconRight from "../icon/icon-right/index.js";
 import IconDown from "../icon/icon-down/index.js";
 import IconLeft from "../icon/icon-left/index.js";
@@ -29,15 +30,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": "Previous slide",
 				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 }))], 34), createElementVNode("div", {
+				role: "button",
+				tabindex: "0",
+				"aria-label": "Next slide",
 				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 }))], 34)], 2);
 		};
 	}
 }));

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

@@ -1,8 +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 { 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: {
@@ -47,6 +54,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 +79,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": `Slide ${__props.activeIndex + 1} of ${__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": `Go to slide ${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);
 		};
 	}

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

@@ -3,7 +3,7 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { carouselInjectionKey } from "./context.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, inject, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
 //#region components/carousel/carousel-item.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-hidden"];
+var _hoisted_1 = ["aria-label", "aria-hidden"];
 var carousel_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "CarouselItem" }), {}, {
 	__name: "carousel-item",
 	setup(__props) {
@@ -14,6 +14,10 @@ var carousel_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			var _context$items$indexO, _context$items, _instance$uid;
 			return (_context$items$indexO = (_context$items = context.items) === null || _context$items === void 0 ? void 0 : _context$items.indexOf((_instance$uid = instance === null || instance === void 0 ? void 0 : instance.uid) !== null && _instance$uid !== void 0 ? _instance$uid : -1)) !== null && _context$items$indexO !== void 0 ? _context$items$indexO : -1;
 		});
+		const slideCount = computed(() => {
+			var _context$items$length, _context$items2;
+			return (_context$items$length = (_context$items2 = context.items) === null || _context$items2 === void 0 ? void 0 : _context$items2.length) !== null && _context$items$length !== void 0 ? _context$items$length : 0;
+		});
 		const isCurrent = computed(() => {
 			var _context$mergedIndexe;
 			return ((_context$mergedIndexe = context.mergedIndexes) === null || _context$mergedIndexe === void 0 ? void 0 : _context$mergedIndexe.mergedIndex) === index.value;
@@ -39,6 +43,9 @@ var carousel_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
+				role: "group",
+				"aria-roledescription": "slide",
+				"aria-label": `Slide ${index.value + 1} of ${slideCount.value}`,
 				"aria-hidden": !isCurrent.value,
 				class: normalizeClass(cls.value),
 				style: normalizeStyle(animationStyle.value)

package/es/carousel/carousel.js

@@ -1,6 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isObject } from "../_utils/is.js";
+import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import { useChildrenComponents } from "../_hooks/use-children-components.js";
 import carousel_arrow_default from "./carousel-arrow.js";
 import carousel_indicator_default from "./carousel-indicator.js";
@@ -214,6 +215,15 @@ var carousel_default = /* @__PURE__ */ defineComponent({
 			isNegative: index < mergedIndexes.value.mergedIndex,
 			isManual: true
 		});
+		const onKeydown = (e) => {
+			if (e.key === KEYBOARD_KEY.ARROW_RIGHT || e.key === KEYBOARD_KEY.ARROW_DOWN) {
+				e.preventDefault();
+				onNextClick();
+			} else if (e.key === KEYBOARD_KEY.ARROW_LEFT || e.key === KEYBOARD_KEY.ARROW_UP) {
+				e.preventDefault();
+				onPreviousClick();
+			}
+		};
 		const eventHandlers = computed(() => {
 			return computedAutoPlay.value.hoverToPause ? {
 				onMouseenter: () => {
@@ -246,7 +256,14 @@ var carousel_default = /* @__PURE__ */ defineComponent({
 		return () => {
 			var _slots$default;
 			children.value = (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
-			return createVNode("div", mergeProps({ "class": cls.value }, eventHandlers.value), [
+			return createVNode("div", mergeProps({
+				"class": cls.value,
+				"role": "region",
+				"aria-roledescription": "carousel",
+				"aria-label": "Carousel",
+				"tabindex": "0",
+				"onKeydown": onKeydown
+			}, eventHandlers.value), [
 				createVNode("div", { "class": contentCls.value }, [children.value]),
 				hasIndicator.value && createVNode("div", { "class": indicatorCls.value }, [createVNode(carousel_indicator_default, {
 					"class": props.indicatorClass,

package/es/carousel/style/index.css

@@ -424,7 +424,7 @@
 }
 .sd-carousel-arrow-hover div {
   opacity: 0;
-  transition: all 0.3s;
+  transition: opacity 0.3s;
 }
 .sd-carousel:hover .sd-carousel-arrow-hover div {
   opacity: 1;

package/es/carousel/style/index.scss

@@ -372,7 +372,7 @@ $carousel-prefix-cls: string.unquote('#{theme.$prefix}-carousel');
 
   &-arrow-hover div {
     opacity: 0;
-    transition: all 0.3s;
+    transition: opacity 0.3s;
   }
 
   &:hover {

package/es/cascader/cascader.vue.d.ts

@@ -1,20 +1,20 @@
 import type { CascaderModelValue, CascaderOption } from './interface';
 import type { CascaderProps } from './types';
-declare var __VLS_24: any, __VLS_27: {}, __VLS_30: {}, __VLS_33: {}, __VLS_36: {}, __VLS_46: {}, __VLS_55: {};
+declare var __VLS_30: any, __VLS_33: {}, __VLS_36: {}, __VLS_39: {}, __VLS_42: {}, __VLS_52: {}, __VLS_61: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_24) => any;
+    label?: (props: typeof __VLS_30) => any;
 } & {
-    prefix?: (props: typeof __VLS_27) => any;
+    prefix?: (props: typeof __VLS_33) => any;
 } & {
-    'arrow-icon'?: (props: typeof __VLS_30) => any;
+    'arrow-icon'?: (props: typeof __VLS_36) => any;
 } & {
-    'loading-icon'?: (props: typeof __VLS_33) => any;
+    'loading-icon'?: (props: typeof __VLS_39) => any;
 } & {
-    'search-icon'?: (props: typeof __VLS_36) => any;
+    'search-icon'?: (props: typeof __VLS_42) => any;
 } & {
-    empty?: (props: typeof __VLS_46) => any;
+    empty?: (props: typeof __VLS_52) => any;
 } & {
-    empty?: (props: typeof __VLS_55) => any;
+    empty?: (props: typeof __VLS_61) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     search: (value: string) => any;
@@ -43,6 +43,7 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {
 }>, {
     options: CascaderOption[];
     error: boolean;
+    readonly: boolean | string;
     defaultPopupVisible: boolean;
     disabled: boolean;
     allowClear: boolean;