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

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 vue234 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>): vue234.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue234.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;
-}, vue234.PublicProps> & {
-  WeekPicker: vue234.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue234.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;
-  }, vue234.PublicProps>;
-  MonthPicker: vue234.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue234.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;
-  }, vue234.PublicProps>;
-  YearPicker: vue234.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue234.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;
-  }, vue234.PublicProps>;
-  RangePicker: vue234.DefineSetupFnComponent<RangePickerProps<DateType>, RangePickerEmits<DateType>, vue234.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;
-  }, vue234.PublicProps>;
-  TimePicker: vue234.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue234.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;
-  }, vue234.PublicProps>;
-  QuarterPicker: vue234.DefineSetupFnComponent<PickerProps<DateType>, DatePickerEmits<DateType>, vue234.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;
-  }, vue234.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 vue15 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: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-}, vue15.PublicProps> & {
-  WeekPicker: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-  }, vue15.PublicProps>;
-  MonthPicker: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-  }, vue15.PublicProps>;
-  YearPicker: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-  }, vue15.PublicProps>;
-  RangePicker: vue15.DefineSetupFnComponent<RangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue15.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;
-  }, vue15.PublicProps>;
-  TimePicker: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-  }, vue15.PublicProps>;
-  QuarterPicker: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-  }, vue15.PublicProps>;
+  }, vue13.PublicProps>;
 };
 type DatePickerType = typeof DatePicker & {
   generatePicker: typeof generatePicker;
+  _InternalPanelDoNotUseOrYouWillBeFired: any;
+  _InternalRangePanelDoNotUseOrYouWillBeFired: any;
 };
 declare const _default: DatePickerType;
-declare const DateRangePicker: vue15.DefineSetupFnComponent<RangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue15.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;
-}, vue15.PublicProps>;
-declare const DateWeekPicker: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-}, vue15.PublicProps>;
-declare const DateMonthPicker: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-}, vue15.PublicProps>;
-declare const DateYearPicker: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-}, vue15.PublicProps>;
-declare const DateQuarterPicker: vue15.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue15.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;
-}, vue15.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 vue105 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: vue105.DefineSetupFnComponent<DescriptionsProps, EmptyEmit, SlotsType<DescriptionsSlots>, DescriptionsProps & {
+declare const Descriptions: vue84.DefineSetupFnComponent<DescriptionsProps, EmptyEmit, SlotsType<DescriptionsSlots>, DescriptionsProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue105.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 vue107 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: vue107.DefineSetupFnComponent<DividerProps, {}, {}, DividerProps & {}, vue107.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 vue109 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: vue109.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;
-}, vue109.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 vue317 from "vue";
+import * as vue265 from "vue";
 import { SlotsType } from "vue";
 import { AlignType } from "@v-c/trigger";
 import { MenuProps } from "@v-c/menu";
@@ -23,7 +23,7 @@ interface DropdownProps extends ComponentBaseProps {
   styles?: DropdownStylesType;
   menu?: MenuProps$1 & {
     activeKey?: MenuProps['activeKey'];
-    onClick: MenuEmits['click'];
+    onClick?: MenuEmits['click'];
   };
   autoFocus?: boolean;
   arrow?: boolean | DropdownArrowOptions;
@@ -57,8 +57,8 @@ interface DropdownSlots extends MenuSlots {
     source: 'trigger' | 'menu';
   }) => any;
 }
