antdv-next 1.4.5 → 1.4.6

package/dist/form/Form.js

@@ -128,10 +128,12 @@ const InternalForm = /* @__PURE__ */ defineComponent((props, { slots, expose, em
 		emit("validate", name, status, errors);
 	};
 	const resetFields = (nameList) => {
-		getFieldsByNameList(nameList ? nameList.map(getNamePath) : void 0).forEach((field) => field.resetField());
+		const targetList = nameList ? nameList.map(getNamePath) : void 0;
+		getFieldsByNameList(targetList).forEach((field) => field.resetField());
 	};
 	const clearValidate = (nameList) => {
-		getFieldsByNameList(nameList ? nameList.map(getNamePath) : void 0).forEach((field) => field.clearValidate());
+		const targetList = nameList ? nameList.map(getNamePath) : void 0;
+		getFieldsByNameList(targetList).forEach((field) => field.clearValidate());
 	};
 	const validateFields = (arg1, arg2) => {
 		let nameList;
@@ -263,33 +265,40 @@ const InternalForm = /* @__PURE__ */ defineComponent((props, { slots, expose, em
 		triggerFieldsChange();
 	};
 	const getFieldError = (name) => {
-		return getFields([getNamePath(name)])[0]?.errors || [];
+		const namePath = getNamePath(name);
+		return getFields([namePath])[0]?.errors || [];
 	};
 	const getFieldWarning = (name) => {
-		return getFields([getNamePath(name)])[0]?.warnings || [];
+		const namePath = getNamePath(name);
+		return getFields([namePath])[0]?.warnings || [];
 	};
 	const getFieldsError = (nameList) => {
-		return getFields(nameList?.length ? nameList.map(getNamePath) : void 0).map((field) => ({
+		const namePathList = nameList?.length ? nameList.map(getNamePath) : void 0;
+		return getFields(namePathList).map((field) => ({
 			name: field.name,
 			errors: field.errors,
 			warnings: field.warnings
 		}));
 	};
 	const isFieldTouched = (name) => {
-		return !!getFields([getNamePath(name)])[0]?.touched;
+		const namePath = getNamePath(name);
+		return !!getFields([namePath])[0]?.touched;
 	};
 	const isFieldsTouched = (nameList, allFieldsTouched) => {
-		const fieldsData = getFields(typeof nameList === "boolean" || nameList === void 0 ? void 0 : nameList.map(getNamePath));
+		const arrNameList = typeof nameList === "boolean" || nameList === void 0 ? void 0 : nameList.map(getNamePath);
+		const fieldsData = getFields(arrNameList);
 		if (nameList === false) return false;
 		if (!fieldsData.length) return false;
 		if (allFieldsTouched) return fieldsData.every((field) => field.touched);
 		return fieldsData.some((field) => field.touched);
 	};
 	const isFieldValidating = (name) => {
-		return !!getFields([getNamePath(name)])[0]?.validating;
+		const namePath = getNamePath(name);
+		return !!getFields([namePath])[0]?.validating;
 	};
 	const isFieldsValidating = (nameList) => {
-		return getFields(nameList?.length ? nameList.map(getNamePath) : void 0).some((field) => field.validating);
+		const namePathList = nameList?.length ? nameList.map(getNamePath) : void 0;
+		return getFields(namePathList).some((field) => field.validating);
 	};
 	const setFields = (data) => {
 		data.forEach((item) => {

package/dist/form/FormItem/ItemHolder.d.ts

@@ -5,7 +5,6 @@ import { FormItemInputProps } from "../FormItemInput.js";
 import { BaseFormItemProps, FeedbackIcons, FormItemProps, ValidateStatus } from "./index.js";
 import { ComponentBaseProps } from "../../config-provider/context.js";
 import { ReportMetaChange } from "../context.js";
-
 //#region src/form/FormItem/ItemHolder.d.ts
 type ItemHolderProps = FormItemProps & {
   errors: any[];

package/dist/form/FormItem/StatusProvider.d.ts

@@ -1,6 +1,5 @@
 import { Meta, NamePath } from "../types.js";
 import { FeedbackIcons, ValidateStatus } from "./index.js";
-
 //#region src/form/FormItem/StatusProvider.d.ts
 interface StatusProviderProps {
   validateStatus?: ValidateStatus;

package/dist/form/FormItem/index.d.ts

@@ -4,7 +4,6 @@ import { FormItemLayout } from "../Form.js";
 import { FormItemInputProps } from "../FormItemInput.js";
 import { ComponentBaseProps } from "../../config-provider/context.js";
 import { SlotsType } from "vue";
-
 //#region src/form/FormItem/index.d.ts
 declare const _ValidateStatuses: readonly ["success", "warning", "error", "validating", ""];
 type ValidateStatus = (typeof _ValidateStatuses)[number];
@@ -12,7 +11,7 @@ type FeedbackIcons = (itemStatus: {
   status: ValidateStatus;
   errors?: any[];
   warnings?: any[];
-}) => { [key in ValidateStatus]?: any };
+}) => { [key in ValidateStatus]?: any; };
 interface BaseFormItemProps {
   name?: NamePath;
   rules?: Rule[];

package/dist/form/FormItemInput.d.ts

@@ -1,7 +1,7 @@
 import { VueNode } from "../_util/type.js";
 import { ColProps } from "../grid/col.js";
+import "../grid/index.js";
 import { ValidateStatus } from "./FormItem/index.js";
-
 //#region src/form/FormItemInput.d.ts
 interface FormItemInputMiscProps {
   prefixCls: string;

package/dist/form/FormItemLabel.d.ts

@@ -1,9 +1,9 @@
 import { VueNode } from "../_util/type.js";
 import { ColProps } from "../grid/col.js";
+import "../grid/index.js";
 import { TooltipProps } from "../tooltip/index.js";
 import { FormLabelAlign } from "./interface.js";
 import { RequiredMark } from "./Form.js";
-
 //#region src/form/FormItemLabel.d.ts
 type FormTooltipProps = TooltipProps & {
   icon?: VueNode;

package/dist/form/context.d.ts

@@ -1,4 +1,5 @@
 import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import { FormLabelAlign } from "./interface.js";
 import { ColPropsWithClass, FormTooltipProps } from "./FormItemLabel.js";
 import { InternalNamePath, Meta, NamePath, Rule, RulesMap, ValidateMessages } from "./types.js";
@@ -7,7 +8,6 @@ import { FeedbackIcons, ValidateStatus } from "./FormItem/index.js";
 import { Variant } from "../config-provider/context.js";
 import { Ref } from "vue";
 import { Key } from "@v-c/util/dist/type";
-
 //#region src/form/context.d.ts
 /** Form Context. Set top form style and pass to Form Item usage. */
 interface FormFieldRegister {
@@ -71,7 +71,7 @@ declare function useFormItemPrefixContext(): Ref<{
   prefixCls: string;
 }>;
 declare function useVariantContextProvider(variant: Ref<Variant | undefined>): void;
-declare function useVariantContext(): Ref<"outlined" | "filled" | "borderless" | "underlined" | undefined, "outlined" | "filled" | "borderless" | "underlined" | undefined>;
+declare function useVariantContext(): Ref<"outlined" | "borderless" | "filled" | "underlined" | undefined, "outlined" | "borderless" | "filled" | "underlined" | undefined>;
 interface FormItemStatusContextProps {
   isFormItemInput?: boolean;
   status?: ValidateStatus;

package/dist/form/hooks/useForm.d.ts

@@ -1,7 +1,6 @@
 import { NamePath } from "../types.js";
 import { FormInstance } from "../Form.js";
 import { InjectionKey, ShallowRef } from "vue";
-
 //#region src/form/hooks/useForm.d.ts
 declare function toNamePathStr(name: NamePath): string;
 interface FormHookEntry {

package/dist/form/hooks/useVariant.d.ts

@@ -1,10 +1,9 @@
 import { ConfigProviderProps } from "../../config-provider/define.js";
 import { Variant } from "../../config-provider/context.js";
 import { Ref } from "vue";
-
 //#region src/form/hooks/useVariant.d.ts
 type VariantComponents = keyof Pick<ConfigProviderProps, 'input' | 'inputNumber' | 'textArea' | 'mentions' | 'select' | 'cascader' | 'treeSelect' | 'datePicker' | 'timePicker' | 'rangePicker' | 'card'>;
-declare function useVariant(component: VariantComponents, variant?: Ref<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean): readonly [import("vue").ComputedRef<"outlined" | "filled" | "borderless" | "underlined">, import("vue").ComputedRef<boolean>];
+declare function useVariant(component: VariantComponents, variant?: Ref<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean): readonly [import("vue").ComputedRef<"outlined" | "borderless" | "filled" | "underlined">, import("vue").ComputedRef<boolean>];
 declare const useVariants: typeof useVariant;
 //#endregion
 export { useVariant as default, useVariants };

package/dist/form/interface.d.ts

@@ -1,5 +1,4 @@
 import { Options } from "scroll-into-view-if-needed";
-
 //#region src/form/interface.d.ts
 type ScrollFocusOptions = Options & {
   focus?: boolean;

package/dist/form/namePathType.d.ts

@@ -4,6 +4,6 @@ type BaseNamePath = string | number | boolean | (string | number | boolean)[];
  * Store: The store type from `FormInstance<Store>`
  * ParentNamePath: Auto generate by nest logic. Do not fill manually.
  */
-type DeepNamePath<Store = any, ParentNamePath extends any[] = []> = ParentNamePath['length'] extends 5 ? never : true extends (Store extends BaseNamePath ? true : false) ? ParentNamePath['length'] extends 0 ? Store | BaseNamePath : Store extends any[] ? [...ParentNamePath, number] : never : Store extends any[] ? [...ParentNamePath, number] | DeepNamePath<Store[number], [...ParentNamePath, number]> : keyof Store extends never ? Store : { [FieldKey in keyof Store]: Store[FieldKey] extends Function ? never : (ParentNamePath['length'] extends 0 ? FieldKey : never) | [...ParentNamePath, FieldKey] | DeepNamePath<Required<Store>[FieldKey], [...ParentNamePath, FieldKey]> }[keyof Store];
+type DeepNamePath<Store = any, ParentNamePath extends any[] = []> = ParentNamePath['length'] extends 5 ? never : true extends (Store extends BaseNamePath ? true : false) ? ParentNamePath['length'] extends 0 ? Store | BaseNamePath : Store extends any[] ? [...ParentNamePath, number] : never : Store extends any[] ? [...ParentNamePath, number] | DeepNamePath<Store[number], [...ParentNamePath, number]> : keyof Store extends never ? Store : { [FieldKey in keyof Store]: Store[FieldKey] extends Function ? never : (ParentNamePath['length'] extends 0 ? FieldKey : never) | [...ParentNamePath, FieldKey] | DeepNamePath<Required<Store>[FieldKey], [...ParentNamePath, FieldKey]>; }[keyof Store];
 //#endregion
 export { DeepNamePath };

package/dist/form/style/explain.d.ts

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

package/dist/form/style/fallbackCmp.js

@@ -6,7 +6,8 @@ const genFallbackStyle = (token) => {
 	return { "@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)": { [`${formItemCls}-control`]: { display: "flex" } } };
 };
 var fallbackCmp_default = genSubStyleComponent(["Form", "item-item"], (token, { rootPrefixCls }) => {
-	return genFallbackStyle(prepareToken(token, rootPrefixCls));
+	const formToken = prepareToken(token, rootPrefixCls);
+	return genFallbackStyle(formToken);
 });
 //#endregion
 export { fallbackCmp_default as default };

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

@@ -1,6 +1,6 @@
 import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/internal.js";
 import { CSSProperties } from "vue";
-
 //#region src/form/style/index.d.ts
 interface ComponentToken {
   /**

package/dist/form/types.d.ts

@@ -1,6 +1,5 @@
 import { DeepNamePath } from "./namePathType.js";
 import { Component } from "vue";
-
 //#region src/form/types.d.ts
 type ReducerAction = UpdateAction | ValidateAction;
 type BatchTask = (key: string, callback: VoidFunction) => void;
@@ -204,7 +203,7 @@ interface InternalHooks {
   setBatchUpdate: (fn: BatchTask) => void;
 }
 /** Only return partial when type is not any */
-type RecursivePartial<T> = NonNullable<T> extends object ? { [P in keyof T]?: NonNullable<T[P]> extends (infer U)[] ? RecursivePartial<U>[] : NonNullable<T[P]> extends object ? RecursivePartial<T[P]> : T[P] } : T;
+type RecursivePartial<T> = NonNullable<T> extends object ? { [P in keyof T]?: NonNullable<T[P]> extends (infer U)[] ? RecursivePartial<U>[] : NonNullable<T[P]> extends object ? RecursivePartial<T[P]> : T[P]; } : T;
 type FilterFunc = (meta: Meta | null) => boolean;
 interface GetFieldsValueConfig {
   /**
@@ -244,7 +243,8 @@ type InternalFormInstance = Omit<FormInstance, 'validateFields'> & {
    * Form component should register some content into store.
    * We pass the `HOOK_MARK` as key to avoid user call the function.
    */
-  getInternalHooks: (secret: string) => InternalHooks | null; /** @private Internal usage. Do not use it in your production */
+  getInternalHooks: (secret: string) => InternalHooks | null;
+  /** @private Internal usage. Do not use it in your production */
   _init?: boolean;
 };
 type EventArgs = any[];

package/dist/form/util.d.ts

@@ -1,6 +1,5 @@
 import { InternalNamePath, Meta } from "./types.js";
 import { ValidateStatus } from "./FormItem/index.js";
-
 //#region src/form/util.d.ts
 declare function toArray<T>(candidate?: T | T[] | false): T[];
 /**

package/dist/form/utils/NameMap.d.ts

@@ -1,5 +1,4 @@
 import { InternalNamePath } from "../types.js";
-
 //#region src/form/utils/NameMap.d.ts
 interface KV<T> {
   key: InternalNamePath;

package/dist/form/utils/asyncUtil.d.ts

@@ -1,5 +1,4 @@
 import { FieldError } from "../types.js";
-
 //#region src/form/utils/asyncUtil.d.ts
 declare function allPromiseFinish(promiseList: Promise<FieldError>[]): Promise<FieldError[]>;
 //#endregion

package/dist/form/utils/typeUtil.d.ts

@@ -1,5 +1,4 @@
 import { FormInstance } from "../types.js";
-
 //#region src/form/utils/typeUtil.d.ts
 declare function toArray<T>(value?: T | T[] | null): T[];
 declare function isFormInstance<T>(form: T | FormInstance): form is FormInstance;

package/dist/form/utils/validateUtil.d.ts

@@ -1,5 +1,4 @@
 import { InternalNamePath, InternalValidateOptions, RuleError, RuleObject, StoreValue } from "../types.js";
-
 //#region src/form/utils/validateUtil.d.ts
 /**
  * We use `async-validator` to validate the value.

package/dist/form/utils/valueUtil.d.ts

@@ -1,7 +1,6 @@
 import { EventArgs, InternalNamePath, NamePath, Store } from "../types.js";
 import getValue from "@v-c/util/dist/utils/get";
 import setValue from "@v-c/util/dist/utils/set";
-
 //#region src/form/utils/valueUtil.d.ts
 /**
  * Convert name to internal supported format.

package/dist/form/validateMessagesContext.d.ts

@@ -1,6 +1,5 @@
 import { ValidateMessages } from "./types.js";
 import { Ref } from "vue";
-
 //#region src/form/validateMessagesContext.d.ts
 declare function useValidateMessagesProvider(validateMessages: Ref<ValidateMessages>): void;
 declare function useValidateMessagesContext(): Ref<ValidateMessages, ValidateMessages> | undefined;

package/dist/grid/RowContext.d.ts

@@ -1,5 +1,4 @@
 import { Ref } from "vue";
-
 //#region src/grid/RowContext.d.ts
 interface RowContextState {
   gutter?: Ref<[number, number]>;

package/dist/grid/col.d.ts

@@ -1,5 +1,4 @@
 import { LiteralUnion } from "@v-c/util/dist/type";
-
 //#region src/grid/col.d.ts
 type ColSpanType = number | string;
 type FlexType = number | LiteralUnion<'none' | 'auto'>;

package/dist/grid/hooks/useBreakpoint.d.ts

@@ -1,6 +1,5 @@
 import { ScreenMap } from "../../_util/responsiveObserver.js";
 import { Ref } from "vue";
-
 //#region src/grid/hooks/useBreakpoint.d.ts
 declare function useBreakpoint(refreshOnChange?: boolean | Ref<boolean>, defaultScreens?: ScreenMap | null | Ref<ScreenMap | null>): Ref<{
   xxxl?: boolean | undefined;

package/dist/grid/hooks/useGutter.d.ts

@@ -1,7 +1,6 @@
 import { ScreenMap } from "../../_util/responsiveObserver.js";
 import { RowProps } from "../row.js";
 import { Ref } from "vue";
-
 //#region src/grid/hooks/useGutter.d.ts
 type Gap = number | undefined;
 declare function useGutter(gutter: Ref<RowProps['gutter']>, screens: Ref<ScreenMap | null>): Ref<[Gap, Gap]>;

package/dist/grid/index.d.ts

@@ -1,6 +1,5 @@
 import Col, { ColProps, ColSize } from "./col.js";
 import Row, { RowProps } from "./row.js";
-
 //#region src/grid/index.d.ts
 declare function useBreakpoint(): import("vue").Ref<{
   xxxl?: boolean | undefined;

package/dist/grid/row.d.ts

@@ -1,9 +1,8 @@
 import { Breakpoint } from "../_util/responsiveObserver.js";
-
 //#region src/grid/row.d.ts
 declare const _RowAligns: readonly ["top", "middle", "bottom", "stretch"];
 declare const _RowJustify: readonly ["start", "end", "center", "space-around", "space-between", "space-evenly"];
-type ResponsiveLike<T> = { [key in Breakpoint]?: T };
+type ResponsiveLike<T> = { [key in Breakpoint]?: T; };
 type Gutter = number | undefined | Partial<Record<Breakpoint, number>>;
 type ResponsiveAligns = ResponsiveLike<(typeof _RowAligns)[number]>;
 type ResponsiveJustify = ResponsiveLike<(typeof _RowJustify)[number]>;

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

@@ -1,5 +1,6 @@
 import { AliasToken } from "../../theme/interface/alias.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/internal.js";
 //#region src/grid/style/index.d.ts
 interface ComponentToken {}
 declare const prepareRowComponentToken: GetDefaultToken<'Grid'>;

package/dist/image/PreviewGroup.d.ts

@@ -1,7 +1,7 @@
 import { MaskType } from "../_util/hooks/useMergedMask.js";
+import "../_util/hooks/index.js";
 import { DeprecatedPreviewConfig, ImageClassNamesType, ImageStylesType } from "./index.js";
 import { PreviewGroupProps as PreviewGroupProps$1 } from "@v-c/image";
-
 //#region src/image/PreviewGroup.d.ts
 declare const icons: {
   rotateLeft: import("vue/jsx-runtime").JSX.Element;
@@ -16,7 +16,8 @@ declare const icons: {
 };
 type OriginPreviewConfig = NonNullable<Exclude<PreviewGroupProps$1['preview'], boolean>>;
 type GroupPreviewConfig = OriginPreviewConfig & DeprecatedPreviewConfig & {
-  /** @deprecated Use `onOpenChange` instead */onVisibleChange?: (visible: boolean, prevVisible: boolean, current: number) => void;
+  /** @deprecated Use `onOpenChange` instead */
+  onVisibleChange?: (visible: boolean, prevVisible: boolean, current: number) => void;
   mask?: MaskType;
 };
 interface PreviewGroupProps extends Omit<PreviewGroupProps$1, 'preview' | 'styles'> {

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

@@ -1,7 +1,6 @@
 import { GroupPreviewConfig } from "../PreviewGroup.js";
 import { PreviewConfig } from "../index.js";
 import { Ref } from "vue";
-
 //#region src/image/hooks/useMergedPreviewConfig.d.ts
 declare function useMergedPreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(previewConfig: Ref<T>, contextPreviewConfig: Ref<T>, prefixCls: Ref<string>, mergedRootClassName: Ref<string>, getContextPopupContainer: PreviewConfig['getContainer'], icons: Ref<PreviewConfig['icons']>, defaultCover?: Ref<any>): import("vue").ComputedRef<{
   motionName: string;

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

@@ -1,21 +1,20 @@
 import { GroupPreviewConfig } from "../PreviewGroup.js";
 import { PreviewConfig } from "../index.js";
 import { Ref } from "vue";
-
 //#region src/image/hooks/usePreviewConfig.d.ts
 declare function usePreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(preview: Ref<T | boolean | undefined>): import("vue").ComputedRef<({} | null)[] | readonly [{
   readonly open: boolean | undefined;
   readonly onOpenChange: ((value: boolean, info: {
     current: number;
   }) => void) | undefined;
-  readonly cover: string | number | boolean | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
+  readonly cover: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }> | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-  }> | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  } | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
   }> | null | undefined)[] | import("@v-c/image").CoverConfig | {
     enabled?: boolean;
@@ -37,12 +36,12 @@ 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 afterOpenChange?: (open: boolean) => void;
-  readonly zIndex?: number;
+  readonly closeIcon?: import("@v-c/util").VueNode | boolean | null;
   readonly focusTrap?: boolean;
+  readonly afterOpenChange?: (open: boolean) => void;
   readonly maskClosable?: boolean;
+  readonly zIndex?: number;
   readonly getContainer?: import("@v-c/portal/dist/Portal.js").PortalProps["getContainer"];
-  readonly closeIcon?: import("@v-c/util").VueNode | boolean | null;
   readonly motionName?: string;
   readonly src?: string;
   readonly alt?: string;

package/dist/image/index.d.ts

@@ -1,10 +1,10 @@
 import { MaskType } from "../_util/hooks/useMergedMask.js";
 import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import InternalPreviewGroup, { PreviewGroupProps as PreviewGroupProps$1 } from "./PreviewGroup.js";
 import { CSSProperties, SlotsType } from "vue";
 import { ImageProps as ImageProps$1 } from "@v-c/image";
-
 //#region src/image/index.d.ts
 type OriginPreviewConfig = NonNullable<Exclude<ImageProps$1['preview'], boolean>>;
 interface DeprecatedPreviewConfig {
@@ -65,7 +65,9 @@ type ImageStylesType = SemanticStylesType<ImageProps, ImageSemanticStyles, {
   popup?: ImagePopupSemanticStyles;
 }>;
 type PreviewConfig = OriginPreviewConfig & DeprecatedPreviewConfig & {
-  /** @deprecated Use `onOpenChange` instead */onVisibleChange?: (visible: boolean, prevVisible: boolean) => void; /** @deprecated Use `classNames.cover` instead */
+  /** @deprecated Use `onOpenChange` instead */
+  onVisibleChange?: (visible: boolean, prevVisible: boolean) => void;
+  /** @deprecated Use `classNames.cover` instead */
   maskClassName?: string;
   mask?: MaskType | VueNode;
 };

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

@@ -1,7 +1,7 @@
 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/image/style/index.d.ts
 interface ComponentToken {
   /**

package/dist/index.d.ts

@@ -154,9 +154,9 @@ import Typography, { TypographyLink, TypographyParagraph, TypographyText, Typogr
 import { DraggerProps } from "./upload/Dragger.js";
 import Upload, { UploadDragger, UploadProps } from "./upload/index.js";
 import Watermark, { WatermarkProps } from "./watermark/index.js";
+import "./components.js";
 import { App, Plugin } from "vue";
 import { StyleProvider } from "@antdv-next/cssinjs";
-
 //#region src/index.d.ts
 declare function setPrefix(newPrefix: string): void;
 declare function install(app: App): void;

package/dist/input/Group.d.ts

@@ -2,7 +2,6 @@ import { EmptyEmit } from "../_util/type.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { SlotsType } from "vue";
-
 //#region src/input/Group.d.ts
 interface InputGroupProps extends ComponentBaseProps {
   size?: SizeType;

package/dist/input/Input.d.ts

@@ -1,11 +1,11 @@
 import { 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 { InputStatus } from "../_util/statusUtils.js";
 import { ComponentBaseProps, Variant } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
 import { InputProps as InputProps$1, InputRef as InputRef$1 } from "@v-c/input";
-
 //#region src/input/Input.d.ts
 type InputSemanticName = keyof InputSemanticClassNames & keyof InputSemanticStyles;
 interface InputSemanticClassNames {

package/dist/input/OTP/OTPInput.d.ts

@@ -1,7 +1,6 @@
 import { EmptyEmit } from "../../_util/type.js";
 import { InputProps } from "../Input.js";
 import { SlotsType } from "vue";
-
 //#region src/input/OTP/OTPInput.d.ts
 interface OTPInputProps extends Omit<InputProps, 'onChange'> {
   prefixCls: string;

package/dist/input/OTP/OTPInput.js

@@ -5,6 +5,7 @@ import { clsx } from "@v-c/util";
 import raf from "@v-c/util/dist/raf";
 import { omit } from "es-toolkit";
 //#region src/input/OTP/OTPInput.tsx
+const DEFAULT_MASK_VALUE = "•";
 const OTPInput = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots }) => {
 	const inputRef = shallowRef();
 	expose({
@@ -37,17 +38,16 @@ const OTPInput = /* @__PURE__ */ defineComponent((props, { attrs, expose, slots
 		"onActiveChange",
 		"mask"
 	]);
-	const maskValue = typeof props.mask === "string" ? props.mask : props.value;
 	return () => createVNode("span", {
 		"class": `${props.prefixCls}-input-wrapper`,
 		"role": "presentation"
 	}, [props.mask && props.value !== "" && props.value !== void 0 && createVNode("span", {
 		"class": `${props.prefixCls}-mask-icon`,
 		"aria-hidden": "true"
-	}, [maskValue]), createVNode(InternalInput, mergeProps(restAttrs, restInputProps, {
+	}, [typeof props.mask === "string" ? props.mask : DEFAULT_MASK_VALUE]), createVNode(InternalInput, mergeProps(restAttrs, restInputProps, {
 		"ref": inputRef,
 		"value": props.value,
-		"type": props.mask === true ? "password" : props.type ?? "text",
+		"type": props.type ?? (props.mask ? "password" : "text"),
 		"class": clsx(className, { [`${props.prefixCls}-mask-input`]: props.mask }),
 		"style": style,
 		"onChange": handleChange,

package/dist/input/OTP/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 { SizeType } from "../../config-provider/SizeContext.js";
 import { InputStatus } from "../../_util/statusUtils.js";
 import { ComponentBaseProps, Variant } from "../../config-provider/context.js";
 import { CSSProperties, HTMLAttributes, SlotsType } from "vue";
-
 //#region src/input/OTP/index.d.ts
 interface OTPSemanticClassNames {
   root?: string;

package/dist/input/OTP/index.js

@@ -34,7 +34,8 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	const inputRefs = shallowRef({});
 	const internalFormatter = (txt) => props.formatter ? props.formatter(txt) : txt;
-	const valueCells = shallowRef(strToArr(internalFormatter(props.value ?? props.defaultValue ?? "")));
+	const initialValue = internalFormatter(props.value ?? props.defaultValue ?? "");
+	const valueCells = shallowRef(strToArr(initialValue));
 	watch(() => props.value, (newValue) => {
 		valueCells.value = strToArr(internalFormatter(newValue ?? ""));
 	});
@@ -56,7 +57,8 @@ const OTP = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots }) => {
 			if (nextCells[i]) break;
 			nextCells.pop();
 		}
-		return strToArr(internalFormatter(nextCells.map((cell) => cell || " ").join(""))).map((cell, i) => {
+		const formattedValue = internalFormatter(nextCells.map((cell) => cell || " ").join(""));
+		return strToArr(formattedValue).map((cell, i) => {
 			if (cell === " " && !nextCells[i]) return nextCells[i];
 			return cell;
 		});

package/dist/input/Password.d.ts

@@ -1,7 +1,6 @@
 import { VueNode } from "../_util/type.js";
 import { InputEmits, InputProps, InputRef } from "./Input.js";
 import { SlotsType } from "vue";
-
 //#region src/input/Password.d.ts
 type VisibilityToggle = boolean | {
   tabIndex?: number;

package/dist/input/Search.d.ts

@@ -1,11 +1,11 @@
 import { 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 { InputEmits, InputProps, InputRef } from "./Input.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { ButtonSemanticClassNames, ButtonSemanticStyles } from "../button/Button.js";
 import { CSSProperties, SlotsType } from "vue";
-
 //#region src/input/Search.d.ts
 type InputSearchSemanticName = keyof InputSearchSemanticClassNames & keyof InputSearchSemanticStyles;
 interface InputSearchSemanticClassNames {

package/dist/input/TextArea.d.ts

@@ -1,11 +1,11 @@
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import { SizeType } from "../config-provider/SizeContext.js";
 import { InputStatus } from "../_util/statusUtils.js";
 import { ComponentBaseProps, Variant } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
 import { InputProps } from "@v-c/input";
 import { TextAreaProps as TextAreaProps$1, TextAreaRef as TextAreaRef$1 } from "@v-c/textarea";
-
 //#region src/input/TextArea.d.ts
 type TextAreaSemanticName = keyof TextAreaSemanticClassNames & keyof TextAreaSemanticStyles;
 interface TextAreaSemanticClassNames {

package/dist/input/hooks/useRemovePasswordTimeout.d.ts

@@ -1,6 +1,5 @@
 import { Ref } from "vue";
 import { InputRef } from "@v-c/input";
-
 //#region src/input/hooks/useRemovePasswordTimeout.d.ts
 /**
  * Clear the `value` attribute of password inputs to avoid browser autofill flashes.