@sdata/web-vue 3.12.0 → 3.14.0

package/es/color-picker/color-picker.js

@@ -1,11 +1,13 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import Input from "../input/index.js";
+import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import Trigger from "../trigger/index.js";
+import Tooltip from "../tooltip/index.js";
+import Input from "../input/index.js";
 import { colors } from "./colors.js";
 import { formatColorState, getColorBackground, getColorObject, normalizeFormat, parseColorState } from "./utils.js";
 import panel_default from "./panel.js";
-import { computed, createVNode, defineComponent, mergeProps, ref } from "vue";
+import { computed, createVNode, defineComponent, mergeProps, ref, toRef } from "vue";
 //#region components/color-picker/color-picker.tsx
 var color_picker_default = /* @__PURE__ */ defineComponent({
 	name: "ColorPicker",
@@ -101,6 +103,14 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		*/
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
+		/**
 		* @zh 是否内联面板
 		* @en Render panel inline
 		*/
@@ -130,6 +140,7 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 	setup(props, { emit, slots }) {
 		const prefixCls = getPrefixCls("color-picker");
 		const innerValue = ref(props.defaultValue);
+		const popupVisible = ref(false);
 		const innerRecentColors = ref(Array.isArray(props.defaultRecentColors) ? props.defaultRecentColors : []);
 		const mergedValue = computed(() => {
 			var _props$modelValue;
@@ -191,27 +202,39 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 			handleColorChange(formatColorState(parseColorState(value, props.colorModes), normalizedFormat.value, mergedEnableAlpha.value), "input");
 		};
 		const onPopupVisibleChange = (visible) => {
+			popupVisible.value = visible;
 			emit("popup-visible-change", visible, triggerInputValue.value);
 		};
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), toRef(props, "disabled"));
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
 		const mergedTriggerProps = computed(() => _objectSpread2({
 			trigger: "click",
 			position: "bl",
-			disabled: props.disabled,
+			disabled: props.disabled || !!props.readonly,
 			popupOffset: 4,
 			animationName: "slide-dynamic-origin"
 		}, props.triggerProps));
 		const renderTriggerInput = () => {
-			return createVNode("div", { "class": {
-				[prefixCls]: true,
-				[`${prefixCls}-size-${props.size}`]: props.size,
-				[`${prefixCls}-disabled`]: props.disabled,
-				[`${prefixCls}-borderless`]: props.borderless
-			} }, [createVNode(Input, mergeProps({
+			return createVNode("div", {
+				"class": {
+					[prefixCls]: true,
+					[`${prefixCls}-size-${props.size}`]: props.size,
+					[`${prefixCls}-disabled`]: props.disabled,
+					[`${prefixCls}-readonly`]: !!props.readonly,
+					[`${prefixCls}-borderless`]: props.borderless
+				},
+				"onClick": showReadonlyTip
+			}, [createVNode(Input, mergeProps({
 				"class": `${prefixCls}-trigger-input`,
 				"size": props.size === "mini" ? "mini" : props.size,
 				"allowClear": props.clearable,
 				"disabled": props.disabled,
+				"readonly": props.readonly,
 				"modelValue": triggerInputValue.value,
+				"inputAttrs": {
+					"aria-haspopup": "dialog",
+					"aria-expanded": popupVisible.value
+				},
 				"onChange": handleTriggerInputChange,
 				"onClear": handleClear
 			}, props.inputProps), { prefix: () => createVNode("div", {
@@ -238,10 +261,15 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 			}, null);
 		};
 		return () => {
-			return props.hideTrigger ? renderPanel() : createVNode(Trigger, mergeProps({ "onPopupVisibleChange": onPopupVisibleChange }, mergedTriggerProps.value), {
+			if (props.hideTrigger) return renderPanel();
+			return createVNode(Tooltip, {
+				"popupVisible": tipVisible.value,
+				"content": readonlyTipText.value,
+				"position": "top"
+			}, { default: () => [createVNode(Trigger, mergeProps({ "onPopupVisibleChange": onPopupVisibleChange }, mergedTriggerProps.value), {
 				default: () => [slots.default ? slots.default() : renderTriggerInput()],
 				content: renderPanel
-			});
+			})] });
 		};
 	}
 });

package/es/color-picker/index.d.ts

@@ -50,6 +50,10 @@ declare const ColorPicker: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         hideTrigger: BooleanConstructor;
         triggerProps: {
             type: import("vue").PropType<Partial<import("..").TriggerProps>>;
@@ -83,6 +87,7 @@ declare const ColorPicker: {
         }) => true;
         'recent-colors-change': (_value: string[]) => true;
     }, import("vue").PublicProps, {
+        readonly: string | boolean;
         size: "small" | "mini" | "medium" | "large";
         disabled: boolean;
         defaultValue: string;
@@ -152,6 +157,10 @@ declare const ColorPicker: {
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+        };
         hideTrigger: BooleanConstructor;
         triggerProps: {
             type: import("vue").PropType<Partial<import("..").TriggerProps>>;
@@ -171,6 +180,7 @@ declare const ColorPicker: {
         }) => any) | undefined;
         "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        readonly: string | boolean;
         size: "small" | "mini" | "medium" | "large";
         disabled: boolean;
         defaultValue: string;
@@ -237,6 +247,10 @@ declare const ColorPicker: {
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+    };
     hideTrigger: BooleanConstructor;
     triggerProps: {
         type: import("vue").PropType<Partial<import("..").TriggerProps>>;
@@ -270,6 +284,7 @@ declare const ColorPicker: {
     }) => true;
     'recent-colors-change': (_value: string[]) => true;
 }, string, {
+    readonly: string | boolean;
     size: "small" | "mini" | "medium" | "large";
     disabled: boolean;
     defaultValue: string;

package/es/config-provider/context.d.ts

@@ -1,14 +1,14 @@
-import { CSSProperties, InjectionKey, Ref, Slots } from 'vue';
+import type { CSSProperties, InjectionKey, Ref, Slots } from 'vue';
 export type { JsonFormProviderConfig } from '../json-form/types';
+import type { VirtualListProps } from '../_components/virtual-list/interface';
+import type { Size } from '../_utils/constant';
+import type { ButtonProps } from '../button';
+import type { ShortcutType, WeekStart } from '../date-picker/interface';
+import type { EllipsisTooltipProps } from '../ellipsis';
 import type { JsonFormProviderConfig } from '../json-form/types';
-import { VirtualListProps } from '../_components/virtual-list/interface';
-import { Size } from '../_utils/constant';
-import { ButtonProps } from '../button';
-import { ShortcutType, WeekStart } from '../date-picker/interface';
-import { EllipsisTooltipProps } from '../ellipsis';
-import { SdLang } from '../locale/interface';
-import { PaginationSelectProps } from '../pagination/interface';
-import { SDThemeNormalized } from './theme';
+import type { SdLang } from '../locale/interface';
+import type { PaginationSelectProps } from '../pagination/interface';
+import type { SDThemeNormalized } from './theme';
 export interface ConfigProviderModal {
     mask?: boolean;
     maskClosable?: boolean;

package/es/copy/copy.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/asyncToGenerator.js";
-import Button from "../button/index.js";
 import Tooltip from "../tooltip/index.js";
+import Button from "../button/index.js";
 import IconCopy from "../icon/icon-copy/index.js";
 import Link from "../link/index.js";
 import Message from "../message/index.js";
-import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx } from "vue";
+import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, useSlots, withCtx } from "vue";
 import copy from "copy-to-clipboard";
 //#region components/copy/copy.vue?vue&type=script&setup=true&lang.ts
 var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
@@ -49,7 +49,14 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		const props = __props;
 		const emit = __emit;
 		const attrs = useAttrs();
+		const slots = useSlots();
 		const prefixCls = getPrefixCls("copy");
+		const computedAriaLabel = computed(() => {
+			const consumer = attrs["aria-label"];
+			if (consumer !== void 0) return consumer;
+			if (slots.default) return void 0;
+			return props.tooltip;
+		});
 		const componentMap = {
 			link: Link,
 			button: Button
@@ -81,12 +88,13 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			return openBlock(), createBlock(unref(Tooltip), normalizeProps(guardReactiveProps(mergedTooltipProps.value)), {
 				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(renderComponent.value), mergeProps(unref(attrs), {
 					class: componentClass.value,
+					"aria-label": computedAriaLabel.value,
 					onClick: handleCopy
 				}), {
 					icon: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(IconCopy))])]),
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 16, ["class"]))]),
+				}, 16, ["class", "aria-label"]))]),
 				_: 3
 			}, 16);
 		};

