antdv-next 1.5.0 → 1.5.2

package/dist/form/style/index.js

@@ -194,9 +194,8 @@ const genFormItemStyle = (token) => {
 		}
 	} };
 };
-const makeVerticalLayoutLabel = (token) => ({
+const makeVerticalLayoutLabelBase = (token) => ({
 	padding: token.verticalLabelPadding,
-	margin: token.verticalLabelMargin,
 	whiteSpace: "initial",
 	textAlign: "start",
 	"> label": {
@@ -204,6 +203,17 @@ const makeVerticalLayoutLabel = (token) => ({
 		"&::after": { visibility: "hidden" }
 	}
 });
+const makeVerticalLayoutLabel = (token) => ({
+	...makeVerticalLayoutLabelBase(token),
+	margin: token.verticalLabelMargin
+});
+const makeVerticalLayoutLabelWithOffset = (token) => {
+	const [formVarName] = genCssVar(token.antCls, "form");
+	return {
+		...makeVerticalLayoutLabelBase(token),
+		[formVarName("item-label-margin")]: token.verticalLabelMargin
+	};
+};
 const genHorizontalStyle = (token) => {
 	const { antCls, formItemCls } = token;
 	return { [`${formItemCls}-horizontal`]: {
@@ -213,8 +223,8 @@ const genHorizontalStyle = (token) => {
 			minWidth: 0
 		},
 		[`${formItemCls}-label[class$='-24'], ${formItemCls}-label[class*='-24 ']`]: { [`& + ${formItemCls}-control`]: { minWidth: "unset" } },
-		[`${antCls}-col-24${formItemCls}-label,
-        ${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
+		[`> ${formItemCls}-row > ${antCls}-col-24${formItemCls}-label,
+        > ${formItemCls}-row > ${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
 	} };
 };
 const genInlineStyle = (token) => {
@@ -241,7 +251,7 @@ const genInlineStyle = (token) => {
 const makeVerticalLayout = (token) => {
 	const { componentCls, formItemCls, rootPrefixCls } = token;
 	return {
-		[`${formItemCls} ${formItemCls}-label`]: makeVerticalLayoutLabel(token),
+		[`${formItemCls}:not(${formItemCls}-vertical) > ${formItemCls}-row > ${formItemCls}-label`]: makeVerticalLayoutLabel(token),
 		[`${componentCls}:not(${componentCls}-inline)`]: { [formItemCls]: {
 			flexWrap: "wrap",
 			[`${formItemCls}-label, ${formItemCls}-control`]: { [`&:not([class*=" ${rootPrefixCls}-col-xs"])`]: {
@@ -253,19 +263,22 @@ const makeVerticalLayout = (token) => {
 };
 const genVerticalStyle = (token) => {
 	const { componentCls, formItemCls, antCls, verticalLabelHeight } = token;
+	const [formVarName, formVarRef] = genCssVar(antCls, "form");
 	return {
+		[formItemCls]: { [formVarName("item-label-margin")]: "initial" },
+		[`${formItemCls}-label`]: { margin: formVarRef("item-label-margin") },
 		[`${formItemCls}-vertical`]: {
 			[`${formItemCls}-row`]: { flexDirection: "column" },
 			[`${formItemCls}-label > label`]: { height: verticalLabelHeight },
 			[`${formItemCls}-control`]: { width: "100%" },
-			[`${formItemCls}-label,
-        ${antCls}-col-24${formItemCls}-label,
-        ${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
+			[`> ${formItemCls}-row > ${formItemCls}-label,
+        > ${formItemCls}-row > ${antCls}-col-24${formItemCls}-label,
+        > ${formItemCls}-row > ${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabelWithOffset(token)
 		},
-		[`@media (max-width: ${unit(token.screenXSMax)})`]: [makeVerticalLayout(token), { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal)`]: { [`${antCls}-col-xs-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } }],
-		[`@media (max-width: ${unit(token.screenSMMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal)`]: { [`${antCls}-col-sm-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } },
-		[`@media (max-width: ${unit(token.screenMDMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal)`]: { [`${antCls}-col-md-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } },
-		[`@media (max-width: ${unit(token.screenLGMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal)`]: { [`${antCls}-col-lg-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } }
+		[`@media (max-width: ${unit(token.screenXSMax)})`]: [makeVerticalLayout(token), { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal):not(${formItemCls}-vertical)`]: { [`> ${formItemCls}-row > ${antCls}-col-xs-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } }],
+		[`@media (max-width: ${unit(token.screenSMMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal):not(${formItemCls}-vertical)`]: { [`> ${formItemCls}-row > ${antCls}-col-sm-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } },
+		[`@media (max-width: ${unit(token.screenMDMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal):not(${formItemCls}-vertical)`]: { [`> ${formItemCls}-row > ${antCls}-col-md-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } },
+		[`@media (max-width: ${unit(token.screenLGMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal):not(${formItemCls}-vertical)`]: { [`> ${formItemCls}-row > ${antCls}-col-lg-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } }
 	};
 };
 const prepareComponentToken = (token) => ({

package/dist/form/types.d.ts

@@ -1,6 +1,14 @@
+import { VueNode } from "../_util/type.js";
 import { DeepNamePath } from "./namePathType.js";
 import { Component } from "vue";
 //#region src/form/types.d.ts
+/**
+ * Render function form of a rule message. Kept as-is through validation and
+ * only invoked while rendering the error, so any reactive state it reads
+ * (locale, i18n `t`, ...) updates the displayed message without re-validating.
+ */
+type RuleMessageRender = () => VueNode;
+type RuleMessage = string | Component | RuleMessageRender;
 type ReducerAction = UpdateAction | ValidateAction;
 type BatchTask = (key: string, callback: VoidFunction) => void;
 type InternalNamePath = (string | number)[];
@@ -39,7 +47,7 @@ type Validator = (rule: RuleObject, value: StoreValue, callback: (error?: string
 type RuleRender = (form: FormInstance) => RuleObject;
 interface ValidatorRule {
   warningOnly?: boolean;
-  message?: string | Component;
+  message?: RuleMessage;
   validator: Validator;
 }
 type TriggerType = 'change' | 'blur' | 'focus';
@@ -48,7 +56,7 @@ interface BaseRule {
   enum?: StoreValue[];
   len?: number;
   max?: number;
-  message?: string | Component;
+  message?: RuleMessage;
   min?: number;
   pattern?: RegExp;
   required?: boolean;
@@ -298,4 +306,4 @@ interface ValidateMessages {
   };
 }
 //#endregion
-export { BatchTask, Callbacks, EventArgs, FieldData, FieldEntity, FieldError, FilterFunc, FormInstance, FormRef, GetFieldsValueConfig, InternalFieldData, InternalFormInstance, InternalHooks, InternalNamePath, InternalValidateFields, InternalValidateOptions, Meta, NamePath, NotifyInfo, ReducerAction, Rule, RuleError, RuleObject, RuleRender, RuleType, RulesMap, Store, StoreValue, TriggerType, ValidateErrorEntity, ValidateFields, ValidateMessages, ValidateOptions, ValidatorRule, ValuedNotifyInfo, WatchCallBack, WatchOptions };
+export { BatchTask, Callbacks, EventArgs, FieldData, FieldEntity, FieldError, FilterFunc, FormInstance, FormRef, GetFieldsValueConfig, InternalFieldData, InternalFormInstance, InternalHooks, InternalNamePath, InternalValidateFields, InternalValidateOptions, Meta, NamePath, NotifyInfo, ReducerAction, Rule, RuleError, RuleMessage, RuleMessageRender, RuleObject, RuleRender, RuleType, RulesMap, Store, StoreValue, TriggerType, ValidateErrorEntity, ValidateFields, ValidateMessages, ValidateOptions, ValidatorRule, ValuedNotifyInfo, WatchCallBack, WatchOptions };

package/dist/form/utils/validateUtil.js

@@ -16,12 +16,15 @@ function replaceMessage(template, kv) {
 	});
 }
 const CODE_LOGIC_ERROR = "CODE_LOGIC_ERROR";
+const CODE_FUNCTION_MESSAGE = "CODE_FUNCTION_MESSAGE";
 async function validateRule(name, value, rule, options, messageVariables) {
 	const cloneRule = { ...rule };
 	delete cloneRule.ruleIndex;
 	delete cloneRule.trigger;
 	delete cloneRule.validateTrigger;
 	AsyncValidator.warning = () => void 0;
+	const functionMessage = typeof cloneRule.message === "function" ? cloneRule.message : null;
+	if (functionMessage) cloneRule.message = CODE_FUNCTION_MESSAGE;
 	if (cloneRule.validator) {
 		const originValidator = cloneRule.validator;
 		cloneRule.validator = (...args) => {
@@ -46,6 +49,7 @@ async function validateRule(name, value, rule, options, messageVariables) {
 		await Promise.resolve(validator.validate({ [name]: value }, { ...options }));
 	} catch (errObj) {
 		if (errObj.errors) result = errObj.errors.map(({ message }, index) => {
+			if (functionMessage && message === CODE_FUNCTION_MESSAGE) return functionMessage;
 			const mergedMessage = message === CODE_LOGIC_ERROR ? messages.default : message;
 			return isVNode(mergedMessage) ? createVNode(mergedMessage, { key: `error_${index}` }) : mergedMessage;
 		});

package/dist/image/hooks/usePreviewConfig.d.ts

@@ -36,16 +36,17 @@ declare function usePreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(
     image: import("@v-c/image").ImgInfo;
   }) => import("@v-c/util").VueNode;
   readonly onChange?: (current: number, prevCurrent: number) => void;
-  readonly focusTrap?: boolean;
-  readonly afterOpenChange?: (open: boolean) => void;
   readonly maskClosable?: boolean;
+  readonly focusTrap?: boolean;
   readonly zIndex?: number;
+  readonly afterOpenChange?: (open: boolean) => void;
   readonly getContainer?: import("@v-c/portal/dist/Portal.js").PortalProps["getContainer"];
   readonly closeIcon?: import("@v-c/util").VueNode | boolean | null;
-  readonly motionName?: string;
+  readonly wheel?: boolean;
+  readonly icons?: import("@v-c/image/dist/Preview/index.js").OperationIcons;
   readonly src?: string;
   readonly alt?: string;
-  readonly icons?: import("@v-c/image/dist/Preview/index.js").OperationIcons;
+  readonly motionName?: string;
   readonly countRender?: (current: number, total: number) => import("@v-c/util").VueNode;
   readonly scaleStep?: number;
   readonly minScale?: number;

package/dist/image/index.js

@@ -1,6 +1,6 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import useMergedPreviewConfig from "./hooks/useMergedPreviewConfig.js";
@@ -46,18 +46,17 @@ const Image = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 	const mergedPopupClassNames = computed(() => {
 		return { mask: clsx({ [`${prefixCls.value}-preview-mask-hidden`]: !mergedMask.value }, blurClassName.value) };
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes, mergedLegacyClassNames, computed(() => ({ popup: mergedPopupClassNames.value }))), useToArr(contextStyles, computed(() => ({ root: props.wrapperStyle })), styles), useToProps(mergedProps), computed(() => {
+	const contextImageStyle = useSemanticRootStyle(contextStyle, "image");
+	const imageStyle = useSemanticRootStyle(computed(() => attrs.style), "image");
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes, mergedLegacyClassNames, computed(() => ({ popup: mergedPopupClassNames.value }))), useToArr(contextStyles, computed(() => ({ root: props.wrapperStyle })), contextImageStyle, styles, imageStyle), useToProps(mergedProps), computed(() => {
 		return { popup: { _default: "root" } };
 	}));
 	return () => {
 		const mergedFallback = getSlotPropsFnRun(slots, props, "fallback") ?? contextFallback.value;
 		const placeholder = getSlotPropsFnRun(slots, props, "placeholder", false);
-		const { style, className, restAttrs } = getAttrStyleAndClass(attrs);
+		const { className, restAttrs } = getAttrStyleAndClass(attrs);
 		const mergedClassName = clsx(className, hashId.value, contextClassName.value);
-		const mergedStyle = {
-			...contextStyle.value,
-			...style
-		};
+		const { image: mergedImageStyle, ...restMergedStyles } = mergedStyles.value;
 		const otherProps = omit(props, [
 			"prefixCls",
 			"preview",
@@ -82,12 +81,12 @@ const Image = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			"preview": mergedPreviewConfig.value || false,
 			"rootClassName": mergedRootClassName.value,
 			"class": mergedClassName,
-			"style": mergedStyle,
+			"style": mergedImageStyle,
 			"fallback": mergedFallback
 		}, omit(otherProps, ["placeholder"]), onEvents, {
 			"placeholder": placeholder,
 			"classNames": mergedClassNames.value,
-			"styles": mergedStyles.value
+			"styles": restMergedStyles
 		}), null);
 	};
 }, {

package/dist/index.d.ts

@@ -11,15 +11,15 @@ import InternalFormItem, { FormItemEmits, FormItemProps, FormItemSlots } from ".
 import { DatePickerEmits, DatePickerSlots } from "./date-picker/generatePicker/generateSinglePicker.js";
 import _default$14, { TimePickerEmits, TimePickerLocale, TimePickerProps, TimePickerSlots, TimeRangePicker, TimeRangePickerEmits, TimeRangePickerProps } from "./time-picker/index.js";
 import _default$5, { DateMonthPicker, DatePickerProps, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, MonthPickerProps, RangePickerProps, WeekPickerProps } from "./date-picker/index.js";
-import _default$6, { EmptyProps, EmptySlots } from "./empty/index.js";
+import _default$6, { EmptyProps, EmptyRef, EmptySlots } from "./empty/index.js";
 import { ModalEmits, ModalSlots } from "./modal/interface.js";
 import Select, { SelectEmits, SelectOptGroup, SelectOption, SelectProps, SelectSlots, SelectValue } from "./select/index.js";
-import { PaginationClassNamesType, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationSlots, PaginationStylesType } from "./pagination/interface.js";
+import { PaginationClassNamesType, PaginationComponents, PaginationConfig, PaginationEmits, PaginationLocale, PaginationPosition, PaginationSizeChangerProps, PaginationSlots, PaginationStylesType } from "./pagination/interface.js";
 import Pagination from "./pagination/Pagination.js";
 import { PaginationProps } from "./pagination/index.js";
 import Popover, { PopoverEmits, PopoverProps, PopoverRef, PopoverSlots } from "./popover/index.js";
 import Popconfirm, { PopconfirmEmits, PopconfirmProps, PopconfirmSlots } from "./popconfirm/index.js";
-import _default$11, { SpinProps, SpinSlots } from "./spin/index.js";
+import _default$11, { SpinProps, SpinRef, SpinSlots } from "./spin/index.js";
 import InternalCheckbox, { CheckboxEmits, CheckboxProps, CheckboxSlots } from "./checkbox/Checkbox.js";
 import CheckboxGroup, { CheckboxGroupEmits, CheckboxGroupProps, CheckboxGroupSlots, CheckboxOptionType } from "./checkbox/Group.js";
 import { MenuItemProps } from "./menu/MenuItem.js";
@@ -38,6 +38,7 @@ import _default$13, { DataIndex, Summary, SummaryCell, SummaryRow } from "./tabl
 import { TourEmits, TourLocale, TourSlots, TourStylesType } from "./tour/interface.js";
 import Tour, { TourProps, TourStepItem } from "./tour/index.js";
 import { KeyWise, KeyWiseTransferItem, ListStyle, PaginationType, RenderResult, RenderResultObject, SelectAllLabel, TransferClassNamesType, TransferCustomListBodyProps, TransferDirection, TransferEmits, TransferItem, TransferKey, TransferListBodyProps, TransferListProps, TransferLocale, TransferRender, TransferSearchOption, TransferSlots, TransferStylesType } from "./transfer/interface.js";
+import { TransferRef } from "./transfer/Transfer.js";
 import { TransferOperationProps } from "./transfer/Actions.js";
 import { TransferSearchEmits, TransferSearchProps, TransferSearchSlots } from "./transfer/search.js";
 import InternalTransfer, { TransferProps } from "./transfer/index.js";
@@ -49,17 +50,17 @@ import Alert, { AlertEmits, AlertProps, AlertSemanticType, AlertSlots } from "./
 import { Affix, AffixEmits, AffixProps, AffixRef } from "./affix/index.js";
 import { AnchorLinkProps } from "./anchor/AnchorLink.js";
 import Anchor, { AnchorEmits, AnchorProps, AnchorSlots } from "./anchor/Anchor.js";
-import { RibbonProps } from "./badge/Ribbon.js";
+import { RibbonProps, RibbonRef } from "./badge/Ribbon.js";
 import Badge, { BadgeProps, BadgeRibbon, BadgeSlots } from "./badge/index.js";
 import _default$1, { BreadcrumbItemProps } from "./breadcrumb/BreadcrumbItem.js";
 import _default$2 from "./breadcrumb/BreadcrumbSeparator.js";
-import Breadcrumb, { BreadcrumbEmits, BreadcrumbProps, BreadcrumbSlots, ItemType } from "./breadcrumb/Breadcrumb.js";
-import { CalendarMode, CalendarProps } from "./calendar/generateCalendar.js";
+import Breadcrumb, { BreadcrumbEmits, BreadcrumbProps, BreadcrumbRef, BreadcrumbSlots, ItemType } from "./breadcrumb/Breadcrumb.js";
+import { CalendarMode, CalendarProps, CalendarRef } from "./calendar/generateCalendar.js";
 import _default$3 from "./calendar/index.js";
 import TabPane, { TabPaneProps } from "./tabs/TabPane.js";
 import Tabs, { TabsEmits, TabsProps, TabsRef, TabsSlots } from "./tabs/index.js";
 import Card, { CardEmits, CardProps, CardSize, CardSlots, CardTabListType } from "./card/Card.js";
-import CardMeta, { CardMetaProps } from "./card/CardMeta.js";
+import CardMeta, { CardMetaProps, CardMetaRef } from "./card/CardMeta.js";
 import CascaderPanel, { CascaderPanelEmits, CascaderPanelProps, CascaderPanelSlots } from "./cascader/Panel.js";
 import Cascader, { CascaderEmits, CascaderProps, CascaderSlots } from "./cascader/index.js";
 import Collapse, { CollapseProps } from "./collapse/Collapse.js";
@@ -69,18 +70,19 @@ import { ColorPickerEmits, ColorPickerSlots, ColorValueType } from "./color-pick
 import ColorPicker from "./color-picker/ColorPicker.js";
 import { ColorPickerProps } from "./color-picker/index.js";
 import DescriptionsItem, { DescriptionsItemProps, DescriptionsItemSlots } from "./descriptions/Item.js";
-import Descriptions, { DescriptionsItemType, DescriptionsProps, DescriptionsSlots } from "./descriptions/index.js";
-import Divider, { DividerProps } from "./divider/index.js";
+import Descriptions, { DescriptionsItemType, DescriptionsProps, DescriptionsRef, DescriptionsSlots } from "./descriptions/index.js";
+import Divider, { DividerProps, DividerRef } from "./divider/index.js";
 import Drawer, { DrawerEmits, DrawerProps, DrawerResizableConfig, DrawerSlots } from "./drawer/index.js";
 import { FlexProps } from "./flex/interface.js";
 import Flex, { FlexSlots } from "./flex/index.js";
 import FloatButton, { FloatButtonProps, FloatButtonRef } from "./float-button/FloatButton.js";
-import FloatButtonGroup, { FloatButtonGroupProps } from "./float-button/FloatButtonGroup.js";
+import FloatButtonGroup, { FloatButtonGroupProps, FloatButtonGroupRef } from "./float-button/FloatButtonGroup.js";
 import BackTopWithInstall from "./float-button/BackTop.js";
 import _default_1, { ImageEmits, ImagePreviewGroup, ImagePreviewGroupProps, ImageProps, ImageSlots, PreviewConfig } from "./image/index.js";
 import InputNumber, { InputNumberEmits, InputNumberProps, InputNumberRef as VcInputNumberRef, InputNumberStepContext, ValueType } from "./input-number/index.js";
 import { InputEmits, InputProps, InputRef, InputSlots } from "./input/Input.js";
 import { OTPEmits, OTPProps, OTPSlots } from "./input/OTP/index.js";
+import { InputPasswordRef, PasswordProps } from "./input/Password.js";
 import { InputSearchRef, SearchProps } from "./input/Search.js";
 import InternalTextArea, { InputTextAreaRef, TextAreaProps, TextAreaRef } from "./input/TextArea.js";
 import { ListyClassNames, ListyProps, ListyRef, ListyScrollToConfig, ListyStyles } from "./listy/interface.js";
@@ -89,21 +91,23 @@ import { MasonryEmits, MasonryProps, MasonryRef, MasonrySlots } from "./masonry/
 import useNotification from "./notification/useNotification.js";
 import staticMethods$1 from "./notification/index.js";
 import { QRCodeEmits } from "./qrcode/interface.js";
-import QRCode, { QRCodeProps } from "./qrcode/index.js";
+import QRCode, { QRCodeProps, QRCodeRef } from "./qrcode/index.js";
 import { RadioChangeEvent, RadioEmits, RadioGroupEmits, RadioGroupOptionType, RadioGroupSlots, RadioSlots } from "./radio/interface.js";
-import _default$10, { ResultProps, ResultSlots, ResultStatusType } from "./result/index.js";
+import _default$10, { ResultProps, ResultRef, ResultSlots, ResultStatusType } from "./result/index.js";
 import Segmented, { SegmentedEmits, SegmentedOptions, SegmentedProps, SegmentedSlots } from "./segmented/index.js";
 import SkeletonAvatar from "./skeleton/Avatar.js";
 import SkeletonButton from "./skeleton/Button.js";
 import SkeletonNode from "./skeleton/Node.js";
 import SkeletonImage from "./skeleton/Image.js";
 import SkeletonInput from "./skeleton/Input.js";
-import SkeletonWithSubComponents, { SkeletonProps } from "./skeleton/Skeleton.js";
-import Slider, { SliderEmits, SliderProps } from "./slider/index.js";
+import SkeletonWithSubComponents, { SkeletonProps, SkeletonRef } from "./skeleton/Skeleton.js";
+import Slider, { SliderEmits, SliderProps, SliderRef } from "./slider/index.js";
+import { SpaceCompactProps, SpaceCompactRef } from "./space/Compact.js";
 import Space, { SpaceAddon, SpaceCompact, SpaceProps, SpaceSize, SpaceSlots } from "./space/index.js";
 import { SplitterEmits, SplitterSlots } from "./splitter/interface.js";
-import Splitter from "./splitter/Splitter.js";
+import Splitter, { SplitterRef } from "./splitter/Splitter.js";
 import { SplitterPanel, SplitterProps } from "./splitter/index.js";
+import { StatisticRef } from "./statistic/Statistic.js";
 import _default$12, { StatisticProps, StatisticTimer, StatisticTimerProps } from "./statistic/index.js";
 import Steps, { StepItem, StepsEmits, StepsProps, StepsSlots } from "./steps/index.js";
 import Switch, { SwitchEmits, SwitchProps, SwitchSize, SwitchSlots } from "./switch/index.js";
@@ -114,7 +118,7 @@ import Timeline, { TimelineItemType, TimelineProps } from "./timeline/Timeline.j
 import { TimelineItem, TimelineItemProps, TimelineItemSlots } from "./timeline/TimelineItem.js";
 import { AntTreeNode, AntTreeNodeCheckedEvent, AntTreeNodeExpandedEvent, AntTreeNodeMouseEvent, AntTreeNodeProps, AntTreeNodeSelectedEvent, AntdTreeNodeAttribute, TreeEmits, TreeProps, TreeSlots } from "./tree/Tree.js";
 import DirectoryTree, { DirectoryTreeEmits, DirectoryTreeProps, DirectoryTreeSlots, ExpandAction } from "./tree/DirectoryTree.js";
-import Tree, { BasicDataNode, DataNode } from "./tree/index.js";
+import Tree, { BasicDataNode, DataNode, TreeInstance, UseTreeConfig, useTree } from "./tree/index.js";
 import TreeSelect, { TreeSelectEmits, TreeSelectNode, TreeSelectProps, TreeSelectSlots } from "./tree-select/index.js";
 import { BlockProps } from "./typography/interface.js";
 import { ThemeConfig } from "./config-provider/context.js";
@@ -126,15 +130,14 @@ import { AppProps } from "./app/App.js";
 import _default from "./app/index.js";
 import AutoComplete, { AutoCompleteClassNamesType, AutoCompleteEmits, AutoCompleteProps, AutoCompleteSlots, AutoCompleteStylesType, DataSourceItemObject, DataSourceItemType, Option } from "./auto-complete/index.js";
 import { AvatarEmits, AvatarProps, AvatarSlots } from "./avatar/Avatar.js";
-import AvatarGroup, { AvatarGroupProps } from "./avatar/AvatarGroup.js";
+import AvatarGroup, { AvatarGroupProps, AvatarGroupRef } from "./avatar/AvatarGroup.js";
 import Avatar from "./avatar/index.js";
 import { BorderBeamColor, BorderBeamGradient } from "./border-beam/util.js";
 import BorderBeam, { BorderBeamProps } from "./border-beam/BorderBeam.js";
-import CardGrid, { CardGridProps } from "./card/CardGrid.js";
+import CardGrid, { CardGridProps, CardGridRef } from "./card/CardGrid.js";
 import Carousel, { CarouselEmits, CarouselProps, CarouselRef, CarouselSlots } from "./carousel/index.js";
 import { FormHookInstance, useForm, useFormInstance } from "./form/hooks/useForm.js";
 import { InputGroupProps } from "./input/Group.js";
-import { InputPasswordRef, PasswordProps } from "./input/Password.js";
 import CompoundedInput, { InputGroup, InputOTP, InputPassword, InputSearch } from "./input/index.js";
 import Layout, { BasicProps } from "./layout/layout.js";
 import { LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, useLayoutSider } from "./layout/index.js";
@@ -154,8 +157,9 @@ import { TitleProps } from "./typography/Title.js";
 import { ParagraphProps } from "./typography/Paragraph.js";
 import Typography, { TypographyLink, TypographyParagraph, TypographyText, TypographyTitle } from "./typography/index.js";
 import { DraggerProps } from "./upload/Dragger.js";
+import { UploadRef } from "./upload/Upload.js";
 import Upload, { UploadDragger, UploadProps } from "./upload/index.js";
-import Watermark, { WatermarkProps } from "./watermark/index.js";
+import Watermark, { WatermarkProps, WatermarkRef } from "./watermark/index.js";
 import "./components.js";
 import { App, Plugin } from "vue";
 import { StyleProvider } from "@antdv-next/cssinjs";
@@ -164,4 +168,4 @@ declare function setPrefix(newPrefix: string): void;
 declare function install(app: App): void;
 declare const _default$16: Plugin;
 //#endregion
-export { Affix, type AffixEmits, type AffixProps, type AffixRef, Alert, type AlertEmits, type AlertProps, type AlertSemanticType, type AlertSlots, Anchor, type AnchorEmits, type AnchorLinkProps, type AnchorProps, type AnchorSlots, type AntTreeNode, type AntTreeNodeCheckedEvent, type AntTreeNodeExpandedEvent, type AntTreeNodeMouseEvent, type AntTreeNodeProps, type AntTreeNodeSelectedEvent, type AntdTreeNodeAttribute, _default as App, type AppProps, AutoComplete, type AutoCompleteClassNamesType, type AutoCompleteEmits, Option as AutoCompleteOption, type AutoCompleteProps, type AutoCompleteSlots, type AutoCompleteStylesType, Avatar, type AvatarEmits, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSlots, BackTopWithInstall as BackTop, Badge, type BadgeProps, BadgeRibbon, type RibbonProps as BadgeRibbonProps, type BadgeSlots, type BasicDataNode, BorderBeam, type BorderBeamColor, type BorderBeamGradient, type BorderBeamProps, Breadcrumb, type BreadcrumbEmits, _default$1 as BreadcrumbItem, type BreadcrumbItemProps, type ItemType as BreadcrumbItemType, type BreadcrumbProps, _default$2 as BreadcrumbSeparator, type BreadcrumbSlots, Button, type ButtonColorType, type ButtonEmits, type ButtonHTMLType, type ButtonProps, type ButtonSemanticName, type ButtonShape, type SizeType as ButtonSize, type ButtonSlots, type ButtonType, type ButtonVariantType, _default$3 as Calendar, type CalendarMode, type CalendarProps, Card, type CardEmits, CardGrid, type CardGridProps, CardMeta, type CardMetaProps, type CardProps, type CardSize, type CardSlots, type CardTabListType, Carousel, type CarouselEmits, type CarouselProps, type CarouselRef, type CarouselSlots, Cascader, type CascaderEmits, CascaderPanel, type CascaderPanelEmits, type CascaderPanelProps, type CascaderPanelSlots, type CascaderProps, type CascaderSlots, CheckableTag, CheckableTagGroup, type CheckableTagProps, InternalCheckbox as Checkbox, type CheckboxEmits, CheckboxGroup, type CheckboxGroupEmits, type CheckboxGroupProps, type CheckboxGroupSlots, type CheckboxOptionType, type CheckboxProps, type CheckboxSlots, Col, type ColProps, type ColSize, Collapse, CollapsePanel, type CollapsePanelProps, type CollapsePanelSlots, type CollapseProps, type AggregationColor as Color, ColorPicker, type ColorPickerEmits, type ColorPickerProps, type ColorPickerSlots, type ColorValueType, _default$4 as ConfigProvider, type ConfigProviderProps, type DataSourceItemObject, type DataSourceItemType, DateMonthPicker, _default$5 as DatePicker, type DatePickerEmits, type DatePickerProps, type DatePickerSlots, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, Descriptions, DescriptionsItem, type DescriptionsItemProps, type DescriptionsItemSlots, type DescriptionsItemType, type DescriptionsProps, type DescriptionsSlots, DirectoryTree, type DirectoryTreeEmits, type ExpandAction as DirectoryTreeExpandAction, type DirectoryTreeProps, type DirectoryTreeSlots, Divider, type DividerProps, Drawer, type DrawerEmits, type DrawerProps, type DrawerResizableConfig, type DrawerSlots, Dropdown, type DropdownArrowOptions, type DropdownEmits, type DropdownProps, type DropdownSlots, _default$6 as Empty, type EmptyProps, type EmptySlots, Flex, type FlexProps, type FlexSlots, FloatButton, FloatButtonGroup, type FloatButtonGroupProps, type FloatButtonProps, type FloatButtonRef, InternalForm as Form, type FormEmits, type FormHookInstance, type FormInstance, InternalFormItem as FormItem, type FormItemEmits, type FormItemProps, type FormItemSlots, type FormProps, type FormSlots, type GlobalToken, _default_1 as Image, type ImageEmits, type PreviewConfig as ImagePreviewConfig, ImagePreviewGroup, type ImagePreviewGroupProps, type ImageProps, type ImageSlots, CompoundedInput as Input, type InputEmits, InputGroup, type InputGroupProps, InputNumber, type InputNumberEmits, type InputNumberProps, type VcInputNumberRef as InputNumberRef, type InputNumberStepContext, type ValueType as InputNumberValueType, InputOTP, type OTPEmits as InputOTPEmits, type OTPProps as InputOTPProps, type OTPSlots as InputOTPSlots, InputPassword, type PasswordProps as InputPasswordProps, type InputPasswordRef, type InputProps, type InputRef, InputSearch, type SearchProps as InputSearchProps, type InputSearchRef, type InputSlots, type InputTextAreaRef, type KeyWise, type KeyWiseTransferItem, Layout, LayoutContent, LayoutFooter, LayoutHeader, type BasicProps as LayoutProps, LayoutSider, type LegacyButtonType, type ListStyle, Listy, type ListyClassNames, type ListyProps, type ListyRef, type ListyScrollToConfig, type ListyStyles, _default$7 as Masonry, type MasonryEmits, type MasonryProps, type MasonryRef, type MasonrySlots, type MentionPlacement, Mentions, type MentionsClassNamesType, type MentionsEmits, Option$1 as MentionsOption, type MentionsOptionProps, type MentionsProps, type MentionsRef, type MentionsSlots, type MentionsStylesType, _default$8 as Menu, MenuDivider, type MenuEmits, MenuItem, MenuItemGroup, type MenuItemGroupProps, type MenuItemProps, type MenuItemType, type MenuProps, type MenuRef, type MenuSlots, _default$9 as Modal, type ModalEmits, type ModalProps, type ModalSlots, type MonthPickerProps, Pagination, type PaginationClassNamesType, type PaginationConfig, type PaginationEmits, type PaginationLocale, type PaginationPosition, type PaginationProps, type PaginationSlots, type PaginationStylesType, Popconfirm, type PopconfirmEmits, type PopconfirmProps, type PopconfirmSlots, Popover, type PopoverEmits, type PopoverProps, type PopoverRef, type PopoverSlots, Progress, type ProgressProps, QRCode, type QRCodeEmits, type QRCodeProps, InternalRadio as Radio, RadioButton, type RadioChangeEvent, type RadioEmits, RadioGroup, type RadioGroupEmits, type RadioGroupOptionType, type RadioGroupProps, type RadioGroupSlots, type RadioOptionType, type RadioProps, type RadioSlots, type RangePickerProps, Rate, type RateEmits, type RateProps, type RenderResult, type RenderResultObject, _default$10 as Result, type ResultProps, type ResultSlots, type ResultStatusType, Row, type RowProps, type Rule, type RuleObject, type RuleRender, type RuleType, Segmented, type SegmentedEmits, type SegmentedOptions, type SegmentedProps, type SegmentedSlots, Select, type SelectAllLabel, type SelectEmits, SelectOptGroup, SelectOption, type SelectProps, type SelectSlots, type SelectValue, type SizeType, SkeletonWithSubComponents as Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, type SkeletonProps, Slider, type SliderEmits, type SliderProps, Space, SpaceAddon, SpaceCompact, type SpaceProps, type SpaceSize, type SpaceSlots, _default$11 as Spin, type SpinProps, type SpinSlots, Splitter, type SplitterEmits, SplitterPanel, type SplitterProps, type SplitterSlots, _default$12 as Statistic, type StatisticProps, StatisticTimer, type StatisticTimerProps, type StepItem, Steps, type StepsEmits, type StepsProps, type StepsSlots, StyleProvider, SubMenu, type SubMenuProps, Switch, type SwitchEmits, type SwitchProps, type SwitchSize, type SwitchSlots, TabPane, type TabPaneProps, _default$13 as Table, type TableClassNamesType, Column as TableColumn, ColumnGroup as TableColumnGroup, type ColumnType as TableColumnType, type ColumnsType as TableColumnsType, type DataIndex as TableDataIndex, type TableEmits, type TableLocale, type TablePaginationConfig, type TableProps, type TableRowSelection, type TableSlots, type SortOrder as TableSortOrder, type SorterResult as TableSorterResult, type TableStylesType, Summary as TableSummary, SummaryCell as TableSummaryCell, SummaryRow as TableSummaryRow, Tabs, type TabsEmits, type TabsProps, type TabsRef, type TabsSlots, Tag, type TagProps, type TagSlots, InternalTextArea as TextArea, type TextAreaProps, type TextAreaRef, type ThemeConfig, _default$14 as TimePicker, type TimePickerEmits, type TimePickerLocale, type TimePickerProps, type TimePickerSlots, TimeRangePicker, type TimeRangePickerEmits, type TimeRangePickerProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemSlots, type TimelineItemType, type TimelineProps, _default$15 as Tooltip, type TooltipAlignConfig, type TooltipEmits, type TooltipPlacement, type TooltipProps, type TooltipRef, type TooltipSlots, Tour, type TourEmits, type TourLocale, type TourProps, type TourSlots, type TourStepItem, type TourStylesType, InternalTransfer as Transfer, type TransferClassNamesType, type TransferCustomListBodyProps, type TransferDirection, type TransferEmits, type TransferItem, type TransferKey, type TransferListBodyProps, type TransferListProps, type TransferLocale, type TransferOperationProps, type PaginationType as TransferPaginationType, type TransferProps, type TransferRender, type TransferSearchEmits, type TransferSearchOption, type TransferSearchProps, type TransferSearchSlots, type TransferSlots, type TransferStylesType, Tree, type DataNode as TreeDataNode, type TreeEmits, type TreeProps, TreeSelect, type TreeSelectEmits, type TreeSelectNode, type TreeSelectProps, type TreeSelectSlots, type TreeSlots, Typography, type BlockProps as TypographyBaseProps, TypographyLink, type LinkProps as TypographyLinkProps, TypographyParagraph, type ParagraphProps as TypographyParagraphProps, TypographyText, type TextProps as TypographyTextProps, TypographyTitle, type TitleProps as TypographyTitleProps, UniqueProvider, Upload, type UploadChangeParam, UploadDragger, type DraggerProps as UploadDraggerProps, type UploadEmits, type UploadFile, type UploadProps, type UploadSlots, Watermark, type WatermarkProps, type WeekPickerProps, _default$16 as default, install, staticMethods as message, staticMethods$1 as notification, setPrefix, _default$17 as theme, useBreakpoint, useExportConfig as useConfig, useForm, useFormInstance, useLayoutSider, useMessage, useModal, useNotification, useResponsive, _version2 as version };
+export { Affix, type AffixEmits, type AffixProps, type AffixRef, Alert, type AlertEmits, type AlertProps, type AlertSemanticType, type AlertSlots, Anchor, type AnchorEmits, type AnchorLinkProps, type AnchorProps, type AnchorSlots, type AntTreeNode, type AntTreeNodeCheckedEvent, type AntTreeNodeExpandedEvent, type AntTreeNodeMouseEvent, type AntTreeNodeProps, type AntTreeNodeSelectedEvent, type AntdTreeNodeAttribute, _default as App, type AppProps, AutoComplete, type AutoCompleteClassNamesType, type AutoCompleteEmits, Option as AutoCompleteOption, type AutoCompleteProps, type AutoCompleteSlots, type AutoCompleteStylesType, Avatar, type AvatarEmits, AvatarGroup, type AvatarGroupProps, type AvatarGroupRef, type AvatarProps, type AvatarSlots, BackTopWithInstall as BackTop, Badge, type BadgeProps, BadgeRibbon, type RibbonProps as BadgeRibbonProps, type RibbonRef as BadgeRibbonRef, type BadgeSlots, type BasicDataNode, BorderBeam, type BorderBeamColor, type BorderBeamGradient, type BorderBeamProps, Breadcrumb, type BreadcrumbEmits, _default$1 as BreadcrumbItem, type BreadcrumbItemProps, type ItemType as BreadcrumbItemType, type BreadcrumbProps, type BreadcrumbRef, _default$2 as BreadcrumbSeparator, type BreadcrumbSlots, Button, type ButtonColorType, type ButtonEmits, type ButtonHTMLType, type ButtonProps, type ButtonSemanticName, type ButtonShape, type SizeType as ButtonSize, type ButtonSlots, type ButtonType, type ButtonVariantType, _default$3 as Calendar, type CalendarMode, type CalendarProps, type CalendarRef, Card, type CardEmits, CardGrid, type CardGridProps, type CardGridRef, CardMeta, type CardMetaProps, type CardMetaRef, type CardProps, type CardSize, type CardSlots, type CardTabListType, Carousel, type CarouselEmits, type CarouselProps, type CarouselRef, type CarouselSlots, Cascader, type CascaderEmits, CascaderPanel, type CascaderPanelEmits, type CascaderPanelProps, type CascaderPanelSlots, type CascaderProps, type CascaderSlots, CheckableTag, CheckableTagGroup, type CheckableTagProps, InternalCheckbox as Checkbox, type CheckboxEmits, CheckboxGroup, type CheckboxGroupEmits, type CheckboxGroupProps, type CheckboxGroupSlots, type CheckboxOptionType, type CheckboxProps, type CheckboxSlots, Col, type ColProps, type ColSize, Collapse, CollapsePanel, type CollapsePanelProps, type CollapsePanelSlots, type CollapseProps, type AggregationColor as Color, ColorPicker, type ColorPickerEmits, type ColorPickerProps, type ColorPickerSlots, type ColorValueType, _default$4 as ConfigProvider, type ConfigProviderProps, type DataSourceItemObject, type DataSourceItemType, DateMonthPicker, _default$5 as DatePicker, type DatePickerEmits, type DatePickerProps, type DatePickerSlots, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, Descriptions, DescriptionsItem, type DescriptionsItemProps, type DescriptionsItemSlots, type DescriptionsItemType, type DescriptionsProps, type DescriptionsRef, type DescriptionsSlots, DirectoryTree, type DirectoryTreeEmits, type ExpandAction as DirectoryTreeExpandAction, type DirectoryTreeProps, type DirectoryTreeSlots, Divider, type DividerProps, type DividerRef, Drawer, type DrawerEmits, type DrawerProps, type DrawerResizableConfig, type DrawerSlots, Dropdown, type DropdownArrowOptions, type DropdownEmits, type DropdownProps, type DropdownSlots, _default$6 as Empty, type EmptyProps, type EmptyRef, type EmptySlots, Flex, type FlexProps, type FlexSlots, FloatButton, FloatButtonGroup, type FloatButtonGroupProps, type FloatButtonGroupRef, type FloatButtonProps, type FloatButtonRef, InternalForm as Form, type FormEmits, type FormHookInstance, type FormInstance, InternalFormItem as FormItem, type FormItemEmits, type FormItemProps, type FormItemSlots, type FormProps, type FormSlots, type GlobalToken, _default_1 as Image, type ImageEmits, type PreviewConfig as ImagePreviewConfig, ImagePreviewGroup, type ImagePreviewGroupProps, type ImageProps, type ImageSlots, CompoundedInput as Input, type InputEmits, InputGroup, type InputGroupProps, InputNumber, type InputNumberEmits, type InputNumberProps, type VcInputNumberRef as InputNumberRef, type InputNumberStepContext, type ValueType as InputNumberValueType, InputOTP, type OTPEmits as InputOTPEmits, type OTPProps as InputOTPProps, type OTPSlots as InputOTPSlots, InputPassword, type PasswordProps as InputPasswordProps, type InputPasswordRef, type InputProps, type InputRef, InputSearch, type SearchProps as InputSearchProps, type InputSearchRef, type InputSlots, type InputTextAreaRef, type KeyWise, type KeyWiseTransferItem, Layout, LayoutContent, LayoutFooter, LayoutHeader, type BasicProps as LayoutProps, LayoutSider, type LegacyButtonType, type ListStyle, Listy, type ListyClassNames, type ListyProps, type ListyRef, type ListyScrollToConfig, type ListyStyles, _default$7 as Masonry, type MasonryEmits, type MasonryProps, type MasonryRef, type MasonrySlots, type MentionPlacement, Mentions, type MentionsClassNamesType, type MentionsEmits, Option$1 as MentionsOption, type MentionsOptionProps, type MentionsProps, type MentionsRef, type MentionsSlots, type MentionsStylesType, _default$8 as Menu, MenuDivider, type MenuEmits, MenuItem, MenuItemGroup, type MenuItemGroupProps, type MenuItemProps, type MenuItemType, type MenuProps, type MenuRef, type MenuSlots, _default$9 as Modal, type ModalEmits, type ModalProps, type ModalSlots, type MonthPickerProps, Pagination, type PaginationClassNamesType, type PaginationComponents, type PaginationConfig, type PaginationEmits, type PaginationLocale, type PaginationPosition, type PaginationProps, type PaginationSizeChangerProps, type PaginationSlots, type PaginationStylesType, Popconfirm, type PopconfirmEmits, type PopconfirmProps, type PopconfirmSlots, Popover, type PopoverEmits, type PopoverProps, type PopoverRef, type PopoverSlots, Progress, type ProgressProps, QRCode, type QRCodeEmits, type QRCodeProps, type QRCodeRef, InternalRadio as Radio, RadioButton, type RadioChangeEvent, type RadioEmits, RadioGroup, type RadioGroupEmits, type RadioGroupOptionType, type RadioGroupProps, type RadioGroupSlots, type RadioOptionType, type RadioProps, type RadioSlots, type RangePickerProps, Rate, type RateEmits, type RateProps, type RenderResult, type RenderResultObject, _default$10 as Result, type ResultProps, type ResultRef, type ResultSlots, type ResultStatusType, Row, type RowProps, type Rule, type RuleObject, type RuleRender, type RuleType, Segmented, type SegmentedEmits, type SegmentedOptions, type SegmentedProps, type SegmentedSlots, Select, type SelectAllLabel, type SelectEmits, SelectOptGroup, SelectOption, type SelectProps, type SelectSlots, type SelectValue, type SizeType, SkeletonWithSubComponents as Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, type SkeletonProps, type SkeletonRef, Slider, type SliderEmits, type SliderProps, type SliderRef, Space, SpaceAddon, SpaceCompact, type SpaceCompactProps, type SpaceCompactRef, type SpaceProps, type SpaceSize, type SpaceSlots, _default$11 as Spin, type SpinProps, type SpinRef, type SpinSlots, Splitter, type SplitterEmits, SplitterPanel, type SplitterProps, type SplitterRef, type SplitterSlots, _default$12 as Statistic, type StatisticProps, type StatisticRef, StatisticTimer, type StatisticTimerProps, type StepItem, Steps, type StepsEmits, type StepsProps, type StepsSlots, StyleProvider, SubMenu, type SubMenuProps, Switch, type SwitchEmits, type SwitchProps, type SwitchSize, type SwitchSlots, TabPane, type TabPaneProps, _default$13 as Table, type TableClassNamesType, Column as TableColumn, ColumnGroup as TableColumnGroup, type ColumnType as TableColumnType, type ColumnsType as TableColumnsType, type DataIndex as TableDataIndex, type TableEmits, type TableLocale, type TablePaginationConfig, type TableProps, type TableRowSelection, type TableSlots, type SortOrder as TableSortOrder, type SorterResult as TableSorterResult, type TableStylesType, Summary as TableSummary, SummaryCell as TableSummaryCell, SummaryRow as TableSummaryRow, Tabs, type TabsEmits, type TabsProps, type TabsRef, type TabsSlots, Tag, type TagProps, type TagSlots, InternalTextArea as TextArea, type TextAreaProps, type TextAreaRef, type ThemeConfig, _default$14 as TimePicker, type TimePickerEmits, type TimePickerLocale, type TimePickerProps, type TimePickerSlots, TimeRangePicker, type TimeRangePickerEmits, type TimeRangePickerProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemSlots, type TimelineItemType, type TimelineProps, _default$15 as Tooltip, type TooltipAlignConfig, type TooltipEmits, type TooltipPlacement, type TooltipProps, type TooltipRef, type TooltipSlots, Tour, type TourEmits, type TourLocale, type TourProps, type TourSlots, type TourStepItem, type TourStylesType, InternalTransfer as Transfer, type TransferClassNamesType, type TransferCustomListBodyProps, type TransferDirection, type TransferEmits, type TransferItem, type TransferKey, type TransferListBodyProps, type TransferListProps, type TransferLocale, type TransferOperationProps, type PaginationType as TransferPaginationType, type TransferProps, type TransferRef, type TransferRender, type TransferSearchEmits, type TransferSearchOption, type TransferSearchProps, type TransferSearchSlots, type TransferSlots, type TransferStylesType, Tree, type DataNode as TreeDataNode, type TreeEmits, type TreeInstance, type TreeProps, TreeSelect, type TreeSelectEmits, type TreeSelectNode, type TreeSelectProps, type TreeSelectSlots, type TreeSlots, type UseTreeConfig as TreeUseTreeConfig, Typography, type BlockProps as TypographyBaseProps, TypographyLink, type LinkProps as TypographyLinkProps, TypographyParagraph, type ParagraphProps as TypographyParagraphProps, TypographyText, type TextProps as TypographyTextProps, TypographyTitle, type TitleProps as TypographyTitleProps, UniqueProvider, Upload, type UploadChangeParam, UploadDragger, type DraggerProps as UploadDraggerProps, type UploadEmits, type UploadFile, type UploadProps, type UploadRef, type UploadSlots, Watermark, type WatermarkProps, type WatermarkRef, type WeekPickerProps, _default$16 as default, install, staticMethods as message, staticMethods$1 as notification, setPrefix, _default$17 as theme, useBreakpoint, useExportConfig as useConfig, useForm, useFormInstance, useLayoutSider, useMessage, useModal, useNotification, useResponsive, useTree, _version2 as version };

package/dist/index.js

@@ -91,7 +91,7 @@ import Switch from "./switch/index.js";
 import Column from "./table/Column.js";
 import ColumnGroup from "./table/ColumnGroup.js";
 import DirectoryTree from "./tree/DirectoryTree.js";
-import Tree from "./tree/index.js";
+import Tree, { useTree } from "./tree/index.js";
 import InternalTable, { Summary, SummaryCell, SummaryRow } from "./table/index.js";
 import CheckableTag from "./tag/CheckableTag.js";
 import CheckableTagGroup from "./tag/CheckableTagGroup.js";
@@ -128,4 +128,4 @@ var src_default = {
 	version: version_default
 };
 //#endregion
-export { Affix, alert_default as Alert, anchor_default as Anchor, App, AutoComplete, Option as AutoCompleteOption, Avatar, AvatarGroup, BackTopWithInstall as BackTop, Badge, BadgeRibbon, border_beam_default as BorderBeam, breadcrumb_default as Breadcrumb, BreadcrumbItem, BreadcrumbSeparator, button_default as Button, Calendar, card_default as Card, CardGrid, CardMeta, Carousel, Cascader, CascaderPanel, CheckableTag, CheckableTagGroup, checkbox_default as Checkbox, CheckboxGroup, Col, collapse_default as Collapse, CollapsePanel, color_picker_default as ColorPicker, ConfigProvider, DateMonthPicker, DatePicker, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, Descriptions, DescriptionsItem, DirectoryTree, Divider, Drawer, Dropdown, Empty, Flex, float_button_default as FloatButton, FloatButtonGroup, form_default as Form, InternalFormItem as FormItem, Image, ImagePreviewGroup, CompoundedInput as Input, InputGroup, InputNumber, InputOTP, InputPassword, InputSearch, layout_default as Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, Listy, masonry_default as Masonry, Mentions, Option$1 as MentionsOption, Menu, MenuDivider, MenuItem, MenuItemGroup, Modal, pagination_default as Pagination, Popconfirm, Popover, Progress, QRCode, radio_default as Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, SelectOptGroup, SelectOption, skeleton_default as Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, Slider, Space, SpaceAddon, SpaceCompact, Spin, splitter_default as Splitter, SplitterPanel, statistic_default as Statistic, StatisticTimer, Steps, StyleProvider, SubMenu, Switch, TabPane, InternalTable as Table, Column as TableColumn, ColumnGroup as TableColumnGroup, Summary as TableSummary, SummaryCell as TableSummaryCell, SummaryRow as TableSummaryRow, Tabs, Tag, InternalTextArea as TextArea, TimePicker, TimeRangePicker, timeline_default as Timeline, TimelineItem, InternalTooltip as Tooltip, Tour, InternalTransfer as Transfer, Tree, TreeSelect, Typography, TypographyLink, TypographyParagraph, TypographyText, TypographyTitle, UniqueProvider, Upload, UploadDragger, Watermark, src_default as default, install, staticMethods as message, staticMethods$1 as notification, setPrefix, theme_default as theme, useBreakpoint, useExportConfig as useConfig, useForm, useFormInstance, useLayoutSider, useMessage, useModal, useNotification, useResponsive, version_default as version };
+export { Affix, alert_default as Alert, anchor_default as Anchor, App, AutoComplete, Option as AutoCompleteOption, Avatar, AvatarGroup, BackTopWithInstall as BackTop, Badge, BadgeRibbon, border_beam_default as BorderBeam, breadcrumb_default as Breadcrumb, BreadcrumbItem, BreadcrumbSeparator, button_default as Button, Calendar, card_default as Card, CardGrid, CardMeta, Carousel, Cascader, CascaderPanel, CheckableTag, CheckableTagGroup, checkbox_default as Checkbox, CheckboxGroup, Col, collapse_default as Collapse, CollapsePanel, color_picker_default as ColorPicker, ConfigProvider, DateMonthPicker, DatePicker, DateQuarterPicker, DateRangePicker, DateWeekPicker, DateYearPicker, Descriptions, DescriptionsItem, DirectoryTree, Divider, Drawer, Dropdown, Empty, Flex, float_button_default as FloatButton, FloatButtonGroup, form_default as Form, InternalFormItem as FormItem, Image, ImagePreviewGroup, CompoundedInput as Input, InputGroup, InputNumber, InputOTP, InputPassword, InputSearch, layout_default as Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, Listy, masonry_default as Masonry, Mentions, Option$1 as MentionsOption, Menu, MenuDivider, MenuItem, MenuItemGroup, Modal, pagination_default as Pagination, Popconfirm, Popover, Progress, QRCode, radio_default as Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, SelectOptGroup, SelectOption, skeleton_default as Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SkeletonNode, Slider, Space, SpaceAddon, SpaceCompact, Spin, splitter_default as Splitter, SplitterPanel, statistic_default as Statistic, StatisticTimer, Steps, StyleProvider, SubMenu, Switch, TabPane, InternalTable as Table, Column as TableColumn, ColumnGroup as TableColumnGroup, Summary as TableSummary, SummaryCell as TableSummaryCell, SummaryRow as TableSummaryRow, Tabs, Tag, InternalTextArea as TextArea, TimePicker, TimeRangePicker, timeline_default as Timeline, TimelineItem, InternalTooltip as Tooltip, Tour, InternalTransfer as Transfer, Tree, TreeSelect, Typography, TypographyLink, TypographyParagraph, TypographyText, TypographyTitle, UniqueProvider, Upload, UploadDragger, Watermark, src_default as default, install, staticMethods as message, staticMethods$1 as notification, setPrefix, theme_default as theme, useBreakpoint, useExportConfig as useConfig, useForm, useFormInstance, useLayoutSider, useMessage, useModal, useNotification, useResponsive, useTree, version_default as version };

package/dist/input/OTP/index.js

@@ -5,6 +5,7 @@ import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr,
 import { toPropsRefs } from "../../_util/tools.js";
 import { getMergedStatus } from "../../_util/statusUtils.js";
 import { useFormItemInputContext, useFormItemInputContextProvider } from "../../form/context.js";
+import useVariant from "../../form/hooks/useVariant.js";
 import otp_default from "../style/otp.js";
 import OTPInput from "./OTPInput.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
@@ -25,10 +26,12 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 		hasFeedback: false,
 		feedbackIcon: null
 	})));
-	const { classes, styles } = toPropsRefs(props, "classes", "styles");
+	const { classes, styles, variant: customizeVariant } = toPropsRefs(props, "classes", "styles", "variant");
+	const [mergedVariant] = useVariant("otp", customizeVariant, void 0, "input");
 	const mergedProps = computed(() => ({
 		...props,
-		length: mergedLength.value
+		length: mergedLength.value,
+		variant: mergedVariant.value
 	}));
 	const contextStyleRoot = useSemanticRootStyle(contextStyle);
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
@@ -107,7 +110,7 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 			"type": props.type,
 			"inputMode": props.inputMode,
 			"size": mergedSize.value,
-			"variant": props.variant,
+			"variant": mergedVariant.value,
 			"status": mergedStatus.value,
 			"disabled": props.disabled,
 			"class": clsx(`${prefixCls.value}-input`, mergedClassNames.value.input),

package/dist/input/Password.js

@@ -1,6 +1,7 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
+import useVariant from "../form/hooks/useVariant.js";
 import useRemovePasswordTimeout from "./hooks/useRemovePasswordTimeout.js";
 import InternalInput from "./Input.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
@@ -10,12 +11,13 @@ import { omit } from "es-toolkit";
 //#region src/input/Password.tsx
 const defaultIconRender = (visible) => visible ? createVNode(EyeOutlined, null, null) : createVNode(EyeInvisibleOutlined, null, null);
 const InternalPassword = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, expose }) => {
-	const { disabled: customDisabled, inputPrefixCls: customizeInputPrefixCls } = toPropsRefs(props, "disabled", "inputPrefixCls");
+	const { disabled: customDisabled, inputPrefixCls: customizeInputPrefixCls, variant: customizeVariant, bordered } = toPropsRefs(props, "disabled", "inputPrefixCls", "variant", "bordered");
 	const { getPrefixCls } = useComponentBaseConfig("input", props);
 	const inputPrefixCls = computed(() => getPrefixCls("input", customizeInputPrefixCls.value));
 	const passwordPrefixCls = computed(() => getPrefixCls("input-password", props.prefixCls));
 	const disabledContext = useDisabledContext();
 	const mergedDisabled = computed(() => customDisabled.value ?? disabledContext.value);
+	const [mergedVariant] = useVariant("inputPassword", customizeVariant, bordered, "input");
 	const inputRef = shallowRef();
 	const removePasswordTimeout = useRemovePasswordTimeout(inputRef);
 	const visibilityToggle = computed(() => props.visibilityToggle ?? true);
@@ -93,6 +95,7 @@ const InternalPassword = /* @__PURE__ */ defineComponent((props, { slots, attrs,
 			"type": visible.value ? "text" : "password",
 			"suffix": mergedSuffix,
 			"disabled": mergedDisabled.value,
+			"variant": mergedVariant.value,
 			"rootClass": clsx(passwordPrefixCls.value, props.rootClass, { [`${passwordPrefixCls.value}-${props.size}`]: props.size }),
 			"onChange": handleChange,
 			"onFocus": handleFocus,

package/dist/input/Search.js

@@ -1,10 +1,11 @@
 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 { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import button_default from "../button/index.js";
+import useVariant from "../form/hooks/useVariant.js";
 import { SpaceCompact } from "../space/index.js";
 import InternalInput from "./Input.js";
 import search_default from "./style/search.js";
@@ -32,17 +33,22 @@ const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 	const inputRef = shallowRef();
 	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, getPrefixCls } = useComponentBaseConfig("inputSearch", props, void 0, "input-search");
 	const inputPrefixCls = computed(() => getPrefixCls("input", props.inputPrefixCls));
-	const { classes, styles, size: customizeSize, disabled: customDisabled, variant } = toPropsRefs(props, "classes", "styles", "size", "disabled", "variant");
+	const { classes, styles, size: customizeSize, disabled: customDisabled, variant: customizeVariant, bordered } = toPropsRefs(props, "classes", "styles", "size", "disabled", "variant", "bordered");
 	const contextDisabled = useDisabledContext();
 	const mergedDisabled = computed(() => customDisabled.value ?? contextDisabled.value);
+	const [searchVariant, , isVariantConfigured] = useVariant("inputSearch", customizeVariant, bordered);
+	const variant = computed(() => isVariantConfigured.value ? searchVariant.value : void 0);
+	const [inputVariant] = useVariant("inputSearch", customizeVariant, bordered, "input");
 	const [hashId, cssVarCls] = search_default(prefixCls);
 	const { compactSize } = useCompactItemContext(prefixCls, direction);
 	const mergedSize = useSize((ctx) => customizeSize.value ?? compactSize.value ?? ctx);
 	const mergedProps = computed(() => ({
 		...props,
-		enterButton: props.enterButton
+		enterButton: props.enterButton,
+		variant: variant.value
 	}));
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => schema));
+	const contextStyleRoot = useSemanticRootStyle(contextStyle);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps), computed(() => schema));
 	const handleSearch = (event, info, value) => {
 		emit("search", value ?? inputRef.value?.input?.value ?? "", event, info ?? { source: "input" });
 	};
@@ -89,7 +95,6 @@ const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 		}, className, props.rootClass, contextClassName.value, mergedClassNames.value.root, hashId.value);
 		const mergedRootStyle = {
 			...mergedStyles.value.root,
-			...contextStyle.value,
 			...style
 		};
 		const btnPrefixCls = `${prefixCls.value}-btn`;
@@ -144,7 +149,7 @@ const InternalSearch = /* @__PURE__ */ defineComponent((props, { slots, attrs, e
 			"disabled": customDisabled.value,
 			"classes": inputClassNames,
 			"styles": inputStyles,
-			"variant": variant.value,
+			"variant": inputVariant.value,
 			"onChange": handleChange,
 			"onFocus": (e) => emit("focus", e),
 			"onBlur": (e) => emit("blur", e),

package/dist/input/index.d.ts

@@ -1,10 +1,10 @@
 import { EmptyEmit } from "../_util/type.js";
 import InternalInput, { InputEmits, InputProps, InputRef, InputSlots } from "./Input.js";
 import OTP, { OTPEmits, OTPProps, OTPSlots } from "./OTP/index.js";
+import InternalPassword, { InputPasswordRef, PasswordEmits, PasswordProps, PasswordSlots } from "./Password.js";
 import InternalSearch, { InputSearchRef, SearchEmits, SearchProps, SearchSlots } from "./Search.js";
 import InternalTextArea, { InputTextAreaRef, TextAreaProps, TextAreaRef } from "./TextArea.js";
 import InputGroup$1, { InputGroupProps } from "./Group.js";
-import InternalPassword, { InputPasswordRef, PasswordEmits, PasswordProps, PasswordSlots } from "./Password.js";
 import { App } from "vue";
 //#region src/input/index.d.ts
 type CompoundedInputType = typeof InternalInput & {

package/dist/input/style/token.js

@@ -4,7 +4,7 @@ function initInputToken(token) {
 	return mergeToken(token, { inputAffixPadding: token.paddingXXS });
 }
 function initComponentToken(token) {
-	const { controlHeight, fontSize, lineHeight, lineWidth, controlHeightSM, controlHeightLG, fontSizeLG, lineHeightLG, paddingSM, controlPaddingHorizontalSM, controlPaddingHorizontal, colorFillAlter, colorPrimaryHover, colorPrimary, controlOutlineWidth, controlOutline, colorErrorOutline, colorWarningOutline, colorBgContainer, inputFontSize, inputFontSizeLG, inputFontSizeSM } = token;
+	const { controlHeight, fontSize, lineHeight, lineWidth, lineWidthFocus, controlHeightSM, controlHeightLG, fontSizeLG, lineHeightLG, paddingSM, controlPaddingHorizontalSM, controlPaddingHorizontal, colorFillAlter, colorPrimaryHover, colorPrimary, controlOutlineWidth, controlOutline, colorErrorOutline, colorWarningOutline, colorBgContainer, inputFontSize, inputFontSizeLG, inputFontSizeSM } = token;
 	const mergedFontSize = inputFontSize || fontSize;
 	const mergedFontSizeSM = inputFontSizeSM || mergedFontSize;
 	const mergedFontSizeLG = inputFontSizeLG || fontSizeLG;
@@ -12,6 +12,7 @@ function initComponentToken(token) {
 	const paddingBlockSM = Math.round((controlHeightSM - mergedFontSizeSM * lineHeight) / 2 * 10) / 10 - lineWidth;
 	const paddingBlockLG = Math.ceil((controlHeightLG - mergedFontSizeLG * lineHeightLG) / 2 * 10) / 10 - lineWidth;
 	return {
+		lineWidthFocus: lineWidthFocus === 0 ? 0 : lineWidth,
 		paddingBlock: Math.max(paddingBlock, 0),
 		paddingBlockSM: Math.max(paddingBlockSM, 0),
 		paddingBlockLG: Math.max(paddingBlockLG, 0),

package/dist/input/style/variants.js

@@ -103,7 +103,7 @@ const genOutlinedGroupStyle = (token) => ({ "&-outlined": {
 const borderlessFocusVisibleSelector = "&:focus-visible, &:has(input:focus-visible), &:has(textarea:focus-visible)";
 function genBorderlessFocusVisibleStyle(token, outlineColor) {
 	return {
-		outline: `${unit(token.lineWidth)} ${token.lineType} ${outlineColor}`,
+		outline: `${unit(token.lineWidthFocus)} ${token.lineType} ${outlineColor}`,
 		outlineOffset: unit(token.calc(token.lineWidth).mul(-1).equal()),
 		transition: [`outline-offset`, `outline`].map((prop) => `${prop} 0s`).join(", ")
 	};

package/dist/listy/interface.d.ts

@@ -1,5 +1,6 @@
+import { VueNode } from "../_util/type.js";
 import { SemanticType } from "../_util/hooks/useMergeSemantic.js";
-import { CSSProperties, VNode } from "vue";
+import { CSSProperties } from "vue";
 import { ListyClassNames, ListyProps as ListyProps$1, ListyRef, ListyScrollToConfig, ListyStyles, ScrollAlign } from "@v-c/listy";
 //#region src/listy/interface.d.ts
 interface ListySemanticType {
@@ -14,7 +15,7 @@ interface ListyProps extends Omit<ListyProps$1, 'itemHeight' | 'direction' | 'cl
   style?: CSSProperties;
   classes?: ListyClassNamesType;
   styles?: ListyStylesType;
-  itemRender?: (item: any) => VNode;
+  itemRender?: (item: any, index: number) => VueNode;
 }
 //#endregion
 export { type ListyClassNames, ListyProps, type ListyRef, type ListyScrollToConfig, ListySemanticType, type ListyStyles, type ScrollAlign };