antdv-next 1.3.7 → 1.4.1

package/dist/calendar/style/index.js

@@ -4,7 +4,6 @@ import { mergeToken } from "../../theme/internal.js";
 import { genPanelStyle } from "../../date-picker/style/panel.js";
 import { initPanelComponentToken, initPickerPanelToken } from "../../date-picker/style/token.js";
 import { unit } from "@antdv-next/cssinjs";
-
 //#region src/calendar/style/index.ts
 const genCalendarStyles = (token) => {
 	const { calendarCls, componentCls, fullBg, fullPanelBg, itemActiveBg } = token;
@@ -147,6 +146,5 @@ var style_default = genStyleHooks("Calendar", (token) => {
 		dateContentHeight: token.calc(token.calc(token.fontHeightSM).add(token.marginXS)).mul(3).add(token.calc(token.lineWidth).mul(2)).equal()
 	}));
 }, prepareComponentToken);
-
 //#endregion
-export { style_default as default, genCalendarStyles, prepareComponentToken };
+export { style_default as default, genCalendarStyles, prepareComponentToken };

package/dist/card/Card.d.ts

@@ -1,9 +1,7 @@
 import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import { Tab, TabsSlots } from "../tabs/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue158 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/card/Card.d.ts
@@ -81,6 +79,6 @@ interface CardSlots {
   tabLabelRender?: TabsSlots['labelRender'];
   tabBarExtraContent?: () => any;
 }
-declare const Card: vue158.DefineSetupFnComponent<CardProps, CardEmits, SlotsType<CardSlots>, CardProps, vue158.PublicProps>;
+declare const Card: import("vue").DefineSetupFnComponent<CardProps, CardEmits, SlotsType<CardSlots>, CardProps, import("vue").PublicProps>;
 //#endregion
 export { CardClassNamesType, CardEmits, CardEmitsProps, CardProps, CardSemanticClassNames, CardSemanticName, CardSemanticStyles, CardSize, CardSlots, CardStylesType, CardTabListType, CardType, Card as default };

package/dist/card/Card.js

@@ -1,16 +1,15 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
-import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import skeleton_default from "../skeleton/index.js";
 import useVariant from "../form/hooks/useVariant.js";
-import tabs_default from "../tabs/index.js";
+import Tabs from "../tabs/index.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
-
 //#region src/card/Card.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -55,7 +54,8 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			variant: customVariant.value
 		};
 	});
-	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));
 	if (isDev) {
 		const warning = devUseWarning("Card");
 		warning.deprecated(props.size !== "default", "size=\"default\"", "size=\"medium\"");
@@ -101,7 +101,7 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			contentRender: slots?.tabContentRender,
 			labelRender: slots?.tabLabelRender
 		};
