antdv-next 1.5.0 → 1.5.1

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

@@ -4,7 +4,7 @@ import { ColumnType } from "../table/interface.js";
 import "../table/index.js";
 import { Locale } from "../locale/index.js";
 import { RenderEmptyHandler } from "./defaultRenderEmpty.js";
-import { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentStyleConfig, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputSearchConfig, ListyConfig, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, RadioConfig, RangePickerConfig, ResultConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TypographyConfig, UploadConfig, Variant, WaveConfig } from "./context.js";
+import { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentStyleConfig, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListyConfig, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, RadioConfig, RangePickerConfig, ResultConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TypographyConfig, UploadConfig, Variant, WaveConfig } from "./context.js";
 //#region src/config-provider/define.d.ts
 interface ConfigProviderProps {
   getTargetContainer?: () => HTMLElement | Window;
@@ -25,6 +25,7 @@ interface ConfigProviderProps {
   textArea?: TextAreaConfig;
   mentions?: MentionsConfig;
   inputSearch?: InputSearchConfig;
+  inputPassword?: InputPasswordConfig;
   otp?: OTPConfig;
   select?: SelectConfig;
   form?: FormConfig;

package/dist/config-provider/index.js

@@ -87,6 +87,8 @@ const PASSED_PROPS = [
 	"flex",
 	"typography",
 	"collapse",
+	"inputSearch",
+	"inputPassword",
 	"otp",
 	"anchor"
 ];
@@ -310,6 +312,10 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		inputPassword: {
+			type: Object,
+			required: false
+		},
 		otp: {
 			type: Object,
 			required: false
@@ -674,6 +680,10 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		inputPassword: {
+			type: Object,
+			required: false
+		},
 		otp: {
 			type: Object,
 			required: false

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

@@ -43,7 +43,7 @@ function generateRangePicker(generateConfig) {
 		}));
 		const popupClassName = computed(() => props.popupClassName || props.dropdownClassName);
 		const popupStyle = computed(() => props.popupStyle);
-		const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(pickerType.value, classes, styles, popupClassName, popupStyle, mergedProps);
+		const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(pickerType.value, classes, styles, popupClassName, popupStyle, mergedProps, computed(() => contextStyle?.value ?? null));
 		const innerRef = shallowRef();
 		const [variant, enableVariantCls] = useVariants("rangePicker", customVariant, bordered);
 		const rootCls = useCSSVarCls(prefixCls);
@@ -124,10 +124,7 @@ function generateRangePicker(generateConfig) {
 				[`${prefixCls.value}-${mergedSize.value}`]: mergedSize.value,
 				[`${prefixCls.value}-${variant.value}`]: enableVariantCls.value
 			}, getStatusClassNames(prefixCls.value, mergedStatus, hasFeedback), compactItemClassnames.value, contextClassName?.value, className);
-			const mergedStyle = {
-				...contextStyle?.value,
-				...style
-			};
+			const mergedStyle = { ...style };
 			const cellRender = slots.cellRender || props.cellRender ? (current, info) => resolveRender("cellRender", [current, info], {
 				current,
 				info

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

@@ -45,7 +45,7 @@ function generatePicker(generateConfig) {
 			}));
 			const popupClassName = computed(() => props.popupClassName || props.dropdownClassName);
 			const popupStyle = computed(() => props.popupStyle);
-			const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(pickerType, classes, styles, popupClassName, popupStyle, mergedProps);
+			const [mergedClassNames, mergedStyles] = useMergedPickerSemantic(pickerType, classes, styles, popupClassName, popupStyle, mergedProps, contextStyle);
 			const innerRef = shallowRef();
 			const [variant, enableVariantCls] = useVariants("datePicker", customVariant, bordered);
 			const rootCls = useCSSVarCls(prefixCls);
@@ -137,10 +137,7 @@ function generatePicker(generateConfig) {
 					[`${prefixCls.value}-${mergedSize.value}`]: mergedSize.value,
 					[`${prefixCls.value}-${variant.value}`]: enableVariantCls.value
 				}, getStatusClassNames(prefixCls.value, mergedStatus, hasFeedback), compactItemClassnames.value, contextClassName?.value, className);
