antdv-next 1.4.5 → 1.5.0

package/dist/app/App.d.ts

@@ -1,6 +1,5 @@
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AppConfig } from "./context.js";
-
 //#region src/app/App.d.ts
 interface AppProps extends ComponentBaseProps, AppConfig {
   component?: any;

package/dist/app/App.js

@@ -41,9 +41,10 @@ const App = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) =>
 	return () => {
 		const { rootClass } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		const hasRootProps = Boolean(className || rootClass || style || contextClassName.value || contextStyle.value);
 		const customClassName = clsx(hashId.value, prefixCls.value, className, rootClass, cssVarCls.value, { [`${prefixCls.value}-rtl`]: direction.value === "rtl" });
 		const { component = "div" } = props;
-		devUseWarning("App")(!(cssVarCls.value && component === false), "usage", "When using cssVar, ensure `component` is assigned a valid Vue component string.");
+		devUseWarning("App")(!(cssVarCls.value && component === false && hasRootProps), "usage", "When using cssVar, ensure `component` is assigned a valid Vue component string.");
 		const Component = component === false ? Fragment : component;
 		const rootProps = {
 			...restAttrs,

package/dist/app/context.d.ts

@@ -1,6 +1,7 @@
 import { NotificationConfig, NotificationInstance } from "../notification/interface.js";
 import { ConfigOptions, MessageInstance } from "../message/interface.js";
 import { HookAPI } from "../modal/useModal/types.js";
+import "../modal/useModal/index.js";
 //#region src/app/context.d.ts
 interface AppConfig {
   message?: ConfigOptions;

package/dist/app/index.d.ts

@@ -1,6 +1,5 @@
 import App, { AppProps } from "./App.js";
 import useApp from "./useApp.js";
-
 //#region src/app/index.d.ts
 declare const _default: typeof App & {
   useApp: typeof useApp;

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

@@ -1,4 +1,5 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/internal.js";
 //#region src/app/style/index.d.ts
 interface ComponentToken {}
 declare const prepareComponentToken: GetDefaultToken<'App'>;

package/dist/app/useApp.d.ts

@@ -1,5 +1,4 @@
 import { useAppProps } from "./context.js";
-
 //#region src/app/useApp.d.ts
 declare const useApp: () => useAppProps;
 //#endregion

package/dist/auto-complete/index.d.ts

@@ -1,10 +1,10 @@
 import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import { InputStatus } from "../_util/statusUtils.js";
 import { InternalSelectProps, SearchConfig, SelectPopupSemanticClassNames, SelectPopupSemanticStyles, SelectSlots } from "../select/index.js";
 import { App, CSSProperties, SlotsType } from "vue";
 import { Option, SelectProps } from "@v-c/select";
-
 //#region src/auto-complete/index.d.ts
 interface AutoCompleteSemanticClassNames {
   root?: string;

package/dist/avatar/Avatar.d.ts

@@ -2,7 +2,6 @@ import { VueNode } from "../_util/type.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AvatarSize } from "./AvatarContext.js";
 import { SlotsType } from "vue";
-
 //#region src/avatar/Avatar.d.ts
 interface AvatarProps extends ComponentBaseProps, AvatarEmitsProps {
   /** Shape of avatar, options: `circle`, `square` */

package/dist/avatar/AvatarContext.d.ts

@@ -1,7 +1,6 @@
 import { SizeType } from "../config-provider/SizeContext.js";
 import { ScreenSizeMap } from "../_util/responsiveObserver.js";
 import { Ref } from "vue";
-
 //#region src/avatar/AvatarContext.d.ts
 /**
  * 'default' is deprecated and will be removed in v7, please use `medium` instead.
@@ -12,7 +11,7 @@ interface AvatarContextType {
   shape?: 'circle' | 'square';
 }
 declare function useAvatarContext(): Ref<{
-  size?: number | SizeType | "default" | {
+  size?: number | "default" | SizeType | {
     xxxl?: number | undefined;
     xxl?: number | undefined;
     xl?: number | undefined;
@@ -23,7 +22,7 @@ declare function useAvatarContext(): Ref<{
   };
   shape?: "circle" | "square" | undefined;
 }, AvatarContextType | {
-  size?: number | SizeType | "default" | {
+  size?: number | "default" | SizeType | {
     xxxl?: number | undefined;
     xxl?: number | undefined;
     xl?: number | undefined;

package/dist/avatar/AvatarGroup.d.ts

@@ -2,7 +2,6 @@ import { PopoverProps } from "../popover/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AvatarSize } from "./AvatarContext.js";
 import { CSSProperties } from "vue";
-
 //#region src/avatar/AvatarGroup.d.ts
 interface AvatarGroupProps extends ComponentBaseProps {
   prefixCls?: string;

package/dist/avatar/index.d.ts

@@ -1,6 +1,5 @@
 import Avatar$1, { AvatarEmits, AvatarProps, AvatarSlots } from "./Avatar.js";
 import AvatarGroup, { AvatarGroupProps } from "./AvatarGroup.js";
-
 //#region src/avatar/index.d.ts
 type CompoundedComponent = typeof Avatar$1 & {
   Group: typeof AvatarGroup;

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

@@ -1,4 +1,5 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/internal.js";
 //#region src/avatar/style/index.d.ts
 interface ComponentToken {
   /**

package/dist/badge/Ribbon.d.ts

@@ -1,10 +1,10 @@
 import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import { PresetColorType } from "../_util/colors.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
-
 //#region src/badge/Ribbon.d.ts
 type RibbonPlacement = 'start' | 'end';
 type RibbonSemanticName = keyof RibbonSemanticClassNames & keyof RibbonSemanticStyles;

package/dist/badge/ScrollNumber.d.ts

@@ -1,6 +1,5 @@
 import { EmptyEmit } from "../_util/type.js";
 import { SlotsType } from "vue";
-
 //#region src/badge/ScrollNumber.d.ts
 interface ScrollNumberProps {
   prefixCls?: string;

package/dist/badge/SingleNumber.js

@@ -62,7 +62,8 @@ var SingleNumber_default = /* @__PURE__ */ defineComponent((props) => {
 			const unit = previousCount < count ? 1 : -1;
 			const prevIndex = unitNumberList.findIndex((n) => n % 10 === previousValue);
 			unitNodes = (unit < 0 ? unitNumberList.slice(0, prevIndex + 1) : unitNumberList.slice(prevIndex)).map((n, index) => {
-				return renderUnit(n % 10, unit < 0 ? index - prevIndex : index, index === prevIndex, n);
+				const singleUnit = n % 10;
+				return renderUnit(singleUnit, unit < 0 ? index - prevIndex : index, index === prevIndex, n);
 			});
 			offsetStyle = { transform: `translateY(${-getOffset(previousValue, value, unit)}00%)` };
 		}

package/dist/badge/index.d.ts

@@ -1,13 +1,14 @@
 import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import { PresetColorKey } from "../theme/interface/presetColors.js";
+import "../theme/interface/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { PresetStatusColorType } from "../_util/colors.js";
 import _default, { RibbonProps, RibbonSlots } from "./Ribbon.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
-
 //#region src/badge/index.d.ts
 type BadgeSemanticName = keyof BadgeSemanticClassNames & keyof BadgeSemanticStyles;
 interface BadgeSemanticClassNames {

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

@@ -1,4 +1,5 @@
 import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/internal.js";
 //#region src/badge/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
 interface ComponentToken {

package/dist/badge/style/index.js

@@ -253,7 +253,8 @@ const prepareComponentToken = (token) => {
 	};
 };
 var style_default = genStyleHooks("Badge", (token) => {
-	return genSharedBadgeStyle(prepareToken(token));
+	const badgeToken = prepareToken(token);
+	return genSharedBadgeStyle(badgeToken);
 }, prepareComponentToken);
 //#endregion
 export { style_default as default, prepareComponentToken, prepareToken };

package/dist/badge/style/ribbon.js

@@ -60,7 +60,8 @@ const genRibbonStyle = (token) => {
 	};
 };
 var ribbon_default = genStyleHooks(["Badge", "Ribbon"], (token) => {
-	return genRibbonStyle(prepareToken(token));
+	const badgeToken = prepareToken(token);
+	return genRibbonStyle(badgeToken);
 }, prepareComponentToken);
 //#endregion
 export { ribbon_default as default };

package/dist/border-beam/BorderBeam.d.ts

@@ -1,12 +1,14 @@
 import { BorderBeamColor, BorderBeamGradient } from "./util.js";
 import { SlotsType } from "vue";
-
 //#region src/border-beam/BorderBeam.d.ts
 interface BorderBeamProps {
   prefixCls?: string;
   rootClass?: string;
   color?: BorderBeamColor;
+  duration?: number;
+  lineWidth?: number | string;
   outset?: number | string;
+  size?: number | string;
 }
 interface BorderBeamSlots {
   default?: () => any;

package/dist/border-beam/BorderBeam.js

@@ -1,6 +1,6 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { genCssVar } from "../theme/util/genStyleUtils.js";
-import isNonNullable from "../_util/isNonNullable.js";
+import { isNonNullable, isNumber } from "../_util/is.js";
 import useBorderSize from "./hooks/useBorderSize.js";
 import { getBorderBeamGradient } from "./util.js";
 import style_default from "./style/index.js";
@@ -8,6 +8,7 @@ import { Fragment, Teleport, cloneVNode, computed, createVNode, defineComponent,
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { unrefElement } from "@vueuse/core";
+import { unit } from "@antdv-next/cssinjs";
 //#region src/border-beam/BorderBeam.tsx
 function getInset(width) {
 	return typeof width === "string" ? `calc(-1 * ${width})` : `-${width}px`;
@@ -30,11 +31,15 @@ const BorderBeam = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =>
 		hostDom.value = unrefElement(el) ?? null;
 	};
 	return () => {
+		const { duration, lineWidth, size } = props;
 		const children = filterEmpty(slots.default?.() ?? []);
 		const beamStyle = {
 			...contextStyle?.value ?? {},
 			...attrs.style ?? {},
 			...beamGradient.value && { [varName.value("beam-gradient")]: beamGradient.value },
+			...isNumber(duration) && duration > 0 && { [varName.value("duration")]: `${duration}s` },
+			...isNonNullable(lineWidth) && { [varName.value("line-width")]: unit(lineWidth) },
+			...isNonNullable(size) && { [varName.value("size")]: unit(size) },
 			[varName.value("inset-offset")]: insetOffset.value,
 			[varName.value("border-radius")]: borderInfo.value.borderRadius
 		};
@@ -64,9 +69,21 @@ const BorderBeam = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =>
 			type: [String, Array],
 			required: false
 		},
+		duration: {
+			type: Number,
+			required: false
+		},
+		lineWidth: {
+			type: [Number, String],
+			required: false
+		},
 		outset: {
 			type: [Number, String],
 			required: false
+		},
+		size: {
+			type: [Number, String],
+			required: false
 		}
 	},
 	name: "ABorderBeam",

package/dist/border-beam/hooks/useBorderSize.d.ts

@@ -1,5 +1,4 @@
 import { Ref } from "vue";
-
 //#region src/border-beam/hooks/useBorderSize.d.ts
 type BorderWidth = readonly [number, number, number, number];
 interface BorderInfo {

package/dist/border-beam/hooks/useBorderSize.js

@@ -20,7 +20,14 @@ function useBorderSize(domNode) {
 			borderInfo.value = DEFAULT_BORDER_INFO;
 			return;
 		}
-		const { borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, borderRadius } = getComputedStyle(node);
+		let computedStyle;
+		try {
+			computedStyle = getComputedStyle(node);
+		} catch {
+			borderInfo.value = DEFAULT_BORDER_INFO;
+			return;
+		}
+		const { borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, borderRadius } = computedStyle;
 		borderInfo.value = {
 			borderWidth: [
 				parseBorderWidth(borderTopWidth),

package/dist/border-beam/style/index.js

@@ -1,7 +1,7 @@
 import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { genNoMotionRawStyle } from "../../style/motion/util.js";
 import "../util.js";
-import { Keyframes } from "@antdv-next/cssinjs";
+import { Keyframes, unit } from "@antdv-next/cssinjs";
 //#region src/border-beam/style/index.ts
 const genBorderBeamStyle = (token) => {
 	const { componentCls, antCls } = token;
@@ -19,7 +19,7 @@ const genBorderBeamStyle = (token) => {
 		zIndex: 1,
 		overflow: "hidden",
 		pointerEvents: "none",
-		padding: token.lineWidth,
+		padding: varRef("line-width", unit(token.lineWidth)),
 		"@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor))": {
 			WebkitMask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
 			WebkitMaskComposite: "xor",
@@ -33,16 +33,16 @@ const genBorderBeamStyle = (token) => {
 					position: "absolute",
 					top: 0,
 					left: 0,
-					width: 100,
+					width: varRef("size", "100px"),
 					aspectRatio: "1 / 1",
 					opacity: .95,
 					backgroundImage: varRef("beam-gradient", defaultBeamGradient),
 					offsetAnchor: "90% 50%",
 					offsetDistance: "0%",
-					offsetPath: "rect(0 auto auto 0 round 100px)",
+					offsetPath: `rect(0 auto auto 0 round ${varRef("size", "100px")})`,
 					offsetRotate: "auto",
 					animationName: antBorderBeamMove,
-					animationDuration: "6s",
+					animationDuration: varRef("duration", `6s`),
 					animationTimingFunction: "linear",
 					animationIterationCount: "infinite",
 					willChange: "offset-distance"

package/dist/border-beam/util.d.ts

@@ -5,7 +5,8 @@ interface BorderBeamGradientItem {
 }
 type BorderBeamGradient = BorderBeamGradientItem[];
 type BorderBeamColor = string | BorderBeamGradient;
+declare const DEFAULT_BORDER_BEAM_DURATION = 6;
 declare const MAX_BEAM_COLOR_STOP_PERCENT = 70;
 declare function getBorderBeamGradient(value?: BorderBeamColor): string | undefined;
 //#endregion
-export { BorderBeamColor, BorderBeamGradient, BorderBeamGradientItem, MAX_BEAM_COLOR_STOP_PERCENT, getBorderBeamGradient };
+export { BorderBeamColor, BorderBeamGradient, BorderBeamGradientItem, DEFAULT_BORDER_BEAM_DURATION, MAX_BEAM_COLOR_STOP_PERCENT, getBorderBeamGradient };

package/dist/border-beam/util.js

@@ -1,10 +1,12 @@
+import { isString } from "../_util/is.js";
 //#region src/border-beam/util.ts
+const DEFAULT_BORDER_BEAM_DURATION = 6;
 const MAX_BEAM_COLOR_STOP_PERCENT = 70;
 function getLinearGradient(...colorStops) {
 	return `linear-gradient(to left, ${colorStops.join(", ")}, transparent)`;
 }
 function normalizeBorderBeamColor(value) {
-	return typeof value === "string" ? [{
+	return isString(value) ? [{
 		color: value,
 		percent: 0
 	}] : value ?? [];
@@ -31,4 +33,4 @@ function getBorderBeamGradient(value) {
 	return normalizedStops.length ? getLinearGradient(...normalizedStops.map((item) => `${item.color} ${item.percent}%`)) : void 0;
 }
 //#endregion
-export { MAX_BEAM_COLOR_STOP_PERCENT, getBorderBeamGradient };
+export { DEFAULT_BORDER_BEAM_DURATION, MAX_BEAM_COLOR_STOP_PERCENT, getBorderBeamGradient };

package/dist/breadcrumb/Breadcrumb.d.ts

@@ -1,11 +1,12 @@
 import { AnyObject, VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import { DropdownProps } from "../dropdown/dropdown.js";
+import "../dropdown/index.js";
 import _default, { BreadcrumbItemProps, MenuItem } from "./BreadcrumbItem.js";
 import _default$1 from "./BreadcrumbSeparator.js";
 import { CSSProperties, SlotsType } from "vue";
 import { Key } from "@v-c/util/dist/type";
-
 //#region src/breadcrumb/Breadcrumb.d.ts
 interface BreadcrumbItemType {
   key?: Key;

package/dist/breadcrumb/BreadcrumbContext.d.ts

@@ -1,6 +1,6 @@
 import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import { Ref } from "vue";
-
 //#region src/breadcrumb/BreadcrumbContext.d.ts
 type SemanticName = 'root' | 'item' | 'separator';
 interface BreadcrumbContextProps {

package/dist/breadcrumb/BreadcrumbItem.d.ts

@@ -1,8 +1,8 @@
 import { VueNode } from "../_util/type.js";
 import { DropdownProps } from "../dropdown/dropdown.js";
+import "../dropdown/index.js";
 import { CSSProperties } from "vue";
 import { Key } from "@v-c/util/dist/type";
-
 //#region src/breadcrumb/BreadcrumbItem.d.ts
 interface SeparatorType {
   separator?: any;
@@ -31,7 +31,8 @@ interface BreadcrumbItemProps extends SeparatorType {
 declare const InternalBreadcrumbItem: import("vue").DefineSetupFnComponent<Omit<BreadcrumbItemProps, "key">, {}, {}, Omit<BreadcrumbItemProps, "key"> & {}, import("vue").PublicProps>;
 declare const BreadcrumbItem: import("vue").DefineSetupFnComponent<Omit<BreadcrumbItemProps, "key">, {}, {}, Omit<BreadcrumbItemProps, "key"> & {}, import("vue").PublicProps>;
 declare const _default: typeof BreadcrumbItem & {
-  /** @internal */__ANT_BREADCRUMB_ITEM: boolean;
+  /** @internal */
+  __ANT_BREADCRUMB_ITEM: boolean;
 };
 //#endregion
 export { BreadcrumbItemProps, InternalBreadcrumbItem, MenuItem, SeparatorType, _default as default };

package/dist/breadcrumb/BreadcrumbSeparator.d.ts

@@ -1,7 +1,8 @@
 //#region src/breadcrumb/BreadcrumbSeparator.d.ts
 declare const BreadcrumbSeparator: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 declare const _default: typeof BreadcrumbSeparator & {
-  /** @internal */__ANT_BREADCRUMB_SEPARATOR: boolean;
+  /** @internal */
+  __ANT_BREADCRUMB_SEPARATOR: boolean;
 };
 //#endregion
 export { _default as default };

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

@@ -1,4 +1,5 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/internal.js";
 //#region src/breadcrumb/style/index.d.ts
 interface ComponentToken {
   /**

package/dist/breadcrumb/style/index.js

@@ -36,10 +36,19 @@ const genBreadcrumbStyle = (token) => {
 			marginInline: token.separatorMargin,
 			color: token.separatorColor
 		},
-		[`${componentCls}-link`]: { [`
+		[`${componentCls}-link`]: {
+			"> svg": {
+				display: "inline-block",
+				verticalAlign: "middle",
+				marginBlockEnd: "0.2em"
+			},
+			[`
           > ${iconCls} + span,
-          > ${iconCls} + a
-        `]: { marginInlineStart: token.marginXXS } },
+          > ${iconCls} + a,
+          > svg + span,
+          > svg + a
+        `]: { marginInlineStart: token.marginXXS }
+		},
 		[`${componentCls}-overlay-link`]: {
 			borderRadius: token.borderRadiusSM,
 			height: token.fontHeight,
@@ -70,7 +79,8 @@ const prepareComponentToken = (token) => ({
 	separatorMargin: token.marginXS
 });
 var style_default = genStyleHooks("Breadcrumb", (token) => {
-	return genBreadcrumbStyle(mergeToken(token, {}));
+	const breadcrumbToken = mergeToken(token, {});
+	return genBreadcrumbStyle(breadcrumbToken);
 }, prepareComponentToken);
 //#endregion
 export { style_default as default, prepareComponentToken };

package/dist/breadcrumb/useItemRender.d.ts

@@ -1,6 +1,5 @@
 import { VueNode } from "../_util/type.js";
 import { BreadcrumbProps, ItemType } from "./Breadcrumb.js";
-
 //#region src/breadcrumb/useItemRender.d.ts
 type AddParameters<TFunction extends (...args: any) => any, TParameters extends [...args: any]> = (...args: [...Parameters<TFunction>, ...TParameters]) => ReturnType<TFunction>;
 type ItemRender = NonNullable<BreadcrumbProps['itemRender']>;

package/dist/button/Button.d.ts

@@ -1,10 +1,10 @@
 import { RenderNodeFn, VueNode } 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 { ComponentBaseProps } from "../config-provider/context.js";
 import { ButtonColorType, ButtonHTMLType, ButtonShape, ButtonType, ButtonVariantType } from "./buttonHelper.js";
 import { CSSProperties, SlotsType } from "vue";
-
 //#region src/button/Button.d.ts
 type LegacyButtonType = ButtonType | 'danger';
 type ButtonSemanticName = keyof ButtonSemanticClassNames & keyof ButtonSemanticStyles;
@@ -63,7 +63,8 @@ interface ButtonSlots {
 }
 declare const InternalCompoundedButton: import("vue").DefineSetupFnComponent<ButtonProps, ButtonEmits, SlotsType<ButtonSlots>, ButtonProps, import("vue").PublicProps>;
 type CompoundedComponent = typeof InternalCompoundedButton & {
-  /** @internal */__ANT_BUTTON: boolean;
+  /** @internal */
+  __ANT_BUTTON: boolean;
 };
 declare const Button: CompoundedComponent;
 //#endregion

package/dist/button/buttonHelper.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperties, VNodeChild } from "vue";
-
 //#region src/button/buttonHelper.d.ts
 declare const isTwoCNChar: (string: string) => boolean;
 declare function isUnBorderedButtonVariant(type?: ButtonVariantType): type is "link" | "text";

package/dist/button/style/group.d.ts

@@ -1,7 +1,7 @@
 import { ButtonToken } from "./token.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
+import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
-
 //#region src/button/style/group.d.ts
 declare const genGroupStyle: GenerateStyle<ButtonToken, CSSObject>;
 //#endregion

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

@@ -1,5 +1,4 @@
 import { ComponentToken } from "./token.js";
-
 //#region src/button/style/index.d.ts
 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

package/dist/button/style/token.d.ts

@@ -1,7 +1,7 @@
 import { PresetColorKey } from "../../theme/interface/presetColors.js";
 import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/internal.js";
 import { CSSProperties } from "vue";
-
 //#region src/button/style/token.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
 interface ComponentToken {
@@ -232,8 +232,8 @@ interface ComponentToken {
    */
   dashedBgDisabled: string;
 }
-type ShadowColorMap = { [Key in `${PresetColorKey}ShadowColor`]: string };
-type PresetColorHoverActiveMap = { [Key in `${PresetColorKey}Hover` | `${PresetColorKey}Active`]: string };
+type ShadowColorMap = { [Key in `${PresetColorKey}ShadowColor`]: string; };
+type PresetColorHoverActiveMap = { [Key in `${PresetColorKey}Hover` | `${PresetColorKey}Active`]: string; };
 interface GroupToken {
   /**
    * @desc 按钮组边框颜色

package/dist/button/style/variant.d.ts

@@ -1,7 +1,6 @@
 import { ButtonToken } from "./token.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import { CSSObject } from "@antdv-next/cssinjs";
-
 //#region src/button/style/variant.d.ts
 declare const genVariantStyle: GenerateStyle<ButtonToken, CSSObject>;
 //#endregion

package/dist/button/style/variant.js

@@ -2,7 +2,7 @@ import { PresetColors } from "../../theme/interface/presetColors.js";
 import { genCssVar } from "../../theme/util/genStyleUtils.js";
 //#region src/button/style/variant.ts
 const genVariantStyle = (token) => {
-	const { componentCls, antCls, lineWidth } = token;
+	const { componentCls, antCls, lineWidth, lineType } = token;
 	const [varName, varRef] = genCssVar(antCls, "btn");
 	return { [componentCls]: [
 		{
@@ -11,7 +11,7 @@ const genVariantStyle = (token) => {
 			[varName("border-color-hover")]: varRef("border-color"),
 			[varName("border-color-active")]: varRef("border-color"),
 			[varName("border-color-disabled")]: varRef("border-color"),
-			[varName("border-style")]: "solid",
+			[varName("border-style")]: lineType,
 			[varName("text-color")]: "#000",
 			[varName("text-color-hover")]: varRef("text-color"),
 			[varName("text-color-active")]: varRef("text-color"),

package/dist/calendar/Header.d.ts

@@ -2,7 +2,6 @@ import { CalendarMode, SelectInfo } from "./generateCalendar.js";
 import { CSSProperties } from "vue";
 import { Locale } from "@v-c/picker";
 import { GenerateConfig } from "@v-c/picker/generate";
-
 //#region src/calendar/Header.d.ts
 interface CalendarHeaderProps<DateType> {
   className?: string;

package/dist/calendar/generateCalendar.d.ts

@@ -1,9 +1,10 @@
 import { AnyObject, VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import locale from "../date-picker/locale/en_US.js";
+import "./locale/en_US.js";
 import { CSSProperties, SlotsType } from "vue";
 import { GenerateConfig } from "@v-c/picker/generate/index";
-
 //#region src/calendar/generateCalendar.d.ts
 type CalendarMode = 'year' | 'month';
 type HeaderRender<DateType> = (config: {

package/dist/calendar/index.d.ts

@@ -1,6 +1,5 @@
 import generateCalendar, { CalendarEmits, CalendarMode, CalendarProps, CalendarSlots } from "./generateCalendar.js";
 import { Dayjs } from "dayjs";
-
 //#region src/calendar/index.d.ts
 declare const Calendar: import("vue").DefineSetupFnComponent<CalendarProps<Dayjs>, CalendarEmits<Dayjs>, import("vue").SlotsType<CalendarSlots>, CalendarProps<Dayjs>, import("vue").PublicProps>;
 type CalendarType = typeof Calendar & {

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

@@ -1,8 +1,9 @@
 import { PanelComponentToken, PickerPanelToken } from "../../date-picker/style/token.js";
+import "../../date-picker/style/index.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
+import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
-
 //#region src/calendar/style/index.d.ts
 interface ComponentToken {
   /**

package/dist/calendar/style/index.js

@@ -138,13 +138,14 @@ const prepareComponentToken = (token) => ({
 });
 var style_default = genStyleHooks("Calendar", (token) => {
 	const calendarCls = `${token.componentCls}-calendar`;
-	return genCalendarStyles(mergeToken(token, initPickerPanelToken(token), {
+	const calendarToken = mergeToken(token, initPickerPanelToken(token), {
 		calendarCls,
 		pickerCellInnerCls: `${token.componentCls}-cell-inner`,
 		dateValueHeight: token.controlHeightSM,
 		weekHeight: token.calc(token.controlHeightSM).mul(.75).equal(),
 		dateContentHeight: token.calc(token.calc(token.fontHeightSM).add(token.marginXS)).mul(3).add(token.calc(token.lineWidth).mul(2)).equal()
-	}));
+	});
+	return genCalendarStyles(calendarToken);
 }, prepareComponentToken);
 //#endregion
 export { style_default as default, genCalendarStyles, prepareComponentToken };