@sdata/web-vue 3.13.0 → 3.15.0

package/es/upload/style/index.css

@@ -44,7 +44,7 @@
   background: var(--sd-color-fill-2);
   border: 1px dashed var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-small);
-  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);
 }
 .sd-upload-picture-card:hover {
   color: var(--sd-color-text-2);
@@ -59,7 +59,7 @@
   background-color: var(--sd-color-fill-1);
   border: 1px dashed var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-small);
-  transition: all 0.2s ease;
+  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
 }
 .sd-upload-drag .sd-icon-plus {
   margin-bottom: 24px;
@@ -159,7 +159,7 @@
   color: rgb(var(--sd-primary-6));
   font-size: 14px;
   cursor: pointer;
-  transition: all 0.2s ease;
+  transition: color 0.2s ease;
 }
 .sd-upload-icon-upload:active, .sd-upload-icon-upload:hover {
   color: rgb(var(--sd-primary-7));
@@ -205,7 +205,7 @@
   font-size: 14px;
   background-color: var(--sd-color-fill-1);
   border-radius: var(--sd-border-radius-small);
-  transition: background-color 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-item-file-icon {
   margin-right: 12px;
@@ -294,7 +294,7 @@
   padding-right: 0;
   overflow: hidden;
   vertical-align: top;
-  transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+  transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-picture-status-error .sd-upload-list-picture-mask {
   opacity: 1;
@@ -324,7 +324,7 @@
   background: rgba(0, 0, 0, 0.5);
   cursor: pointer;
   opacity: 0;
-  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-picture-operation {
   display: none;
@@ -380,7 +380,7 @@
   margin: 0;
   overflow: hidden;
   opacity: 0;
-  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
 }
 
 .sd-upload-list-item.sd-upload-slide-inline-enter {
@@ -388,7 +388,7 @@
 }
 .sd-upload-list-item.sd-upload-slide-inline-enter-active {
   opacity: 1;
-  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1);
+  transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-item.sd-upload-slide-inline-exit {
   opacity: 1;
@@ -397,5 +397,5 @@
   margin: 0;
   overflow: hidden;
   opacity: 0;
-  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
+  transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s;
 }

package/es/upload/style/index.scss

@@ -35,7 +35,10 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     background: $upload-picture-color-bg;
     border: $upload-picture-border-width $upload-picture-border-style $upload-picture-color-border;
     border-radius: $upload-picture-border-radius;
-    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,
+      border-color theme.$transition-duration-1 theme.$transition-timing-function-standard;
 
     &:hover {
       color: $upload-picture-color-text_hover;
@@ -52,7 +55,10 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     background-color: $upload-drag-color-bg;
     border: $upload-drag-border-width $upload-drag-border-style $upload-drag-color-border;
     border-radius: $upload-drag-border-radius;
-    transition: all theme.$transition-duration-2 ease;
+    transition:
+      color theme.$transition-duration-2 ease,
+      background-color theme.$transition-duration-2 ease,
+      border-color theme.$transition-duration-2 ease;
 
     .#{theme.$prefix}-icon-plus {
       margin-bottom: $upload-drag-margin-icon-bottom;
@@ -175,7 +181,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     color: $upload-text-item-color-reupload-icon;
     font-size: $upload-text-item-size-reupload-icon;
     cursor: pointer;
-    transition: all theme.$transition-duration-2 ease;
+    transition: color theme.$transition-duration-2 ease;
 
     &:active,
     &:hover {
@@ -225,7 +231,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
       background-color: $upload-text-item-color-bg;
       border-radius: $upload-text-item-border-radius;
       transition: background-color theme.$transition-duration-1
-        theme.$transition-timing-function-linear;
+        theme.$transition-timing-function-standard;
     }
 
     &-file-icon {
@@ -348,7 +354,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     padding-right: 0;
     overflow: hidden;
     vertical-align: top;
-    transition: all theme.$transition-duration-2 theme.$transition-timing-function-standard;
+    transition: opacity theme.$transition-duration-2 theme.$transition-timing-function-standard;
   }
 
   &-picture-status-error &-picture-mask {
@@ -381,7 +387,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
       background: $upload-picture-item-color-operation_bg;
       cursor: pointer;
       opacity: 0;
-      transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: opacity theme.$transition-duration-1 theme.$transition-timing-function-standard;
     }
 
     &-operation {
@@ -468,7 +474,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
   overflow: hidden;
   opacity: 0;
   transition:
-    opacity theme.$transition-duration-1 theme.$transition-timing-function-linear,
+    opacity theme.$transition-duration-1 theme.$transition-timing-function-standard,
     height theme.$transition-duration-3 theme.$transition-timing-function-standard
       theme.$transition-duration-1,
     margin theme.$transition-duration-3 theme.$transition-timing-function-standard
@@ -482,7 +488,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
 
   &.#{$upload-prefix-cls}-slide-inline-enter-active {
     opacity: 1;
-    transition: opacity theme.$transition-duration-2 theme.$transition-timing-function-linear;
+    transition: opacity theme.$transition-duration-2 theme.$transition-timing-function-standard;
   }
 
   &.#{$upload-prefix-cls}-slide-inline-exit {
@@ -494,7 +500,7 @@ $upload-prefix-cls: string.unquote('#{theme.$prefix}-upload');
     overflow: hidden;
     opacity: 0;
     transition:
-      opacity theme.$transition-duration-1 theme.$transition-timing-function-linear,
+      opacity theme.$transition-duration-1 theme.$transition-timing-function-standard,
       width theme.$transition-duration-3 theme.$transition-timing-function-standard
         theme.$transition-duration-1,
       margin theme.$transition-duration-3 theme.$transition-timing-function-standard

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

@@ -1,5 +1,6 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
+import { isActivationKey } from "../_utils/keyboard.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
 import { useI18n } from "../locale/index.js";
 import Tooltip from "../tooltip/index.js";
@@ -93,13 +94,25 @@ var upload_list_item_default = /* @__PURE__ */ defineComponent({
 						"listType": props.listType
 					}, null)
 				]),
-				(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRemoveButton) && createVNode("span", { "class": `${itemCls}-operation` }, [createVNode(icon_hover_default, { "onClick": () => {
-					var _uploadCtx$onRemove;
-					return uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove = uploadCtx.onRemove) === null || _uploadCtx$onRemove === void 0 ? void 0 : _uploadCtx$onRemove.call(uploadCtx, props.file);
-				} }, { default: () => {
+				(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRemoveButton) && createVNode("span", { "class": `${itemCls}-operation` }, [createVNode("span", {
+					"role": "button",
+					"tabindex": "0",
+					"aria-label": t("a11y.remove"),
+					"onClick": () => {
+						var _uploadCtx$onRemove;
+						return uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove = uploadCtx.onRemove) === null || _uploadCtx$onRemove === void 0 ? void 0 : _uploadCtx$onRemove.call(uploadCtx, props.file);
+					},
+					"onKeydown": (e) => {
+						if (isActivationKey(e)) {
+							var _uploadCtx$onRemove2;
+							e.preventDefault();
+							uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove2 = uploadCtx.onRemove) === null || _uploadCtx$onRemove2 === void 0 || _uploadCtx$onRemove2.call(uploadCtx, props.file);
+						}
+					}
+				}, [createVNode(icon_hover_default, null, { default: () => {
 					var _ref5, _uploadCtx$slots$remo, _uploadCtx$slots6, _uploadCtx$slots6$rem, _uploadCtx$customIcon9, _uploadCtx$customIcon10;
 					return [createVNode("span", { "class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-remove`] }, [(_ref5 = (_uploadCtx$slots$remo = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots6$rem = (_uploadCtx$slots6 = uploadCtx.slots)["remove-icon"]) === null || _uploadCtx$slots6$rem === void 0 ? void 0 : _uploadCtx$slots6$rem.call(_uploadCtx$slots6)) !== null && _uploadCtx$slots$remo !== void 0 ? _uploadCtx$slots$remo : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon9 = uploadCtx.customIcon) === null || _uploadCtx$customIcon9 === void 0 || (_uploadCtx$customIcon10 = _uploadCtx$customIcon9.removeIcon) === null || _uploadCtx$customIcon10 === void 0 ? void 0 : _uploadCtx$customIcon10.call(_uploadCtx$customIcon9)) !== null && _ref5 !== void 0 ? _ref5 : createVNode(IconDelete, null, null)])];
-				} })]),
+				} })])]),
 				uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots7$ext = (_uploadCtx$slots7 = uploadCtx.slots)["extra-button"]) === null || _uploadCtx$slots7$ext === void 0 ? void 0 : _uploadCtx$slots7$ext.call(_uploadCtx$slots7, { fileItem: props.file })
 			]);
 		};

