antdv-next 1.0.0-beta.3 → 1.0.0-rc.1

package/dist/date-picker/generatePicker/interface.d.mts

@@ -1,23 +1,51 @@
 import { SizeType } from "../../config-provider/SizeContext.mjs";
 import { AnyObject } from "../../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../../_util/hooks/useMergeSemantic.mjs";
 import "../../_util/hooks/index.mjs";
 import { InputStatus } from "../../_util/statusUtils.mjs";
 import { TimePickerLocale } from "../../time-picker/index.mjs";
 import { Variant } from "../../config-provider/context.mjs";
-import { CSSProperties } from "vue";
+import { CSSProperties, Ref } from "vue";
 import { Locale, PickerProps, RangePickerProps } from "@v-c/picker";
 
 //#region src/date-picker/generatePicker/interface.d.ts
 declare const _DataPickerPlacements: readonly ["bottomLeft", "bottomRight", "topLeft", "topRight"];
 type DataPickerPlacement = (typeof _DataPickerPlacements)[number];
-type PickerSemanticName = 'root' | 'prefix' | 'input' | 'suffix';
-type PopupSemanticName = 'root' | 'header' | 'body' | 'content' | 'item' | 'footer' | 'container';
-type DatePickerClassNamesType<P> = SemanticClassNamesType<InjectDefaultProps<P>, PickerSemanticName, {
-  popup?: string | SemanticClassNames<PopupSemanticName>;
+interface DatePickerSemanticClassNames {
+  root?: string;
+  prefix?: string;
+  input?: string;
+  suffix?: string;
+}
+interface DatePickerSemanticStyles {
+  root?: CSSProperties;
+  prefix?: CSSProperties;
+  input?: CSSProperties;
+  suffix?: CSSProperties;
+}
+interface DatePickerPanelSemanticClassNames {
+  root?: string;
+  header?: string;
+  body?: string;
+  content?: string;
+  item?: string;
+  footer?: string;
+  container?: string;
+}
+interface DatePickerPanelSemanticStyles {
+  root?: CSSProperties;
+  header?: CSSProperties;
+  body?: CSSProperties;
+  content?: CSSProperties;
+  item?: CSSProperties;
+  footer?: CSSProperties;
+  container?: CSSProperties;
+}
+type DatePickerClassNamesType<P> = SemanticClassNamesType<InjectDefaultProps<P>, DatePickerSemanticClassNames, {
+  popup?: string | DatePickerPanelSemanticClassNames;
 }>;
-type DatePickerStylesType<P> = SemanticStylesType<InjectDefaultProps<P>, PickerSemanticName, {
-  popup?: SemanticStyles<PopupSemanticName>;
+type DatePickerStylesType<P> = SemanticStylesType<InjectDefaultProps<P>, DatePickerSemanticStyles, {
+  popup?: DatePickerPanelSemanticStyles;
 }>;
 type PickerLocale = {
   lang: Locale & AdditionalPickerLocaleLangProps;
@@ -62,8 +90,7 @@ type RcEventKeys = 'onChange' | 'onCalendarChange' | 'onPanelChange' | 'onOpenCh
 type InjectDefaultProps<Props> = Omit<Props, 'locale' | 'generateConfig' | 'hideHeader' | 'classNames' | 'styles' | RcEventKeys | 'className' | 'style' | 'rootClassName'> & {
   locale?: PickerLocale;
   size?: SizeType;
-  placement?: DataPickerPlacement;
-  /** @deprecated Use `variant` instead */
+  placement?: DataPickerPlacement; /** @deprecated Use `variant` instead */
   bordered?: boolean;
   status?: InputStatus;
   /**

package/dist/date-picker/hooks/useMergedPickerSemantic.mjs

@@ -5,11 +5,11 @@ import { computed, unref } from "vue";
 import { clsx } from "@v-c/util";
 
 //#region src/date-picker/hooks/useMergedPickerSemantic.ts
-function useMergedPickerSemantic(pickerType, classNames$1, styles, popupClassName, popupStyle, mergedProps) {
+function useMergedPickerSemantic(pickerType, classNames, styles, popupClassName, popupStyle, mergedProps) {
 	const contextConfig = useComponentConfig(pickerType);
 	const contextClassNames = computed(() => contextConfig.value?.classes);
 	const contextStyles = computed(() => contextConfig.value?.styles);
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classNames$1), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classNames), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
 	return [computed(() => {
 		const className = unref(popupClassName);
 		return {

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

@@ -2,7 +2,7 @@ import { DatePickerEmits, DatePickerSlots } from "./generatePicker/generateSingl
 import { generatePicker } from "./generatePicker/index.mjs";
 import { PickerLocale, PickerProps, PickerPropsWithMultiple, RangePickerProps as RangePickerProps$1 } from "./generatePicker/interface.mjs";
 import { RangePickerEmits, RangePickerSlots } from "./generatePicker/generateRangePicker.mjs";
-import * as vue13 from "vue";
+import * as vue23 from "vue";
 import { Dayjs } from "dayjs";
 
 //#region src/date-picker/index.d.ts
@@ -10,27 +10,27 @@ 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 = RangePickerProps$1<Dayjs>;
-declare const DatePicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+declare const DatePicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue13.PublicProps> & {
-  WeekPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue23.PublicProps> & {
+  WeekPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue13.PublicProps>;
-  MonthPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+  }, vue23.PublicProps>;
+  MonthPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue13.PublicProps>;
-  YearPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+  }, vue23.PublicProps>;
+  YearPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue13.PublicProps>;
-  RangePicker: vue13.DefineSetupFnComponent<RangePickerProps$1<Dayjs>, RangePickerEmits<Dayjs>, vue13.SlotsType<RangePickerSlots>, RangePickerProps$1<Dayjs> & {
+  }, vue23.PublicProps>;
+  RangePicker: vue23.DefineSetupFnComponent<RangePickerProps$1<Dayjs>, RangePickerEmits<Dayjs>, vue23.SlotsType<RangePickerSlots>, RangePickerProps$1<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue13.PublicProps>;
-  TimePicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+  }, vue23.PublicProps>;
+  TimePicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue13.PublicProps>;
-  QuarterPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+  }, vue23.PublicProps>;
+  QuarterPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-  }, vue13.PublicProps>;
+  }, vue23.PublicProps>;
 };
 type DatePickerType = typeof DatePicker & {
   generatePicker: typeof generatePicker;
@@ -38,20 +38,20 @@ type DatePickerType = typeof DatePicker & {
   _InternalRangePanelDoNotUseOrYouWillBeFired: any;
 };
 declare const _default: DatePickerType;
-declare const DateRangePicker: vue13.DefineSetupFnComponent<RangePickerProps$1<Dayjs>, RangePickerEmits<Dayjs>, vue13.SlotsType<RangePickerSlots>, RangePickerProps$1<Dayjs> & {
+declare const DateRangePicker: vue23.DefineSetupFnComponent<RangePickerProps$1<Dayjs>, RangePickerEmits<Dayjs>, vue23.SlotsType<RangePickerSlots>, RangePickerProps$1<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue13.PublicProps>;
-declare const DateWeekPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue23.PublicProps>;
+declare const DateWeekPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue13.PublicProps>;
-declare const DateMonthPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue23.PublicProps>;
+declare const DateMonthPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue13.PublicProps>;
-declare const DateYearPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue23.PublicProps>;
+declare const DateYearPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue13.PublicProps>;
-declare const DateQuarterPicker: vue13.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue13.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
+}, vue23.PublicProps>;
+declare const DateQuarterPicker: vue23.DefineSetupFnComponent<PickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue23.SlotsType<DatePickerSlots>, PickerProps<Dayjs> & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue13.PublicProps>;
+}, vue23.PublicProps>;
 //#endregion
 export { DateMonthPicker, DatePickerProps, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, MonthPickerProps, RangePickerProps, WeekPickerProps, _default };

package/dist/descriptions/Cell.mjs

@@ -12,10 +12,10 @@ const Cell = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	return () => {
 		const { component, bordered, type, itemPrefixCls, span, styles, classes, colon } = props;
 		const { classes: descriptionsClassNames } = descContext.value;
-		const Component$1 = component;
+		const Component = component;
 		const label = getSlotPropsFnRun(slots, props, "label");
 		const content = getSlotPropsFnRun(slots, props, "content");
-		if (bordered) return createVNode(Component$1, mergeProps({
+		if (bordered) return createVNode(Component, mergeProps({
 			"class": classNames({
 				[`${itemPrefixCls}-item-label`]: type === "label",
 				[`${itemPrefixCls}-item-content`]: type === "content",
@@ -30,7 +30,7 @@ const Cell = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 			"style": styles?.content,
 			"class": classes?.content
 		}, [content])] });
-		return createVNode(Component$1, mergeProps({ "class": classNames(`${itemPrefixCls}-item`) }, attrs, { "colSpan": span }), { default: () => [createVNode("div", { "class": `${itemPrefixCls}-item-container` }, [(label || label === 0) && createVNode("span", { "class": classNames(`${itemPrefixCls}-item-label`, descriptionsClassNames?.label, { [`${itemPrefixCls}-item-no-colon`]: !colon }, classes?.label) }, [label]), (content || content === 0) && createVNode("span", {
+		return createVNode(Component, mergeProps({ "class": classNames(`${itemPrefixCls}-item`) }, attrs, { "colSpan": span }), { default: () => [createVNode("div", { "class": `${itemPrefixCls}-item-container` }, [(label || label === 0) && createVNode("span", { "class": classNames(`${itemPrefixCls}-item-label`, descriptionsClassNames?.label, { [`${itemPrefixCls}-item-no-colon`]: !colon }, classes?.label) }, [label]), (content || content === 0) && createVNode("span", {
 			"class": classNames(`${itemPrefixCls}-item-content`, descriptionsClassNames?.content, classes?.content),
 			"style": styles?.content
 		}, [content])])] });
@@ -51,12 +51,12 @@ const Cell = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 		required: true,
 		default: void 0
 	},
-	styles: {
+	classes: {
 		type: Object,
 		required: false,
 		default: void 0
 	},
-	classes: {
+	styles: {
 		type: Object,
 		required: false,
 		default: void 0

package/dist/descriptions/DescriptionsContext.d.mts

@@ -0,0 +1,13 @@
+import { CSSProperties, Ref } from "vue";
+
+//#region src/descriptions/DescriptionsContext.d.ts
+interface CellSemanticClassNames {
+  label?: string;
+  content?: string;
+}
+interface CellSemanticStyles {
+  label?: CSSProperties;
+  content?: CSSProperties;
+}
+//#endregion
+export { CellSemanticClassNames, CellSemanticStyles };

package/dist/descriptions/Item.d.mts

@@ -1,16 +1,16 @@
 import { Breakpoint } from "../_util/responsiveObserver.mjs";
 import { VueNode } from "../_util/type.mjs";
+import { CellSemanticClassNames, CellSemanticStyles } from "./DescriptionsContext.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
 import { CSSProperties } from "vue";
 
 //#region src/descriptions/Item.d.ts
-type SemanticName = 'label' | 'content';
 interface DescriptionsItemProps extends ComponentBaseProps {
   class?: string;
   style?: CSSProperties;
   label?: VueNode;
-  styles?: Partial<Record<SemanticName, CSSProperties>>;
-  classes?: Partial<Record<SemanticName, string>>;
+  classes?: CellSemanticClassNames;
+  styles?: CellSemanticStyles;
   content?: VueNode;
   span?: number | 'filled' | { [key in Breakpoint]?: number };
 }

package/dist/descriptions/hooks/useRow.mjs

@@ -32,14 +32,14 @@ function getCalcRows(rowItems, mergedColumn) {
 		} else tmpRow.push(restItem);
 	});
 	if (tmpRow.length > 0) rows.push(tmpRow);
-	rows = rows.map((rows$1) => {
-		const count$1 = rows$1.reduce((acc, item) => acc + (item.span || 1), 0);
-		if (count$1 < mergedColumn) {
-			const last = rows$1[rows$1.length - 1];
-			last.span = mergedColumn - (count$1 - (last.span || 1));
-			return rows$1;
+	rows = rows.map((rows) => {
+		const count = rows.reduce((acc, item) => acc + (item.span || 1), 0);
+		if (count < mergedColumn) {
+			const last = rows[rows.length - 1];
+			last.span = mergedColumn - (count - (last.span || 1));
+			return rows;
 		}
-		return rows$1;
+		return rows;
 	});
 	return [rows, exceed];
 }

package/dist/descriptions/index.d.mts

@@ -4,14 +4,29 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.mjs";
 import { DescriptionsItemProps } from "./Item.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue146 from "vue";
-import { SlotsType } from "vue";
+import * as vue89 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { Key } from "@v-c/util/dist/type";
 
 //#region src/descriptions/index.d.ts
-type SemanticName = 'root' | 'header' | 'title' | 'extra' | 'label' | 'content';
-type DescriptionsClassNamesType = SemanticClassNamesType<DescriptionsProps, SemanticName>;
-type DescriptionsStylesType = SemanticStylesType<DescriptionsProps, SemanticName>;
+interface DescriptionsSemanticClassNames {
+  root?: string;
+  header?: string;
+  title?: string;
+  extra?: string;
+  label?: string;
+  content?: string;
+}
+interface DescriptionsSemanticStyles {
+  root?: CSSProperties;
+  header?: CSSProperties;
+  title?: CSSProperties;
+  extra?: CSSProperties;
+  label?: CSSProperties;
+  content?: CSSProperties;
+}
+type DescriptionsClassNamesType = SemanticClassNamesType<DescriptionsProps, DescriptionsSemanticClassNames>;
+type DescriptionsStylesType = SemanticStylesType<DescriptionsProps, DescriptionsSemanticStyles>;
 interface InternalDescriptionsItemType extends Omit<DescriptionsItemProps, 'span'> {
   key?: Key;
   filled?: boolean;
@@ -50,8 +65,8 @@ interface DescriptionsSlots {
   labelRender?: RenderDescriptionsItem;
   contentRender?: RenderDescriptionsItem;
 }
-declare const Descriptions: vue146.DefineSetupFnComponent<DescriptionsProps, EmptyEmit, SlotsType<DescriptionsSlots>, DescriptionsProps & {
+declare const Descriptions: vue89.DefineSetupFnComponent<DescriptionsProps, EmptyEmit, SlotsType<DescriptionsSlots>, DescriptionsProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue146.PublicProps>;
+}, vue89.PublicProps>;
 //#endregion
 export { Descriptions, DescriptionsItemType, DescriptionsProps, DescriptionsSlots };

package/dist/divider/index.d.mts

@@ -3,13 +3,23 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import { Orientation } from "../_util/hooks/useOrientation.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue148 from "vue";
+import * as vue87 from "vue";
+import { CSSProperties } from "vue";
 
 //#region src/divider/index.d.ts
-type SemanticName = 'root' | 'rail' | 'content';
 type TitlePlacement = 'left' | 'right' | 'center' | 'start' | 'end';
-type DividerClassNamesType = SemanticClassNamesType<DividerProps, SemanticName>;
-type DividerStylesType = SemanticStylesType<DividerProps, SemanticName>;
+interface DividerSemanticClassNames {
+  root?: string;
+  rail?: string;
+  content?: string;
+}
+interface DividerSemanticStyles {
+  root?: CSSProperties;
+  rail?: CSSProperties;
+  content?: CSSProperties;
+}
+type DividerClassNamesType = SemanticClassNamesType<DividerProps, DividerSemanticClassNames>;
+type DividerStylesType = SemanticStylesType<DividerProps, DividerSemanticStyles>;
 interface DividerProps extends ComponentBaseProps {
   /**  @deprecated please use `orientation` */
   type?: Orientation;
@@ -32,6 +42,6 @@ interface DividerProps extends ComponentBaseProps {
   classes?: DividerClassNamesType;
   styles?: DividerStylesType;
 }
-declare const Divider: vue148.DefineSetupFnComponent<DividerProps, {}, {}, DividerProps & {}, vue148.PublicProps>;
+declare const Divider: vue87.DefineSetupFnComponent<DividerProps, {}, {}, DividerProps & {}, vue87.PublicProps>;
 //#endregion
 export { Divider, DividerProps };

package/dist/drawer/DrawerPanel.d.mts

@@ -7,9 +7,34 @@ import { CSSProperties } from "vue";
 import { DrawerProps } from "@v-c/drawer";
 
 //#region src/drawer/DrawerPanel.d.ts
-type SemanticName = 'root' | 'mask' | 'header' | 'title' | 'extra' | 'section' | 'body' | 'footer' | 'wrapper' | 'dragger' | 'close';
-type DrawerClassNamesType = SemanticClassNamesType<DrawerProps$1, SemanticName>;
-type DrawerStylesType = SemanticStylesType<DrawerProps$1, SemanticName>;
+interface DrawerSemanticClassNames {
+  root?: string;
+  mask?: string;
+  header?: string;
+  title?: string;
+  extra?: string;
+  section?: string;
+  body?: string;
+  footer?: string;
+  wrapper?: string;
+  dragger?: string;
+  close?: string;
+}
+interface DrawerSemanticStyles {
+  root?: CSSProperties;
+  mask?: CSSProperties;
+  header?: CSSProperties;
+  title?: CSSProperties;
+  extra?: CSSProperties;
+  section?: CSSProperties;
+  body?: CSSProperties;
+  footer?: CSSProperties;
+  wrapper?: CSSProperties;
+  dragger?: CSSProperties;
+  close?: CSSProperties;
+}
+type DrawerClassNamesType = SemanticClassNamesType<DrawerProps$1, DrawerSemanticClassNames>;
+type DrawerStylesType = SemanticStylesType<DrawerProps$1, DrawerSemanticStyles>;
 interface DrawerPanelProps {
   prefixCls: string;
   ariaId?: string;

package/dist/drawer/DrawerPanel.mjs

@@ -19,9 +19,9 @@ const DrawerPanel = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	});
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, drawerClassNames), useToArr(contextStyles, drawerStyles), useToProps(mergedProps));
 	const closablePlacement = computed(() => {
-		const mergedClosableVal = props?.closable ?? contextClosable.value;
-		if (mergedClosableVal === false) return;
-		if (typeof mergedClosableVal === "object" && mergedClosableVal && mergedClosableVal.placement === "end") return "end";
+		const merged = props?.closable ?? contextClosable.value;
+		if (merged === false) return;
+		if (typeof merged === "object" && merged.placement === "end") return "end";
 		return "start";
 	});
 	const customCloseIconRender = (icon) => {

package/dist/drawer/index.d.mts

@@ -2,7 +2,7 @@ import { MaskType } from "../_util/hooks/useMergedMask.mjs";
 import "../_util/hooks/index.mjs";
 import { FocusableConfig, OmitFocusType } from "./useFocusable.mjs";
 import { DrawerPanelProps } from "./DrawerPanel.mjs";
-import * as vue150 from "vue";
+import * as vue83 from "vue";
 import { SlotsType } from "vue";
 import { DrawerProps } from "@v-c/drawer";
 
@@ -15,7 +15,7 @@ interface DrawerResizableConfig {
   onResizeEnd?: () => void;
 }
 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;
+  size?: sizeType | number | string;
   resizable?: boolean | DrawerResizableConfig;
   rootClass?: string;
   open?: boolean;
@@ -48,8 +48,8 @@ interface DrawerSlots {
   default?: () => any;
   closeIcon?: () => any;
 }
-declare const Drawer: vue150.DefineSetupFnComponent<DrawerProps$1, DrawerEmits, SlotsType<DrawerSlots>, DrawerProps$1 & {
+declare const Drawer: vue83.DefineSetupFnComponent<DrawerProps$1, DrawerEmits, SlotsType<DrawerSlots>, DrawerProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue150.PublicProps>;
+}, vue83.PublicProps>;
 //#endregion
 export { Drawer, DrawerEmits, DrawerProps$1 as DrawerProps, DrawerResizableConfig, DrawerSlots };

package/dist/drawer/index.mjs

@@ -50,6 +50,10 @@ const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 		if (typeof size === "number") return size;
 		if (size === "large") return 736;
 		if (size === "default") return DEFAULT_SIZE;
+		if (typeof size === "string") {
+			if (/^\d+(\.\d+)?$/.test(size)) return Number(size);
+			return size;
+		}
 		if (!placement || placement === "left" || placement === "right") return width;
 		return height;
 	});

