@sdata/web-vue 3.13.0 → 3.15.0

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

@@ -5,8 +5,8 @@ import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";
 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 { useI18n } from "../locale/index.js";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.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";
@@ -231,6 +231,8 @@ var popconfirm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				"arrow-style": __props.arrowStyle,
 				"animation-name": "zoom-in-fade-out",
 				"auto-fit-transform-origin": "",
+				"esc-to-close": "",
+				"aria-has-popup": "dialog",
 				onPopupVisibleChange: handlePopupVisibleChange
 			}, {
 				content: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-body`) }, [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-icon`) }, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.type === "info" ? (openBlock(), createBlock(unref(IconInfoCircleFill), { key: 0 })) : __props.type === "success" ? (openBlock(), createBlock(unref(IconCheckCircleFill), { key: 1 })) : __props.type === "warning" ? (openBlock(), createBlock(unref(IconExclamationCircleFill), { key: 2 })) : __props.type === "error" ? (openBlock(), createBlock(unref(IconCloseCircleFill), { key: 3 })) : createCommentVNode("", true)])], 2), createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-content`) }, [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)])], 2)], 2), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-footer`) }, [createVNode(unref(Button), mergeProps({ size: "mini" }, __props.cancelButtonProps, { onClick: handleCancel }), {

package/es/popover/popover.vue_vue_type_script_setup_true_lang.js

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

package/es/progress/style/index.css

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

package/es/progress/style/index.scss

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

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

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

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

@@ -1,12 +1,14 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
 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: {
@@ -155,6 +157,7 @@ var qr_code_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		const slots = useSlots();
 		const props = __props;
 		const emit = __emit;
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("qr-code");
 		const canvasRef = ref();
 		const svgMarkup = ref("");
@@ -290,12 +293,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": unref(t)("a11y.qrCode", mergedValue.value)
+				}, null, 10, _hoisted_1)) : (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: normalizeClass(`${unref(prefixCls)}-svg`),
+					role: "img",
+					"aria-label": unref(t)("a11y.qrCode", 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 +311,7 @@ var qr_code_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 					src: __props.icon,
 					alt: __props.iconAlt,
 					style: normalizeStyle(iconStyle.value)
-				}, null, 12, _hoisted_2)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)
+				}, null, 12, _hoisted_3)) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)
 			], 6)) : createCommentVNode("", true);
 		};
 	}

package/es/radio/context.d.ts

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

package/es/radio/radio-group.js

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

package/es/radio/radio.js

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

package/es/radio/style/index.css

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

package/es/radio/style/index.scss

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

package/es/rate/rate.js

@@ -1,6 +1,8 @@
 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 { useI18n } from "../locale/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Tooltip from "../tooltip/index.js";