-declare const Dropdown: vue317.DefineSetupFnComponent<DropdownProps, DropdownEmits, SlotsType<DropdownSlots>, DropdownProps & {
+declare const Dropdown: vue265.DefineSetupFnComponent<DropdownProps, DropdownEmits, SlotsType<DropdownSlots>, DropdownProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue317.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";
@@ -42,11 +43,12 @@ const Dropdown = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 	const warning = devUseWarning("Dropdown");
 	const triggerActions = computed(() => props.disabled ? [] : props.trigger);
 	const alignPoint = computed(() => !!triggerActions.value?.includes("contextMenu"));
-	const mergedOpen = shallowRef(props?.open);
-	watch(() => props.open, () => {
-		mergedOpen.value = props.open;
+	const mergedOpen = shallowRef(props.open ?? false);
+	watch(() => props.open, (value) => {
+		if (value !== void 0) mergedOpen.value = value;
 	});
 	const onInnerOpenChange = (nextOpen) => {
+		if (props.open === void 0) mergedOpen.value = nextOpen;
 		emit("openChange", nextOpen, { source: "trigger" });
 		emit("update:open", nextOpen);
 	};
@@ -60,6 +62,7 @@ const Dropdown = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 	const onMenuClick = () => {
 		const menu = props?.menu;
 		if (menu?.selectable && menu?.multiple) return;
+		if (props.open === void 0) mergedOpen.value = false;
 		emit("update:open", false);
 		emit("openChange", false, { source: "menu" });
 	};
@@ -267,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 vue13 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: vue13.DefineSetupFnComponent<EmptyProps, EmptyEmit, SlotsType<EmptySlots>, EmptyProps & {
+declare const Empty: vue49.DefineSetupFnComponent<EmptyProps, EmptyEmit, SlotsType<EmptySlots>, EmptyProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue13.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 vue113 from "vue";
+import * as vue74 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/flex/index.d.ts
 interface FlexSlots {
   default: () => any;
 }
-declare const Flex: vue113.DefineSetupFnComponent<FlexProps, EmptyEmit, SlotsType<FlexSlots>, FlexProps & {
+declare const Flex: vue74.DefineSetupFnComponent<FlexProps, EmptyEmit, SlotsType<FlexSlots>, FlexProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue113.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 vue307 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: vue307.DefineSetupFnComponent<BackTopProps, BackTopEmits, SlotsType<BackTopSlots>, BackTopProps & {
+declare const BackTop: vue250.DefineSetupFnComponent<BackTopProps, BackTopEmits, SlotsType<BackTopSlots>, BackTopProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue307.PublicProps>;
+}, vue250.PublicProps>;
 declare const BackTopWithInstall: typeof BackTop;
 //#endregion
 export { BackTopWithInstall };

package/dist/float-button/BackTop.js

@@ -1,6 +1,6 @@
 import throttleByAnimationFrame_default from "../_util/throttleByAnimationFrame.js";
 import { useComponentBaseConfig, useConfig } from "../config-provider/context.js";
-import { pureAttrs } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass as getAttrStyleAndClass$1, pureAttrs } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { toPropsRefs } from "../_util/tools.js";
 import getScroll_default from "../_util/getScroll.js";
@@ -75,12 +75,15 @@ const BackTopWithInstall = /* @__PURE__ */ defineComponent((props, { attrs, slot
 		emit("click", e);
 	};
 	return () => {
+		const { className, style } = getAttrStyleAndClass$1(attrs);
 		return createVNode(Transition, transitionProps.value, { default: () => visible.value ? createVNode(FloatButton_default, mergeProps(pureAttrs(attrs), omit(props, [
 			"visibilityHeight",
 			"target",
 			"duration"
 		]), {
 			"ref": floatButtonRef,
+			"class": className,
+			"style": style,
 			"shape": mergedShape.value,
 			"icon": mergedIcon.value,
 			"onClick": scrollToTop

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

@@ -7,7 +7,7 @@ import { ButtonSemanticName } from "../button/Button.js";
 import "../button/index.js";
 import { BadgeProps } from "../badge/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue309 from "vue";
+import * as vue254 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/float-button/FloatButton.d.ts
@@ -54,9 +54,9 @@ interface FloatButtonEmits {
   blur: (e: FocusEvent) => void;
   [key: string]: (...args: any[]) => void;
 }
-declare const InternalFloatButton: vue309.DefineSetupFnComponent<FloatButtonProps, FloatButtonEmits, SlotsType<FloatButtonSlots>, FloatButtonProps & {
+declare const InternalFloatButton: vue254.DefineSetupFnComponent<FloatButtonProps, FloatButtonEmits, SlotsType<FloatButtonSlots>, FloatButtonProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue309.PublicProps>;
+}, vue254.PublicProps>;
 declare const FloatButton: typeof InternalFloatButton;
 //#endregion
 export { FloatButton, FloatButtonGroupTrigger, FloatButtonProps, FloatButtonRef };

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

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { FloatButtonGroupTrigger, FloatButtonProps } from "./FloatButton.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue311 from "vue";
+import * as vue252 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/float-button/FloatButtonGroup.d.ts
@@ -31,9 +31,9 @@ interface FloatButtonGroupEmits {
   'click': (e: MouseEvent) => void;
   [key: string]: (...args: any[]) => void;
 }
-declare const InternalFloatButtonGroup: vue311.DefineSetupFnComponent<FloatButtonGroupProps, FloatButtonGroupEmits, SlotsType<FloatButtonGroupSlots>, FloatButtonGroupProps & {
+declare const InternalFloatButtonGroup: vue252.DefineSetupFnComponent<FloatButtonGroupProps, FloatButtonGroupEmits, SlotsType<FloatButtonGroupSlots>, FloatButtonGroupProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue311.PublicProps>;
+}, vue252.PublicProps>;
 declare const FloatButtonGroup: typeof InternalFloatButtonGroup;
 //#endregion
 export { FloatButtonGroup, FloatButtonGroupProps };

package/dist/float-button/PurePanel.js

@@ -11,7 +11,7 @@ import { omit } from "es-toolkit";
 //#region src/float-button/PurePanel.tsx
 const PureFloatButton = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	return () => {
-		if (props.backTop) return createVNode(BackTop_default, mergeProps(omit(props, ["backTop"]), { "visibilityHeight": 0 }, attrs), slots);
+		if (props.backTop) return createVNode(BackTop_default, mergeProps(attrs, omit(props, ["backTop"]), { "visibilityHeight": 0 }), slots);
 		return createVNode(FloatButton_default, mergeProps(omit(props, ["backTop"]), attrs), slots);
 	};
 }, {
@@ -134,7 +134,7 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	const pureCls = computed(() => `${prefixCls.value}-pure`);
 	const renderItems = () => (props.items ?? []).map((item, index) => createVNode(PureFloatButton, mergeProps({ "key": index }, item), null));
 	return () => {
-		if (props.items && props.items.length) return createVNode(FloatButtonGroup_default, mergeProps(omit(props, [
+		if (props.items && props.items.length) return createVNode(FloatButtonGroup_default, mergeProps(pureAttrs(attrs), omit(props, [
 			"items",
 			"classes",
 			"styles"
@@ -142,12 +142,12 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 			"class": clsx(attrs.class, pureCls.value),
 			"classes": props.classes,
 			"styles": props.styles
-		}, pureAttrs(attrs)), { default: () => renderItems() });
-		return createVNode(PureFloatButton, mergeProps(omit(props, ["items"]), {
+		}), { default: () => renderItems() });
+		return createVNode(PureFloatButton, mergeProps(pureAttrs(attrs), omit(props, ["items"]), {
 			"class": clsx(attrs.class, pureCls.value),
 			"classes": props.classes,
 			"styles": props.styles
-		}, pureAttrs(attrs)), slots);
+		}), slots);
 	};
 }, {
 	props: {