antdv-next 1.2.2 → 1.3.0-beta.1

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

@@ -2,7 +2,7 @@ import { DatePickerEmits, DatePickerSlots, InternalPickerProps } from "./generat
 import generatePicker from "./generatePicker/index.js";
 import { PickerLocale, PickerPropsWithMultiple } from "./generatePicker/interface.js";
 import { InternalRangePickerProps, RangePickerEmits, RangePickerSlots } from "./generatePicker/generateRangePicker.js";
-import * as vue136 from "vue";
+import * as vue342 from "vue";
 import { Dayjs } from "dayjs";
 
 //#region src/date-picker/index.d.ts
@@ -10,13 +10,13 @@ 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 = InternalRangePickerProps<Dayjs>;
-declare const DatePicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps> & {
-  WeekPicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps>;
-  MonthPicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps>;
-  YearPicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps>;
-  RangePicker: vue136.DefineSetupFnComponent<InternalRangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue136.SlotsType<RangePickerSlots>, InternalRangePickerProps<Dayjs>, vue136.PublicProps>;
-  TimePicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps>;
-  QuarterPicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps>;
+declare const DatePicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps> & {
+  WeekPicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps>;
+  MonthPicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps>;
+  YearPicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps>;
+  RangePicker: vue342.DefineSetupFnComponent<InternalRangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue342.SlotsType<RangePickerSlots>, InternalRangePickerProps<Dayjs>, vue342.PublicProps>;
+  TimePicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps>;
+  QuarterPicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps>;
 };
 type DatePickerType = typeof DatePicker & {
   generatePicker: typeof generatePicker;
@@ -24,10 +24,10 @@ type DatePickerType = typeof DatePicker & {
   _InternalRangePanelDoNotUseOrYouWillBeFired: any;
 };
 declare const _default: DatePickerType;
-declare const DateRangePicker: vue136.DefineSetupFnComponent<InternalRangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue136.SlotsType<RangePickerSlots>, InternalRangePickerProps<Dayjs>, vue136.PublicProps>;
-declare const DateWeekPicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps>;
-declare const DateMonthPicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps>;
-declare const DateYearPicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps>;
-declare const DateQuarterPicker: vue136.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue136.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue136.PublicProps>;
+declare const DateRangePicker: vue342.DefineSetupFnComponent<InternalRangePickerProps<Dayjs>, RangePickerEmits<Dayjs>, vue342.SlotsType<RangePickerSlots>, InternalRangePickerProps<Dayjs>, vue342.PublicProps>;
+declare const DateWeekPicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps>;
+declare const DateMonthPicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps>;
+declare const DateYearPicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps>;
+declare const DateQuarterPicker: vue342.DefineSetupFnComponent<InternalPickerProps<Dayjs>, DatePickerEmits<Dayjs>, vue342.SlotsType<DatePickerSlots>, InternalPickerProps<Dayjs>, vue342.PublicProps>;
 //#endregion
 export { DateMonthPicker, type DatePickerEmits, DatePickerProps, type DatePickerSlots, DatePickerType, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, MonthPickerProps, type PickerLocale, RangePickerProps, WeekPickerProps, _default as default };

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

@@ -1,8 +1,8 @@
 import { ComponentToken, PanelComponentToken, PickerPanelToken, initPanelComponentToken, initPickerPanelToken } from "./token.js";
 import { genPanelStyle } from "./panel.js";
-import * as vue707 from "vue";
+import * as vue404 from "vue";
 
 //#region src/date-picker/style/index.d.ts
-declare const _default: (prefixCls: vue707.Ref<string>, rootCls?: vue707.Ref<string | undefined>) => readonly [vue707.Ref<string, string>, vue707.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue404.Ref<string>, rootCls?: vue404.Ref<string | undefined>) => readonly [vue404.Ref<string, string>, vue404.ComputedRef<string | undefined>];
 //#endregion
 export { type ComponentToken, type PanelComponentToken, type PickerPanelToken, _default as default, genPanelStyle, initPanelComponentToken, initPickerPanelToken };

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

@@ -1,5 +1,5 @@
 import { resetComponent, textEllipsis } from "../../style/index.js";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { genRoundedArrow } from "../../style/roundedArrow.js";
 import { initMoveMotion } from "../../style/motion/move.js";
@@ -19,15 +19,24 @@ function genPickerPadding(paddingBlock, paddingInline) {
 }
 const genPickerStatusStyle = (token) => {
 	const { componentCls, colorError, colorWarning } = token;
+	const [varName] = genCssVar(token.antCls, "date-picker");
 	return { [`${componentCls}:not(${componentCls}-disabled):not([disabled])`]: {
-		[`&${componentCls}-status-error`]: { [`${componentCls}-active-bar`]: { background: colorError } },
-		[`&${componentCls}-status-warning`]: { [`${componentCls}-active-bar`]: { background: colorWarning } }
+		[`&${componentCls}-status-error`]: {
+			[varName("affix-color")]: token.colorErrorAffix,
+			[`${componentCls}-active-bar`]: { background: colorError }
+		},
+		[`&${componentCls}-status-warning`]: {
+			[varName("affix-color")]: token.colorWarningAffix,
+			[`${componentCls}-active-bar`]: { background: colorWarning }
+		}
 	} };
 };
 const genPickerStyle = (token) => {
 	const { componentCls, antCls, paddingInline, lineWidth, lineType, colorBorder, borderRadius, motionDurationMid, colorTextDisabled, colorTextPlaceholder, colorTextQuaternary, fontSizeLG, inputFontSizeLG, fontSizeSM, inputFontSizeSM, controlHeightSM, paddingInlineSM, paddingXS, marginXS, colorIcon, lineWidthBold, colorPrimary, motionDurationSlow, zIndexPopup, paddingXXS, sizePopupArrow, colorBgElevated, borderRadiusLG, boxShadowSecondary, borderRadiusSM, colorSplit, cellHoverBg, presetsWidth, presetsMaxWidth, boxShadowPopoverArrow, fontHeight, lineHeightLG } = token;
+	const [varName, varRef] = genCssVar(antCls, "date-picker");
 	return [
 		{ [componentCls]: {
+			[varName("affix-color")]: "inherit",
 			...resetComponent(token),
 			...genPickerPadding(token.paddingBlock, token.paddingInline),
 			position: "relative",
@@ -41,6 +50,7 @@ const genPickerStyle = (token) => {
 				`background-color`
 			].map((prop) => `${prop} ${motionDurationMid}`).join(", "),
 			[`${componentCls}-prefix`]: {
+				color: varRef("affix-color"),
 				flex: "0 0 auto",
 				marginInlineEnd: token.inputAffixPadding
 			},

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

@@ -1,14 +1,18 @@
 import { RenderNodeFn } from "../_util/type.js";
 import "./generatePicker/index.js";
 import { PickerLocale, PickerProps as PickerProps$1 } from "./generatePicker/interface.js";
+import * as vue284 from "vue";
 import { PickerMode } from "@v-c/picker";
-import * as vue_jsx_runtime14 from "vue/jsx-runtime";
 
 //#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 | vue_jsx_runtime14.JSX.Element | RenderNodeFn<any[]> | null] | readonly [{
+declare function useIcons(props: Pick<PickerProps$1, 'allowClear' | 'removeIcon'>, prefixCls: string): readonly [false, string | number | boolean | vue284.VNode<vue284.RendererNode, vue284.RendererElement, {
+  [key: string]: any;
+}> | RenderNodeFn<any[]> | null] | readonly [{
   clearIcon: VueNode;
-}, string | number | boolean | vue_jsx_runtime14.JSX.Element | RenderNodeFn<any[]> | null];
+}, string | number | boolean | vue284.VNode<vue284.RendererNode, vue284.RendererElement, {
+  [key: string]: any;
+}> | RenderNodeFn<any[]> | null];
 //#endregion
 export { getPlaceholder, getRangePlaceholder, useIcons };

package/dist/descriptions/Cell.d.ts

@@ -1,6 +1,6 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { CellSemanticClassNames, CellSemanticStyles } from "./DescriptionsContext.js";
-import * as vue178 from "vue";
+import * as vue306 from "vue";
 
 //#region src/descriptions/Cell.d.ts
 interface CellProps {
@@ -10,11 +10,11 @@ interface CellProps {
   classes?: CellSemanticClassNames;
   styles?: CellSemanticStyles;
   bordered?: boolean;
-  label?: VueNode;
-  content?: VueNode;
+  label?: VueNode$1;
+  content?: VueNode$1;
   type?: 'label' | 'content' | 'item';
   colon?: boolean;
 }
-declare const Cell: vue178.DefineSetupFnComponent<CellProps, {}, {}, CellProps & {}, vue178.PublicProps>;
+declare const Cell: vue306.DefineSetupFnComponent<CellProps, {}, {}, CellProps & {}, vue306.PublicProps>;
 //#endregion
 export { CellProps, Cell as default };

package/dist/descriptions/Item.d.ts

@@ -1,8 +1,8 @@
-import { EmptyEmit, VueNode } from "../_util/type.js";
+import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
 import { Breakpoint } from "../_util/responsiveObserver.js";
 import { CellSemanticClassNames, CellSemanticStyles } from "./DescriptionsContext.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue184 from "vue";
+import * as vue389 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/descriptions/Item.d.ts
@@ -10,10 +10,10 @@ declare const DESCRIPTIONS_ITEM_MARK = "_ANTDV_NEXT_DESCRIPTIONS_ITEM";
 interface DescriptionsItemProps extends ComponentBaseProps {
   class?: string;
   style?: CSSProperties;
-  label?: VueNode;
+  label?: VueNode$1;
   classes?: CellSemanticClassNames;
   styles?: CellSemanticStyles;
-  content?: VueNode;
+  content?: VueNode$1;
   span?: number | 'filled' | { [key in Breakpoint]?: number };
 }
 interface DescriptionsItemSlots {
@@ -21,6 +21,6 @@ interface DescriptionsItemSlots {
   label?: () => any;
   content?: () => any;
 }
-declare const DescriptionsItem: vue184.DefineSetupFnComponent<DescriptionsItemProps, EmptyEmit, SlotsType<DescriptionsItemSlots>, DescriptionsItemProps, vue184.PublicProps>;
+declare const DescriptionsItem: vue389.DefineSetupFnComponent<DescriptionsItemProps, EmptyEmit, SlotsType<DescriptionsItemSlots>, DescriptionsItemProps, vue389.PublicProps>;
 //#endregion
 export { DESCRIPTIONS_ITEM_MARK, DescriptionsItemProps, DescriptionsItemSlots, DescriptionsItem as default };

package/dist/descriptions/Row.d.ts

@@ -1,6 +1,6 @@
 import { EmptyEmit } from "../_util/type.js";
 import { InternalDescriptionsItemType, RenderDescriptionsItem } from "./index.js";
-import * as vue118 from "vue";
+import * as vue397 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/descriptions/Row.d.ts
@@ -17,6 +17,6 @@ interface RowProps {
 interface RowSlots {
   default?: () => any;
 }
-declare const Row: vue118.DefineSetupFnComponent<RowProps, EmptyEmit, SlotsType<RowSlots>, RowProps, vue118.PublicProps>;
+declare const Row: vue397.DefineSetupFnComponent<RowProps, EmptyEmit, SlotsType<RowSlots>, RowProps, vue397.PublicProps>;
 //#endregion
 export { RowProps, RowSlots, Row as default };

package/dist/descriptions/Row.js

@@ -97,7 +97,7 @@ const Row = /* @__PURE__ */ defineComponent((props) => {
 			component: "th",
 			type: "label",
 			showLabel: true,
-			...descContext
+			...descContext.value
 		})]), createVNode("tr", {
 			"key": `content-${index}`,
 			"class": `${prefixCls}-row`
@@ -105,7 +105,7 @@ const Row = /* @__PURE__ */ defineComponent((props) => {
 			component: "td",
 			type: "content",
 			showContent: true,
-			...descContext
+			...descContext.value
 		})])]);
 		return createVNode("tr", {
 			"key": index,
@@ -115,7 +115,7 @@ const Row = /* @__PURE__ */ defineComponent((props) => {
 			type: "item",
 			showLabel: true,
 			showContent: true,
-			...descContext
+			...descContext.value
 		})]);
 	};
 }, { props: {

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

@@ -1,33 +1,33 @@
-import { VueNode } from "../../_util/type.js";
+import { VueNode as VueNode$1 } from "../../_util/type.js";
 import { ScreenMap } from "../../_util/responsiveObserver.js";
 import { CellSemanticClassNames, CellSemanticStyles } from "../DescriptionsContext.js";
 import { DescriptionsItemType } from "../index.js";
-import * as vue834 from "vue";
+import * as vue864 from "vue";
 import { Ref } from "vue";
 import * as _v_c_util_dist_type0 from "@v-c/util/dist/type";
 
 //#region src/descriptions/hooks/useItems.d.ts
-declare function useItems(screens: Ref<ScreenMap>, items: Ref<DescriptionsItemType[]>): vue834.ComputedRef<({
+declare function useItems(screens: Ref<ScreenMap>, items: Ref<DescriptionsItemType[]>): vue864.ComputedRef<({
   filled: boolean;
   _$index: number;
   key?: _v_c_util_dist_type0.Key;
+  label?: VueNode$1;
+  style?: vue864.CSSProperties | undefined;
+  class?: string | undefined;
   classes?: CellSemanticClassNames | undefined;
   styles?: CellSemanticStyles | undefined;
   rootClass?: string | undefined;
-  style?: vue834.CSSProperties | undefined;
-  label?: VueNode;
-  content?: VueNode;
-  class?: string | undefined;
+  content?: VueNode$1;
 } | {
   span: number | undefined;
   key?: _v_c_util_dist_type0.Key;
+  label?: VueNode$1;
+  style?: vue864.CSSProperties | undefined;
+  class?: string | undefined;
   classes?: CellSemanticClassNames | undefined;
   styles?: CellSemanticStyles | undefined;
   rootClass?: string | undefined;
-  style?: vue834.CSSProperties | undefined;
-  label?: VueNode;
-  content?: VueNode;
-  class?: string | undefined;
+  content?: VueNode$1;
   _$index: number;
 })[]>;
 //#endregion

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

@@ -1,8 +1,8 @@
 import { InternalDescriptionsItemType } from "../index.js";
-import * as vue910 from "vue";
+import * as vue871 from "vue";
 import { Ref } from "vue";
 
 //#region src/descriptions/hooks/useRow.d.ts
-declare function useRow(mergedColumn: Ref<number>, items: Ref<InternalDescriptionsItemType[]>): vue910.ComputedRef<InternalDescriptionsItemType[][]>;
+declare function useRow(mergedColumn: Ref<number>, items: Ref<InternalDescriptionsItemType[]>): vue871.ComputedRef<InternalDescriptionsItemType[][]>;
 //#endregion
 export { useRow as default };

package/dist/descriptions/index.d.ts

@@ -1,11 +1,11 @@
-import { EmptyEmit, VueNode } from "../_util/type.js";
+import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { Breakpoint } from "../_util/responsiveObserver.js";
 import DescriptionsItem, { DescriptionsItemProps, DescriptionsItemSlots } from "./Item.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue123 from "vue";
+import * as vue408 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { Key } from "@v-c/util/dist/type";
 
@@ -49,8 +49,8 @@ type RenderDescriptionsItem = (params: {
 interface DescriptionsProps extends ComponentBaseProps {
   bordered?: boolean;
   size?: SizeType | 'default';
-  title?: VueNode;
-  extra?: VueNode;
+  title?: VueNode$1;
+  extra?: VueNode$1;
   labelRender?: RenderDescriptionsItem;
   contentRender?: RenderDescriptionsItem;
   column?: number | Partial<Record<Breakpoint, number>>;
@@ -68,6 +68,6 @@ interface DescriptionsSlots {
   labelRender?: RenderDescriptionsItem;
   contentRender?: RenderDescriptionsItem;
 }
-declare const Descriptions: vue123.DefineSetupFnComponent<DescriptionsProps, EmptyEmit, SlotsType<DescriptionsSlots>, DescriptionsProps, vue123.PublicProps>;
+declare const Descriptions: vue408.DefineSetupFnComponent<DescriptionsProps, EmptyEmit, SlotsType<DescriptionsSlots>, DescriptionsProps, vue408.PublicProps>;
 //#endregion
 export { DescriptionsClassNamesType, DescriptionsItem, type DescriptionsItemProps, type DescriptionsItemSlots, DescriptionsItemType, DescriptionsProps, DescriptionsSemanticClassNames, DescriptionsSemanticName, DescriptionsSemanticStyles, DescriptionsSlots, DescriptionsStylesType, InternalDescriptionsItemType, RenderDescriptionsItem, Descriptions as default };

package/dist/descriptions/style/index.d.ts

@@ -1,6 +1,6 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue338 from "vue";
+import * as vue917 from "vue";
 
 //#region src/descriptions/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -57,6 +57,6 @@ interface ComponentToken {
   extraColor: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Descriptions'>;
-declare const _default: (prefixCls: vue338.Ref<string>, rootCls?: vue338.Ref<string | undefined>) => readonly [vue338.Ref<string, string>, vue338.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue917.Ref<string>, rootCls?: vue917.Ref<string | undefined>) => readonly [vue917.Ref<string, string>, vue917.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/divider/index.d.ts

@@ -3,7 +3,7 @@ import { Orientation } from "../_util/hooks/useOrientation.js";
 import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue74 from "vue";
+import * as vue321 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/divider/index.d.ts
@@ -43,6 +43,6 @@ interface DividerProps extends ComponentBaseProps {
   classes?: DividerClassNamesType;
   styles?: DividerStylesType;
 }
-declare const Divider: vue74.DefineSetupFnComponent<DividerProps, {}, {}, DividerProps & {}, vue74.PublicProps>;
+declare const Divider: vue321.DefineSetupFnComponent<DividerProps, {}, {}, DividerProps & {}, vue321.PublicProps>;
 //#endregion
 export { DividerClassNamesType, DividerProps, DividerSemanticClassNames, DividerSemanticName, DividerSemanticStyles, DividerStylesType, TitlePlacement, Divider as default };

package/dist/divider/style/index.d.ts

@@ -1,6 +1,6 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue703 from "vue";
+import * as vue872 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/divider/style/index.d.ts
@@ -23,6 +23,6 @@ interface ComponentToken {
   verticalMarginInline: CSSProperties['marginInline'];
 }
 declare const prepareComponentToken: GetDefaultToken<'Divider'>;
-declare const _default: (prefixCls: vue703.Ref<string>, rootCls?: vue703.Ref<string | undefined>) => readonly [vue703.Ref<string, string>, vue703.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue872.Ref<string>, rootCls?: vue872.Ref<string | undefined>) => readonly [vue872.Ref<string, string>, vue872.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/drawer/DrawerPanel.d.ts

@@ -1,9 +1,9 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { ClosableType } from "../_util/hooks/useClosable.js";
 import { DrawerProps as DrawerProps$1 } from "./index.js";
-import * as vue788 from "vue";
+import * as vue399 from "vue";
 import { CSSProperties } from "vue";
 import { DrawerProps } from "@v-c/drawer";
 
@@ -40,9 +40,9 @@ type DrawerStylesType = SemanticStylesType<DrawerProps$1, DrawerSemanticStyles>;
 interface DrawerPanelProps {
   prefixCls: string;
   ariaId?: string;
-  title?: VueNode;
-  footer?: VueNode;
-  extra?: VueNode;
+  title?: VueNode$1;
+  footer?: VueNode$1;
+  extra?: VueNode$1;
   size?: DrawerProps$1['size'];
   /**
    * Recommend to use closeIcon instead
@@ -54,7 +54,7 @@ interface DrawerPanelProps {
   closable?: boolean | (Extract<ClosableType, object> & {
     placement?: 'start' | 'end';
   });
-  closeIcon?: VueNode;
+  closeIcon?: VueNode$1;
   onClose?: DrawerProps['onClose'];
   classes?: DrawerClassNamesType;
   styles?: DrawerStylesType;
@@ -72,6 +72,6 @@ interface DrawerPanelProps {
   /** @deprecated Please use `styles.content` instead */
   drawerStyle?: CSSProperties;
 }
-declare const DrawerPanel: vue788.DefineSetupFnComponent<DrawerPanelProps, {}, {}, DrawerPanelProps & {}, vue788.PublicProps>;
+declare const DrawerPanel: vue399.DefineSetupFnComponent<DrawerPanelProps, {}, {}, DrawerPanelProps & {}, vue399.PublicProps>;
 //#endregion
 export { DrawerClassNamesType, DrawerPanelProps, DrawerSemanticClassNames, DrawerSemanticName, DrawerSemanticStyles, DrawerStylesType, DrawerPanel as default };

package/dist/drawer/index.d.ts

@@ -2,7 +2,7 @@ import { MaskType } from "../_util/hooks/useMergedMask.js";
 import "../_util/hooks/index.js";
 import { FocusableConfig, OmitFocusType } from "./useFocusable.js";
 import { DrawerPanelProps } from "./DrawerPanel.js";
-import * as vue107 from "vue";
+import * as vue410 from "vue";
 import { SlotsType } from "vue";
 import { DrawerProps as DrawerProps$1 } from "@v-c/drawer";
 
@@ -63,11 +63,11 @@ interface DrawerSlots {
   default?: () => any;
   closeIcon?: () => any;
 }
-declare const Drawer: vue107.DefineSetupFnComponent<DrawerProps, DrawerEmits, SlotsType<DrawerSlots>, DrawerProps, vue107.PublicProps>;
+declare const Drawer: vue410.DefineSetupFnComponent<DrawerProps, DrawerEmits, SlotsType<DrawerSlots>, DrawerProps, vue410.PublicProps>;
 interface PurePanelInterface {
   prefixCls?: string;
   placement?: DrawerProps['placement'];
 }
-declare const PurePanel: vue107.DefineSetupFnComponent<Omit<DrawerPanelProps, "prefixCls"> & PurePanelInterface, {}, {}, Omit<DrawerPanelProps, "prefixCls"> & PurePanelInterface & {}, vue107.PublicProps>;
+declare const PurePanel: vue410.DefineSetupFnComponent<Omit<DrawerPanelProps, "prefixCls"> & PurePanelInterface, {}, {}, Omit<DrawerPanelProps, "prefixCls"> & PurePanelInterface & {}, vue410.PublicProps>;
 //#endregion
 export { DrawerEmits, DrawerEmitsProps, DrawerProps, DrawerResizableConfig, DrawerSlots, PurePanel, PushState, Drawer as default };

package/dist/drawer/index.js

@@ -25,7 +25,7 @@ const defaults = {
 };
 const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
 	const id = useId();
-	const { getPopupContainer, direction, prefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, mask: contextMask } = useComponentBaseConfig("drawer", props, ["mask"]);
+	const { getPopupContainer, direction, prefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, mask: contextMask, focusable: contextFocusable } = useComponentBaseConfig("drawer", props, ["mask", "focusable"]);
 	const { zIndex: customZIndex, mask: drawerMask, classes, styles, focusable, maskClosable } = toPropsRefs(props, "zIndex", "mask", "classes", "styles", "focusable", "maskClosable");
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	if (isDev) {
@@ -60,7 +60,10 @@ const Drawer = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =
 	const panelRef = shallowRef();
 	const [zIndex, contextZIndex] = useZIndex("Drawer", customZIndex);
 	const [mergedMask, maskBlurClassName, mergedMaskClosable] = useMergedMask(drawerMask, contextMask, prefixCls, maskClosable);
-	const mergedFocusable = useFocusable(focusable, computed(() => {
+	const mergedFocusable = useFocusable(computed(() => ({
+		...contextFocusable?.value ?? {},
+		...focusable.value ?? {}
+	})), computed(() => {
 		return props?.getContainer !== false && mergedMask.value;
 	}));
 	const mergedProps = computed(() => {

package/dist/drawer/style/index.d.ts

@@ -1,6 +1,6 @@
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue318 from "vue";
+import * as vue998 from "vue";
 
 //#region src/drawer/style/index.d.ts
 interface ComponentToken {
@@ -27,6 +27,6 @@ interface ComponentToken {
 }
 interface DrawerToken extends FullToken<'Drawer'> {}
 declare const prepareComponentToken: GetDefaultToken<'Drawer'>;
-declare const _default: (prefixCls: vue318.Ref<string>, rootCls?: vue318.Ref<string | undefined>) => readonly [vue318.Ref<string, string>, vue318.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue998.Ref<string>, rootCls?: vue998.Ref<string | undefined>) => readonly [vue998.Ref<string, string>, vue998.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, DrawerToken, _default as default, prepareComponentToken };

package/dist/drawer/useFocusable.d.ts

@@ -1,4 +1,4 @@
-import * as vue115 from "vue";
+import * as vue20 from "vue";
 import { Ref } from "vue";
 
 //#region src/drawer/useFocusable.d.ts
@@ -7,7 +7,7 @@ interface FocusableConfig {
   focusTriggerAfterClose?: boolean;
   trap?: boolean;
 }
-declare function useFocusable(focusable?: Ref<FocusableConfig | undefined>, defaultTrap?: Ref<boolean | undefined>, legacyFocusTriggerAfterClose?: Ref<FocusableConfig['focusTriggerAfterClose'] | undefined>): vue115.ComputedRef<{
+declare function useFocusable(focusable?: Ref<FocusableConfig | undefined>, defaultTrap?: Ref<boolean | undefined>, legacyFocusTriggerAfterClose?: Ref<FocusableConfig['focusTriggerAfterClose'] | undefined>): vue20.ComputedRef<{
   focusTriggerAfterClose: boolean;
   trap: boolean;
 }>;

package/dist/dropdown/dropdown.d.ts

@@ -4,7 +4,7 @@ import { AdjustOverflow } from "../_util/placements.js";
 import { MenuEmits, MenuSlots } from "../menu/menu.js";
 import { MenuProps as MenuProps$1 } from "../menu/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue84 from "vue";
+import * as vue416 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { AlignType } from "@v-c/trigger";
 import { MenuProps } from "@v-c/menu";
@@ -75,6 +75,6 @@ interface DropdownSlots extends MenuSlots {
     source: 'trigger' | 'menu';
   }) => any;
 }
-declare const Dropdown: vue84.DefineSetupFnComponent<DropdownProps, DropdownEmits, SlotsType<DropdownSlots>, DropdownProps, vue84.PublicProps>;
+declare const Dropdown: vue416.DefineSetupFnComponent<DropdownProps, DropdownEmits, SlotsType<DropdownSlots>, DropdownProps, vue416.PublicProps>;
 //#endregion
 export { DropdownArrowOptions, DropdownClassNamesType, DropdownEmits, DropdownEmitsProps, DropdownProps, DropdownSemanticClassNames, DropdownSemanticName, DropdownSemanticStyles, DropdownSlots, DropdownStylesType, Dropdown as default };

package/dist/dropdown/style/index.d.ts

@@ -2,7 +2,7 @@ import { ArrowToken } from "../../style/roundedArrow.js";
 import { ArrowOffsetToken } from "../../style/placementArrow.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue418 from "vue";
+import * as vue904 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/dropdown/style/index.d.ts
@@ -40,6 +40,6 @@ interface DropdownToken extends FullToken<'Dropdown'> {
   menuCls: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Dropdown'>;
-declare const _default: (prefixCls: vue418.Ref<string>, rootCls?: vue418.Ref<string | undefined>) => readonly [vue418.Ref<string, string>, vue418.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue904.Ref<string>, rootCls?: vue904.Ref<string | undefined>) => readonly [vue904.Ref<string, string>, vue904.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, DropdownToken, _default as default, prepareComponentToken };

package/dist/dropdown/style/index.js

@@ -121,7 +121,7 @@ const genBaseStyle = (token) => {
 							alignItems: "center",
 							width: "100%"
 						},
-						"> a": {
+						[`> a, > ${menuCls}-item-label > a`]: {
 							color: "inherit",
 							transition: `all ${motionDurationMid}`,
 							"&:hover": { color: "inherit" },

package/dist/empty/empty.d.ts

@@ -1,6 +1,6 @@
-import * as vue95 from "vue";
+import * as vue32 from "vue";
 
 //#region src/empty/empty.d.ts
-declare const Empty: vue95.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue95.PublicProps>;
+declare const Empty: vue32.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue32.PublicProps>;
 //#endregion
 export { Empty as default };

package/dist/empty/index.d.ts

@@ -1,17 +1,17 @@
-import { EmptyEmit, VueNode } from "../_util/type.js";
+import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue130 from "vue";
+import * as vue21 from "vue";
 import { CSSProperties, SlotsType } from "vue";
-import * as vue_jsx_runtime16 from "vue/jsx-runtime";
+import * as vue_jsx_runtime1 from "vue/jsx-runtime";
 
 //#region src/empty/index.d.ts
 interface TransferLocale {
   description: string;
 }
-declare const defaultEmptyImg: vue_jsx_runtime16.JSX.Element;
-declare const simpleEmptyImg: vue_jsx_runtime16.JSX.Element;
+declare const defaultEmptyImg: vue_jsx_runtime1.JSX.Element;
+declare const simpleEmptyImg: vue_jsx_runtime1.JSX.Element;
 type EmptySemanticName = keyof EmptySemanticClassNames & keyof EmptySemanticStyles;
 interface EmptySemanticClassNames {
   root?: string;
@@ -31,15 +31,15 @@ type SemanticName = EmptySemanticName;
 interface EmptyProps extends ComponentBaseProps {
   classes?: EmptyClassNamesType;
   styles?: EmptyStylesType;
-  image?: VueNode;
-  description?: VueNode;
+  image?: VueNode$1;
+  description?: VueNode$1;
 }
 interface EmptySlots {
   image: () => any;
   description: () => any;
   default: () => any;
 }
-declare const Empty: vue130.DefineSetupFnComponent<EmptyProps, EmptyEmit, SlotsType<EmptySlots>, EmptyProps, vue130.PublicProps>;
+declare const Empty: vue21.DefineSetupFnComponent<EmptyProps, EmptyEmit, SlotsType<EmptySlots>, EmptyProps, vue21.PublicProps>;
 declare const _default: typeof Empty & {
   PRESENTED_IMAGE_DEFAULT: typeof defaultEmptyImg;
   PRESENTED_IMAGE_SIMPLE: typeof simpleEmptyImg;

package/dist/empty/simple.d.ts

@@ -1,6 +1,6 @@
-import * as vue128 from "vue";
+import * as vue23 from "vue";
 
 //#region src/empty/simple.d.ts
-declare const Simple: vue128.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue128.PublicProps>;
+declare const Simple: vue23.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue23.PublicProps>;
 //#endregion
 export { Simple as default };

package/dist/empty/style/index.d.ts

@@ -1,8 +1,8 @@
-import * as vue352 from "vue";
+import * as vue884 from "vue";
 
 //#region src/empty/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
 interface ComponentToken {}
-declare const _default: (prefixCls: vue352.Ref<string>, rootCls?: vue352.Ref<string | undefined>) => readonly [vue352.Ref<string, string>, vue352.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue884.Ref<string>, rootCls?: vue884.Ref<string | undefined>) => readonly [vue884.Ref<string, string>, vue884.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default };