antdv-next 1.4.6 → 1.5.1

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

@@ -43,7 +43,7 @@ import { BadgeProps } from "../badge/index.js";
 import { BreadcrumbProps } from "../breadcrumb/Breadcrumb.js";
 import { CalendarProps } from "../calendar/generateCalendar.js";
 import "../calendar/index.js";
-import { TabsProps } from "../tabs/index.js";
+import { TabsProps as TabsProps$1 } from "../tabs/index.js";
 import { CardProps } from "../card/Card.js";
 import { CardMetaProps } from "../card/CardMeta.js";
 import { CascaderProps } from "../cascader/index.js";
@@ -62,8 +62,11 @@ import { ImageProps } from "../image/index.js";
 import { InputNumberProps } from "../input-number/index.js";
 import { InputProps } from "../input/Input.js";
 import { OTPProps } from "../input/OTP/index.js";
+import { PasswordProps } from "../input/Password.js";
 import { SearchProps } from "../input/Search.js";
 import { TextAreaProps } from "../input/TextArea.js";
+import { ListyProps } from "../listy/interface.js";
+import "../listy/index.js";
 import { MasonryProps } from "../masonry/Masonry.js";
 import { ArgsProps } from "../notification/interface.js";
 import "../notification/index.js";
@@ -89,6 +92,7 @@ import { ButtonProps } from "../button/Button.js";
 import "../button/index.js";
 import { CSSProperties, Ref } from "vue";
 import { DerivativeFunc } from "@antdv-next/cssinjs";
+import { MoreProps } from "@v-c/tabs";
 //#region src/config-provider/context.d.ts
 declare const defaultPrefixCls = "ant";
 declare const defaultIconPrefixCls = "anticon";
@@ -259,16 +263,17 @@ type FloatButtonConfig = ComponentStyleConfig & Pick<FloatButtonProps, 'classes'
 type FloatButtonGroupConfig = ComponentStyleConfig & Pick<FloatButtonGroupProps, 'classes' | 'styles'> & {
   closeIcon?: VueNode;
 };
-type TooltipConfig = ComponentStyleConfig & Pick<TooltipProps, 'styles' | 'classes' | 'arrow' | 'trigger'> & {
+interface TooltipUniqueConfig {
   /**
    * @descCN 是否开启 Tooltip 流畅过渡动画
    * @descEN Whether to enable smooth transition for tooltips
    * @default false
    */
   unique?: boolean;
-};
-type PopoverConfig = ComponentStyleConfig & Pick<PopoverProps, 'classes' | 'styles' | 'arrow' | 'trigger'>;
-type PopconfirmConfig = ComponentStyleConfig & Pick<PopconfirmProps, 'classes' | 'styles' | 'arrow' | 'trigger'>;
+}
+type TooltipConfig = ComponentStyleConfig & Pick<TooltipProps, 'styles' | 'classes' | 'arrow' | 'trigger' | 'mouseEnterDelay' | 'mouseLeaveDelay'> & TooltipUniqueConfig;
+type PopoverConfig = ComponentStyleConfig & Pick<PopoverProps, 'classes' | 'styles' | 'arrow' | 'trigger' | 'mouseEnterDelay' | 'mouseLeaveDelay'>;
+type PopconfirmConfig = ComponentStyleConfig & Pick<PopconfirmProps, 'classes' | 'styles' | 'arrow' | 'trigger' | 'mouseEnterDelay' | 'mouseLeaveDelay'>;
 type SegmentedConfig = ComponentStyleConfig & Pick<SegmentedProps, 'classes' | 'styles'>;
 type MenuConfig = ComponentStyleConfig & Pick<MenuProps, 'expandIcon' | 'classes' | 'styles'>;
 type TourConfig = ComponentStyleConfig & Pick<TourProps, 'closeIcon' | 'classes' | 'styles'>;
