antdv-next 1.2.2 → 1.3.0-beta.1

package/dist/app/App.d.ts

@@ -1,11 +1,11 @@
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AppConfig } from "./context.js";
-import * as vue42 from "vue";
+import * as vue14 from "vue";
 
 //#region src/app/App.d.ts
 interface AppProps extends ComponentBaseProps, AppConfig {
   component?: any;
 }
-declare const App: vue42.DefineSetupFnComponent<AppProps, {}, {}, AppProps & {}, vue42.PublicProps>;
+declare const App: vue14.DefineSetupFnComponent<AppProps, {}, {}, AppProps & {}, vue14.PublicProps>;
 //#endregion
 export { AppProps, App as default };

package/dist/app/App.js

@@ -10,7 +10,7 @@ import { clsx } from "@v-c/util";
 import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 
 //#region src/app/App.tsx
-const App$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const App$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
 	const { direction, prefixCls, class: contextClassName, style: contextStyle } = useComponentBaseConfig("app", props);
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const appConfig = useAppConfig();
@@ -34,6 +34,11 @@ const App$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		notification: notificationApi,
 		modal: ModalApi
 	});
+	expose({
+		message: messageApi,
+		notification: notificationApi,
+		modal: ModalApi
+	});
 	return () => {
 		const { rootClass } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);

package/dist/app/context.d.ts

@@ -2,14 +2,14 @@ import { NotificationConfig, NotificationInstance } from "../notification/interf
 import { ConfigOptions, MessageInstance } from "../message/interface.js";
 import { HookAPI } from "../modal/useModal/types.js";
 import "../modal/useModal/index.js";
-import * as vue40 from "vue";
+import * as vue3 from "vue";
 
 //#region src/app/context.d.ts
 interface AppConfig {
   message?: ConfigOptions;
   notification?: NotificationConfig;
 }
-declare const AppConfigProvider: vue40.DefineSetupFnComponent<AppConfig, {}, {}, AppConfig & {}, vue40.PublicProps>;
+declare const AppConfigProvider: vue3.DefineSetupFnComponent<AppConfig, {}, {}, AppConfig & {}, vue3.PublicProps>;
 declare function useAppConfig(): AppConfig;
 interface useAppProps {
   message: MessageInstance;

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

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

package/dist/auto-complete/index.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 { InputStatus } from "../_util/statusUtils.js";
 import { InternalSelectProps, SelectPopupSemanticClassNames, SelectPopupSemanticStyles, SelectSlots } from "../select/index.js";
-import * as vue234 from "vue";
+import * as vue75 from "vue";
 import { App, CSSProperties, SlotsType } from "vue";
 import { Option, SelectProps } from "@v-c/select";
 
@@ -28,7 +28,7 @@ interface DataSourceItemObject {
   value: string;
   text: string;
 }
-type DataSourceItemType = DataSourceItemObject | VueNode;
+type DataSourceItemType = DataSourceItemObject | VueNode$1;
 type AutoCompleteClassNamesType = SemanticClassNamesType<AutoCompleteProps, AutoCompleteSemanticClassNames, {
   popup?: SelectPopupSemanticClassNames;
 }>;
@@ -50,8 +50,8 @@ interface AutoCompleteProps extends Omit<InternalSelectProps, 'loading' | 'mode'
   styles?: AutoCompleteStylesType;
   classes?: AutoCompleteClassNamesType;
   /** @deprecated Please use `popupRender` instead */
-  dropdownRender?: (menu: VueNode) => any;
-  popupRender?: (menu: VueNode) => any;
+  dropdownRender?: (menu: VueNode$1) => any;
+  popupRender?: (menu: VueNode$1) => any;
   /** @deprecated Please use `styles.popup.root` instead */
   dropdownStyle?: CSSProperties;
 }
@@ -108,7 +108,7 @@ interface AutoCompleteSlots {
   maxTagPlaceholder?: SelectSlots['maxTagPlaceholder'];
   notFoundContent?: SelectSlots['notFoundContent'];
 }
