antdv-next 1.0.0-alpha.5 → 1.0.0-beta.1

package/dist/config-provider/context.js

@@ -94,7 +94,7 @@ function useComponentBaseConfig(propName, props, keys, suffixCls) {
 		getPrefixCls: context.value.getPrefixCls,
 		getTargetContainer: context.value.getTargetContainer,
 		virtual: computed(() => context.value.virtual),
-		renderEmpty: context.value.renderEmpty,
+		renderEmpty: computed(() => context.value.renderEmpty),
 		popupMatchSelectWidth: computed(() => context.value.popupMatchSelectWidth),
 		popupOverflow: computed(() => context.value.popupOverflow)
 	};

package/dist/config-provider/define.d.ts

@@ -1,5 +1,7 @@
 import { SizeType } from "./SizeContext.js";
 import { WarningContextProps } from "../_util/warning.js";
+import { ColumnType } from "../table/interface.js";
+import "../table/index.js";
 import { Locale } from "../locale/index.js";
 import { RenderEmptyHandler } from "./defaultRenderEmpty.js";
 import { AlertConfig, BadgeConfig, ButtonConfig, CSPConfig, CardConfig, CascaderConfig, CollapseConfig, ComponentStyleConfig, DatePickerConfig, DirectionType, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, InputConfig, InputNumberConfig, InputSearchConfig, MentionsConfig, MenuConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, RangePickerConfig, SelectConfig, SpaceConfig, SpinConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TooltipConfig, TransferConfig, TreeSelectConfig, Variant, WaveConfig } from "./context.js";
@@ -11,6 +13,12 @@ interface ConfigProviderProps {
   prefixCls?: string;
   iconPrefixCls?: string;
   renderEmpty?: RenderEmptyHandler;
+  transformCellText?: (ctx: {
+    text: any;
+    column: ColumnType<any>;
+    record: Record<string, any>;
+    index: number;
+  }) => any;
   csp?: CSPConfig;
   variant?: Variant;
   input?: InputConfig;
@@ -98,6 +106,12 @@ interface ConfigProviderProps {
 }
 interface ConfigProviderSlots {
   renderEmpty?: (componentName?: string) => any;
+  transformCellText?: (ctx: {
+    text: any;
+    column: ColumnType<any>;
+    record: Record<string, any>;
+    index: number;
+  }) => any;
   [key: string]: any;
 }
 interface ConfigProviderEmits {

package/dist/config-provider/index.d.ts

@@ -1,12 +1,12 @@
 import { ConfigProviderEmits, ConfigProviderProps, ConfigProviderSlots } from "./define.js";
 import { CSPConfig } from "./context.js";
-import * as vue188 from "vue";
+import * as vue82 from "vue";
 import { SlotsType, VNodeChild } from "vue";
 
 //#region src/config-provider/index.d.ts
 
-declare const ConfigProvider: vue188.DefineSetupFnComponent<ConfigProviderProps, ConfigProviderEmits, SlotsType<ConfigProviderSlots>, ConfigProviderProps & {
+declare const ConfigProvider: vue82.DefineSetupFnComponent<ConfigProviderProps, ConfigProviderEmits, SlotsType<ConfigProviderSlots>, ConfigProviderProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[] | unknown[]) => any) | undefined;
-}, vue188.PublicProps>;
+}, vue82.PublicProps>;
 //#endregion
 export { ConfigProvider };

package/dist/config-provider/index.js

@@ -11,8 +11,8 @@ import "../tooltip/index.js";
 import { DisabledContextProvider } from "./DisabledContext.js";
 import { useTheme } from "./hooks/useTheme.js";
 import "./style/index.js";
-import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps } from "vue";
 import { createTheme, useStyleContext } from "@antdv-next/cssinjs";
+import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps } from "vue";
 import { IconContextProvider } from "@antdv-next/icons";
 import defu from "defu";
 
@@ -25,9 +25,12 @@ const PASSED_PROPS = [
 	"getPopupContainer",
 	"renderEmpty",
 	"wave",
+	"input",
 	"pagination",
 	"transfer",
 	"mentions",
+	"form",
+	"select",
 	"button"
 ];
 const providerDefaultProps = { componentDisabled: void 0 };