@@ -278,16 +283,29 @@ type MasonryConfig = ComponentStyleConfig & Pick<MasonryProps, 'classes' | 'styl
 type FormConfig = ComponentStyleConfig & Pick<FormProps, 'requiredMark' | 'colon' | 'scrollToFirstError' | 'validateMessages' | 'variant' | 'classes' | 'styles' | 'tooltip' | 'autoComplete' | 'autocomplete' | 'labelAlign' | 'labelWrap'>;
 type RadioConfig = ComponentStyleConfig & Pick<RadioProps, 'classes' | 'styles'>;
 type CheckboxConfig = ComponentStyleConfig & Pick<CheckboxProps, 'classes' | 'styles'>;
+type ListyConfig = ComponentStyleConfig & Pick<ListyProps, 'classes' | 'styles'>;
 type SwitchStyleConfig = ComponentStyleConfig & Pick<SwitchProps, 'classes' | 'styles'>;
 type TransferConfig = ComponentStyleConfig & Pick<TransferProps, 'selectionsIcon' | 'classes' | 'styles'>;
 type InputConfig = ComponentStyleConfig & Pick<InputProps, 'autoComplete' | 'autocomplete' | 'classes' | 'styles' | 'allowClear' | 'variant' | 'changeOnComposing'>;
 type InputNumberConfig = ComponentStyleConfig & Pick<InputNumberProps, 'classes' | 'styles' | 'variant'>;
 type TextAreaConfig = ComponentStyleConfig & Pick<TextAreaProps, 'classes' | 'styles' | 'allowClear' | 'variant' | 'changeOnComposing'>;
 type MentionsConfig = ComponentStyleConfig & Pick<TextAreaProps, 'classes' | 'styles' | 'allowClear' | 'variant'>;
-type InputSearchConfig = ComponentStyleConfig & Pick<SearchProps, 'classes' | 'styles' | 'searchIcon'>;
+type InputSearchConfig = ComponentStyleConfig & Pick<SearchProps, 'classes' | 'styles' | 'searchIcon' | 'variant'>;
+/**
+ * Only `variant` is consumed for now: Input.Password does not read semantic
+ * class/style context yet, so exposing them here would be misleading.
+ */
+type InputPasswordConfig = Pick<PasswordProps, 'variant'>;
 type OTPConfig = ComponentStyleConfig & Pick<OTPProps, 'classes' | 'styles' | 'variant'>;
 type SliderConfig = ComponentStyleConfig & Pick<SliderProps, 'styles' | 'classes'>;