package/es/upload/upload-picture-item.js

@@ -1,4 +1,6 @@
 import { getPrefixCls } from "../_utils/global-config.js";
+import { isActivationKey } from "../_utils/keyboard.js";
+import { useI18n } from "../locale/index.js";
 import IconEye from "../icon/icon-eye/index.js";
 import IconImageClose from "../icon/icon-image-close/index.js";
 import IconDelete from "../icon/icon-delete/index.js";
@@ -20,9 +22,16 @@ var upload_picture_item_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(props) {
+		const { t } = useI18n();
 		const itemCls = `${getPrefixCls("upload-list")}-picture`;
 		const cls = computed(() => [itemCls, { [`${itemCls}-status-error`]: props.file.status === "error" }]);
 		const uploadCtx = inject(uploadInjectionKey, void 0);
+		const onActionKeydown = (fn) => (e) => {
+			if (fn && isActivationKey(e)) {
+				e.preventDefault();
+				fn();
+			}
+		};
 		const renderCard = () => {
 			var _uploadCtx$slots$imag, _uploadCtx$slots, _uploadCtx$slots$imag2, _ref, _uploadCtx$slots$erro, _uploadCtx$slots2, _uploadCtx$slots2$err, _uploadCtx$customIcon, _uploadCtx$customIcon2, _ref2, _uploadCtx$slots$prev, _uploadCtx$slots3, _uploadCtx$slots3$pre, _uploadCtx$customIcon3, _uploadCtx$customIcon4, _ref3, _uploadCtx$slots$retr, _uploadCtx$slots4, _uploadCtx$slots4$ret, _uploadCtx$customIcon5, _uploadCtx$customIcon6, _ref4, _uploadCtx$slots$remo, _uploadCtx$slots5, _uploadCtx$slots5$rem, _uploadCtx$customIcon7, _uploadCtx$customIcon8, _uploadCtx$slots6, _uploadCtx$slots6$ext;
 			if (props.file.status === "uploading") return createVNode(upload_progress_default, {
@@ -35,15 +44,30 @@ var upload_picture_item_default = /* @__PURE__ */ defineComponent({
 			}, (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.imageLoading) ? { loading: uploadCtx.imageLoading } : void 0), null), createVNode("div", { "class": `${itemCls}-mask` }, [props.file.status === "error" && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showCancelButton) && createVNode("div", { "class": `${itemCls}-error-tip` }, [createVNode("span", { "class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-error`] }, [(_ref = (_uploadCtx$slots$erro = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots2$err = (_uploadCtx$slots2 = uploadCtx.slots)["error-icon"]) === null || _uploadCtx$slots2$err === void 0 ? void 0 : _uploadCtx$slots2$err.call(_uploadCtx$slots2)) !== null && _uploadCtx$slots$erro !== void 0 ? _uploadCtx$slots$erro : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon = uploadCtx.customIcon) === null || _uploadCtx$customIcon === void 0 || (_uploadCtx$customIcon2 = _uploadCtx$customIcon.errorIcon) === null || _uploadCtx$customIcon2 === void 0 ? void 0 : _uploadCtx$customIcon2.call(_uploadCtx$customIcon)) !== null && _ref !== void 0 ? _ref : createVNode(IconImageClose, null, null)])]), createVNode("div", { "class": `${itemCls}-operation` }, [
 				props.file.status !== "error" && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showPreviewButton) && createVNode("span", {
 					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-preview`],
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onPreview(props.file)
+					"role": "button",
+					"tabindex": "0",
+					"aria-label": t("a11y.preview"),
+					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onPreview(props.file),
+					"onKeydown": onActionKeydown(() => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onPreview(props.file))
 				}, [(_ref2 = (_uploadCtx$slots$prev = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots3$pre = (_uploadCtx$slots3 = uploadCtx.slots)["preview-icon"]) === null || _uploadCtx$slots3$pre === void 0 ? void 0 : _uploadCtx$slots3$pre.call(_uploadCtx$slots3)) !== null && _uploadCtx$slots$prev !== void 0 ? _uploadCtx$slots$prev : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon3 = uploadCtx.customIcon) === null || _uploadCtx$customIcon3 === void 0 || (_uploadCtx$customIcon4 = _uploadCtx$customIcon3.previewIcon) === null || _uploadCtx$customIcon4 === void 0 ? void 0 : _uploadCtx$customIcon4.call(_uploadCtx$customIcon3)) !== null && _ref2 !== void 0 ? _ref2 : createVNode(IconEye, null, null)]),
 				["init", "error"].includes(props.file.status) && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRetryButton) && createVNode("span", {
 					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-upload`],
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file)
+					"role": "button",
+					"tabindex": "0",
+					"aria-label": t("a11y.retryUpload"),
+					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file),
+					"onKeydown": onActionKeydown(() => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onUpload(props.file))
 				}, [(_ref3 = (_uploadCtx$slots$retr = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots4$ret = (_uploadCtx$slots4 = uploadCtx.slots)["retry-icon"]) === null || _uploadCtx$slots4$ret === void 0 ? void 0 : _uploadCtx$slots4$ret.call(_uploadCtx$slots4)) !== null && _uploadCtx$slots$retr !== void 0 ? _uploadCtx$slots$retr : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon5 = uploadCtx.customIcon) === null || _uploadCtx$customIcon5 === void 0 || (_uploadCtx$customIcon6 = _uploadCtx$customIcon5.retryIcon) === null || _uploadCtx$customIcon6 === void 0 ? void 0 : _uploadCtx$customIcon6.call(_uploadCtx$customIcon5)) !== null && _ref3 !== void 0 ? _ref3 : createVNode(IconUpload, null, null)]),
 				!(uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.disabled) && (uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.showRemoveButton) && createVNode("span", {
 					"class": [uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls, `${uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.iconCls}-remove`],
-					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onRemove(props.file)
+					"role": "button",
+					"tabindex": "0",
+					"aria-label": t("a11y.remove"),
+					"onClick": () => uploadCtx === null || uploadCtx === void 0 ? void 0 : uploadCtx.onRemove(props.file),
+					"onKeydown": onActionKeydown(() => {
+						var _uploadCtx$onRemove;
+						return uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$onRemove = uploadCtx.onRemove) === null || _uploadCtx$onRemove === void 0 ? void 0 : _uploadCtx$onRemove.call(uploadCtx, props.file);
+					})
 				}, [(_ref4 = (_uploadCtx$slots$remo = uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots5$rem = (_uploadCtx$slots5 = uploadCtx.slots)["remove-icon"]) === null || _uploadCtx$slots5$rem === void 0 ? void 0 : _uploadCtx$slots5$rem.call(_uploadCtx$slots5)) !== null && _uploadCtx$slots$remo !== void 0 ? _uploadCtx$slots$remo : uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$customIcon7 = uploadCtx.customIcon) === null || _uploadCtx$customIcon7 === void 0 || (_uploadCtx$customIcon8 = _uploadCtx$customIcon7.removeIcon) === null || _uploadCtx$customIcon8 === void 0 ? void 0 : _uploadCtx$customIcon8.call(_uploadCtx$customIcon7)) !== null && _ref4 !== void 0 ? _ref4 : createVNode(IconDelete, null, null)]),
 				uploadCtx === null || uploadCtx === void 0 || (_uploadCtx$slots6$ext = (_uploadCtx$slots6 = uploadCtx.slots)["extra-button"]) === null || _uploadCtx$slots6$ext === void 0 ? void 0 : _uploadCtx$slots6$ext.call(_uploadCtx$slots6, props.file)
 			])])]);