package/es/date-picker/index.d.ts

@@ -348,7 +348,7 @@ declare const DatePicker: {
                 default: boolean;
             };
             readonly: {
-                type: BooleanConstructor;
+                type: (StringConstructor | BooleanConstructor)[];
             };
             error: {
                 type: BooleanConstructor;
@@ -429,7 +429,6 @@ declare const DatePicker: {
             "update:pickerValue": (value: CalendarValue[]) => any;
         }, import("vue").PublicProps, {
             error: boolean;
-            readonly: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
@@ -537,7 +536,7 @@ declare const DatePicker: {
                 default: boolean;
             };
             readonly: {
-                type: BooleanConstructor;
+                type: (StringConstructor | BooleanConstructor)[];
             };
             error: {
                 type: BooleanConstructor;
@@ -607,7 +606,6 @@ declare const DatePicker: {
             "onUpdate:pickerValue"?: ((value: CalendarValue[]) => any) | undefined;
         }>, {}, {}, {}, {}, {
             error: boolean;
-            readonly: boolean;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
@@ -712,7 +710,7 @@ declare const DatePicker: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
         };
         error: {
             type: BooleanConstructor;
@@ -793,7 +791,6 @@ declare const DatePicker: {
         "update:pickerValue": (value: CalendarValue[]) => any;
     }, string, {
         error: boolean;
-        readonly: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";

package/es/date-picker/panels/body.vue_vue_type_script_setup_true_lang.js

@@ -5,6 +5,9 @@ import useCellClassName from "../hooks/use-cell-class-name.js";
 import { Fragment, computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, reactive, renderList, renderSlot, toDisplayString, toRefs, unref } from "vue";
 //#region components/date-picker/panels/body.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
+	"aria-label",
+	"aria-selected",
+	"aria-disabled",
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
@@ -45,6 +48,7 @@ var body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			now
 		}));
 		const isCellDisabled = (cellData) => isDisabledDate(cellData.value, disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate.value, mode === null || mode === void 0 ? void 0 : mode.value);
+		const isCellSelected = (cellData) => Boolean((value === null || value === void 0 ? void 0 : value.value) && (isSameTime === null || isSameTime === void 0 ? void 0 : isSameTime.value) && isSameTime.value(cellData.value, value.value));
 		const isWeek = computed(() => (mode === null || mode === void 0 ? void 0 : mode.value) === "week");
 		const isHiddenNotInViewCell = (cellData) => props.hideNotInViewDates && (cellData.isPrev || cellData.isNext);
 		const getCellClassNameFn = (cellData) => {
@@ -63,17 +67,26 @@ var body_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			emit("cell-mouse-enter", cellData);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(`${unref(prefixCls)}-body`) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, rowIndex) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(`${unref(prefixCls)}-body`),
+				role: "grid"
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, rowIndex) => {
 				return openBlock(), createElementBlock("div", {
 					key: rowIndex,
+					role: "row",
 					class: normalizeClass([`${unref(prefixCls)}-row`, { [`${unref(prefixCls)}-row-week`]: isWeek.value }])
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, colIndex) => {
+					var _cell$value;
 					return openBlock(), createElementBlock(Fragment, null, [isWeek.value && colIndex === 0 ? (openBlock(), createElementBlock("div", {
 						key: colIndex,
 						class: normalizeClass([`${unref(prefixCls)}-cell`, `${unref(prefixCls)}-cell-week`])
 					}, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-date-value`) }, toDisplayString(cell.label), 3)], 2)], 2)) : (openBlock(), createElementBlock("div", {
 						key: colIndex,
 						class: normalizeClass(getCellClassNameFn(cell)),
+						role: "gridcell",
+						"aria-label": (_cell$value = cell.value) === null || _cell$value === void 0 ? void 0 : _cell$value.format("YYYY-MM-DD"),
+						"aria-selected": isCellSelected(cell) ? "true" : void 0,
+						"aria-disabled": isCellDisabled(cell) || isHiddenNotInViewCell(cell) || void 0,
 						onMouseenter: () => {
 							onCellMouseEnter(cell);
 						},

package/es/date-picker/picker.vue.d.ts

@@ -946,7 +946,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -1081,7 +1081,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -1206,7 +1206,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:pickerValue"?: ((_value: CalendarValue) => any) | undefined;
 }>, {
     error: boolean;
-    readonly: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";

package/es/date-picker/picker.vue_vue_type_script_setup_true_lang.js

@@ -3,12 +3,12 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction } from "../_utils/is.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
+import { useI18n } from "../locale/index.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
+import Trigger from "../trigger/index.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import Trigger from "../trigger/index.js";
-import { useI18n } from "../locale/index.js";
 import { getDateValue, getDayjsValue, getNow, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import input_default from "../_components/picker/input.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
@@ -57,7 +57,7 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		* @zh 是否为只读
 		* @en Whether it is read-only
 		* */
-		readonly: { type: Boolean },
+		readonly: { type: [Boolean, String] },
 		/**
 		* @zh 是否为错误状态
 		* @en Whether it is an error state
@@ -451,7 +451,7 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			timePickerProps,
 			selectedValue: panelValue
 		}));
-		const inputEditable = computed(() => !readonly.value && !isFunction(inputFormat.value));
+		const inputEditable = computed(() => !(readonly === null || readonly === void 0 ? void 0 : readonly.value) && !isFunction(inputFormat.value));
 		const headerMode = ref();
 		watch(panelVisible, (newVisible) => {
 			setProcessValue(void 0);
@@ -632,11 +632,12 @@ var picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				"popup-offset": 4
 			}, __props.triggerProps, {
 				position: __props.position,
-				disabled: unref(mergedDisabled) || unref(readonly),
+				disabled: unref(mergedDisabled) || !!unref(readonly),
 				"prevent-focus": true,
 				"popup-visible": unref(panelVisible),
 				"unmount-on-close": __props.unmountOnClose,
 				"popup-container": __props.popupContainer,
+				"aria-has-popup": "dialog",
 				onPopupVisibleChange: onPanelVisibleChange
 			}), {
 				content: withCtx(() => [renderSlot(_ctx.$slots, "panelRender", {

package/es/date-picker/range-picker.vue.d.ts

@@ -1390,7 +1390,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -1537,7 +1537,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -1607,7 +1607,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:pickerValue"?: ((value: CalendarValue[]) => any) | undefined;
 }>, {
     error: boolean;
-    readonly: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";

package/es/date-picker/range-picker.vue_vue_type_script_setup_true_lang.js

@@ -4,12 +4,12 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isBoolean } from "../_utils/is.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
+import { useI18n } from "../locale/index.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
+import Trigger from "../trigger/index.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import Trigger from "../trigger/index.js";
-import { useI18n } from "../locale/index.js";
 import { getDateValue, getDayjsValue, getNow, getSortedDayjsArray, initializeDateLocale, isValueChange, toLocal } from "../_utils/date.js";
 import { useConfigProviderProp } from "../_hooks/use-config-provider-prop.js";
 import IconCalendar from "../icon/icon-calendar/index.js";
@@ -159,7 +159,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			type: Boolean,
 			default: true
 		},
-		readonly: { type: Boolean },
+		readonly: { type: [Boolean, String] },
 		error: { type: Boolean },
 		size: { type: String },
 		shortcuts: {
@@ -666,7 +666,7 @@ var range_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}, __props.triggerProps, {
 				"unmount-on-close": __props.unmountOnClose,
 				position: __props.position,
-				disabled: triggerDisabled.value || __props.readonly,
+				disabled: triggerDisabled.value || !!__props.readonly,
 				"popup-visible": unref(panelVisible),
 				"popup-container": __props.popupContainer,
 				onPopupVisibleChange: onPanelVisibleChange

package/es/date-picker/style/index.css

@@ -30,7 +30,7 @@
   background-color: var(--sd-color-fill-2);
   border: 1px solid transparent;
   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), box-shadow 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-picker-input {
   display: inline-flex;
@@ -46,7 +46,7 @@
   background-color: transparent;
   border: none;
   outline: none;
-  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-picker input::placeholder {
   color: var(--sd-color-text-3);
@@ -261,7 +261,7 @@
   text-align: center;
   background-color: var(--sd-color-bg-popup);
   border-radius: 50%;
-  transition: all 0.1s cubic-bezier(0, 0, 1, 1);
+  transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   user-select: none;
 }
 .sd-picker-header-icon:not(.sd-picker-header-icon-hidden) {
@@ -274,7 +274,7 @@
   padding: 2px;
   border-radius: 2px;
   cursor: pointer;
-  transition: all 0.1s;
+  transition: background-color 0.1s;
 }
 .sd-picker-header-label:hover {
   background-color: var(--sd-color-fill-3);
@@ -330,7 +330,7 @@
 .sd-picker-cell-selected .sd-picker-date-value {
   color: var(--sd-color-white);
   background-color: rgb(var(--sd-primary-6));
-  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-picker-cell-in-view:not(.sd-picker-cell-selected, .sd-picker-cell-range-start, .sd-picker-cell-range-end, .sd-picker-cell-disabled, .sd-picker-cell-week) .sd-picker-date-value:hover {
   color: var(--sd-color-text-1);

package/es/date-picker/style/index.scss

@@ -88,7 +88,8 @@ $picker-prefix-cls: string.unquote('#{theme.$prefix}-picker');
       text-align: center;
       background-color: $picker-color-bg-switch-icon;
       border-radius: 50%;
-      transition: all theme.$transition-duration-1 theme.$transition-timing-function-linear;
+      transition: background-color theme.$transition-duration-1
+        theme.$transition-timing-function-standard;
       user-select: none;
     }
 
@@ -104,7 +105,7 @@ $picker-prefix-cls: string.unquote('#{theme.$prefix}-picker');
       padding: 2px;
       border-radius: 2px;
       cursor: pointer;
-      transition: all theme.$transition-duration-1;
+      transition: background-color theme.$transition-duration-1;
 
       &:hover {
         background-color: $picker-panel-color-bg-label_hover;
@@ -172,7 +173,7 @@ $picker-prefix-cls: string.unquote('#{theme.$prefix}-picker');
     color: $picker-panel-color-text-cell_selected;
     background-color: $picker-panel-color-bg-cell_selected;
     transition: background-color theme.$transition-duration-1
-      theme.$transition-timing-function-linear;
+      theme.$transition-timing-function-standard;
   }
 
   &-cell-in-view:not(

package/es/drawer/drawer.vue.d.ts

@@ -218,6 +218,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     visible: boolean;
     unmountOnClose: boolean;
     renderToBody: boolean;
+    escToClose: boolean;
     height: string | number;
     defaultVisible: boolean;
     closable: boolean;
@@ -226,7 +227,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     titleEllipsisTooltip: boolean | EllipsisTooltipProps;
     maskClosable: boolean;
     okLoading: boolean;
-    escToClose: boolean;
     hideCancel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;