package/dist/drawer/style/index.mjs

@@ -20,6 +20,7 @@ const genDrawerStyle = (token) => {
 			background: colorBgElevated,
 			display: "flex",
 			flexDirection: "column",
+			pointerEvents: "auto",
 			[`&${componentCls}-left`]: { boxShadow: token.boxShadowDrawerLeft },
 			[`&${componentCls}-right`]: { boxShadow: token.boxShadowDrawerRight },
 			[`&${componentCls}-top`]: { boxShadow: token.boxShadowDrawerUp },
@@ -168,14 +169,20 @@ const genDrawerStyle = (token) => {
 		[`${draggerCls}-left`]: {
 			top: 0,
 			bottom: 0,
-			insetInlineEnd: 0,
+			right: {
+				_skip_check_: true,
+				value: 0
+			},
 			width: draggerSize,
 			cursor: "col-resize"
 		},
 		[`${draggerCls}-right`]: {
 			top: 0,
 			bottom: 0,
-			insetInlineStart: 0,
+			left: {
+				_skip_check_: true,
+				value: 0
+			},
 			width: draggerSize,
 			cursor: "col-resize"
 		},

package/dist/dropdown/dropdown.d.mts

@@ -4,8 +4,8 @@ import { AdjustOverflow } from "../_util/placements.mjs";
 import { MenuEmits, MenuProps as MenuProps$1, MenuSlots } from "../menu/menu.mjs";
 import "../menu/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue292 from "vue";
-import { SlotsType } from "vue";
+import * as vue241 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { AlignType } from "@v-c/trigger";
 import { MenuProps } from "@v-c/menu";
 
@@ -15,9 +15,22 @@ type Placement = (typeof _Placements)[number];
 interface DropdownArrowOptions {
   pointAtCenter?: boolean;
 }
-type SemanticName = 'root' | 'item' | 'itemTitle' | 'itemIcon' | 'itemContent';
-type DropdownClassNamesType = SemanticClassNamesType<DropdownProps, SemanticName>;
-type DropdownStylesType = SemanticStylesType<DropdownProps, SemanticName>;
+interface DropdownSemanticClassNames {
+  root?: string;
+  item?: string;
+  itemTitle?: string;
+  itemIcon?: string;
+  itemContent?: string;
+}
+interface DropdownSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+  itemTitle?: CSSProperties;
+  itemIcon?: CSSProperties;
+  itemContent?: CSSProperties;
+}
+type DropdownClassNamesType = SemanticClassNamesType<DropdownProps, DropdownSemanticClassNames>;
+type DropdownStylesType = SemanticStylesType<DropdownProps, DropdownSemanticStyles>;
 interface DropdownProps extends ComponentBaseProps {
   classes?: DropdownClassNamesType;
   styles?: DropdownStylesType;
@@ -57,8 +70,8 @@ interface DropdownSlots extends MenuSlots {
     source: 'trigger' | 'menu';
   }) => any;
 }