-				const mergedStyle = {
-					...contextStyle?.value,
-					...style
-				};
+				const mergedStyle = { ...style };
 				const cellRender = slots.cellRender || props.cellRender ? (current, info) => resolveRender("cellRender", [current, info], {
 					current,
 					info

package/dist/date-picker/hooks/useMergedPickerSemantic.d.ts

@@ -2,6 +2,6 @@ import { AnyObject } from "../../_util/type.js";
 import { RequiredSemanticPicker } from "../generatePicker/interface.js";
 import { CSSProperties, Ref } from "vue";
 //#region src/date-picker/hooks/useMergedPickerSemantic.d.ts
-declare function useMergedPickerSemantic<P extends AnyObject = AnyObject>(pickerType: 'timePicker' | 'datePicker' | 'rangePicker', classNames: Ref<P['classes'] | undefined>, styles: Ref<P['styles'] | undefined>, popupClassName: Ref<string | undefined>, popupStyle: Ref<CSSProperties | undefined>, mergedProps: Ref<P>): RequiredSemanticPicker;
+declare function useMergedPickerSemantic<P extends AnyObject = AnyObject>(pickerType: 'timePicker' | 'datePicker' | 'rangePicker', classNames: Ref<P['classes'] | undefined>, styles: Ref<P['styles'] | undefined>, popupClassName: Ref<string | undefined>, popupStyle: Ref<CSSProperties | undefined>, mergedProps: Ref<P>, contextStyle?: Ref<CSSProperties | null | undefined>): RequiredSemanticPicker;
 //#endregion
 export { useMergedPickerSemantic as default };

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

@@ -1,13 +1,17 @@
 import { useComponentConfig } from "../../config-provider/context.js";
-import { useMergeSemantic, useToArr, useToProps } from "../../_util/hooks/useMergeSemantic.js";
+import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../../_util/hooks/useMergeSemantic.js";
 import { computed, unref } from "vue";
 import { clsx } from "@v-c/util";
 //#region src/date-picker/hooks/useMergedPickerSemantic.ts
-function useMergedPickerSemantic(pickerType, classNames, styles, popupClassName, popupStyle, mergedProps) {
+function useMergedPickerSemantic(pickerType, classNames, styles, popupClassName, popupStyle, mergedProps, contextStyle) {
 	const contextConfig = useComponentConfig(pickerType);
 	const contextClassNames = computed(() => contextConfig.value?.classes);
 	const contextStyles = computed(() => contextConfig.value?.styles);
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classNames), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
+	const contextStyleRoot = useSemanticRootStyle(computed(() => {
+		const style = unref(contextStyle);
+		return style === null ? void 0 : style ?? contextConfig.value?.style;
+	}));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classNames), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
 	return [computed(() => {
 		const className = unref(popupClassName);
 		return {

package/dist/date-picker/locale/sq_AL.d.ts

@@ -0,0 +1,6 @@
+import "../generatePicker/index.js";
+import { PickerLocale } from "../generatePicker/interface.js";
+//#region src/date-picker/locale/sq_AL.d.ts
+declare const locale: PickerLocale;
+//#endregion
+export { locale as default };

package/dist/date-picker/locale/sq_AL.js

@@ -0,0 +1,72 @@
+import locale$1 from "../../time-picker/locale/sq_AL.js";
+//#region src/date-picker/locale/sq_AL.ts
+const locale = {
+	lang: {
+		locale: "sq",
+		placeholder: "Zgjidh datën",
+		yearPlaceholder: "Zgjidh vitin",
+		quarterPlaceholder: "Zgjidh tremujorin",
+		monthPlaceholder: "Zgjidh muajin",
+		weekPlaceholder: "Zgjidh javën",
+		rangePlaceholder: ["Data e fillimit", "Data e mbarimit"],
+		rangeYearPlaceholder: ["Viti i fillimit", "Viti i mbarimit"],
+		rangeQuarterPlaceholder: ["Tremujori i fillimit", "Tremujori i mbarimit"],
+		rangeMonthPlaceholder: ["Muaji i fillimit", "Muaji i mbarimit"],
+		rangeWeekPlaceholder: ["Java e fillimit", "Java e mbarimit"],
+		today: "Sot",
+		now: "Tani",
+		backToToday: "Kthehu te sot",
+		ok: "OK",
+		clear: "Pastro",
+		week: "Javë",
+		month: "Muaj",
+		year: "Vit",
+		timeSelect: "Zgjidh kohën",
+		dateSelect: "Zgjidh datën",
+		weekSelect: "Zgjidh javën",
+		monthSelect: "Zgjidh muajin",
+		yearSelect: "Zgjidh vitin",
+		decadeSelect: "Zgjidh dekadën",
+		yearFormat: "YYYY",
+		fieldDateFormat: "DD/MM/YYYY",
+		cellDateFormat: "D",
+		fieldDateTimeFormat: "DD/MM/YYYY HH:mm:ss",
+		monthFormat: "MMMM",
+		fieldWeekFormat: "YYYY-wo",
+		monthBeforeYear: true,
+		previousMonth: "Muaji i mëparshëm (PageUp)",
+		nextMonth: "Muaji tjetër (PageDown)",
+		previousYear: "Viti i mëparshëm (Control + left)",
+		nextYear: "Viti tjetër (Control + right)",
+		previousDecade: "Dekada e mëparshme",
+		nextDecade: "Dekada tjetër",
+		previousCentury: "Shekulli i mëparshëm",
+		nextCentury: "Shekulli tjetër",
+		shortWeekDays: [
+			"Die",
+			"Hën",
+			"Mar",
+			"Mër",
+			"Enj",
+			"Pre",
+			"Sht"
+		],
+		shortMonths: [
+			"Jan",
+			"Shk",
+			"Mar",
+			"Pri",
+			"Maj",
+			"Qer",
+			"Kor",
+			"Gus",
+			"Sht",
+			"Tet",
+			"Nën",
+			"Dhj"
+		]
+	},
+	timePickerLocale: { ...locale$1 }
+};
+//#endregion
+export { locale as default };

package/dist/date-picker/locale/zh_TW.js

@@ -7,12 +7,12 @@ const locale = {
 		yearPlaceholder: "請選擇年份",
 		quarterPlaceholder: "請選擇季度",
 		monthPlaceholder: "請選擇月份",
-		weekPlaceholder: "請選擇周",
+		weekPlaceholder: "請選擇週",
 		rangePlaceholder: ["開始日期", "結束日期"],
 		rangeYearPlaceholder: ["開始年份", "結束年份"],
 		rangeMonthPlaceholder: ["開始月份", "結束月份"],
 		rangeQuarterPlaceholder: ["開始季度", "結束季度"],
-		rangeWeekPlaceholder: ["開始周", "結束周"],
+		rangeWeekPlaceholder: ["開始週", "結束週"],
 		...CalendarLocale
 	},
 	timePickerLocale: { ...locale$1 }

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

@@ -5,9 +5,7 @@ import { PickerMode } from "@v-c/picker";
 //#region src/date-picker/util.d.ts
 declare function getPlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: string): string;
 declare function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: [string, string]): [string, string] | undefined;
-declare function useIcons(props: Pick<PickerProps$1, 'allowClear' | 'removeIcon'>, prefixCls: string): readonly [false, string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-  [key: string]: any;
-}> | RenderNodeFn<any[]> | null] | readonly [{
+declare function useIcons(props: Pick<PickerProps$1, 'allowClear' | 'removeIcon'>, prefixCls: string): readonly [false, string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null] | readonly [{
   clearIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
   }> | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
@@ -18,8 +16,6 @@ declare function useIcons(props: Pick<PickerProps$1, 'allowClear' | 'removeIcon'
   } | RenderNodeFn<any[]> | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
   }> | null | undefined)[] | null | undefined;
-}, string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-  [key: string]: any;
-}> | RenderNodeFn<any[]> | null];
+}, string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null];
 //#endregion
 export { getPlaceholder, getRangePlaceholder, useIcons };