-		const tabs = tabList ? createVNode(tabs_default, mergeProps({ "size": tabSize }, extraProps, { "class": `${prefixCls.value}-head-size` }, { "onUpdate:activeKey": (key) => {
+		const tabs = tabList ? createVNode(Tabs, mergeProps({ "size": tabSize }, extraProps, { "class": `${prefixCls.value}-head-size` }, { "onUpdate:activeKey": (key) => {
 			onTabChange(key);
 		} }, { "items": tabList.map(({ tab, ...item }) => {
 			return {
@@ -113,13 +113,12 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			const headClasses = clsx(`${prefixCls.value}-head`, mergedClassNames.value.header);
 			const titleClasses = clsx(`${prefixCls.value}-head-title`, mergedClassNames.value.title);
 			const extraClasses = clsx(`${prefixCls.value}-extra`, mergedClassNames.value.extra);
-			const mergedHeadStyle = {
-				...headStyle,
-				...mergedStyles.value.header
-			};
 			head = createVNode("div", {
 				"class": headClasses,
-				"style": mergedHeadStyle
+				"style": {
+					...headStyle,
+					...mergedStyles.value.header
+				}
 			}, [createVNode("div", { "class": `${prefixCls.value}-head-wrapper` }, [!!title && createVNode("div", {
 				"class": titleClasses,
 				"style": mergedStyles.value.title
@@ -148,28 +147,24 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			"actionStyle": mergedStyles.value.actions,
 			"actions": actions
 		}, null) : null;
-		const divProps = {
+		return createVNode("div", mergeProps({
 			...restAttrs,
 			id: props.id
-		};
-		const classString = clsx(prefixCls.value, contextClassName.value, {
-			[`${prefixCls.value}-loading`]: loading,
-			[`${prefixCls.value}-bordered`]: variant.value !== "borderless",
-			[`${prefixCls.value}-hoverable`]: hoverable,
-			[`${prefixCls.value}-contain-grid`]: isContainGrid,
-			[`${prefixCls.value}-contain-tabs`]: tabList?.length,
-			[`${prefixCls.value}-small`]: mergedSize.value === "small",
-			[`${prefixCls.value}-type-${type}`]: !!type,
-			[`${prefixCls.value}-rtl`]: direction.value === "rtl"
-		}, className, rootClass, hashId.value, cssVarCls.value, mergedClassNames.value.root);
-		const mergedStyle = {
-			...mergedStyles.value.root,
-			...contextStyle.value,
-			...style
-		};
-		return createVNode("div", mergeProps(divProps, {
-			"class": classString,
-			"style": mergedStyle
+		}, {
+			"class": clsx(prefixCls.value, contextClassName.value, {
+				[`${prefixCls.value}-loading`]: loading,
+				[`${prefixCls.value}-bordered`]: variant.value !== "borderless",
+				[`${prefixCls.value}-hoverable`]: hoverable,
+				[`${prefixCls.value}-contain-grid`]: isContainGrid,
+				[`${prefixCls.value}-contain-tabs`]: tabList?.length,
+				[`${prefixCls.value}-small`]: mergedSize.value === "small",
+				[`${prefixCls.value}-type-${type}`]: !!type,
+				[`${prefixCls.value}-rtl`]: direction.value === "rtl"
+			}, className, rootClass, hashId.value, cssVarCls.value, mergedClassNames.value.root),
+			"style": {
+				...mergedStyles.value.root,
+				...style
+			}
 		}), [
 			head,
 			coverDom,
@@ -307,7 +302,5 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 	inheritAttrs: false,
 	name: "ACard"
 });
-var Card_default = Card;
-
 //#endregion
-export { Card_default as default };
+export { Card as default };

package/dist/card/CardGrid.d.ts

@@ -1,10 +1,8 @@
-import * as vue37 from "vue";
-
 //#region src/card/CardGrid.d.ts
 interface CardGridProps {
   prefixCls?: string;
   hoverable?: boolean;
 }
-declare const CardGrid: vue37.DefineSetupFnComponent<CardGridProps, {}, {}, CardGridProps & {}, vue37.PublicProps>;
+declare const CardGrid: import("vue").DefineSetupFnComponent<CardGridProps, {}, {}, CardGridProps & {}, import("vue").PublicProps>;
 //#endregion
 export { CardGridProps, CardGrid as default };

package/dist/card/CardGrid.js

@@ -2,21 +2,19 @@ import { useBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import { createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
-
 //#region src/card/CardGrid.tsx
 const CardGrid = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	const { prefixCls } = useBaseConfig("card", props);
 	return () => {
 		const prefix = `${prefixCls.value}-grid`;
 		const { className, restAttrs, style } = getAttrStyleAndClass(attrs);
-		const classString = clsx(prefix, className, { [`${prefix}-hoverable`]: props.hoverable });
 		return createVNode("div", mergeProps(restAttrs, {
-			"class": classString,
+			"class": clsx(prefix, className, { [`${prefix}-hoverable`]: props.hoverable }),
 			"style": style
 		}), [slots?.default?.()]);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		prefixCls: {
 			type: String,
 			required: false
@@ -30,7 +28,5 @@ const CardGrid = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	name: "ACardGrid",
 	inheritAttrs: false
 });
-var CardGrid_default = CardGrid;
-
 //#endregion
-export { CardGrid_default as default };
+export { CardGrid as default };

package/dist/card/CardMeta.d.ts

@@ -1,7 +1,5 @@
 import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
-import * as vue41 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 
 //#region src/card/CardMeta.d.ts
@@ -36,6 +34,6 @@ interface CardMetaSlots {
   description?: () => any;
   default?: () => any;
 }
-declare const CardMeta: vue41.DefineSetupFnComponent<CardMetaProps, EmptyEmit, SlotsType<CardMetaSlots>, CardMetaProps, vue41.PublicProps>;
+declare const CardMeta: import("vue").DefineSetupFnComponent<CardMetaProps, EmptyEmit, SlotsType<CardMetaSlots>, CardMetaProps, import("vue").PublicProps>;
 //#endregion
 export { CardMetaClassNamesType, CardMetaProps, CardMetaSemanticClassNames, CardMetaSemanticName, CardMetaSemanticStyles, CardMetaSlots, CardMetaStylesType, CardMeta as default };

package/dist/card/CardMeta.js

@@ -1,21 +1,20 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import { computed, createVNode, defineComponent, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
-
 //#region src/card/CardMeta.tsx
 const CardMeta = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	const { prefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("cardMeta", props, [], "card");
 	const { classes: cardMetaClassNames, styles } = toPropsRefs(props, "classes", "styles");
 	const metaPrefixCls = computed(() => `${prefixCls.value}-meta`);
 	const mergedProps = computed(() => props);
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, cardMetaClassNames), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, cardMetaClassNames), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	return () => {
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const rootClassNames = clsx(metaPrefixCls.value, className, contextClassName.value, mergedClassNames.value?.root);
 		const rootStyles = {
-			...contextStyle.value,
 			...mergedStyles.value?.root,
 			...style
 		};
@@ -101,7 +100,5 @@ const CardMeta = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	name: "ACardMeta",
 	inheritAttrs: false
 });
-var CardMeta_default = CardMeta;
-
 //#endregion
-export { CardMeta_default as default };
+export { CardMeta as default };

package/dist/card/index.js

@@ -1,16 +1,14 @@
-import Card_default from "./Card.js";
-import CardGrid_default from "./CardGrid.js";
-import CardMeta_default from "./CardMeta.js";
-
+import Card from "./Card.js";
+import CardGrid from "./CardGrid.js";
+import CardMeta from "./CardMeta.js";
 //#region src/card/index.tsx
-Card_default.Grid = CardGrid_default;
-Card_default.Meta = CardMeta_default;
-Card_default.install = (app) => {
-	app.component(Card_default.name, Card_default);
-	app.component(CardGrid_default.name, CardGrid_default);
-	app.component(CardMeta_default.name, CardMeta_default);
+Card.Grid = CardGrid;
+Card.Meta = CardMeta;
+Card.install = (app) => {
+	app.component(Card.name, Card);
+	app.component(CardGrid.name, CardGrid);
+	app.component(CardMeta.name, CardMeta);
 };
-var card_default = Card_default;
-
+var card_default = Card;
 //#endregion
-export { CardGrid_default as CardGrid, CardMeta_default as CardMeta, card_default as default };
+export { CardGrid, CardMeta, card_default as default };

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

@@ -1,7 +1,4 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-import * as vue706 from "vue";
-
 //#region src/card/style/index.d.ts
 interface ComponentToken {
   /**
@@ -71,6 +68,6 @@ interface ComponentToken {
   extraColor: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Card'>;
-declare const _default: (prefixCls: vue706.Ref<string>, rootCls?: vue706.Ref<string | undefined>) => readonly [vue706.Ref<string, string>, vue706.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/card/style/index.js

@@ -2,7 +2,6 @@ import { clearFix, resetComponent, textEllipsis } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { unit } from "@antdv-next/cssinjs";
-
 //#region src/card/style/index.ts
 const genCardHeadStyle = (token) => {
 	const { antCls, componentCls, headerHeight, headerPadding, tabsMarginBottom } = token;
@@ -267,6 +266,5 @@ var style_default = genStyleHooks("Card", (token) => {
 	});
 	return [genCardStyle(cardToken), genCardSizeStyle(cardToken)];
 }, prepareComponentToken);
-
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { style_default as default, prepareComponentToken };

package/dist/carousel/index.d.ts

@@ -1,6 +1,5 @@
 import { VueNode as VueNode$1 } from "../_util/type.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue123 from "vue";
 import { SlotsType } from "vue";
 import { SlickProps } from "@v-c/slick";
 
@@ -52,6 +51,6 @@ interface CarouselRef {
   autoPlay: (playType?: 'update' | 'leave' | 'blur') => void;
   innerSlider: any;
 }
-declare const Carousel: vue123.DefineSetupFnComponent<CarouselProps, CarouselEmits, SlotsType<CarouselSlots>, CarouselProps, vue123.PublicProps>;
+declare const Carousel: import("vue").DefineSetupFnComponent<CarouselProps, CarouselEmits, SlotsType<CarouselSlots>, CarouselProps, import("vue").PublicProps>;
 //#endregion
 export { CarouselEffect, CarouselEmits, CarouselEmitsProps, CarouselProps, CarouselRef, CarouselSlots, DotPlacement, Carousel as default };

package/dist/carousel/index.js

@@ -8,7 +8,6 @@ import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { omit } from "es-toolkit";
 import SlickCarousel from "@v-c/slick";
-
 //#region src/carousel/index.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -148,7 +147,7 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 		}), _isSlot(children) ? children : { default: () => [children] })]);
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		effect: {
 			type: String,
 			required: false
@@ -433,7 +432,5 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 Carousel.install = (app) => {
 	app.component(Carousel.name, Carousel);
 };
-var carousel_default = Carousel;
-
 //#endregion
-export { carousel_default as default };
+export { Carousel as default };

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

@@ -1,7 +1,4 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-import * as vue776 from "vue";
-
 //#region src/carousel/style/index.d.ts
 interface ComponentToken {
   /**
@@ -44,6 +41,6 @@ interface ComponentToken {
 }
 declare const DotDuration = "--dot-duration";
 declare const prepareComponentToken: GetDefaultToken<'Carousel'>;
-declare const _default: (prefixCls: vue776.Ref<string>, rootCls?: vue776.Ref<string | undefined>) => readonly [vue776.Ref<string, string>, vue776.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, DotDuration, _default as default, prepareComponentToken };

package/dist/carousel/style/index.js

@@ -1,7 +1,6 @@
 import { resetComponent } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { Keyframes, unit } from "@antdv-next/cssinjs";
-
 //#region src/carousel/style/index.ts
 const DotDuration = "--dot-duration";
 const genCarouselStyle = (token) => {
@@ -298,6 +297,5 @@ var style_default = genStyleHooks("Carousel", (token) => [
 	genCarouselVerticalStyle(token),
 	genCarouselRtlStyle(token)
 ], prepareComponentToken, { deprecatedTokens: [["dotWidthActive", "dotActiveWidth"]] });
-
 //#endregion
-export { DotDuration, style_default as default, prepareComponentToken };
+export { DotDuration, style_default as default, prepareComponentToken };

package/dist/cascader/Panel.d.ts

@@ -1,5 +1,4 @@
 import { CascaderProps as CascaderProps$1 } from "./index.js";
-import * as vue46 from "vue";
 import { SlotsType } from "vue";
 import { CascaderProps, DefaultOptionType } from "@v-c/cascader";
 
@@ -19,6 +18,6 @@ interface CascaderPanelSlots {
   notFoundContent?: () => any;
   optionRender?: (option: DefaultOptionType) => any;
 }
-declare const CascaderPanel: vue46.DefineSetupFnComponent<CascaderPanelProps<DefaultOptionType, string, boolean>, CascaderPanelEmits, SlotsType<CascaderPanelSlots>, CascaderPanelProps<DefaultOptionType, string, boolean>, vue46.PublicProps>;
+declare const CascaderPanel: import("vue").DefineSetupFnComponent<CascaderPanelProps<DefaultOptionType, string, boolean>, CascaderPanelEmits, SlotsType<CascaderPanelSlots>, CascaderPanelProps<DefaultOptionType, string, boolean>, import("vue").PublicProps>;
 //#endregion
 export { CascaderPanelEmits, CascaderPanelEmitsProps, CascaderPanelProps, CascaderPanelSlots, PanelPickType, CascaderPanel as default };

package/dist/cascader/Panel.js

@@ -1,7 +1,7 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
-import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
 import useBase from "./hooks/useBase.js";
@@ -12,14 +12,13 @@ import panel_default from "./style/panel.js";
 import { computed, createVNode, defineComponent, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { Panel } from "@v-c/cascader";
-
 //#region src/cascader/Panel.tsx
 const CascaderPanel = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 	const { prefixCls: customizePrefixCls, direction: propDirection } = toPropsRefs(props, "prefixCls", "direction");
 	const { cascaderPrefixCls, direction: mergedDirection, renderEmpty } = useBase(customizePrefixCls, propDirection);
 	const { expandIcon: contextExpandIcon, loadingIcon: contextLoadingIcon } = useComponentBaseConfig("cascader", props, ["expandIcon", "loadingIcon"]);
 	const isRtl = computed(() => mergedDirection.value === "rtl");
-	const rootCls = useCSSVarCls_default(cascaderPrefixCls);
+	const rootCls = useCSSVarCls(cascaderPrefixCls);
 	const [hashId, cssVarCls] = style_default(cascaderPrefixCls, rootCls);
 	panel_default(cascaderPrefixCls);
 	const disabled = useDisabledContext();
@@ -130,7 +129,5 @@ const CascaderPanel = /* @__PURE__ */ defineComponent((props, { attrs, emit, slo
 	name: "ACascaderPanel",
 	inheritAttrs: false
 });
-var Panel_default = CascaderPanel;
-
 //#endregion
-export { Panel_default as default };
+export { CascaderPanel as default };

package/dist/cascader/hooks/useBase.d.ts

@@ -1,14 +1,13 @@
 import { RenderEmptyHandler } from "../../config-provider/defaultRenderEmpty.js";
 import { DirectionType } from "../../config-provider/context.js";
-import * as vue764 from "vue";
 import { Ref } from "vue";
 
 //#region src/cascader/hooks/useBase.d.ts
 declare function useBase(customizePrefixCls: Ref<string | undefined>, direction?: Ref<DirectionType | undefined>): {
-  prefixCls: vue764.ComputedRef<string>;
-  cascaderPrefixCls: vue764.ComputedRef<string>;
-  direction: vue764.ComputedRef<DirectionType>;
-  renderEmpty: vue764.ComputedRef<RenderEmptyHandler | undefined>;
+  prefixCls: import("vue").ComputedRef<string>;
+  cascaderPrefixCls: import("vue").ComputedRef<string>;
+  direction: import("vue").ComputedRef<DirectionType>;
+  renderEmpty: import("vue").ComputedRef<RenderEmptyHandler | undefined>;
 };
 //#endregion
 export { useBase as default };

package/dist/cascader/hooks/useBase.js

@@ -1,6 +1,5 @@
 import { useConfig } from "../../config-provider/context.js";
 import { computed } from "vue";
-
 //#region src/cascader/hooks/useBase.ts
 function useBase(customizePrefixCls, direction) {
 	const config = useConfig();
@@ -12,6 +11,5 @@ function useBase(customizePrefixCls, direction) {
 		renderEmpty: computed(() => config.value.renderEmpty)
 	};
 }
-
 //#endregion
-export { useBase as default };
+export { useBase as default };

package/dist/cascader/hooks/useCheckable.d.ts

@@ -1,6 +1,4 @@
-import * as vue_jsx_runtime29 from "vue/jsx-runtime";
-
 //#region src/cascader/hooks/useCheckable.d.ts
-declare function useCheckable(cascaderPrefixCls: string, multiple?: boolean): false | vue_jsx_runtime29.JSX.Element;
+declare function useCheckable(cascaderPrefixCls: string, multiple?: boolean): false | import("vue/jsx-runtime").JSX.Element;
 //#endregion
 export { useCheckable as default };

package/dist/cascader/hooks/useCheckable.js

@@ -1,10 +1,8 @@
 import { createVNode } from "vue";
-
 //#region src/cascader/hooks/useCheckable.tsx
 function useCheckable(cascaderPrefixCls, multiple) {
 	if (!multiple) return false;
 	return createVNode("span", { "class": `${cascaderPrefixCls}-checkbox-inner` }, null);
 }
-
 //#endregion
-export { useCheckable as default };
+export { useCheckable as default };

package/dist/cascader/hooks/useIcons.js

@@ -1,6 +1,5 @@
 import { createVNode } from "vue";
 import { LeftOutlined, LoadingOutlined, RightOutlined } from "@antdv-next/icons";
-
 //#region src/cascader/hooks/useIcons.tsx
 const defaultLoadingIcon = createVNode(LoadingOutlined, { "spin": true }, null);
 const defaultExpandIcon = createVNode(RightOutlined, null, null);
@@ -11,6 +10,5 @@ function useIcons({ contextExpandIcon, contextLoadingIcon, expandIcon, loadingIc
 		loadingIcon: loadingIcon ?? contextLoadingIcon ?? defaultLoadingIcon
 	};
 }
-
 //#endregion
-export { useIcons as default };
+export { useIcons as default };

package/dist/cascader/index.d.ts

@@ -1,13 +1,11 @@
 import { 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 { InputStatus } from "../_util/statusUtils.js";
 import { SelectCommonPlacement } from "../_util/motion.js";
 import { SelectPopupSemanticClassNames, SelectPopupSemanticStyles } from "../select/index.js";
 import CascaderPanel from "./Panel.js";
 import { Variant } from "../config-provider/context.js";
-import * as vue48 from "vue";
 import { App, CSSProperties, SlotsType } from "vue";
 import { CascaderProps as CascaderProps$1, DefaultOptionType, FieldNames, SHOW_CHILD, SHOW_PARENT } from "@v-c/cascader";
 
@@ -108,7 +106,7 @@ interface CascaderEmitsProps {
   'onUpdate:value'?: CascaderEmits['update:value'];
   onSearch?: CascaderEmits['search'];
 }
-declare const InternalCascader: vue48.DefineSetupFnComponent<CascaderProps<DefaultOptionType, string, boolean>, CascaderEmits, SlotsType<CascaderSlots>, CascaderProps<DefaultOptionType, string, boolean>, vue48.PublicProps>;
+declare const InternalCascader: import("vue").DefineSetupFnComponent<CascaderProps<DefaultOptionType, string, boolean>, CascaderEmits, SlotsType<CascaderSlots>, CascaderProps<DefaultOptionType, string, boolean>, import("vue").PublicProps>;
 declare const Cascader: typeof InternalCascader & {
   install: (app: App) => void;
   Panel: typeof CascaderPanel;

package/dist/cascader/index.js

@@ -2,32 +2,31 @@ import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
-import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { useZIndex } from "../_util/hooks/useZIndex.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
-import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
-import PurePanel_default from "../_util/PurePanel.js";
+import genPurePanel from "../_util/PurePanel.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
 import { useFormItemInputContext } from "../form/context.js";
 import { useVariants } from "../form/hooks/useVariant.js";
-import mergedBuiltinPlacements_default from "../select/mergedBuiltinPlacements.js";
+import mergedBuiltinPlacements from "../select/mergedBuiltinPlacements.js";
 import style_default from "../select/style/index.js";
 import useIcons from "../select/useIcons.js";
-import usePopupRender_default from "../select/usePopupRender.js";
+import usePopupRender from "../select/usePopupRender.js";
 import useShowArrow from "../select/useShowArrow.js";
 import useBase from "./hooks/useBase.js";
 import useCheckable from "./hooks/useCheckable.js";
 import useIcons$1 from "./hooks/useIcons.js";
 import style_default$1 from "./style/index.js";
-import Panel_default from "./Panel.js";
+import CascaderPanel from "./Panel.js";
 import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import { getTransitionName } from "@v-c/util/dist/utils/transition";
 import { omit } from "es-toolkit";
 import VcCascader, { SHOW_CHILD, SHOW_PARENT } from "@v-c/cascader";
-
 //#region src/cascader/index.tsx
 function highlightKeyword(str, lowerKeyword, prefixCls) {
 	const cells = str.toLowerCase().split(lowerKeyword).reduce((list, cur, index) => index === 0 ? [cur] : [
@@ -79,8 +78,8 @@ const Cascader = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots, e
 	const { prefixCls, cascaderPrefixCls, direction: mergedDirection, renderEmpty } = useBase(customizePrefixCls, propDirection);
 	const isRtl = computed(() => mergedDirection.value === "rtl");
 	const rootPrefixCls = computed(() => getPrefixCls());
-	const rootCls = useCSSVarCls_default(prefixCls);
-	const cascaderRootCls = useCSSVarCls_default(cascaderPrefixCls);
+	const rootCls = useCSSVarCls(prefixCls);
+	const cascaderRootCls = useCSSVarCls(cascaderPrefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
 	style_default$1(cascaderPrefixCls, cascaderRootCls);
 	const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, mergedDirection);
@@ -99,7 +98,8 @@ const Cascader = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots, e
 			disabled: mergedDisabled.value
 		};
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => {
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps), computed(() => {
 		return { popup: { _default: "root" } };
 	}));
 	if (isDev) {
@@ -178,7 +178,7 @@ const Cascader = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots, e
 			componentName: "Cascader"
 		});
 		const mergedAllowClear = (allowClear ?? true) === true ? { clearIcon } : allowClear;
-		const mergedPopupRender = usePopupRender_default((slots.popupRender ?? popupRender) || dropdownRender);
+		const mergedPopupRender = usePopupRender((slots.popupRender ?? popupRender) || dropdownRender);
 		const mergedPopupMenuColumnStyle = popupMenuColumnStyle ?? dropdownMenuColumnStyle;
 		const customExpandIcon = getSlotPropsFnRun(slots, props, "expandIcon", false) ?? expandIcon;
 		const { expandIcon: mergedExpandIcon, loadingIcon: mergedLoadingIcon } = useIcons$1({
@@ -214,7 +214,6 @@ const Cascader = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots, e
 			"className": mergedClassName,
 			"style": {
 				...mergedStyles.value.root,
-				...contextStyle.value,
 				...style
 			},
 			"popupClassName": mergedPopupClassName,
@@ -225,7 +224,7 @@ const Cascader = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots, e
 			"popupMenuColumnStyle": mergedPopupMenuColumnStyle,
 			"placement": memoPlacement.value,
 			"direction": mergedDirection.value,
-			"builtinPlacements": mergedBuiltinPlacements_default(builtinPlacements, popupOverflow.value),
+			"builtinPlacements": mergedBuiltinPlacements(builtinPlacements, popupOverflow.value),
 			"allowClear": mergedAllowClear,
 			"showSearch": mergedShowSearch.value,
 			"notFoundContent": mergedNotFoundContent,
@@ -653,15 +652,13 @@ const Cascader = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots, e
 	name: "ACascader",
 	inheritAttrs: false
 });
-Cascader.Panel = Panel_default;
+Cascader.Panel = CascaderPanel;
 Cascader.SHOW_PARENT = SHOW_PARENT;
 Cascader.SHOW_CHILD = SHOW_CHILD;
 Cascader.install = (app) => {
 	app.component(Cascader.name, Cascader);
-	app.component(Panel_default.name, Panel_default);
+	app.component(CascaderPanel.name, CascaderPanel);
 };
-Cascader._InternalPanelDoNotUseOrYouWillBeFired = PurePanel_default(Cascader, "popupAlign", (props) => omit(props, ["visible"]));
-var cascader_default = Cascader;
-
+Cascader._InternalPanelDoNotUseOrYouWillBeFired = genPurePanel(Cascader, "popupAlign", (props) => omit(props, ["visible"]));
 //#endregion
-export { Panel_default as CascaderPanel, SHOW_CHILD, SHOW_PARENT, cascader_default as default };
+export { CascaderPanel, SHOW_CHILD, SHOW_PARENT, Cascader as default };