@@ -196,6 +199,11 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		transformCellText: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
 		csp: {
 			type: Object,
 			required: false,
@@ -553,7 +561,13 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const context = useConfig();
 	const { locale } = useLocaleContext() ?? {};
 	return () => {
-		return createVNode(ProviderChildren, mergeProps({ "parentContext": context.value }, props, { "legacyLocale": locale?.value }), slots);
+		const renderEmpty = slots?.renderEmpty ?? props?.renderEmpty;
+		const transformCellText = slots?.transformCellText ?? props?.transformCellText;
+		return createVNode(ProviderChildren, mergeProps({ "parentContext": context.value }, props, {
+			"renderEmpty": renderEmpty,
+			"transformCellText": transformCellText,
+			"legacyLocale": locale?.value
+		}), slots);
 	};
 }, {
 	props: /* @__PURE__ */ mergeDefaults({
@@ -582,6 +596,11 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		transformCellText: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
 		csp: {
 			type: Object,
 			required: false,

package/dist/date-picker/generatePicker/generateRangePicker.js

@@ -107,7 +107,7 @@ function generateRangePicker(generateConfig) {
 		});
 		return () => {
 			const { placeholder, components, placement, suffixIcon, allowClear, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer,...restProps } = props;
-			const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+			const { className, style, restAttrs } = getAttrStyleAndClass(attrs, void 0, props);
 			const mergedSuffixIcon = getSlotPropsFnRun(slots, { suffixIcon }, "suffixIcon", false);
 			const [mergedAllowClear] = useIcons({ allowClear }, prefixCls.value);
 			const mergedComponents = useComponents(components);

package/dist/date-picker/generatePicker/generateSinglePicker.js

@@ -65,6 +65,7 @@ function generatePicker(generateConfig) {
 			};
 			const handleCalendarChange = (date, dateStr, info) => {
 				emit("calendarChange", date, dateStr, info);
+				if (props.multiple && !props.needConfirm) triggerChange(date, dateStr);
 				if (picker === TIME && !props.multiple) emit("select", date[0] ?? date);
 			};
 			const handlePanelChange = (value, mode) => {
@@ -111,7 +112,7 @@ function generatePicker(generateConfig) {
 			});
 			return () => {
 				const { placeholder, components, placement, suffixIcon, allowClear, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer,...restProps } = props;
-				const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+				const { className, style, restAttrs } = getAttrStyleAndClass(attrs, void 0, props);
 				const mergedSuffixIcon = getSlotPropsFnRun(slots, { suffixIcon }, "suffixIcon", false);
 				const [mergedAllowClear, removeIcon] = useIcons({
 					allowClear,

package/dist/date-picker/generatePicker/index.d.ts

@@ -1,32 +1,32 @@
 import { AnyObject } from "../../_util/type.js";
-import { RangePickerEmits, RangePickerSlots } from "./generateRangePicker.js";
-import { PickerLocale, PickerProps, PickerPropsWithMultiple, RangePickerProps } from "./interface.js";
 import { DatePickerEmits, DatePickerSlots } from "./generateSinglePicker.js";
-import * as vue342 from "vue";
+import { PickerLocale, PickerProps, PickerPropsWithMultiple, RangePickerProps } from "./interface.js";
+import { RangePickerEmits, RangePickerSlots } from "./generateRangePicker.js";
+import * as vue344 from "vue";
 import { GenerateConfig } from "@v-c/picker/generate/index";
 
 //#region src/date-picker/generatePicker/index.d.ts
-declare function generatePicker<DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>): vue342.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue342.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+declare function generatePicker<DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>): vue344.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue344.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue342.PublicProps> & {
-  WeekPicker: vue342.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue342.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+}, vue344.PublicProps> & {
+  WeekPicker: vue344.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue344.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue342.PublicProps>;
-  MonthPicker: vue342.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue342.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+  }, vue344.PublicProps>;
+  MonthPicker: vue344.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue344.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue342.PublicProps>;
-  YearPicker: vue342.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue342.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+  }, vue344.PublicProps>;
+  YearPicker: vue344.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue344.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue342.PublicProps>;
-  RangePicker: vue342.DefineSetupFnComponent<RangePickerProps<DateType>, RangePickerEmits<DateType>, vue342.SlotsType<RangePickerSlots>, RangePickerProps<DateType> & {
+  }, vue344.PublicProps>;
+  RangePicker: vue344.DefineSetupFnComponent<RangePickerProps<DateType>, RangePickerEmits<DateType>, vue344.SlotsType<RangePickerSlots>, RangePickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue342.PublicProps>;
-  TimePicker: vue342.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue342.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+  }, vue344.PublicProps>;
+  TimePicker: vue344.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue344.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue342.PublicProps>;
-  QuarterPicker: vue342.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue342.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
+  }, vue344.PublicProps>;
+  QuarterPicker: vue344.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue344.SlotsType<DatePickerSlots>, PickerProps<DateType> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue342.PublicProps>;
+  }, vue344.PublicProps>;
 };
 //#endregion
 export { generatePicker };

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