-declare const Dropdown: vue292.DefineSetupFnComponent<DropdownProps, DropdownEmits, SlotsType<DropdownSlots>, DropdownProps & {
+declare const Dropdown: vue241.DefineSetupFnComponent<DropdownProps, DropdownEmits, SlotsType<DropdownSlots>, DropdownProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue292.PublicProps>;
+}, vue241.PublicProps>;
 //#endregion
 export { Dropdown, DropdownArrowOptions, DropdownEmits, DropdownProps, DropdownSlots };

package/dist/empty/index.d.mts

@@ -2,8 +2,8 @@ import { EmptyEmit, VueNode } from "../_util/type.mjs";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue49 from "vue";
-import { SlotsType } from "vue";
+import * as vue61 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import * as vue_jsx_runtime0 from "vue/jsx-runtime";
 
 //#region src/empty/index.d.ts
@@ -12,9 +12,20 @@ interface TransferLocale {
 }
 declare const defaultEmptyImg: vue_jsx_runtime0.JSX.Element;
 declare const simpleEmptyImg: vue_jsx_runtime0.JSX.Element;
-type EmptySemanticName = 'root' | 'image' | 'description' | 'footer';
-type EmptyClassNamesType = SemanticClassNamesType<EmptyProps, EmptySemanticName>;
-type EmptyStylesType = SemanticStylesType<EmptyProps, EmptySemanticName>;
+interface EmptySemanticClassNames {
+  root?: string;
+  image?: string;
+  description?: string;
+  footer?: string;
+}
+interface EmptySemanticStyles {
+  root?: CSSProperties;
+  image?: CSSProperties;
+  description?: CSSProperties;
+  footer?: CSSProperties;
+}
+type EmptyClassNamesType = SemanticClassNamesType<EmptyProps, EmptySemanticClassNames>;
+type EmptyStylesType = SemanticStylesType<EmptyProps, EmptySemanticStyles>;
 interface EmptyProps extends ComponentBaseProps {
   classes?: EmptyClassNamesType;
   styles?: EmptyStylesType;
@@ -26,9 +37,9 @@ interface EmptySlots {
   description: () => any;
   default: () => any;
 }
-declare const Empty: vue49.DefineSetupFnComponent<EmptyProps, EmptyEmit, SlotsType<EmptySlots>, EmptyProps & {
+declare const Empty: vue61.DefineSetupFnComponent<EmptyProps, EmptyEmit, SlotsType<EmptySlots>, EmptyProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue49.PublicProps>;
+}, vue61.PublicProps>;
 declare const _default: typeof Empty & {
   PRESENTED_IMAGE_DEFAULT: typeof defaultEmptyImg;
   PRESENTED_IMAGE_SIMPLE: typeof simpleEmptyImg;

package/dist/flex/index.d.mts

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

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

@@ -1,6 +1,6 @@
 import { FloatButtonProps } from "./FloatButton.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue294 from "vue";
+import * as vue275 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: vue294.DefineSetupFnComponent<BackTopProps, BackTopEmits, SlotsType<BackTopSlots>, BackTopProps & {
+declare const BackTop: vue275.DefineSetupFnComponent<BackTopProps, BackTopEmits, SlotsType<BackTopSlots>, BackTopProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue294.PublicProps>;
+}, vue275.PublicProps>;
 declare const BackTopWithInstall: typeof BackTop;
 //#endregion
 export { BackTopWithInstall };