@@ -108,6 +110,7 @@ var rate_default = /* @__PURE__ */ defineComponent({
 	* @binding {number} index
 	*/
 	setup(props, { emit, slots }) {
+		const { t } = useI18n();
 		const { modelValue, allowClear } = toRefs(props);
 		const prefixCls = getPrefixCls("rate");
 		const { mergedDisabled: _mergedDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
@@ -178,6 +181,25 @@ var rate_default = /* @__PURE__ */ defineComponent({
 		const handleAnimationEnd = (index) => {
 			if (animation.value && index + 1 >= computedValue.value - 1) animation.value = false;
 		};
+		const handleKeydown = (e) => {
+			if (mergedDisabled.value) return;
+			const step = props.allowHalf ? .5 : 1;
+			let next = computedValue.value;
+			if (e.key === KEYBOARD_KEY.ARROW_RIGHT || e.key === KEYBOARD_KEY.ARROW_UP) next = next + step;
+			else if (e.key === KEYBOARD_KEY.ARROW_LEFT || e.key === KEYBOARD_KEY.ARROW_DOWN) next = next - step;
+			else if (e.key === KEYBOARD_KEY.HOME) next = 0;
+			else if (e.key === KEYBOARD_KEY.END) next = indexArray.value.length;
+			else return;
+			e.preventDefault();
+			next = Math.max(0, Math.min(next, indexArray.value.length));
+			if (next !== computedValue.value) {
+				var _eventHandlers$value4, _eventHandlers$value5;
+				_value.value = next;
+				emit("update:modelValue", next);
+				emit("change", next);
+				(_eventHandlers$value4 = eventHandlers.value) === null || _eventHandlers$value4 === void 0 || (_eventHandlers$value5 = _eventHandlers$value4.onChange) === null || _eventHandlers$value5 === void 0 || _eventHandlers$value5.call(_eventHandlers$value4);
+			}
+		};
 		const renderGradingCharacter = (index, displayIndex) => {
 			if (index > displayIndex) return createVNode(IconFaceMehFill, null, null);
 			if (displayIndex <= 2) return createVNode(IconFaceFrownFill, null, null);
@@ -237,7 +259,11 @@ var rate_default = /* @__PURE__ */ defineComponent({
 			"position": "top"
 		}, { default: () => [createVNode("div", {
 			"class": cls.value,
-			"onMouseleave": resetHoverIndex
+			"role": "radiogroup",
+			"aria-label": t("a11y.rating"),
+			"tabindex": mergedDisabled.value ? void 0 : 0,
+			"onMouseleave": resetHoverIndex,
+			"onKeydown": handleKeydown
 		}, [indexArray.value.map((_, index) => renderCharacter(index))])] });
 	}
 });

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

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

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

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

package/es/result/result.vue_vue_type_script_setup_true_lang.js

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

package/es/sd-vue.js

@@ -1,10 +1,10 @@
 import { useFormItem } from "./_hooks/use-form-item.js";
 import { _objectSpread2 } from "./_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import Affix from "./affix/index.js";
+import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Alert from "./alert/index.js";
 import anchor_link_default from "./anchor/anchor-link.js";
 import Anchor from "./anchor/index.js";
-import { addI18nMessages, getLocale, useLocale } from "./locale/index.js";
 import Trigger from "./trigger/index.js";
 import Tooltip from "./tooltip/index.js";
 import input_group_default from "./input/input-group.js";
@@ -21,8 +21,59 @@ import AvatarGroup from "./avatar/avatar-group.js";
 import Avatar from "./avatar/index.js";
 import BackTop from "./back-top/index.js";
 import Badge from "./badge/index.js";
-import BorderBeam from "./border-beam/index.js";
+import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
+import Link from "./link/index.js";
+import Popconfirm from "./popconfirm/index.js";
+import Space from "./space/index.js";
 import Empty from "./empty/index.js";
+import InputNumber from "./input-number/index.js";
+import Pagination from "./pagination/index.js";
+import checkbox_group_default from "./checkbox/checkbox-group.js";
+import Checkbox from "./checkbox/index.js";
+import radio_group_default from "./radio/radio-group.js";
+import Radio from "./radio/index.js";
+import table_tbody_default from "./table/table-tbody.js";
+import table_td_default from "./table/table-td.js";
+import table_th_default from "./table/table-th.js";
+import table_thead_default from "./table/table-thead.js";
+import table_tr_default from "./table/table-tr.js";
+import table_column_default from "./table/table-column.js";
+import Table from "./table/index.js";
+import grid_col_default from "./grid/grid-col.js";
+import grid_item_default from "./grid/grid-item.js";
+import grid_row_default from "./grid/grid-row.js";
+import Grid from "./grid/index.js";
+import form_item_default from "./form/form-item.js";
+import Form from "./form/index.js";
+import cascader_panel_default from "./cascader/cascader-panel.js";
+import Tag from "./tag/index.js";
+import InputTag from "./input-tag/index.js";
+import Cascader from "./cascader/index.js";
+import month_picker_default from "./date-picker/pickers/month-picker.js";
+import quarter_picker_default from "./date-picker/pickers/quarter-picker.js";
+import week_picker_default from "./date-picker/pickers/week-picker.js";
+import year_picker_default from "./date-picker/pickers/year-picker.js";
+import range_picker_default from "./date-picker/range-picker.js";
+import DatePicker from "./date-picker/index.js";
+import Textarea from "./textarea/index.js";
+import Mention from "./mention/index.js";
+import Rate from "./rate/index.js";
+import Select from "./select/index.js";
+import Slider from "./slider/index.js";
+import Switch from "./switch/index.js";
+import TimePicker from "./time-picker/index.js";
+import list_item_default from "./list/list-item.js";
+import list_item_meta_default from "./list/list-item-meta.js";
+import List from "./list/index.js";
+import Transfer from "./transfer/index.js";
+import Tree from "./tree/index.js";
+import TreeSelect from "./tree-select/index.js";
+import VerificationCode from "./verification-code/index.js";
+import JsonForm from "./json-form/index.js";
+import Toolbar from "./toolbar/index.js";
+import Modal from "./modal/index.js";
+import BasicCrudTable from "./basic-crud-table/index.js";
+import BorderBeam from "./border-beam/index.js";
 import dropdown_button_default from "./dropdown/dropdown-button.js";
 import dropdown_group_default from "./dropdown/dropdown-group.js";
 import dropdown_option_default from "./dropdown/dropdown-option.js";
@@ -30,38 +81,20 @@ import dropdown_submenu_default from "./dropdown/dropdown-submenu.js";
 import Dropdown from "./dropdown/index.js";
 import breadcrumb_item_default from "./breadcrumb/breadcrumb-item.js";
 import Breadcrumb from "./breadcrumb/index.js";
-import Ellipsis, { PerformantEllipsis } from "./ellipsis/index.js";
 import Calendar from "./calendar/index.js";
 import card_grid_default from "./card/card-grid.js";
 import card_meta_default from "./card/card-meta.js";
 import Card from "./card/index.js";
 import carousel_item_default from "./carousel/carousel-item.js";
 import Carousel from "./carousel/index.js";
-import checkbox_group_default from "./checkbox/checkbox-group.js";
-import Checkbox from "./checkbox/index.js";
-import radio_group_default from "./radio/radio-group.js";
-import Radio from "./radio/index.js";
-import cascader_panel_default from "./cascader/cascader-panel.js";
-import Tag from "./tag/index.js";
-import InputTag from "./input-tag/index.js";
-import Cascader from "./cascader/index.js";
 import collapse_item_default from "./collapse/collapse-item.js";
 import Collapse from "./collapse/index.js";
-import InputNumber from "./input-number/index.js";
-import Select from "./select/index.js";
 import ColorPicker from "./color-picker/index.js";
 import Comment from "./comment/index.js";
 import ConfigProvider from "./config-provider/index.js";
-import Link from "./link/index.js";
 import Message from "./message/index.js";
 import Copy from "./copy/index.js";
 import Cropper from "./cropper/index.js";
-import month_picker_default from "./date-picker/pickers/month-picker.js";
-import quarter_picker_default from "./date-picker/pickers/quarter-picker.js";
-import week_picker_default from "./date-picker/pickers/week-picker.js";
-import year_picker_default from "./date-picker/pickers/year-picker.js";
-import range_picker_default from "./date-picker/range-picker.js";
-import DatePicker from "./date-picker/index.js";
 import descriptions_item_default from "./descriptions/descriptions-item.js";
 import Descriptions from "./descriptions/index.js";
 import Divider from "./divider/index.js";
@@ -71,28 +104,7 @@ import preview_default from "./image/preview.js";
 import preview_group_default from "./image/preview-group.js";
 import Image from "./image/index.js";
 import FilePreviewer from "./file-previewer/index.js";
-import grid_col_default from "./grid/grid-col.js";
-import grid_item_default from "./grid/grid-item.js";
-import grid_row_default from "./grid/grid-row.js";
-import Grid from "./grid/index.js";
-import form_item_default from "./form/form-item.js";
-import Form from "./form/index.js";
 import Icon from "./icon-component/index.js";
-import Textarea from "./textarea/index.js";
-import Mention from "./mention/index.js";
-import Rate from "./rate/index.js";
-import Slider from "./slider/index.js";
-import Switch from "./switch/index.js";
-import TimePicker from "./time-picker/index.js";
-import Pagination from "./pagination/index.js";
-import list_item_default from "./list/list-item.js";
-import list_item_meta_default from "./list/list-item-meta.js";
-import List from "./list/index.js";
-import Transfer from "./transfer/index.js";
-import Tree from "./tree/index.js";
-import TreeSelect from "./tree-select/index.js";
-import VerificationCode from "./verification-code/index.js";
-import JsonForm from "./json-form/index.js";
 import content_default from "./layout/content.js";
 import footer_default from "./layout/footer.js";
 import header_default from "./layout/header.js";
@@ -102,11 +114,9 @@ import item_default from "./menu/item.js";
 import item_group_default from "./menu/item-group.js";
 import sub_menu_default from "./menu/sub-menu.js";
 import Menu from "./menu/index.js";
-import Modal from "./modal/index.js";
 import Notification from "./notification/index.js";
 import OverflowList from "./overflow-list/index.js";
 import PageHeader from "./page-header/index.js";
-import Popconfirm from "./popconfirm/index.js";
 import Progress from "./progress/index.js";
 import QrCode from "./qr-code/index.js";
 import ResizeBox from "./resize-box/index.js";
@@ -116,26 +126,17 @@ import SelectableCard from "./selectable-card/index.js";
 import line_default from "./skeleton/line.js";
 import shape_default from "./skeleton/shape.js";
 import Skeleton from "./skeleton/index.js";
-import Space from "./space/index.js";
 import Split from "./split/index.js";
 import countdown_default from "./statistic/countdown.js";
 import Statistic from "./statistic/index.js";
 import step_default from "./steps/step.js";
 import Steps from "./steps/index.js";
-import table_tbody_default from "./table/table-tbody.js";
-import table_td_default from "./table/table-td.js";
-import table_th_default from "./table/table-th.js";
-import table_thead_default from "./table/table-thead.js";
-import table_tr_default from "./table/table-tr.js";
-import table_column_default from "./table/table-column.js";
-import Table from "./table/index.js";
 import tab_pane_default from "./tabs/tab-pane.js";
 import Tabs from "./tabs/index.js";
 import TagGroup from "./tag-group/index.js";
 import ThemeProvider from "./theme-provider/index.js";
 import item_default$1 from "./timeline/item.js";
 import Timeline from "./timeline/index.js";
-import Toolbar from "./toolbar/index.js";
 import Tour from "./tour/index.js";
 import paragraph_default from "./typography/paragraph.js";
 import text_default from "./typography/text.js";
@@ -154,6 +155,7 @@ var components = {
 	Space,
 	Avatar,
 	Badge,
+	BasicCrudTable,
 	Calendar,
 	Card,
 	SelectableCard,

package/es/secret/secret.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 { useI18n } from "../locale/index.js";
 import Tooltip from "../tooltip/index.js";
 import IconEye from "../icon/icon-eye/index.js";
 import IconEyeInvisible from "../icon/icon-eye-invisible/index.js";
@@ -24,9 +25,10 @@ var secret_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 	emits: ["update:visible"],
 	setup(__props) {
 		const visibleValue = useModel(__props, "visible");
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("secret");
 		const toggleTooltip = computed(() => visibleValue.value ? "隐藏" : "显示");
-		const toggleAriaLabel = computed(() => visibleValue.value ? "隐藏敏感信息" : "显示敏感信息");
+		const toggleAriaLabel = computed(() => visibleValue.value ? t("a11y.secretHide") : t("a11y.secretShow"));
 		function handleToggleVisible() {
 			visibleValue.value = !visibleValue.value;
 		}