package/es/verification-code/verification-code.js

@@ -1,5 +1,6 @@
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isExist, isFunction, isString, isUndefined } from "../_utils/is.js";
+import { useI18n } from "../locale/index.js";
 import { ArrowLeft, ArrowRight, Backspace } from "../_utils/keycode.js";
 import Input from "../input/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, ref, watch } from "vue";
@@ -96,6 +97,7 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 		"input": (_inputValue, _index, _ev) => true
 	},
 	setup(props, { emit }) {
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("verification-code");
 		const prefixInputCls = getPrefixCls("input");
 		const inputRefList = ref([]);
@@ -184,7 +186,11 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 			updateValue();
 		};
 		return () => {
-			return createVNode("div", { "class": prefixCls }, [innerValue.value.map((c, i) => {
+			return createVNode("div", {
+				"class": prefixCls,
+				"role": "group",
+				"aria-label": t("a11y.verificationCode")
+			}, [innerValue.value.map((c, i) => {
 				var _props$separator;
 				return createVNode(Fragment, null, [createVNode(Input, mergeProps({
 					"key": i,
@@ -196,6 +202,7 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 					"error": props.error,
 					"disabled": props.disabled,
 					"readonly": props.readonly,
+					"inputAttrs": { "aria-label": t("a11y.characterOf", i + 1, props.length) },
 					"onFocus": () => focusFirstEmptyInput(i),
 					"onInput": (v, e) => handleInput(i, v, e)
 				}, {

package/json/vetur-attributes.json

@@ -463,6 +463,10 @@
     "description": "Whether it is half-selected",
     "type": "boolean"
   },
+  "sd-checkbox/tabindex": {
+    "description": "tabindex for the native input (omitted by default so the input stays natively focusable; pass -1 in tree nodes to remove the checkbox from the Tab order and operate it via the treeitem)",
+    "type": "number|string"
+  },
   "sd-checkbox-group/change": {
     "description": "Trigger when the value changes"
   },
@@ -4353,6 +4357,17 @@
     "description": "Scroll threshold, trigger close when the scroll distance exceeds this value",
     "type": "number"
   },
+  "sd-trigger/esc-to-close": {
+    "description": "Whether to close the popup with the ESC key",
+    "type": "boolean"
+  },
+  "sd-trigger/aria-has-popup": {
+    "description": "Popup type for the trigger's `aria-haspopup`. When set, the trigger automatically gets `aria-haspopup` / `aria-expanded` / `aria-controls`, and the popup gets an id."
+  },
+  "sd-trigger/aria-describedby-popup": {
+    "description": "Whether to add `aria-describedby` on the trigger pointing to the popup (tooltip pattern). Only applied while the popup is visible.",
+    "type": "boolean"
+  },
   "sd-typography-paragraph/blockquote": {
     "description": "Whether enable blockquote",
     "type": "boolean"

package/json/vetur-tags.json

@@ -109,6 +109,9 @@
       "count"
     ]
   },
+  "sd-basic-crud-table": {
+    "attributes": []
+  },
   "sd-border-beam": {
     "attributes": []
   },
@@ -215,7 +218,8 @@
       "default-checked",
       "value",
       "disabled",
-      "indeterminate"
+      "indeterminate",
+      "tabindex"
     ]
   },
   "sd-checkbox-group": {
@@ -1721,7 +1725,10 @@
       "render-to-body",
       "prevent-focus",
       "scroll-to-close",
-      "scroll-to-close-distance"
+      "scroll-to-close-distance",
+      "esc-to-close",
+      "aria-has-popup",
+      "aria-describedby-popup"
     ]
   },
   "sd-typography-paragraph": {

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.12.0",
+  "version": "3.14.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -629,6 +629,12 @@
           "events": [],
           "slots": []
         },
+        {
+          "name": "sd-basic-crud-table",
+          "attributes": [],
+          "events": [],
+          "slots": []
+        },
         {
           "name": "sd-border-beam",
           "attributes": [],
@@ -1219,6 +1225,14 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tabindex",
+              "description": "tabindex for the native input (omitted by default so the input stays natively focusable; pass -1 in tree nodes to remove the checkbox from the Tab order and operate it via the treeitem)",
+              "value": {
+                "type": "number|string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -10428,6 +10442,30 @@
                 "type": "number",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "esc-to-close",
+              "description": "Whether to close the popup with the ESC key",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-has-popup",
+              "description": "Popup type for the trigger's `aria-haspopup`. When set, the trigger automatically gets `aria-haspopup` / `aria-expanded` / `aria-controls`, and the popup gets an id.",
+              "value": {
+                "type": "boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-describedby-popup",
+              "description": "Whether to add `aria-describedby` on the trigger pointing to the popup (tooltip pattern). Only applied while the popup is visible.",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.13.0",
+  "version": "3.15.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",