package/dist/descriptions/hooks/useItems.d.ts

@@ -8,22 +8,22 @@ declare function useItems(screens: Ref<ScreenMap>, items: Ref<DescriptionsItemTy
   filled: boolean;
   _$index: number;
   key?: import("@v-c/util/dist/type").Key;
-  label?: VueNode;
-  style?: import("vue").CSSProperties | undefined;
-  class?: string | undefined;
+  classes?: CellSemanticClassNames | undefined;
   styles?: CellSemanticStyles | undefined;
+  style?: import("vue").CSSProperties | undefined;
   rootClass?: string | undefined;
-  classes?: CellSemanticClassNames | undefined;
+  class?: string | undefined;
+  label?: VueNode;
   content?: VueNode;
 } | {
   span: number | undefined;
   key?: import("@v-c/util/dist/type").Key;
-  label?: VueNode;
-  style?: import("vue").CSSProperties | undefined;
-  class?: string | undefined;
+  classes?: CellSemanticClassNames | undefined;
   styles?: CellSemanticStyles | undefined;
+  style?: import("vue").CSSProperties | undefined;
   rootClass?: string | undefined;
-  classes?: CellSemanticClassNames | undefined;
+  class?: string | undefined;
+  label?: VueNode;
   content?: VueNode;
   _$index: number;
 })[]>;