-type TabsConfig = ComponentStyleConfig & Pick<TabsProps, 'indicator' | 'indicatorSize' | 'more' | 'moreIcon' | 'addIcon' | 'removeIcon' | 'classes' | 'styles'>;
+interface TabsMoreConfig {
+  /**
+   * `popupRender` is intentionally excluded: it is a per-instance render
+   * function and makes no sense as a global configuration.
+   */
+  more?: Omit<MoreProps, 'popupRender'>;
+}
+type TabsConfig = ComponentStyleConfig & Pick<TabsProps$1, 'indicator' | 'indicatorSize' | 'moreIcon' | 'addIcon' | 'removeIcon' | 'classes' | 'styles'> & TabsMoreConfig;
 type SelectConfig = ComponentStyleConfig & Pick<SelectProps, 'showSearch' | 'variant' | 'classes' | 'styles' | 'allowClear' | 'suffixIcon' | 'removeIcon'> & {
   clearIcon?: any;
   loadingIcon?: any;
@@ -355,6 +373,7 @@ interface ConfigComponentProps {
   mentions?: MentionsConfig;
   pagination?: PaginationConfig;
   inputSearch?: InputSearchConfig;
+  inputPassword?: InputPasswordConfig;
   otp?: OTPConfig;
   space?: SpaceConfig;
   splitter?: SplitterConfig;
@@ -381,6 +400,7 @@ interface ConfigComponentProps {
   statistic?: StatisticConfig;
   image?: ImageConfig;
   layout?: ComponentStyleConfig;
+  listy?: ListyConfig;
   modal?: ModalConfig;
   progress?: ProgressConfig;
   result?: ResultConfig;
@@ -495,4 +515,4 @@ declare function useComponentBaseConfig<T extends keyof ConfigComponentProps, K
   popupOverflow: import("vue").ComputedRef<PopupOverflow | undefined>;
 };
 //#endregion
-export { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CardMetaConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentBaseProps, ComponentStyleConfig, ConfigComponentProps, ConfigConsumerProps, ConfigRefs, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputSearchConfig, MappingAlgorithm, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, QRcodeConfig, RadioConfig, RangePickerConfig, ResultConfig, RibbonConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, Theme, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TriggerType, TypographyConfig, UploadConfig, Variant, Variants, WaveConfig, defaultIconPrefixCls, defaultPrefixCls, useBaseConfig, useComponentBaseConfig, useComponentConfig, useConfig, useConfigProvider };
+export { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CardMetaConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentBaseProps, ComponentStyleConfig, ConfigComponentProps, ConfigConsumerProps, ConfigRefs, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListyConfig, MappingAlgorithm, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, QRcodeConfig, RadioConfig, RangePickerConfig, ResultConfig, RibbonConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TabsMoreConfig, TagConfig, TextAreaConfig, Theme, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TooltipUniqueConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TriggerType, TypographyConfig, UploadConfig, Variant, Variants, WaveConfig, defaultIconPrefixCls, defaultPrefixCls, useBaseConfig, useComponentBaseConfig, useComponentConfig, useConfig, useConfigProvider };

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, 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;
@@ -55,6 +56,7 @@ interface ConfigProviderProps {
   theme?: ThemeConfig;
   warning?: WarningContextProps;
   alert?: AlertConfig;
+  app?: ComponentStyleConfig;
   anchor?: AnchorStyleConfig;
   button?: ButtonConfig;
   calendar?: CalendarConfig;
@@ -72,6 +74,7 @@ interface ConfigProviderProps {
   steps?: StepsConfig;
   image?: ImageConfig;
   layout?: ComponentStyleConfig;
+  listy?: ListyConfig;
   modal?: ModalConfig;
   progress?: ProgressConfig;
   result?: ResultConfig;

package/dist/config-provider/index.js

@@ -32,6 +32,7 @@ const PASSED_PROPS = [
 	"treeSelect",
 	"button",
 	"alert",
+	"app",
 	"cascader",
 	"borderBeam",
 	"transformCellText",
@@ -53,6 +54,7 @@ const PASSED_PROPS = [
 	"image",
 	"inputNumber",
 	"layout",
+	"listy",
 	"menu",
 	"message",
 	"notification",
@@ -85,6 +87,8 @@ const PASSED_PROPS = [
 	"flex",
 	"typography",
 	"collapse",
+	"inputSearch",
+	"inputPassword",
 	"otp",
 	"anchor"
 ];
@@ -149,6 +153,7 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			getPrefixCls,
 			theme: mergedTheme.value,
 			direction: props.direction,
+			virtual: props.virtual,
 			locale: locale.value || props.legacyLocale,
 			space: props.space,
 			variant: props.variant
@@ -307,6 +312,10 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		inputPassword: {
+			type: Object,
+			required: false
+		},
 		otp: {
 			type: Object,
 			required: false
@@ -374,6 +383,10 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		app: {
+			type: Object,
+			required: false
+		},
 		anchor: {
 			type: Object,
 			required: false
@@ -442,6 +455,10 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		listy: {
+			type: Object,
+			required: false
+		},
 		modal: {
 			type: Object,
 			required: false
@@ -663,6 +680,10 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		inputPassword: {
+			type: Object,
+			required: false
+		},
 		otp: {
 			type: Object,
 			required: false
@@ -730,6 +751,10 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		app: {
+			type: Object,
+			required: false
+		},
 		anchor: {
 			type: Object,
 			required: false
@@ -798,6 +823,10 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		listy: {
+			type: Object,
+			required: false
+		},
 		modal: {
 			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/generatePicker/useComponents.d.ts

@@ -3,10 +3,10 @@ import "../../index.js";
 import { Components } from "@v-c/picker";
 //#region src/date-picker/generatePicker/useComponents.d.ts
 declare function useComponents(components?: Components): {
+  time?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   year?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   month?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   date?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
-  time?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   week?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   quarter?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   decade?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;

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

@@ -8,12 +8,12 @@ declare function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode,
 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;
-  }> | RenderNodeFn<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, {}> | {
+  }> | 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, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  } | 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/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null];

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

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