@@ -1,8 +1,8 @@
-import { RangePickerEmits, RangePickerSlots } from "./generatePicker/generateRangePicker.js";
+import { DatePickerEmits, DatePickerSlots } from "./generatePicker/generateSinglePicker.js";
 import { generatePicker } from "./generatePicker/index.js";
 import { PickerLocale, PickerProps, PickerPropsWithMultiple, RangePickerProps } from "./generatePicker/interface.js";
-import { DatePickerEmits, DatePickerSlots } from "./generatePicker/generateSinglePicker.js";
-import * as vue23 from "vue";
+import { RangePickerEmits, RangePickerSlots } from "./generatePicker/generateRangePicker.js";
+import * as vue13 from "vue";
 import { Dayjs } from "dayjs";
 
 //#region src/date-picker/index.d.ts
@@ -10,46 +10,48 @@ type DatePickerProps<ValueType = Dayjs, IsMultiple extends boolean = boolean> =
 type MonthPickerProps<ValueType = Dayjs | Dayjs> = Omit<DatePickerProps<ValueType>, 'picker'>;
 type WeekPickerProps<ValueType = Dayjs | Dayjs> = Omit<DatePickerProps<ValueType>, 'picker'>;
 type RangePickerProps$1 = RangePickerProps<Dayjs>;
-declare const DatePicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+declare const DatePicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue23.PublicProps> & {
-  WeekPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue13.PublicProps> & {
+  WeekPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue23.PublicProps>;
-  MonthPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+  }, vue13.PublicProps>;
+  MonthPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue23.PublicProps>;
-  YearPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+  }, vue13.PublicProps>;
+  YearPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue23.PublicProps>;
-  RangePicker: vue23.DefineSetupFnComponent<RangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue23.SlotsType<RangePickerSlots>, RangePickerProps<Dayjs> & {
+  }, vue13.PublicProps>;
+  RangePicker: vue13.DefineSetupFnComponent<RangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue13.SlotsType<RangePickerSlots>, RangePickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue23.PublicProps>;
-  TimePicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+  }, vue13.PublicProps>;
+  TimePicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue23.PublicProps>;
-  QuarterPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+  }, vue13.PublicProps>;
+  QuarterPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue23.PublicProps>;
+  }, vue13.PublicProps>;
 };
 type DatePickerType = typeof DatePicker & {
   generatePicker: typeof generatePicker;
+  _InternalPanelDoNotUseOrYouWillBeFired: any;
+  _InternalRangePanelDoNotUseOrYouWillBeFired: any;
 };
 declare const _default: DatePickerType;
-declare const DateRangePicker: vue23.DefineSetupFnComponent<RangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue23.SlotsType<RangePickerSlots>, RangePickerProps<Dayjs> & {
+declare const DateRangePicker: vue13.DefineSetupFnComponent<RangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue13.SlotsType<RangePickerSlots>, RangePickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue23.PublicProps>;
-declare const DateWeekPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue13.PublicProps>;
+declare const DateWeekPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue23.PublicProps>;
-declare const DateMonthPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue13.PublicProps>;
+declare const DateMonthPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue23.PublicProps>;
-declare const DateYearPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue13.PublicProps>;
+declare const DateYearPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue23.PublicProps>;
-declare const DateQuarterPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue13.PublicProps>;
+declare const DateQuarterPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue23.PublicProps>;
+}, vue13.PublicProps>;
 //#endregion
 export { DateMonthPicker, DatePickerProps, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, MonthPickerProps, RangePickerProps$1 as RangePickerProps, WeekPickerProps, _default };