package/dist/descriptions/index.d.ts

@@ -59,6 +59,9 @@ interface DescriptionsProps extends ComponentBaseProps {
   items?: DescriptionsItemType[];
   id?: string;
 }
+interface DescriptionsRef {
+  nativeElement: HTMLDivElement;
+}
 interface DescriptionsSlots {
   default?: () => any;
   title?: () => any;
@@ -68,4 +71,4 @@ interface DescriptionsSlots {
 }
 declare const Descriptions: import("vue").DefineSetupFnComponent<DescriptionsProps, EmptyEmit, SlotsType<DescriptionsSlots>, DescriptionsProps, import("vue").PublicProps>;
 //#endregion
-export { DescriptionsClassNamesType, DescriptionsItem, type DescriptionsItemProps, type DescriptionsItemSlots, DescriptionsItemType, DescriptionsProps, DescriptionsSemanticClassNames, DescriptionsSemanticName, DescriptionsSemanticStyles, DescriptionsSlots, DescriptionsStylesType, InternalDescriptionsItemType, RenderDescriptionsItem, Descriptions as default };
+export { DescriptionsClassNamesType, DescriptionsItem, type DescriptionsItemProps, type DescriptionsItemSlots, DescriptionsItemType, DescriptionsProps, DescriptionsRef, DescriptionsSemanticClassNames, DescriptionsSemanticName, DescriptionsSemanticStyles, DescriptionsSlots, DescriptionsStylesType, InternalDescriptionsItemType, RenderDescriptionsItem, Descriptions as default };

package/dist/descriptions/index.js

@@ -13,11 +13,11 @@ import useRow from "./hooks/useRow.js";
 import DescriptionsItem, { DESCRIPTIONS_ITEM_MARK } from "./Item.js";
 import Row from "./Row.js";
 import style_default from "./style/index.js";
-import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { classNames } from "@v-c/util";
 import { omit } from "es-toolkit";
 //#region src/descriptions/index.tsx
-const Descriptions = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const Descriptions = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
 	const { class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, prefixCls, direction } = useComponentBaseConfig("descriptions", props);
 	const { classes, styles } = toPropsRefs(props, "classes", "styles");
 	const screens = useBreakpoint();
@@ -62,6 +62,8 @@ const Descriptions = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
 			}
 		};
 	}));
