antdv-next 1.3.3 → 1.3.4

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

@@ -5,7 +5,7 @@ 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";
-import * as vue430 from "vue";
+import * as vue345 from "vue";
 
 //#region src/form/FormItem/ItemHolder.d.ts
 type ItemHolderProps = FormItemProps & {
@@ -16,7 +16,7 @@ type ItemHolderProps = FormItemProps & {
   isRequired?: boolean;
   onSubItemMetaChange: ReportMetaChange;
 };
-declare const ItemHolder: vue430.DefineSetupFnComponent<ItemHolderProps, {}, {}, BaseFormItemProps & ComponentBaseProps & Omit<FormItemLabelProps, "requiredMark"> & FormItemInputProps & {
+declare const ItemHolder: vue345.DefineSetupFnComponent<ItemHolderProps, {}, {}, BaseFormItemProps & ComponentBaseProps & Omit<FormItemLabelProps, "requiredMark"> & FormItemInputProps & {
   noStyle?: boolean;
   id?: string;
   hasFeedback?: boolean | {
@@ -34,6 +34,6 @@ declare const ItemHolder: vue430.DefineSetupFnComponent<ItemHolderProps, {}, {},
   fieldId?: string;
   isRequired?: boolean;
   onSubItemMetaChange: ReportMetaChange;
-} & {}, vue430.PublicProps>;
+} & {}, vue345.PublicProps>;
 //#endregion
 export { ItemHolderProps, ItemHolder as default };

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

@@ -1,6 +1,6 @@
 import { Meta, NamePath } from "../types.js";
 import { FeedbackIcons, ValidateStatus } from "./index.js";
-import * as vue416 from "vue";
+import * as vue871 from "vue";
 
 //#region src/form/FormItem/StatusProvider.d.ts
 interface StatusProviderProps {
@@ -15,6 +15,6 @@ interface StatusProviderProps {
   noStyle?: boolean;
   name?: NamePath;
 }
-declare const StatusProvider: vue416.DefineSetupFnComponent<StatusProviderProps, {}, {}, StatusProviderProps & {}, vue416.PublicProps>;
+declare const StatusProvider: vue871.DefineSetupFnComponent<StatusProviderProps, {}, {}, StatusProviderProps & {}, vue871.PublicProps>;
 //#endregion
 export { StatusProviderProps, StatusProvider as default };

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

@@ -3,7 +3,7 @@ import { NamePath, Rule, TriggerType } from "../types.js";
 import { FormItemLayout } from "../Form.js";
 import { FormItemInputProps } from "../FormItemInput.js";
 import { ComponentBaseProps } from "../../config-provider/context.js";
-import * as vue394 from "vue";
+import * as vue483 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/form/FormItem/index.d.ts
@@ -44,6 +44,6 @@ interface FormItemSlots {
   help?: () => any;
 }
 interface InternalFormItemProps extends FormItemProps, FormItemEmitsProps {}
-declare const InternalFormItem: vue394.DefineSetupFnComponent<InternalFormItemProps, FormItemEmits, SlotsType<FormItemSlots>, InternalFormItemProps, vue394.PublicProps>;
+declare const InternalFormItem: vue483.DefineSetupFnComponent<InternalFormItemProps, FormItemEmits, SlotsType<FormItemSlots>, InternalFormItemProps, vue483.PublicProps>;
 //#endregion
 export { BaseFormItemProps, FeedbackIcons, FormItemEmits, FormItemEmitsProps, FormItemProps, FormItemSlots, ValidateStatus, InternalFormItem as default };

package/dist/form/FormItem/index.js

@@ -123,12 +123,13 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 	const validateRulesInner = (options = {}) => {
 		if (!namePath.value.length) return Promise.resolve();
 		let filteredRules = mergedRules.value;
-		const { triggerName } = options;
+		const { triggerName, validateOnly = false } = options;
 		if (triggerName) if (mergedValidateTrigger.value === false) filteredRules = [];
 		else filteredRules = filteredRules.filter((rule) => {
 			return getRuleTriggerList(rule).includes(triggerName);
 		});
 		if (!filteredRules.length) {
+			if (validateOnly) return Promise.resolve();
 			errors.value = [];
 			warnings.value = [];
 			updateMeta({
@@ -141,14 +142,19 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 			formContext.value?.triggerFieldsChange?.([namePath.value]);
 			return Promise.resolve();
 		}
-		updateMeta({
+		if (!validateOnly) updateMeta({
 			validating: true,
 			validated: true
 		});
-		return validateRules(namePath.value, fieldValue.value, filteredRules, {
+		const promise = validateRules(namePath.value, fieldValue.value, filteredRules, {
 			validateMessages: formContext.value?.validateMessages,
 			...options
-		}, props.validateFirst ?? false, messageVariables.value).catch((e) => e).then((results = []) => {
+		}, props.validateFirst ?? false, messageVariables.value);
+		if (validateOnly) return promise.catch((e) => e).then((results = []) => {
+			if (results.some(({ rule: { warningOnly }, errors: ruleErrors }) => !warningOnly && ruleErrors.length)) return Promise.reject(results);
+			return results;
+		});
+		return promise.catch((e) => e).then((results = []) => {
 			const mergedErrors = [];
 			const mergedWarnings = [];
 			results.forEach(({ rule: { warningOnly }, errors: ruleErrors }) => {
@@ -251,6 +257,7 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 				getValue: () => fieldValue.value,
 				getMeta: () => meta.value,
 				rules: () => mergedRules.value,
+				isFieldDirty: () => meta.value.touched || meta.value.validated || initialValue.value !== void 0,
 				validateRules: (options) => validateRulesInner(options),
 				resetField,
 				clearValidate,

package/dist/form/FormItemInput.d.ts

@@ -2,7 +2,7 @@ import { VueNode as VueNode$1 } from "../_util/type.js";
 import { ColProps } from "../grid/col.js";
 import "../grid/index.js";
 import { ValidateStatus } from "./FormItem/index.js";
-import * as vue162 from "vue";
+import * as vue821 from "vue";
 
 //#region src/form/FormItemInput.d.ts
 interface FormItemInputMiscProps {
@@ -21,6 +21,6 @@ interface FormItemInputProps {
   fieldId?: string;
   label?: VueNode$1;
 }
-declare const FormItemInput: vue162.DefineSetupFnComponent<FormItemInputProps & FormItemInputMiscProps, {}, {}, FormItemInputProps & FormItemInputMiscProps & {}, vue162.PublicProps>;
+declare const FormItemInput: vue821.DefineSetupFnComponent<FormItemInputProps & FormItemInputMiscProps, {}, {}, FormItemInputProps & FormItemInputMiscProps & {}, vue821.PublicProps>;
 //#endregion
 export { FormItemInputProps, FormItemInput as default };

package/dist/form/FormItemLabel.d.ts

@@ -4,7 +4,7 @@ import "../grid/index.js";
 import { TooltipProps } from "../tooltip/index.js";
 import { FormLabelAlign } from "./interface.js";
 import { RequiredMark } from "./Form.js";
-import * as vue185 from "vue";
+import * as vue458 from "vue";
 
 //#region src/form/FormItemLabel.d.ts
 type FormTooltipProps = TooltipProps & {
@@ -27,12 +27,12 @@ interface FormItemLabelProps {
   tooltip?: FormItemTooltipType;
   vertical?: boolean;
 }
-declare const FormItemLabel: vue185.DefineSetupFnComponent<FormItemLabelProps & {
+declare const FormItemLabel: vue458.DefineSetupFnComponent<FormItemLabelProps & {
   required?: boolean;
   prefixCls: string;
 }, {}, {}, FormItemLabelProps & {
   required?: boolean;
   prefixCls: string;
-} & {}, vue185.PublicProps>;
+} & {}, vue458.PublicProps>;
 //#endregion
 export { ColPropsWithClass, FormItemLabelProps, FormItemTooltipType, FormTooltipProps, FormItemLabel as default };

package/dist/form/context.d.ts

@@ -6,7 +6,7 @@ import { InternalNamePath, Meta, NamePath, Rule, ValidateMessages } from "./type
 import { FormLayout, FormSemanticName, RequiredMark } from "./Form.js";
 import { FeedbackIcons, ValidateStatus } from "./FormItem/index.js";
 import { Variant } from "../config-provider/context.js";
-import * as vue189 from "vue";
+import * as vue1 from "vue";
 import { Ref } from "vue";
 import { Key } from "@v-c/util/dist/type";
 
@@ -17,6 +17,7 @@ interface FormFieldRegister {
   getValue: () => any;
   getMeta: () => Meta;
   rules?: () => Rule[];
+  isFieldDirty?: () => boolean;
   validateRules: (options?: Record<string, any>) => Promise<void>;
   resetField: () => void;
   clearValidate: () => void;
@@ -61,7 +62,7 @@ interface FormItemPrefixContextProps {
   status?: ValidateStatus;
 }
 declare function useFormItemPrefixContextProvider(value: Ref<FormItemPrefixContextProps>): void;
-declare const FormItemPrefixContextProvider: vue189.DefineSetupFnComponent<FormItemPrefixContextProps, {}, {}, FormItemPrefixContextProps & {}, vue189.PublicProps>;
+declare const FormItemPrefixContextProvider: vue1.DefineSetupFnComponent<FormItemPrefixContextProps, {}, {}, FormItemPrefixContextProps & {}, vue1.PublicProps>;
 declare function useFormItemPrefixContext(): Ref<{
   prefixCls: string;
 }, {
@@ -101,19 +102,19 @@ declare function useFormItemInputContext(): Ref<{
 /** `noStyle` Form Item Context. Used for error collection */
 type ReportMetaChange = (meta: Meta, uniqueKeys: Key[]) => void;
 declare function useNoStyleItemContextProvider(value: ReportMetaChange): void;
-declare const NoStyleItemContextProvider: vue189.DefineSetupFnComponent<{
+declare const NoStyleItemContextProvider: vue1.DefineSetupFnComponent<{
   value: ReportMetaChange;
 }, {}, {}, {
   value: ReportMetaChange;
-} & {}, vue189.PublicProps>;
+} & {}, vue1.PublicProps>;
 declare function useNoStyleItemContext(): ReportMetaChange | null;
-declare const NoFormStyle: vue189.DefineSetupFnComponent<{
+declare const NoFormStyle: vue1.DefineSetupFnComponent<{
   override?: boolean;
   status?: boolean;
 }, {}, {}, {
   override?: boolean;
   status?: boolean;
-} & {}, vue189.PublicProps>;
+} & {}, vue1.PublicProps>;
 interface FormItemProviderProps {
   fieldId: Ref<string | undefined>;
   triggerChange: () => void;

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

@@ -1,6 +1,33 @@
 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 {
+  name?: string;
+  instanceRef: ShallowRef<FormInstance | undefined>;
+  /** Current owner of this entry: a Form component uid, or 'explicit' for template ref binding */
+  boundBy?: number | 'explicit';
+}
+interface FormHookRegistry {
+  entries: FormHookEntry[];
+}
+declare const FormHookRegistryKey: InjectionKey<FormHookRegistry>;
+declare const FormInstanceContextKey: InjectionKey<FormInstance>;
+type FormHookInstance = FormInstance & ((instance: any) => void);
+/**
+ * Create a form instance proxy before the Form component mounts.
+ *
+ * Binding (priority order):
+ * 1. Explicit: pass it as a template ref — `<Form :ref="form">`.
+ * 2. By name: `useForm('login')` connects to `<Form name="login">`.
+ * 3. Single/ordered fallback: unnamed instances connect to descendant Forms in declaration order.
+ */
+declare function useForm(name?: string): FormHookInstance;
+/**
+ * Get the closest Form instance from context. Only usable inside a Form.
+ */
+declare function useFormInstance(): FormInstance;
 //#endregion
-export { toNamePathStr };
+export { FormHookEntry, FormHookInstance, FormHookRegistry, FormHookRegistryKey, FormInstanceContextKey, toNamePathStr, useForm, useFormInstance };

package/dist/form/hooks/useForm.js

@@ -1,9 +1,68 @@
 import { toArray } from "../util.js";
+import { getCurrentInstance, inject, provide, shallowRef } from "vue";
+import { warning } from "@v-c/util/dist/warning";
 
 //#region src/form/hooks/useForm.ts
 function toNamePathStr(name) {
 	return toArray(name).join("_");
 }
+const FormHookRegistryKey = Symbol("AFormHookRegistry");
+const FormInstanceContextKey = Symbol("AFormInstance");
+const registryMap = /* @__PURE__ */ new WeakMap();
+function useFormHookRegistry() {
+	const vm = getCurrentInstance();
+	if (!vm) return { entries: [] };
+	let registry = registryMap.get(vm);
+	if (!registry) {
+		registry = { entries: [] };
+		registryMap.set(vm, registry);
+		provide(FormHookRegistryKey, registry);
+	}
+	return registry;
+}
+/**
+* Create a form instance proxy before the Form component mounts.
+*
+* Binding (priority order):
+* 1. Explicit: pass it as a template ref — `<Form :ref="form">`.
+* 2. By name: `useForm('login')` connects to `<Form name="login">`.
+* 3. Single/ordered fallback: unnamed instances connect to descendant Forms in declaration order.
+*/
+function useForm(name) {
+	const instanceRef = shallowRef();
+	const registry = useFormHookRegistry();
+	const entry = {
+		name,
+		instanceRef
+	};
+	registry.entries.push(entry);
+	const bindTemplateRef = (exposed) => {
+		if (exposed) {
+			entry.boundBy = "explicit";
+			instanceRef.value = exposed;
+		} else if (entry.boundBy === "explicit") {
+			entry.boundBy = void 0;
+			instanceRef.value = void 0;
+		}
+	};
+	return new Proxy(bindTemplateRef, { get(_target, key) {
+		if (key === "__instanceRef") return instanceRef;
+		if (typeof key === "symbol" || key === "then" || key.startsWith("__v_")) return;
+		const instance = instanceRef.value;
+		if (!instance) {
+			warning(false, "Instance created by `useForm` is not connected to any Form element. Forget to bind it via template ref or a matching `name`?");
+			return () => void 0;
+		}
+		const value = instance[key];
+		return typeof value === "function" ? value.bind(instance) : value;
+	} });
+}
+/**
+* Get the closest Form instance from context. Only usable inside a Form.
+*/
+function useFormInstance() {
+	return inject(FormInstanceContextKey, void 0);
+}
 
 //#endregion
-export { toNamePathStr };
+export { FormHookRegistryKey, FormInstanceContextKey, toNamePathStr, useForm, useFormInstance };

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

@@ -1,11 +1,11 @@
 import { ConfigProviderProps } from "../../config-provider/define.js";
 import { Variant } from "../../config-provider/context.js";
-import * as vue418 from "vue";
+import * as vue334 from "vue";
 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 [vue418.ComputedRef<"outlined" | "borderless" | "filled" | "underlined">, vue418.ComputedRef<boolean>];
+declare function useVariant(component: VariantComponents, variant?: Ref<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean): readonly [vue334.ComputedRef<"outlined" | "borderless" | "filled" | "underlined">, vue334.ComputedRef<boolean>];
 declare const useVariants: typeof useVariant;
 //#endregion
 export { useVariant as default, useVariants };

package/dist/form/index.d.ts

@@ -1,3 +1,4 @@
 import InternalForm, { FormEmits, FormInstance, FormProps, FormSlots } from "./Form.js";
 import InternalFormItem, { FormItemEmits, FormItemProps, FormItemSlots } from "./FormItem/index.js";
-export { type FormEmits, type FormInstance, InternalFormItem as FormItem, type FormItemEmits, type FormItemProps, type FormItemSlots, type FormProps, type FormSlots, InternalForm as default };
+import { FormHookInstance, useForm, useFormInstance } from "./hooks/useForm.js";
+export { type FormEmits, type FormHookInstance, type FormInstance, InternalFormItem as FormItem, type FormItemEmits, type FormItemProps, type FormItemSlots, type FormProps, type FormSlots, InternalForm as default, useForm, useFormInstance };

package/dist/form/index.js

@@ -1,3 +1,4 @@
+import { useForm, useFormInstance } from "./hooks/useForm.js";
 import Form_default from "./Form.js";
 import FormItem_default from "./FormItem/index.js";
 
@@ -6,7 +7,9 @@ Form_default.install = (app) => {
 	app.component(Form_default.name, Form_default);
 	app.component(FormItem_default.name, FormItem_default);
 };
+Form_default.useForm = useForm;
+Form_default.useFormInstance = useFormInstance;
 var form_default = Form_default;
 
 //#endregion
-export { FormItem_default as FormItem, form_default as default };
+export { FormItem_default as FormItem, form_default as default, useForm, useFormInstance };

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

@@ -1,16 +1,16 @@
-import * as vue444 from "vue";
+import * as vue466 from "vue";
 
 //#region src/form/style/fallbackCmp.d.ts
 /**
  * Fallback of IE.
  * Safe to remove.
  */
-declare const _default: vue444.DefineComponent<vue444.ExtractPropTypes<{
+declare const _default: vue466.DefineComponent<vue466.ExtractPropTypes<{
   prefixCls: StringConstructor;
   rootCls: StringConstructor;
-}>, () => null, {}, {}, {}, vue444.ComponentOptionsMixin, vue444.ComponentOptionsMixin, {}, string, vue444.PublicProps, Readonly<vue444.ExtractPropTypes<{
+}>, () => null, {}, {}, {}, vue466.ComponentOptionsMixin, vue466.ComponentOptionsMixin, {}, string, vue466.PublicProps, Readonly<vue466.ExtractPropTypes<{
   prefixCls: StringConstructor;
   rootCls: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, vue444.ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue466.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _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 * as vue422 from "vue";
+import * as vue399 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/form/style/index.d.ts
@@ -74,6 +74,6 @@ interface FormToken extends FullToken<'Form'> {
 }
 declare const prepareComponentToken: GetDefaultToken<'Form'>;
 declare function prepareToken(token: Parameters<GenStyleFn<'Form'>>[0], rootPrefixCls: string): FormToken;
-declare const _default: (prefixCls: vue422.Ref<string>, rootCls?: vue422.Ref<string | undefined>) => readonly [vue422.Ref<string, string>, vue422.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue399.Ref<string>, rootCls?: vue399.Ref<string | undefined>) => readonly [vue399.Ref<string, string>, vue399.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, FormToken, _default as default, prepareComponentToken, prepareToken };

package/dist/grid/col.d.ts

@@ -1,4 +1,4 @@
-import * as vue158 from "vue";
+import * as vue79 from "vue";
 import { LiteralUnion } from "@v-c/util/dist/type";
 
 //#region src/grid/col.d.ts
@@ -28,6 +28,6 @@ interface ColProps {
   xxl?: ColSpanType | ColSize;
   xxxl?: ColSpanType | ColSize;
 }
-declare const Col: vue158.DefineSetupFnComponent<ColProps, {}, {}, ColProps & {}, vue158.PublicProps>;
+declare const Col: vue79.DefineSetupFnComponent<ColProps, {}, {}, ColProps & {}, vue79.PublicProps>;
 //#endregion
 export { ColProps, ColSize, Col as default };

package/dist/grid/index.d.ts

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

package/dist/grid/row.d.ts

@@ -1,5 +1,5 @@
 import { Breakpoint } from "../_util/responsiveObserver.js";
-import * as vue160 from "vue";
+import * as vue151 from "vue";
 
 //#region src/grid/row.d.ts
 declare const _RowAligns: readonly ["top", "middle", "bottom", "stretch"];
@@ -15,6 +15,6 @@ interface RowProps {
   prefixCls?: string;
   wrap?: boolean;
 }
-declare const Row: vue160.DefineSetupFnComponent<RowProps, {}, {}, RowProps & {}, vue160.PublicProps>;
+declare const Row: vue151.DefineSetupFnComponent<RowProps, {}, {}, RowProps & {}, vue151.PublicProps>;
 //#endregion
 export { Gutter, RowProps, Row as default };

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

@@ -1,13 +1,13 @@
 import { AliasToken } from "../../theme/interface/alias.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue384 from "vue";
+import * as vue813 from "vue";
 
 //#region src/grid/style/index.d.ts
 interface ComponentToken {}
 declare const prepareRowComponentToken: GetDefaultToken<'Grid'>;
 declare const prepareColComponentToken: GetDefaultToken<'Grid'>;
-declare const useRowStyle: (prefixCls: vue384.Ref<string>, rootCls?: vue384.Ref<string | undefined>) => readonly [vue384.Ref<string, string>, vue384.ComputedRef<string | undefined>];
+declare const useRowStyle: (prefixCls: vue813.Ref<string>, rootCls?: vue813.Ref<string | undefined>) => readonly [vue813.Ref<string, string>, vue813.ComputedRef<string | undefined>];
 declare function getMediaSize(token: AliasToken): {
   readonly xs: number;
   readonly sm: number;
@@ -17,6 +17,6 @@ declare function getMediaSize(token: AliasToken): {
   readonly xxl: number;
   readonly xxxl: number;
 };
-declare const useColStyle: (prefixCls: vue384.Ref<string>, rootCls?: vue384.Ref<string | undefined>) => readonly [vue384.Ref<string, string>, vue384.ComputedRef<string | undefined>];
+declare const useColStyle: (prefixCls: vue813.Ref<string>, rootCls?: vue813.Ref<string | undefined>) => readonly [vue813.Ref<string, string>, vue813.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, getMediaSize, prepareColComponentToken, prepareRowComponentToken, useColStyle, useRowStyle };

package/dist/image/PreviewGroup.d.ts

@@ -1,21 +1,21 @@
 import { MaskType } from "../_util/hooks/useMergedMask.js";
 import "../_util/hooks/index.js";
 import { DeprecatedPreviewConfig, ImageClassNamesType, ImageStylesType } from "./index.js";
-import * as vue489 from "vue";
+import * as vue44 from "vue";
 import { PreviewGroupProps as PreviewGroupProps$1 } from "@v-c/image";
-import * as vue_jsx_runtime9 from "vue/jsx-runtime";
+import * as vue_jsx_runtime1 from "vue/jsx-runtime";
 
 //#region src/image/PreviewGroup.d.ts
 declare const icons: {
-  rotateLeft: vue_jsx_runtime9.JSX.Element;
-  rotateRight: vue_jsx_runtime9.JSX.Element;
-  zoomIn: vue_jsx_runtime9.JSX.Element;
-  zoomOut: vue_jsx_runtime9.JSX.Element;
-  close: vue_jsx_runtime9.JSX.Element;
-  left: vue_jsx_runtime9.JSX.Element;
-  right: vue_jsx_runtime9.JSX.Element;
-  flipX: vue_jsx_runtime9.JSX.Element;
-  flipY: vue_jsx_runtime9.JSX.Element;
+  rotateLeft: vue_jsx_runtime1.JSX.Element;
+  rotateRight: vue_jsx_runtime1.JSX.Element;
+  zoomIn: vue_jsx_runtime1.JSX.Element;
+  zoomOut: vue_jsx_runtime1.JSX.Element;
+  close: vue_jsx_runtime1.JSX.Element;
+  left: vue_jsx_runtime1.JSX.Element;
+  right: vue_jsx_runtime1.JSX.Element;
+  flipX: vue_jsx_runtime1.JSX.Element;
+  flipY: vue_jsx_runtime1.JSX.Element;
 };
 type OriginPreviewConfig = NonNullable<Exclude<PreviewGroupProps$1['preview'], boolean>>;
 type GroupPreviewConfig = OriginPreviewConfig & DeprecatedPreviewConfig & {
@@ -27,6 +27,6 @@ interface PreviewGroupProps extends Omit<PreviewGroupProps$1, 'preview' | 'style
   classes?: ImageClassNamesType;
   styles?: ImageStylesType;
 }
-declare const InternalPreviewGroup: vue489.DefineSetupFnComponent<PreviewGroupProps, {}, {}, PreviewGroupProps & {}, vue489.PublicProps>;
+declare const InternalPreviewGroup: vue44.DefineSetupFnComponent<PreviewGroupProps, {}, {}, PreviewGroupProps & {}, vue44.PublicProps>;
 //#endregion
 export { GroupPreviewConfig, PreviewGroupProps, InternalPreviewGroup as default, icons };

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

@@ -1,13 +1,13 @@
 import { GroupPreviewConfig } from "../PreviewGroup.js";
 import { PreviewConfig } from "../index.js";
-import * as vue472 from "vue";
+import * as vue1052 from "vue";
 import { Ref } from "vue";
 import * as _v_c_util0 from "@v-c/util";
 import * as _v_c_image_dist_Preview_index_js0 from "@v-c/image/dist/Preview/index.js";
 import * as _v_c_portal_dist_Portal_js0 from "@v-c/portal/dist/Portal.js";
 
 //#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>): vue472.ComputedRef<{
+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>): vue1052.ComputedRef<{
   motionName: string;
 } & T & {
   icons: _v_c_image_dist_Preview_index_js0.OperationIcons | undefined;

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

@@ -1,6 +1,6 @@
 import { GroupPreviewConfig } from "../PreviewGroup.js";
 import { PreviewConfig } from "../index.js";
-import * as vue473 from "vue";
+import * as vue1053 from "vue";
 import { Ref } from "vue";
 import * as _v_c_util0 from "@v-c/util";
 import * as _v_c_image0 from "@v-c/image";
@@ -9,26 +9,26 @@ import * as _v_c_portal_dist_Portal_js0 from "@v-c/portal/dist/Portal.js";
 import * as _v_c_image_dist_hooks_useImageTransform_js0 from "@v-c/image/dist/hooks/useImageTransform.js";
 
 //#region src/image/hooks/usePreviewConfig.d.ts
-declare function usePreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(preview: Ref<T | boolean | undefined>): vue473.ComputedRef<({} | null)[] | readonly [{
+declare function usePreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(preview: Ref<T | boolean | undefined>): vue1053.ComputedRef<({} | null)[] | readonly [{
   readonly open: boolean | undefined;
   readonly onOpenChange: ((value: boolean, info: {
     current: number;
   }) => void) | undefined;
-  readonly cover: string | number | boolean | vue473.VNode<vue473.RendererNode, vue473.RendererElement, {
+  readonly cover: string | number | boolean | vue1053.VNode<vue1053.RendererNode, vue1053.RendererElement, {
     [key: string]: any;
-  }> | vue473.ComponentOptions<any, any, any, vue473.ComputedOptions, vue473.MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, vue473.ComponentProvideOptions> | vue473.FunctionalComponent<any, {}, any, {}> | {
+  }> | vue1053.ComponentOptions<any, any, any, vue1053.ComputedOptions, vue1053.MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, vue1053.ComponentProvideOptions> | vue1053.FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } | (string | number | boolean | void | vue473.Component | vue473.VNode<vue473.RendererNode, vue473.RendererElement, {
+  } | (string | number | boolean | void | vue1053.Component | vue1053.VNode<vue1053.RendererNode, vue1053.RendererElement, {
     [key: string]: any;
   }> | null | undefined)[] | _v_c_image0.CoverConfig | {
     enabled?: boolean;
     blur: boolean;
     closable?: boolean;
   } | undefined;
-  readonly mask: boolean | vue473.VNode<vue473.RendererNode, vue473.RendererElement, {
+  readonly mask: boolean | vue1053.VNode<vue1053.RendererNode, vue1053.RendererElement, {
     [key: string]: any;
   }> | {
     enabled?: boolean;
@@ -43,21 +43,21 @@ declare function usePreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(
     image: _v_c_image0.ImgInfo;
   }) => _v_c_util0.VueNode;
   readonly onChange?: (current: number, prevCurrent: number) => void;
-  readonly closeIcon?: _v_c_util0.VueNode | boolean | null;
   readonly focusTrap?: boolean;
   readonly afterOpenChange?: (open: boolean) => void;
   readonly maskClosable?: boolean;
   readonly zIndex?: number;
   readonly getContainer?: _v_c_portal_dist_Portal_js0.PortalProps["getContainer"];
-  readonly motionName?: string;
+  readonly closeIcon?: _v_c_util0.VueNode | boolean | null;
   readonly src?: string;
   readonly alt?: string;
+  readonly icons?: _v_c_image_dist_Preview_index_js0.OperationIcons;
+  readonly motionName?: string;
   readonly countRender?: (current: number, total: number) => _v_c_util0.VueNode;
   readonly scaleStep?: number;
   readonly minScale?: number;
   readonly maxScale?: number;
   readonly movable?: boolean;
-  readonly icons?: _v_c_image_dist_Preview_index_js0.OperationIcons;
   readonly onTransform?: (info: {
     transform: _v_c_image_dist_hooks_useImageTransform_js0.TransformType;
     action: _v_c_image_dist_hooks_useImageTransform_js0.TransformAction;

package/dist/image/index.d.ts

@@ -3,7 +3,7 @@ import { VueNode as VueNode$1 } 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 * as vue522 from "vue";
+import * as vue40 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { ImageProps as ImageProps$1 } from "@v-c/image";
 
@@ -94,11 +94,11 @@ interface ImageSlots {
   cover: () => any;
   actionsRender: () => OriginPreviewConfig['actionsRender'];
 }
-declare const Image: vue522.DefineSetupFnComponent<ImageProps, ImageEmits, SlotsType<ImageSlots>, ImageProps, vue522.PublicProps>;
+declare const Image: vue40.DefineSetupFnComponent<ImageProps, ImageEmits, SlotsType<ImageSlots>, ImageProps, vue40.PublicProps>;
 declare const _default_1: typeof Image & {
   PreviewGroup: typeof InternalPreviewGroup;
 };
-declare const ImagePreviewGroup: vue522.DefineSetupFnComponent<PreviewGroupProps$1, {}, {}, PreviewGroupProps$1 & {}, vue522.PublicProps>;
+declare const ImagePreviewGroup: vue40.DefineSetupFnComponent<PreviewGroupProps$1, {}, {}, PreviewGroupProps$1 & {}, vue40.PublicProps>;
 type ImagePreviewGroupProps = PreviewGroupProps$1;
 //#endregion
 export { DeprecatedPreviewConfig, ImageClassNamesType, ImageEmits, ImageEmitsProps, ImagePopupSemanticClassNames, ImagePopupSemanticName, ImagePopupSemanticStyles, ImagePreviewGroup, ImagePreviewGroupProps, ImageProps, ImageSemanticClassNames, ImageSemanticName, ImageSemanticStyles, ImageSlots, ImageStylesType, PreviewConfig, _default_1 as default };

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 * as vue440 from "vue";
+import * as vue825 from "vue";
 import { CSSObject } from "@antdv-next/cssinjs";
 
 //#region src/image/style/index.d.ts
@@ -53,6 +53,6 @@ declare function genBoxStyle(position?: PositionType): CSSObject;
 declare const genImageCoverStyle: GenerateStyle<ImageToken, CSSObject>;
 declare const genImagePreviewStyle: GenerateStyle<ImageToken, CSSObject>;
 declare const prepareComponentToken: GetDefaultToken<'Image'>;
-declare const _default: (prefixCls: vue440.Ref<string>, rootCls?: vue440.Ref<string | undefined>) => readonly [vue440.Ref<string, string>, vue440.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue825.Ref<string>, rootCls?: vue825.Ref<string | undefined>) => readonly [vue825.Ref<string, string>, vue825.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, ImageToken, PositionType, _default as default, genBoxStyle, genImageCoverStyle, genImagePreviewStyle, prepareComponentToken };