package/dist/date-picker/index.js

@@ -1,3 +1,4 @@
+import PurePanel_default from "../_util/PurePanel.js";
 import generatePicker_default from "./generatePicker/index.js";
 import dayjsGenerateConfig from "@v-c/picker/generate/dayjs";
 
@@ -18,6 +19,8 @@ const DateWeekPicker = DatePicker.WeekPicker;
 const DateMonthPicker = DatePicker.MonthPicker;
 const DateYearPicker = DatePicker.YearPicker;
 const DateQuarterPicker = DatePicker.QuarterPicker;
+DatePicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel_default(DatePicker, "popupAlign", void 0, "picker");
+DatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = PurePanel_default(DatePicker.RangePicker, "popupAlign", void 0, "picker");
 
 //#endregion
 export { DateMonthPicker, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, date_picker_default as default };

package/dist/date-picker/style/panel.js

@@ -24,7 +24,7 @@ function genPickerCellInnerStyle(token) {
 			height: cellHeight,
 			lineHeight: unit(cellHeight),
 			borderRadius: borderRadiusSM,
-			transition: `background ${motionDurationMid}`
+			transition: `background-color ${motionDurationMid}`
 		},
 		[`&:hover:not(${pickerCellCls}-in-view):not(${pickerCellCls}-disabled),
     &:hover:not(${pickerCellCls}-selected):not(${pickerCellCls}-range-start):not(${pickerCellCls}-range-end):not(${pickerCellCls}-disabled)`]: { [pickerCellInnerCls]: { background: cellHoverBg } },