+	const nativeElementRef = shallowRef();
+	expose({ nativeElement: nativeElementRef });
 	return () => {
 		const { bordered, rootClass, colon, layout } = props;
 		const title = getSlotPropsFnRun(slots, props, "title");
@@ -69,6 +71,7 @@ const Descriptions = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
 		const labelRender = slots?.labelRender ?? props?.labelRender;
 		const contentRender = slots?.contentRender ?? props?.contentRender;
 		return createVNode("div", mergeProps({
+			"ref": nativeElementRef,
 			"class": classNames(prefixCls.value, contextClassName.value, mergedClassNames.value.root, {
 				[`${prefixCls.value}-medium`]: mergedSize.value === "medium" || mergedSize.value === "middle",
 				[`${prefixCls.value}-small`]: mergedSize.value === "small",

package/dist/divider/index.d.ts

@@ -41,6 +41,9 @@ interface DividerProps extends ComponentBaseProps {
   classes?: DividerClassNamesType;
   styles?: DividerStylesType;
 }
+interface DividerRef {
+  nativeElement: HTMLDivElement;
+}
 declare const Divider: import("vue").DefineSetupFnComponent<DividerProps, {}, {}, DividerProps & {}, import("vue").PublicProps>;
 //#endregion
-export { DividerClassNamesType, DividerProps, DividerSemanticClassNames, DividerSemanticName, DividerSemanticStyles, DividerStylesType, TitlePlacement, Divider as default };
+export { DividerClassNamesType, DividerProps, DividerRef, DividerSemanticClassNames, DividerSemanticName, DividerSemanticStyles, DividerStylesType, TitlePlacement, Divider as default };

package/dist/divider/index.js

@@ -1,10 +1,10 @@
 import { useOrientation } from "../_util/hooks/useOrientation.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
-import { pureAttrs, useMergeSemantic, useToArr } from "../_util/hooks/useMergeSemantic.js";
+import { pureAttrs, useMergeSemantic, useSemanticRootStyle, useToArr } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import style_default from "./style/index.js";
-import { Fragment, computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { Fragment, computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { classNames } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 //#region src/divider/index.tsx
@@ -15,8 +15,8 @@ const titlePlacementList = [
 	"start",
 	"end"
 ];
-const Divider = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
-	const { class: contextClassName, classes: contextClassNames, styles: contextStyles, direction, prefixCls } = useComponentBaseConfig("divider", props);
+const Divider = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
+	const { class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, direction, prefixCls } = useComponentBaseConfig("divider", props);
 	const { type, vertical, orientation, classes, styles, size } = toPropsRefs$1(props, "orientation", "vertical", "type", "classes", "styles", "size");
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const sizeFullName = useSize(size);
@@ -38,7 +38,8 @@ const Divider = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			size: sizeFullName.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), computed(() => {
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), computed(() => {
 		return { props: mergedProps.value };
 	}));
 	const memoizedOrientationMargin = computed(() => {
@@ -47,6 +48,8 @@ const Divider = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		if (/^\d+$/.test(orientationMargin)) return `${Number(orientationMargin)}px`;
 		return orientationMargin;
 	});
+	const nativeElementRef = shallowRef();
+	expose({ nativeElement: nativeElementRef });
 	return () => {
 		const { variant, dashed, plain, rootClass } = props;
 		const children = filterEmpty(slots?.default?.());
@@ -71,9 +74,9 @@ const Divider = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			marginInlineEnd: hasMarginEnd.value ? memoizedOrientationMargin.value : void 0
 		};
 		return createVNode("div", mergeProps({
+			"ref": nativeElementRef,
 			"class": classString,
 			"style": [
-				contextStyles.value,
 				mergedStyles.value.root,
 				hasChildren ? {} : mergedStyles.value.rail,
 				attrs.style

package/dist/drawer/DrawerPanel.js

@@ -1,6 +1,7 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import { cloneElement } from "../_util/vueNode.js";
 import useClosable, { pickClosable } from "../_util/hooks/useClosable.js";
 import skeleton_default from "../skeleton/index.js";
 import { Fragment, computed, createVNode, defineComponent } from "vue";
@@ -53,7 +54,8 @@ const DrawerPanel = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		const title = getSlotPropsFnRun(slots, props, "title");
 		const footer = getSlotPropsFnRun(slots, props, "footer");
 		const extra = getSlotPropsFnRun(slots, props, "extra");
-		const [mergedClosable, mergedCloseIcon] = closableInfo.value;
+		const [mergedClosable, mergedCloseIcon, closeBtnIsDisabled] = closableInfo.value;
+		const mergedCloseButton = cloneElement(mergedCloseIcon, { disabled: closeBtnIsDisabled });
 		const renderHeader = () => {
 			if (!title && !mergedClosable) return null;
 			return createVNode("div", {
@@ -63,7 +65,7 @@ const DrawerPanel = /* @__PURE__ */ defineComponent((props, { slots }) => {
 				},
 				"class": clsx(`${prefixCls}-header`, mergedClassNames.value.header, { [`${prefixCls}-header-close-only`]: mergedClosable && !title && !extra })
 			}, [createVNode("div", { "class": `${prefixCls}-header-title` }, [
-				closablePlacement.value === "start" && mergedCloseIcon,
+				closablePlacement.value === "start" && mergedCloseButton,
 				!!title && createVNode("div", {
 					"class": clsx(`${prefixCls}-title`, mergedClassNames.value.title),
 					"style": mergedStyles.value.title,
@@ -73,7 +75,7 @@ const DrawerPanel = /* @__PURE__ */ defineComponent((props, { slots }) => {
 					"class": clsx(`${prefixCls}-extra`, mergedClassNames.value.extra),
 					"style": mergedStyles.value.extra
 				}, [extra])
-			]), closablePlacement.value === "end" && mergedCloseIcon]);
+			]), closablePlacement.value === "end" && mergedCloseButton]);
 		};
 		const renderFooter = () => {
 			if (!footer) return null;

package/dist/drawer/index.js

@@ -2,7 +2,7 @@ import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { ContextIsolator } from "../_util/ContextIsolator.js";
 import { useMergedMask } from "../_util/hooks/useMergedMask.js";
-import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { ZIndexProvider } from "../_util/zindexContext.js";
 import { useZIndex } from "../_util/hooks/useZIndex.js";
 import { toPropsRefs } from "../_util/tools.js";
@@ -69,10 +69,13 @@ const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 			maskClosable: mergedMaskClosable.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextSectionStyle = useSemanticRootStyle(contextStyle, "section");
+	const drawerSectionStyle = useSemanticRootStyle(computed(() => props.drawerStyle), "section");
+	const sectionStyle = useSemanticRootStyle(computed(() => attrs.style), "section");
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextSectionStyle, styles, drawerSectionStyle, sectionStyle), useToProps(mergedProps));
 	return () => {
 		const { rootClass, maskStyle, drawerStyle, contentWrapperStyle, open, push, defaultSize, rootStyle, getContainer: customizeGetContainer, resizable, afterOpenChange, destroyOnClose, destroyOnHidden, size, ...rest } = props;
-		const { className, restAttrs, style } = getAttrStyleAndClass(attrs);
+		const { className, restAttrs } = getAttrStyleAndClass(attrs);
 		const maskMotion = {
 			name: getTransitionName(prefixCls.value, "mask-motion"),
 			appear: true
@@ -128,10 +131,7 @@ const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 					...mergedStyles.value.mask,
 					...maskStyle
 				},
-				section: {
-					...mergedStyles.value.section,
-					...drawerStyle
-				},
+				section: mergedStyles.value.section,
 				wrapper: {
 					...mergedStyles.value.wrapper,
 					...contentWrapperStyle
@@ -149,13 +149,9 @@ const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 				panelRef.value = panel;
 				innerPanelRef(panel);
 			},
-			"style": {
-				...contextStyle.value,
-				...style
-			},
 			"rootStyle": {
-				...rootStyle,
-				...mergedStyles.value.root
+				...mergedStyles.value.root,
+				...rootStyle
 			},
 			"class": clsx(contextClassName.value, className),
 			"rootClassName": drawerClassName,

package/dist/drawer/style/index.js

@@ -117,6 +117,7 @@ const genDrawerStyle = (token) => {
 			textRendering: "auto",
 			[`&${componentCls}-close-end`]: { marginInlineStart: marginXS },
 			[`&:not(${componentCls}-close-end)`]: { marginInlineEnd: marginXS },
+			"&:disabled": { pointerEvents: "none" },
 			"&:hover": {
 				color: colorIconHover,
 				backgroundColor: colorBgTextHover,

package/dist/dropdown/dropdown.js

@@ -1,7 +1,7 @@
 import { devUseWarning } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import useToken from "../theme/useToken.js";
-import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { ZIndexProvider } from "../_util/zindexContext.js";
 import { useZIndex } from "../_util/hooks/useZIndex.js";
 import getPlacements from "../_util/placements.js";
@@ -27,7 +27,8 @@ const Dropdown = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 	const mergedProps = computed(() => {
 		return props;
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	const memoPlacement = computed(() => {
 		const { placement } = props;
 		if (!placement) return direction.value === "rtl" ? "bottomRight" : "bottomLeft";
@@ -71,10 +72,7 @@ const Dropdown = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs })
 		emit("openChange", false, { source: "menu" });
 	};
 	const mergedRootStyles = computed(() => {
-		return {
-			...contextStyle.value,
-			...mergedStyles.value.root
-		};
+		return { ...mergedStyles.value.root };
 	});
 	const [zIndex, contextZIndex] = useZIndex("Dropdown", computed(() => mergedRootStyles.value.zIndex));
 	const memoTransitionName = computed(() => {

package/dist/empty/index.d.ts

@@ -31,6 +31,9 @@ interface EmptyProps extends ComponentBaseProps {
   image?: VueNode;
   description?: VueNode;
 }
+interface EmptyRef {
+  nativeElement: HTMLDivElement;
+}
 interface EmptySlots {
   image: () => any;
   description: () => any;
@@ -42,4 +45,4 @@ declare const _default: typeof Empty & {
   PRESENTED_IMAGE_SIMPLE: typeof simpleEmptyImg;
 };
 //#endregion
-export { EmptyClassNamesType, EmptyProps, EmptySemanticClassNames, EmptySemanticName, EmptySemanticStyles, EmptySlots, EmptyStylesType, SemanticName, TransferLocale, _default as default };
+export { EmptyClassNamesType, EmptyProps, EmptyRef, EmptySemanticClassNames, EmptySemanticName, EmptySemanticStyles, EmptySlots, EmptyStylesType, SemanticName, TransferLocale, _default as default };

package/dist/empty/index.js

@@ -5,13 +5,13 @@ import useLocale from "../locale/useLocale.js";
 import Empty$1 from "./empty.js";
 import Simple from "./simple.js";
 import style_default from "./style/index.js";
-import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { classNames } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 //#region src/empty/index.tsx
 const defaultEmptyImg = createVNode(Empty$1, null, null);
 const simpleEmptyImg = createVNode(Simple, null, null);
-const Empty = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const Empty = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
 	const componentConfig = useComponentConfig("empty");
 	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("empty", props);
 	const { classes, styles } = toPropsRefs$1(props, "classes", "styles");
@@ -19,6 +19,8 @@ const Empty = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	const contextStyleRoot = useSemanticRootStyle(contextStyle);
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(computed(() => props)));
 	const [locale] = useLocale("Empty");
+	const nativeElementRef = shallowRef();
+	expose({ nativeElement: nativeElementRef });
 	return () => {
 		const des = getSlotPropsFnRun(slots, props, "description") ?? locale?.value?.description;
 		const alt = typeof des === "string" ? des : "empty";
@@ -32,6 +34,7 @@ const Empty = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		else imageNode = mergedImage;
 		const children = filterEmpty(slots?.default?.() ?? []);
 		return createVNode("div", mergeProps({
+			"ref": nativeElementRef,
 			"class": classNames(hashId.value, cssVarCls.value, prefixCls.value, contextClassName.value, {
 				[`${prefixCls.value}-normal`]: mergedImage === simpleEmptyImg,
 				[`${prefixCls.value}-rtl`]: direction.value === "rtl"

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

@@ -6,6 +6,8 @@ interface BackTopProps extends Omit<FloatButtonProps, 'target'>, ComponentBasePr
   visibilityHeight?: number;
   target?: () => HTMLElement | Window | Document;
   duration?: number;
+  /** @default false */
+  showProgress?: boolean;
 }
 interface BackTopEmits {
   click: (e: MouseEvent) => void;