-declare const InternalAutoComplete: vue234.DefineSetupFnComponent<AutoCompleteProps, AutoCompleteEmits, SlotsType<AutoCompleteSlots>, AutoCompleteProps, vue234.PublicProps>;
+declare const InternalAutoComplete: vue75.DefineSetupFnComponent<AutoCompleteProps, AutoCompleteEmits, SlotsType<AutoCompleteSlots>, AutoCompleteProps, vue75.PublicProps>;
 declare const AutoComplete: typeof InternalAutoComplete & {
   Option: typeof Option;
   install: (app: App) => void;

package/dist/auto-complete/index.js

@@ -469,7 +469,7 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 			default: void 0
 		},
 		tokenSeparators: {
-			type: Array,
+			type: [Array, Function],
 			required: false
 		},
 		allowClear: {

package/dist/avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AvatarSize } from "./AvatarContext.js";
-import * as vue105 from "vue";
+import * as vue10 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/avatar/Avatar.d.ts
@@ -15,12 +15,12 @@ interface AvatarProps extends ComponentBaseProps, AvatarEmitsProps {
   size?: AvatarSize;
   gap?: number;
   /** Src of image avatar */
-  src?: VueNode;
+  src?: VueNode$1;
   /** Srcset of image avatar */
   srcSet?: string;
   draggable?: boolean | 'true' | 'false';
   /** Icon to be used in avatar */
-  icon?: VueNode;
+  icon?: VueNode$1;
   alt?: string;
   crossOrigin?: '' | 'anonymous' | 'use-credentials';
   onError?: () => boolean;
@@ -36,6 +36,6 @@ interface AvatarSlots {
   src: () => any;
   default: () => any;
 }
-declare const Avatar: vue105.DefineSetupFnComponent<AvatarProps, AvatarEmits, SlotsType<AvatarSlots>, AvatarProps, vue105.PublicProps>;
+declare const Avatar: vue10.DefineSetupFnComponent<AvatarProps, AvatarEmits, SlotsType<AvatarSlots>, AvatarProps, vue10.PublicProps>;
 //#endregion
 export { AvatarEmits, AvatarEmitsProps, AvatarProps, AvatarSlots, Avatar as default };

package/dist/avatar/AvatarGroup.d.ts

@@ -1,7 +1,7 @@
 import { PopoverProps } from "../popover/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AvatarSize } from "./AvatarContext.js";
-import * as vue786 from "vue";
+import * as vue89 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/avatar/AvatarGroup.d.ts
@@ -19,6 +19,6 @@ interface AvatarGroupProps extends ComponentBaseProps {
   size?: AvatarSize;
   shape?: 'circle' | 'square';
 }
-declare const AvatarGroup: vue786.DefineSetupFnComponent<AvatarGroupProps, {}, {}, AvatarGroupProps & {}, vue786.PublicProps>;
+declare const AvatarGroup: vue89.DefineSetupFnComponent<AvatarGroupProps, {}, {}, AvatarGroupProps & {}, vue89.PublicProps>;
 //#endregion
 export { AvatarGroupProps, AvatarGroup as default };

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

@@ -1,6 +1,6 @@
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue572 from "vue";
+import * as vue664 from "vue";
 
 //#region src/avatar/style/index.d.ts
 interface ComponentToken {
@@ -43,7 +43,7 @@ interface ComponentToken {
    * @desc 大号头像图标大小
    * @descEN Font size of large Avatar icon
    */
-  iconFontSizeLG: number;
+  iconFontSizeLG: number | string;
   /**
    * @desc 小号头像图标大小
    * @descEN Font size of small Avatar icon
@@ -66,6 +66,6 @@ interface ComponentToken {
   groupBorderColor: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Avatar'>;
-declare const _default: (prefixCls: vue572.Ref<string>, rootCls?: vue572.Ref<string | undefined>) => readonly [vue572.Ref<string, string>, vue572.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue664.Ref<string>, rootCls?: vue664.Ref<string | undefined>) => readonly [vue664.Ref<string, string>, vue664.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/badge/Ribbon.d.ts

@@ -1,9 +1,9 @@
-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 { PresetColorType } from "../_util/colors.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue250 from "vue";
+import * as vue225 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
 
@@ -23,7 +23,7 @@ interface RibbonSemanticStyles {
 type RibbonClassNamesType = SemanticClassNamesType<RibbonProps, RibbonSemanticClassNames>;
 type RibbonStylesType = SemanticStylesType<RibbonProps, RibbonSemanticStyles>;
 interface RibbonProps extends ComponentBaseProps {
-  text?: VueNode;
+  text?: VueNode$1;
   color?: LiteralUnion<PresetColorType>;
   placement?: RibbonPlacement;
   classes?: RibbonClassNamesType;
@@ -33,6 +33,6 @@ interface RibbonSlots {
   default?: () => any;
   text?: () => any;
 }
-declare const _default: vue250.DefineSetupFnComponent<RibbonProps, EmptyEmit, SlotsType<RibbonSlots>, RibbonProps, vue250.PublicProps>;
+declare const _default: vue225.DefineSetupFnComponent<RibbonProps, EmptyEmit, SlotsType<RibbonSlots>, RibbonProps, vue225.PublicProps>;
 //#endregion
 export { RibbonClassNamesType, RibbonProps, RibbonSemanticClassNames, RibbonSemanticName, RibbonSemanticStyles, RibbonSlots, RibbonStylesType, _default as default };

package/dist/badge/ScrollNumber.d.ts

@@ -1,5 +1,5 @@
 import { EmptyEmit } from "../_util/type.js";
-import * as vue383 from "vue";
+import * as vue124 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/badge/ScrollNumber.d.ts
@@ -13,6 +13,6 @@ interface ScrollNumberProps {
 interface ScrollNumberSlots {
   default?: () => any;
 }
-declare const _default: vue383.DefineSetupFnComponent<ScrollNumberProps, EmptyEmit, SlotsType<ScrollNumberSlots>, ScrollNumberProps, vue383.PublicProps>;
+declare const _default: vue124.DefineSetupFnComponent<ScrollNumberProps, EmptyEmit, SlotsType<ScrollNumberSlots>, ScrollNumberProps, vue124.PublicProps>;
 //#endregion
 export { ScrollNumberProps, ScrollNumberSlots, _default as default };

package/dist/badge/SingleNumber.d.ts

@@ -1,4 +1,4 @@
-import * as vue232 from "vue";
+import * as vue107 from "vue";
 
 //#region src/badge/SingleNumber.d.ts
 interface SingleNumberProps {
@@ -6,6 +6,6 @@ interface SingleNumberProps {
   value: string;
   count: number;
 }
-declare const _default: vue232.DefineSetupFnComponent<SingleNumberProps, {}, {}, SingleNumberProps & {}, vue232.PublicProps>;
+declare const _default: vue107.DefineSetupFnComponent<SingleNumberProps, {}, {}, SingleNumberProps & {}, vue107.PublicProps>;
 //#endregion
 export { SingleNumberProps, _default as default };

package/dist/badge/index.d.ts

@@ -1,4 +1,4 @@
-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 { PresetColorKey } from "../theme/interface/presetColors.js";
@@ -7,7 +7,7 @@ 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 * as vue348 from "vue";
+import * as vue103 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
 
@@ -25,7 +25,7 @@ type BadgeClassNamesType = SemanticClassNamesType<BadgeProps, BadgeSemanticClass
 type BadgeStylesType = SemanticStylesType<BadgeProps, BadgeSemanticStyles>;
 interface BadgeProps extends ComponentBaseProps {
   /** Number to show in badge */
-  count?: VueNode;
+  count?: VueNode$1;
   showZero?: boolean;
   /** Max count to show */
   overflowCount?: number;
@@ -34,7 +34,7 @@ interface BadgeProps extends ComponentBaseProps {
   scrollNumberPrefixCls?: string;
   status?: PresetStatusColorType;
   color?: LiteralUnion<PresetColorKey>;
-  text?: VueNode;
+  text?: VueNode$1;
   size?: Exclude<SizeType, 'large'> | 'default';
   offset?: [number | string, number | string];
   title?: string;
@@ -46,11 +46,11 @@ interface BadgeSlots {
   count?: () => any;
   text?: () => any;
 }
-declare const InternalBadge: vue348.DefineSetupFnComponent<BadgeProps, EmptyEmit, SlotsType<BadgeSlots>, BadgeProps, vue348.PublicProps>;
+declare const InternalBadge: vue103.DefineSetupFnComponent<BadgeProps, EmptyEmit, SlotsType<BadgeSlots>, BadgeProps, vue103.PublicProps>;
 declare const Badge: typeof InternalBadge & {
   Ribbon: typeof _default;
 };
-declare const BadgeRibbon: vue348.DefineSetupFnComponent<RibbonProps, EmptyEmit, SlotsType<RibbonSlots>, RibbonProps, vue348.PublicProps>;
+declare const BadgeRibbon: vue103.DefineSetupFnComponent<RibbonProps, EmptyEmit, SlotsType<RibbonSlots>, RibbonProps, vue103.PublicProps>;
 type BadgeRibbonProps = RibbonProps;
 //#endregion
 export { BadgeClassNamesType, BadgeProps, BadgeRibbon, BadgeRibbonProps, BadgeSemanticClassNames, BadgeSemanticName, BadgeSemanticStyles, BadgeSlots, BadgeStylesType, Badge as default };

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

@@ -1,6 +1,6 @@
 import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue653 from "vue";
+import * as vue680 from "vue";
 
 //#region src/badge/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -45,6 +45,11 @@ interface ComponentToken {
    * @descEN Size of status badge
    */
   statusSize: number;
+  /**
+   * @desc 徽标横向内边距
+   * @descEN Inline padding of badge
+   */
+  paddingInline: number | string;
 }
 /**
  * @desc Badge 组件的 Token
@@ -104,6 +109,6 @@ interface BadgeToken extends FullToken<'Badge'> {
 }
 declare function prepareToken(token: Parameters<GenStyleFn<'Badge'>>[0]): BadgeToken;
 declare const prepareComponentToken: GetDefaultToken<'Badge'>;
-declare const _default: (prefixCls: vue653.Ref<string>, rootCls?: vue653.Ref<string | undefined>) => readonly [vue653.Ref<string, string>, vue653.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue680.Ref<string>, rootCls?: vue680.Ref<string | undefined>) => readonly [vue680.Ref<string, string>, vue680.ComputedRef<string | undefined>];
 //#endregion
 export { BadgeToken, ComponentToken, _default as default, prepareComponentToken, prepareToken };

package/dist/badge/style/index.js

@@ -92,7 +92,7 @@ const genSharedBadgeStyle = (token) => {
 			borderRadius: calc(indicatorHeightSM).div(2).equal()
 		},
 		[`${componentCls}-multiple-words`]: {
-			padding: `0 ${unit(token.paddingXS)}`,
+			padding: `0 ${unit(token.paddingInline)}`,
 			bdi: { unicodeBidi: "plaintext" }
 		},
 		[`${componentCls}-dot`]: {
@@ -240,7 +240,7 @@ function prepareToken(token) {
 	});
 }
 const prepareComponentToken = (token) => {
-	const { fontSize, lineHeight, fontSizeSM, lineWidth } = token;
+	const { fontSize, lineHeight, fontSizeSM, lineWidth, paddingXS } = token;
 	return {
 		indicatorZIndex: "auto",
 		indicatorHeight: Math.round(fontSize * lineHeight) - 2 * lineWidth,
@@ -249,7 +249,8 @@ const prepareComponentToken = (token) => {
 		textFontSize: fontSizeSM,
 		textFontSizeSM: fontSizeSM,
 		textFontWeight: "normal",
-		statusSize: fontSizeSM / 2
+		statusSize: fontSizeSM / 2,
+		paddingInline: paddingXS
 	};
 };
 var style_default = genStyleHooks("Badge", (token) => {

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

@@ -1,6 +1,6 @@
-import * as vue661 from "vue";
+import * as vue684 from "vue";
 
 //#region src/badge/style/ribbon.d.ts
-declare const _default: (prefixCls: vue661.Ref<string>, rootCls?: vue661.Ref<string | undefined>) => readonly [vue661.Ref<string, string>, vue661.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue684.Ref<string>, rootCls?: vue684.Ref<string | undefined>) => readonly [vue684.Ref<string, string>, vue684.ComputedRef<string | undefined>];
 //#endregion
 export { _default as default };

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

@@ -0,0 +1,19 @@
+import { BorderBeamColor, BorderBeamGradient } from "./util.js";
+import * as vue576 from "vue";
+import { SlotsType } from "vue";
+
+//#region src/border-beam/BorderBeam.d.ts
+interface BorderBeamProps {
+  prefixCls?: string;
+  rootClass?: string;
+  color?: BorderBeamColor;
+  outset?: number | string;
+}
+interface BorderBeamSlots {
+  default?: () => any;
+}
+declare const BorderBeam: vue576.DefineSetupFnComponent<BorderBeamProps, Record<string, never>, SlotsType<BorderBeamSlots>, BorderBeamProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
+}, vue576.PublicProps>;
+//#endregion
+export { type BorderBeamColor, type BorderBeamGradient, BorderBeamProps, BorderBeamSlots, BorderBeam as default };

package/dist/border-beam/BorderBeam.js

@@ -0,0 +1,82 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import { genCssVar } from "../theme/util/genStyleUtils.js";
+import isNonNullable_default from "../_util/isNonNullable.js";
+import useBorderSize from "./hooks/useBorderSize.js";
+import { getBorderBeamGradient } from "./util.js";
+import style_default from "./style/index.js";
+import { Fragment, Teleport, cloneVNode, computed, createVNode, defineComponent, isVNode, shallowRef } from "vue";
+import { clsx } from "@v-c/util";
+import { filterEmpty } from "@v-c/util/dist/props-util";
+import { unrefElement } from "@vueuse/core";
+
+//#region src/border-beam/BorderBeam.tsx
+function getInset(width) {
+	return typeof width === "string" ? `calc(-1 * ${width})` : `-${width}px`;
+}
+const BorderBeam = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
+	const { class: contextClassName, style: contextStyle, getPrefixCls, rootPrefixCls } = useComponentBaseConfig("borderBeam", props);
+	const prefixCls = computed(() => getPrefixCls("border-beam", props.prefixCls));
+	const rootCls = computed(() => rootPrefixCls.value ?? getPrefixCls());
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	const varName = computed(() => genCssVar(rootCls.value, "border-beam")[0]);
+	const hostDom = shallowRef(null);
+	const borderInfo = useBorderSize(hostDom);
+	const beamGradient = computed(() => getBorderBeamGradient(props.color));
+	const insetOffset = computed(() => {
+		const { outset } = props;
+		if (isNonNullable_default(outset)) return getInset(outset);
+		return borderInfo.value.borderWidth.map(getInset).join(" ");
+	});
+	const setHostDom = (el) => {
+		hostDom.value = unrefElement(el) ?? null;
+	};
+	return () => {
+		const children = filterEmpty(slots.default?.() ?? []);
+		const beamStyle = {
+			...contextStyle?.value ?? {},
+			...attrs.style ?? {},
+			...beamGradient.value && { [varName.value("beam-gradient")]: beamGradient.value },
+			[varName.value("inset-offset")]: insetOffset.value,
+			[varName.value("border-radius")]: borderInfo.value.borderRadius
+		};
+		const beamNode = hostDom.value ? createVNode(Teleport, { "to": hostDom.value }, { default: () => [createVNode("div", {
+			"aria-hidden": "true",
+			"class": clsx(prefixCls.value, contextClassName?.value, props.rootClass, attrs.class, hashId.value, cssVarCls.value),
+			"style": beamStyle
+		}, null)] }) : null;
+		const renderChild = () => {
+			if (children.length !== 1 || !isVNode(children[0])) return children;
+			const child = children[0];
+			return cloneVNode(child, { ref: setHostDom }, true);
+		};
+		return createVNode(Fragment, null, [renderChild(), beamNode]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		color: {
+			type: [String, Array],
+			required: false
+		},
+		outset: {
+			type: [Number, String],
+			required: false
+		}
+	},
+	name: "ABorderBeam",
+	inheritAttrs: false
+});
+var BorderBeam_default = BorderBeam;
+BorderBeam.install = (app) => {
+	app.component(BorderBeam.name, BorderBeam);
+};
+
+//#endregion
+export { BorderBeam_default as default };

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

@@ -0,0 +1,12 @@
+import * as vue727 from "vue";
+import { Ref } from "vue";
+
+//#region src/border-beam/hooks/useBorderSize.d.ts
+type BorderWidth = readonly [number, number, number, number];
+interface BorderInfo {
+  borderWidth: BorderWidth;
+  borderRadius: string;
+}
+declare function useBorderSize(domNode: Ref<HTMLElement | SVGElement | null | undefined>): vue727.ShallowRef<BorderInfo, BorderInfo>;
+//#endregion
+export { BorderInfo, BorderWidth, useBorderSize as default };

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

@@ -0,0 +1,42 @@
+import { shallowRef, watch } from "vue";
+
+//#region src/border-beam/hooks/useBorderSize.ts
+const DEFAULT_BORDER_INFO = {
+	borderWidth: [
+		0,
+		0,
+		0,
+		0
+	],
+	borderRadius: "0px"
+};
+function parseBorderWidth(value) {
+	const size = Number.parseFloat(value);
+	return Number.isFinite(size) ? size : 0;
+}
+function useBorderSize(domNode) {
+	const borderInfo = shallowRef(DEFAULT_BORDER_INFO);
+	watch(domNode, (node) => {
+		if (!node) {
+			borderInfo.value = DEFAULT_BORDER_INFO;
+			return;
+		}
+		const { borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, borderRadius } = getComputedStyle(node);
+		borderInfo.value = {
+			borderWidth: [
+				parseBorderWidth(borderTopWidth),
+				parseBorderWidth(borderRightWidth),
+				parseBorderWidth(borderBottomWidth),
+				parseBorderWidth(borderLeftWidth)
+			],
+			borderRadius
+		};
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	return borderInfo;
+}
+
+//#endregion
+export { useBorderSize as default };

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

@@ -0,0 +1,3 @@
+import { BorderBeamColor, BorderBeamGradient } from "./util.js";
+import BorderBeam, { BorderBeamProps } from "./BorderBeam.js";
+export { type BorderBeamColor, type BorderBeamGradient, type BorderBeamProps, BorderBeam as default };

package/dist/border-beam/index.js

@@ -0,0 +1,7 @@
+import BorderBeam_default from "./BorderBeam.js";
+
+//#region src/border-beam/index.tsx
+var border_beam_default = BorderBeam_default;
+
+//#endregion
+export { border_beam_default as default };

package/dist/border-beam/style/index.d.ts

@@ -0,0 +1,7 @@
+import * as vue676 from "vue";
+
+//#region src/border-beam/style/index.d.ts
+type ComponentToken = object;
+declare const _default: (prefixCls: vue676.Ref<string>, rootCls?: vue676.Ref<string | undefined>) => readonly [vue676.Ref<string, string>, vue676.ComputedRef<string | undefined>];
+//#endregion
+export { ComponentToken, _default as default };

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

@@ -0,0 +1,59 @@
+import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { genNoMotionStyle } from "../../style/motion/util.js";
+import { MAX_BEAM_COLOR_STOP_PERCENT } from "../util.js";
+import { Keyframes } from "@antdv-next/cssinjs";
+
+//#region src/border-beam/style/index.ts
+const genBorderBeamStyle = (token) => {
+	const { componentCls, antCls } = token;
+	const [, varRef] = genCssVar(antCls, "border-beam");
+	const defaultBeamGradient = `linear-gradient(to left, ${token.colorPrimary} 0%, ${token.colorPrimaryHover} ${MAX_BEAM_COLOR_STOP_PERCENT}%, transparent)`;
+	const antBorderBeamMove = new Keyframes("antBorderBeamMove", {
+		from: { offsetDistance: "0%" },
+		to: { offsetDistance: "100%" }
+	});
+	return { [componentCls]: {
+		display: "none",
+		position: "absolute",
+		inset: varRef("inset-offset", "0px"),
+		borderRadius: varRef("border-radius", "0px"),
+		zIndex: 1,
+		overflow: "hidden",
+		pointerEvents: "none",
+		padding: 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",
+			mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
+			maskComposite: "exclude",
+			"@supports (offset-path: rect(0 auto auto 0 round 1px))": {
+				display: "block",
+				"&::before": {
+					...genNoMotionStyle(),
+					content: "\"\"",
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: 100,
+					aspectRatio: "1 / 1",
+					opacity: .95,
+					backgroundImage: varRef("beam-gradient", defaultBeamGradient),
+					offsetAnchor: "90% 50%",
+					offsetDistance: "0%",
+					offsetPath: "rect(0 auto auto 0 round 100px)",
+					offsetRotate: "auto",
+					animationName: antBorderBeamMove,
+					animationDuration: "6s",
+					animationTimingFunction: "linear",
+					animationIterationCount: "infinite",
+					willChange: "offset-distance"
+				}
+			}
+		},
+		"@media (prefers-reduced-motion: reduce)": { "&::before": { display: "none" } }
+	} };
+};
+var style_default = genStyleHooks("BorderBeam", genBorderBeamStyle);
+
+//#endregion
+export { style_default as default };

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

@@ -0,0 +1,11 @@
+//#region src/border-beam/util.d.ts
+interface BorderBeamGradientItem {
+  color: string;
+  percent: number;
+}
+type BorderBeamGradient = BorderBeamGradientItem[];
+type BorderBeamColor = string | BorderBeamGradient;
+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 };