@@ -236,7 +236,7 @@ function genPanelStyle(token) {
 		},
 		"&-week-panel-row": {
 			"td": {
-				"&:before": { transition: `background ${motionDurationMid}` },
+				"&:before": { transition: `background-color ${motionDurationMid}` },
 				"&:first-child:before": {
 					borderStartStartRadius: borderRadiusSM,
 					borderEndStartRadius: borderRadiusSM
@@ -285,7 +285,7 @@ function genPanelStyle(token) {
 				"overflowY": "hidden",
 				"textAlign": "start",
 				"listStyle": "none",
-				"transition": `background ${motionDurationMid}`,
+				"transition": `background-color ${motionDurationMid}`,
 				"overflowX": "hidden",
 				"&::-webkit-scrollbar": {
 					width: 8,
@@ -324,7 +324,7 @@ function genPanelStyle(token) {
 							"lineHeight": unit(timeCellHeight),
 							"borderRadius": borderRadiusSM,
 							"cursor": "pointer",
-							"transition": `background ${motionDurationMid}`,
+							"transition": `background-color ${motionDurationMid}`,
 							"&:hover": { background: cellHoverBg }
 						},
 						"&-selected": { [`${componentCls}-time-panel-cell-inner`]: { background: controlItemBgActive } },

package/dist/descriptions/index.d.ts

@@ -4,7 +4,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { DescriptionsItemProps } from "./Item.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue198 from "vue";
+import * as vue84 from "vue";
 import { SlotsType } from "vue";
 import { Key } from "@v-c/util/dist/type";
 
@@ -50,8 +50,8 @@ interface DescriptionsSlots {
   labelRender?: RenderDescriptionsItem;
   contentRender?: RenderDescriptionsItem;
 }
-declare const Descriptions: vue198.DefineSetupFnComponent<DescriptionsProps, EmptyEmit, SlotsType<DescriptionsSlots>, DescriptionsProps & {
+declare const Descriptions: vue84.DefineSetupFnComponent<DescriptionsProps, EmptyEmit, SlotsType<DescriptionsSlots>, DescriptionsProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue198.PublicProps>;
+}, vue84.PublicProps>;
 //#endregion
 export { Descriptions, DescriptionsItemType, DescriptionsProps, DescriptionsSlots };

package/dist/divider/index.d.ts

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import { Orientation } from "../_util/hooks/useOrientation.js";
 import "../_util/hooks/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue186 from "vue";
+import * as vue86 from "vue";
 
 //#region src/divider/index.d.ts
 type SemanticName = 'root' | 'rail' | 'content';
@@ -32,6 +32,6 @@ interface DividerProps extends ComponentBaseProps {
   classes?: DividerClassNamesType;
   styles?: DividerStylesType;
 }
-declare const Divider: vue186.DefineSetupFnComponent<DividerProps, {}, {}, DividerProps & {}, vue186.PublicProps>;
+declare const Divider: vue86.DefineSetupFnComponent<DividerProps, {}, {}, DividerProps & {}, vue86.PublicProps>;
 //#endregion
 export { Divider, DividerProps };

package/dist/drawer/index.d.ts

@@ -1,7 +1,8 @@
 import { MaskType } from "../_util/hooks/useMergedMask.js";
 import "../_util/hooks/index.js";
+import { FocusableConfig, OmitFocusType } from "./useFocusable.js";
 import { DrawerPanelProps } from "./DrawerPanel.js";
-import * as vue190 from "vue";
+import * as vue88 from "vue";
 import { SlotsType } from "vue";
 import { DrawerProps } from "@v-c/drawer";
 
@@ -13,7 +14,7 @@ interface DrawerResizableConfig {
   onResizeStart?: () => void;
   onResizeEnd?: () => void;
 }
-interface DrawerProps$1 extends Omit<DrawerProps, 'maskStyle' | 'destroyOnHidden' | 'rootClassName' | 'mask' | 'resizable' | 'classNames' | 'styles' | 'onClose' | 'onKeyUp' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOver' | 'onClick'>, Omit<DrawerPanelProps, 'prefixCls' | 'ariaId' | 'onClose'> {
+interface DrawerProps$1 extends Omit<DrawerProps, 'maskStyle' | 'destroyOnHidden' | 'rootClassName' | 'mask' | 'resizable' | 'classNames' | 'styles' | 'onClose' | 'onKeyUp' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseOver' | 'onClick' | OmitFocusType>, Omit<DrawerPanelProps, 'prefixCls' | 'ariaId' | 'onClose'> {
   size?: sizeType | number;
   resizable?: boolean | DrawerResizableConfig;
   rootClass?: string;
@@ -26,6 +27,7 @@ interface DrawerProps$1 extends Omit<DrawerProps, 'maskStyle' | 'destroyOnHidden
    */
   destroyOnHidden?: boolean;
   mask?: MaskType;
+  focusable?: FocusableConfig;
 }
 interface DrawerEmits {
   'update:open': (open: boolean) => void;
@@ -46,8 +48,8 @@ interface DrawerSlots {
   default?: () => any;
   closeIcon?: () => any;
 }
-declare const Drawer: vue190.DefineSetupFnComponent<DrawerProps$1, DrawerEmits, SlotsType<DrawerSlots>, DrawerProps$1 & {
+declare const Drawer: vue88.DefineSetupFnComponent<DrawerProps$1, DrawerEmits, SlotsType<DrawerSlots>, DrawerProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue190.PublicProps>;
+}, vue88.PublicProps>;
 //#endregion
 export { Drawer, DrawerEmits, DrawerProps$1 as DrawerProps, DrawerResizableConfig, DrawerSlots };

package/dist/drawer/index.js

@@ -7,6 +7,7 @@ import { useZIndex } from "../_util/hooks/useZIndex.js";
 import "../_util/hooks/index.js";
 import { toPropsRefs } from "../_util/tools.js";
 import { ContextIsolator } from "../_util/ContextIsolator.js";
+import useFocusable from "./useFocusable.js";
 import { usePanelRef } from "../watermark/context.js";
 import DrawerPanel_default from "./DrawerPanel.js";
 import style_default from "./style/index.js";
@@ -26,7 +27,7 @@ const defaults = {
 const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
 	const id = useId();
 	const { getPopupContainer, direction, prefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, mask: contextMask } = useComponentBaseConfig("drawer", props, ["mask"]);
-	const { zIndex: customZIndex, mask: drawerMask, classes, styles } = toPropsRefs(props, "zIndex", "mask", "classes", "styles");
+	const { zIndex: customZIndex, mask: drawerMask, classes, styles, focusable } = toPropsRefs(props, "zIndex", "mask", "classes", "styles", "focusable");
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	if (isDev) {
 		const warning = devUseWarning("Drawer");
@@ -56,11 +57,15 @@ const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 	const panelRef = shallowRef();
 	const [zIndex, contextZIndex] = useZIndex("Drawer", customZIndex);
 	const [mergedMask, maskBlurClassName] = useMergedMask(drawerMask, contextMask, prefixCls);
+	const mergedFocusable = useFocusable(focusable, computed(() => {
+		return props?.getContainer !== false && mergedMask.value;
+	}));
 	const mergedProps = computed(() => {
 		return {
 			...props,
 			zIndex: zIndex.value,
-			mask: mergedMask.value
+			mask: mergedMask.value,
+			focusable: mergedFocusable.value
 		};
 	});
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
@@ -157,7 +162,9 @@ const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 			"afterOpenChange": afterOpenChange
 		}, resizable ? { resizable } : {}, {
 			"aria-labelledby": ariaLabelledby ?? ariaId,
-			"destroyOnHidden": destroyOnHidden ?? destroyOnClose
+			"destroyOnHidden": destroyOnHidden ?? destroyOnClose,
+			"focusTriggerAfterClose": mergedFocusable.value.focusTriggerAfterClose,
+			"focusTrap": mergedFocusable.value.trap
 		}), { default: () => [createVNode(DrawerPanel_default, mergeProps(rest, {
 			"prefixCls": prefixCls.value,
 			"size": size,
@@ -221,6 +228,11 @@ const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 			required: false,
 			default: void 0
 		},
+		focusable: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
 		prefixCls: {
 			type: String,
 			required: false,
@@ -432,11 +444,11 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	return () => {
 		const { restAttrs, className, style } = getAttrStyleAndClass(attrs);
 		const { placement = "right",...restProps } = props;
-		const cls = clsx(prefixCls, `${prefixCls}-pure`, `${prefixCls}-${placement}`, hashId, cssVarCls, className);
+		const cls = clsx(prefixCls.value, `${prefixCls.value}-pure`, `${prefixCls.value}-${placement}`, hashId.value, cssVarCls.value, className);
 		return createVNode("div", {
 			"class": cls,
 			"style": style
-		}, [createVNode(DrawerPanel_default, mergeProps(restAttrs, { "prefixCls": prefixCls.value }, restProps), slots)]);
+		}, [createVNode(DrawerPanel_default, mergeProps(restAttrs, restProps, { "prefixCls": prefixCls.value }), slots)]);
 	};
 }, { props: {
 	ariaId: {

package/dist/drawer/useFocusable.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+
+//#region src/drawer/useFocusable.d.ts
+type OmitFocusType = 'focusTriggerAfterClose' | 'focusTrap' | 'autoFocusButton';
+interface FocusableConfig {
+  focusTriggerAfterClose?: boolean;
+  trap?: boolean;
+}
+//#endregion
+export { FocusableConfig, OmitFocusType };

package/dist/drawer/useFocusable.js

@@ -0,0 +1,18 @@
+import { computed, shallowRef, unref } from "vue";
+
+//#region src/drawer/useFocusable.ts
+function useFocusable(focusable = shallowRef(), defaultTrap = shallowRef(), legacyFocusTriggerAfterClose = shallowRef()) {
+	const ret = {
+		trap: unref(defaultTrap) ?? true,
+		focusTriggerAfterClose: unref(legacyFocusTriggerAfterClose) ?? true
+	};
+	return computed(() => {
+		return {
+			...ret,
+			...unref(focusable)
+		};
+	});
+}
+
+//#endregion
+export { useFocusable as default };

package/dist/dropdown/dropdown.d.ts

@@ -4,7 +4,7 @@ import { AdjustOverflow } from "../_util/placements.js";
 import { MenuEmits, MenuProps as MenuProps$1, MenuSlots } from "../menu/menu.js";
 import "../menu/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue314 from "vue";
+import * as vue265 from "vue";
 import { SlotsType } from "vue";
 import { AlignType } from "@v-c/trigger";
 import { MenuProps } from "@v-c/menu";
@@ -57,8 +57,8 @@ interface DropdownSlots extends MenuSlots {
     source: 'trigger' | 'menu';
   }) => any;
 }
-declare const Dropdown: vue314.DefineSetupFnComponent<DropdownProps, DropdownEmits, SlotsType<DropdownSlots>, DropdownProps & {
+declare const Dropdown: vue265.DefineSetupFnComponent<DropdownProps, DropdownEmits, SlotsType<DropdownSlots>, DropdownProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue314.PublicProps>;
+}, vue265.PublicProps>;
 //#endregion
 export { Dropdown, DropdownArrowOptions, DropdownEmits, DropdownProps, DropdownSlots };

package/dist/dropdown/dropdown.js

@@ -9,6 +9,7 @@ import "../_util/hooks/index.js";
 import { toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import getPlacements from "../_util/placements.js";
+import PurePanel_default from "../_util/PurePanel.js";
 import { OverrideProvider } from "../menu/OverrideContext.js";
 import menu_default from "../menu/index.js";
 import style_default from "./style/index.js";
@@ -269,6 +270,12 @@ const Dropdown = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 	name: "ADropdown",
 	inheritAttrs: false
 });
+const PurePanel = PurePanel_default(Dropdown, "align", void 0, "dropdown", (prefixCls) => prefixCls);
+/* istanbul ignore next */
+function WrapPurePanel(props) {
+	return createVNode(PurePanel, props, { default: () => [createVNode("span", null, null)] });
+}
+Dropdown._InternalPanelDoNotUseOrYouWillBeFired = WrapPurePanel;
 Dropdown.install = (app) => {
 	app.component(Dropdown.name, Dropdown);
 };

package/dist/empty/index.d.ts

@@ -2,7 +2,7 @@ import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue61 from "vue";
+import * as vue49 from "vue";
 import { SlotsType } from "vue";
 import * as vue_jsx_runtime0 from "vue/jsx-runtime";
 
@@ -26,9 +26,9 @@ interface EmptySlots {
   description: () => any;
   default: () => any;
 }
-declare const Empty: vue61.DefineSetupFnComponent<EmptyProps, EmptyEmit, SlotsType<EmptySlots>, EmptyProps & {
+declare const Empty: vue49.DefineSetupFnComponent<EmptyProps, EmptyEmit, SlotsType<EmptySlots>, EmptyProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue61.PublicProps>;
+}, vue49.PublicProps>;
 declare const _default: typeof Empty & {
   PRESENTED_IMAGE_DEFAULT: typeof defaultEmptyImg;
   PRESENTED_IMAGE_SIMPLE: typeof simpleEmptyImg;

package/dist/flex/index.d.ts

@@ -1,14 +1,14 @@
 import { EmptyEmit } from "../_util/type.js";
 import { FlexProps } from "./interface.js";
-import * as vue196 from "vue";
+import * as vue74 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/flex/index.d.ts
 interface FlexSlots {
   default: () => any;
 }
-declare const Flex: vue196.DefineSetupFnComponent<FlexProps, EmptyEmit, SlotsType<FlexSlots>, FlexProps & {
+declare const Flex: vue74.DefineSetupFnComponent<FlexProps, EmptyEmit, SlotsType<FlexSlots>, FlexProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue196.PublicProps>;
+}, vue74.PublicProps>;
 //#endregion
 export { Flex };

package/dist/flex/index.js

@@ -23,7 +23,7 @@ const Flex = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		});
 		const mergedStyle = {};
 		if (flex) mergedStyle.flex = flex;
-		if (gap && !isPresetSize(gap)) mergedStyle.gap = typeof gap === "number" ? `${gap}px` : gap;
+		if (gap && !isPresetSize(gap)) mergedStyle.gap = /\d/.test(`${gap}`) ? `${gap}px` : gap;
 		return createVNode(component, {
 			class: [mergedCls, attrs.class],
 			style: [mergedStyle, attrs.style],

package/dist/float-button/BackTop.d.ts

@@ -1,6 +1,6 @@
 import { FloatButtonProps } from "./FloatButton.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue320 from "vue";
+import * as vue250 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/float-button/BackTop.d.ts
@@ -17,9 +17,9 @@ interface BackTopSlots {
   default?: () => any;
   icon?: () => any;
 }
-declare const BackTop: vue320.DefineSetupFnComponent<BackTopProps, BackTopEmits, SlotsType<BackTopSlots>, BackTopProps & {
+declare const BackTop: vue250.DefineSetupFnComponent<BackTopProps, BackTopEmits, SlotsType<BackTopSlots>, BackTopProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue320.PublicProps>;
+}, vue250.PublicProps>;
 declare const BackTopWithInstall: typeof BackTop;
 //#endregion
 export { BackTopWithInstall };