antdv-next 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/grid/row.js

@@ -1,113 +0,0 @@
-import { useConfig } from "../config-provider/context.js";
-import { useRowStyle } from "./style/index.js";
-import { responsiveArray } from "../_util/responsiveObserver.js";
-import { useBreakpoint } from "./hooks/useBreakpoint.js";
-import { useRowContextProvider } from "./RowContext.js";
-import useGutter from "./hooks/useGutter.js";
-import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
-import { classNames } from "@v-c/util";
-import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
-
-//#region src/grid/row.tsx
-function useMergedPropByScreen(oriProp, screen) {
-	const prop = shallowRef(typeof oriProp.value === "string" ? oriProp.value : "");
-	const calcMergedAlignOrJustify = () => {
-		if (typeof oriProp.value === "string") prop.value = oriProp.value;
-		if (typeof oriProp.value !== "object") return;
-		for (let i = 0; i < responsiveArray.length; i++) {
-			const breakpoint = responsiveArray[i];
-			if (!screen.value || !screen.value[breakpoint]) continue;
-			const curVal = oriProp.value[breakpoint];
-			if (curVal !== void 0) {
-				prop.value = curVal;
-				return;
-			}
-		}
-	};
-	watch([() => JSON.stringify(oriProp.value), screen], () => {
-		calcMergedAlignOrJustify();
-	}, { immediate: true });
-	return prop;
-}
-const Row = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
-	const configCtx = useConfig();
-	const screens = useBreakpoint(true, null);
-	const mergedAlign = useMergedPropByScreen(computed(() => props.align), screens);
-	const mergedJustify = useMergedPropByScreen(computed(() => props.justify), screens);
-	const prefixCls = computed(() => configCtx.value?.getPrefixCls("row", props.prefixCls));
-	const [hashId, cssVarCls] = useRowStyle(prefixCls);
-	const gutters = useGutter(computed(() => props.gutter), screens);
-	useRowContextProvider({
-		gutter: gutters,
-		wrap: computed(() => !!props.wrap)
-	});
-	return () => {
-		const { wrap } = props;
-		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
-		const classes = classNames(prefixCls.value, {
-			[`${prefixCls.value}-no-wrap`]: wrap === false,
-			[`${prefixCls.value}-${mergedJustify.value}`]: mergedJustify.value,
-			[`${prefixCls.value}-${mergedAlign.value}`]: mergedAlign.value,
-			[`${prefixCls.value}-rtl`]: configCtx.value.direction === "rtl"
-		}, hashId.value, cssVarCls.value, className);
-		const rowStyle = {};
-		const horizontalGutter = gutters.value[0] != null && gutters.value[0] > 0 ? gutters.value[0] / -2 : void 0;
-		if (horizontalGutter) {
-			rowStyle.marginLeft = `${horizontalGutter}px`;
-			rowStyle.marginRight = `${horizontalGutter}px`;
-		}
-		const [_, gutterV] = gutters.value;
-		rowStyle.rowGap = `${gutterV}px`;
-		return createVNode("div", mergeProps(restAttrs, {
-			"class": classes,
-			"style": [rowStyle, style]
-		}), [slots?.default?.()]);
-	};
-}, {
-	props: /* @__PURE__ */ mergeDefaults({
-		gutter: {
-			type: [
-				Number,
-				null,
-				Object,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		align: {
-			type: [String, Object],
-			required: false,
-			default: void 0
-		},
-		justify: {
-			type: [String, Object],
-			required: false,
-			default: void 0
-		},
-		prefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		wrap: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		}
-	}, {
-		gutter: 0,
-		align: "top",
-		justify: "start",
-		wrap: true
-	}),
-	name: "ARow",
-	inheritAttrs: false
-});
-Row.install = (app) => {
-	app.component(Row.name, Row);
-};
-var row_default = Row;
-
-//#endregion
-export { row_default as default };

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

@@ -1,7 +0,0 @@
-import "../../theme/internal.js";
-import "vue";
-
-//#region src/grid/style/index.d.ts
-interface ComponentToken {}
-//#endregion
-export { ComponentToken };

package/dist/grid/style/index.js

@@ -1,98 +0,0 @@
-import { genCssVar, genStyleHooks } from "../../theme/util/genStyleUtils.js";
-import { mergeToken } from "../../theme/internal.js";
-import { unit } from "@antdv-next/cssinjs";
-
-//#region src/grid/style/index.ts
-const genGridRowStyle = (token) => {
-	const { componentCls } = token;
-	return { [componentCls]: {
-		"display": "flex",
-		"flexFlow": "row wrap",
-		"minWidth": 0,
-		"&::before, &::after": { display: "flex" },
-		"&-no-wrap": { flexWrap: "nowrap" },
-		"&-start": { justifyContent: "flex-start" },
-		"&-center": { justifyContent: "center" },
-		"&-end": { justifyContent: "flex-end" },
-		"&-space-between": { justifyContent: "space-between" },
-		"&-space-around": { justifyContent: "space-around" },
-		"&-space-evenly": { justifyContent: "space-evenly" },
-		"&-top": { alignItems: "flex-start" },
-		"&-middle": { alignItems: "center" },
-		"&-bottom": { alignItems: "flex-end" }
-	} };
-};
-const genGridColStyle = (token) => {
-	const { componentCls } = token;
-	return { [componentCls]: {
-		position: "relative",
-		maxWidth: "100%",
-		minHeight: 1
-	} };
-};
-function genLoopGridColumnsStyle(token, sizeCls) {
-	const { componentCls, gridColumns, antCls } = token;
-	const [gridVarName, gridVarRef] = genCssVar(antCls, "grid");
-	const [, colVarRef] = genCssVar(antCls, "col");
-	const gridColumnsStyle = {};
-	for (let i = gridColumns; i >= 0; i--) if (i === 0) {
-		gridColumnsStyle[`${componentCls}${sizeCls}-${i}`] = { display: "none" };
-		gridColumnsStyle[`${componentCls}-push-${i}`] = { insetInlineStart: "auto" };
-		gridColumnsStyle[`${componentCls}-pull-${i}`] = { insetInlineEnd: "auto" };
-		gridColumnsStyle[`${componentCls}${sizeCls}-push-${i}`] = { insetInlineStart: "auto" };
-		gridColumnsStyle[`${componentCls}${sizeCls}-pull-${i}`] = { insetInlineEnd: "auto" };
-		gridColumnsStyle[`${componentCls}${sizeCls}-offset-${i}`] = { marginInlineStart: 0 };
-		gridColumnsStyle[`${componentCls}${sizeCls}-order-${i}`] = { order: 0 };
-	} else {
-		gridColumnsStyle[`${componentCls}${sizeCls}-${i}`] = [{
-			[gridVarName("display")]: "block",
-			display: "block"
-		}, {
-			display: gridVarRef("display"),
-			flex: `0 0 ${i / gridColumns * 100}%`,
-			maxWidth: `${i / gridColumns * 100}%`
-		}];
-		gridColumnsStyle[`${componentCls}${sizeCls}-push-${i}`] = { insetInlineStart: `${i / gridColumns * 100}%` };
-		gridColumnsStyle[`${componentCls}${sizeCls}-pull-${i}`] = { insetInlineEnd: `${i / gridColumns * 100}%` };
-		gridColumnsStyle[`${componentCls}${sizeCls}-offset-${i}`] = { marginInlineStart: `${i / gridColumns * 100}%` };
-		gridColumnsStyle[`${componentCls}${sizeCls}-order-${i}`] = { order: i };
-	}
-	gridColumnsStyle[`${componentCls}${sizeCls}-flex`] = { flex: colVarRef(`${sizeCls.replace(/-/, "")}-flex`) };
-	return gridColumnsStyle;
-}
-function genGridStyle(token, sizeCls) {
-	return genLoopGridColumnsStyle(token, sizeCls);
-}
-function genGridMediaStyle(token, screenSize, sizeCls) {
-	return { [`@media (min-width: ${unit(screenSize)})`]: { ...genGridStyle(token, sizeCls) } };
-}
-const prepareRowComponentToken = () => ({});
-const prepareColComponentToken = () => ({});
-const useRowStyle = genStyleHooks("Grid", genGridRowStyle, prepareRowComponentToken);
-function getMediaSize(token) {
-	return {
-		xs: token.screenXSMin,
-		sm: token.screenSMMin,
-		md: token.screenMDMin,
-		lg: token.screenLGMin,
-		xl: token.screenXLMin,
-		xxl: token.screenXXLMin
-	};
-}
-const useColStyle = genStyleHooks("Grid", (token) => {
-	const gridToken = mergeToken(token, { gridColumns: 24 });
-	const gridMediaSizesMap = getMediaSize(gridToken);
-	delete gridMediaSizesMap.xs;
-	return [
-		genGridColStyle(gridToken),
-		genGridStyle(gridToken, ""),
-		genGridStyle(gridToken, "-xs"),
-		Object.keys(gridMediaSizesMap).map((key) => genGridMediaStyle(gridToken, gridMediaSizesMap[key], `-${key}`)).reduce((pre, cur) => ({
-			...pre,
-			...cur
-		}), {})
-	];
-}, prepareColComponentToken);
-
-//#endregion
-export { getMediaSize, useColStyle, useRowStyle };

package/dist/image/PreviewGroup.d.ts

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

package/dist/image/PreviewGroup.js

@@ -1,145 +0,0 @@
-import { useComponentBaseConfig } from "../config-provider/context.js";
-import { useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
-import { toPropsRefs } from "../_util/tools.js";
-import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
-import useMergedPreviewConfig_default from "./hooks/useMergedPreviewConfig.js";
-import usePreviewConfig from "./hooks/usePreviewConfig.js";
-import style_default from "./style/index.js";
-import { computed, createVNode, defineComponent, mergeProps } from "vue";
-import { clsx } from "@v-c/util";
-import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
-import { CloseOutlined, LeftOutlined, RightOutlined, RotateLeftOutlined, RotateRightOutlined, SwapOutlined, ZoomInOutlined, ZoomOutOutlined } from "@antdv-next/icons";
-import { omit } from "es-toolkit";
-import { PreviewGroup } from "@v-c/image";
-
-//#region src/image/PreviewGroup.tsx
-const icons = {
-	rotateLeft: createVNode(RotateLeftOutlined, null, null),
-	rotateRight: createVNode(RotateRightOutlined, null, null),
-	zoomIn: createVNode(ZoomInOutlined, null, null),
-	zoomOut: createVNode(ZoomOutOutlined, null, null),
-	close: createVNode(CloseOutlined, null, null),
-	left: createVNode(LeftOutlined, null, null),
-	right: createVNode(RightOutlined, null, null),
-	flipX: createVNode(SwapOutlined, null, null),
-	flipY: createVNode(SwapOutlined, { "rotate": 90 }, null)
-};
-const InternalPreviewGroup = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
-	const { getPrefixCls, getPopupContainer: getContextPopupContainer, direction, preview: contextPreview, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("image", void 0, ["preview"]);
-	const { preview, classes, styles } = toPropsRefs(props, "preview", "classes", "styles");
-	const prefixCls = computed(() => getPrefixCls("image", props.previewPrefixCls));
-	const previewPrefixCls = computed(() => `${prefixCls.value}-preview`);
-	const rootCls = useCSSVarCls_default(prefixCls);
-	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
-	const mergedRootClassName = computed(() => clsx(hashId.value, cssVarCls.value, rootCls.value));
-	const previewConfig = usePreviewConfig(preview);
-	const contextPreviewConfig = usePreviewConfig(contextPreview);
-	const memoizedIcons = computed(() => {
-		return {
-			...icons,
-			left: direction.value === "rtl" ? createVNode(RightOutlined, null, null) : createVNode(LeftOutlined, null, null),
-			right: direction.value === "rtl" ? createVNode(LeftOutlined, null, null) : createVNode(RightOutlined, null, null)
-		};
-	});
-	const mergedPreview = useMergedPreviewConfig_default(previewConfig, contextPreviewConfig, prefixCls, mergedRootClassName, getContextPopupContainer, computed(() => icons));
-	const mergedMask = computed(() => mergedPreview.value?.mask);
-	const blurClassName = computed(() => mergedPreview.value?.blurClassName);
-	const mergedProps = computed(() => {
-		return { ...props };
-	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes, computed(() => {
-		const [, previewRootClassName, previewMaskClassName] = previewConfig?.value ?? [];
-		const [, contextPreviewRootClassName, contextPreviewMaskClassName] = contextPreviewConfig.value ?? [];
-		return {
-			cover: clsx(contextPreviewMaskClassName, previewMaskClassName),
-			popup: {
-				root: clsx(contextPreviewRootClassName, previewRootClassName),
-				mask: clsx({ [`${prefixCls.value}-preview-mask-hidden`]: !mergedMask.value }, blurClassName.value)
-			}
-		};
-	})), useToArr(contextStyles, styles), useToProps(mergedProps), computed(() => {
-		return { popup: { _default: "root" } };
-	}));
-	return () => {
-		const otherProps = omit(props, [
-			"previewPrefixCls",
-			"preview",
-			"classNames",
-			"classes",
-			"styles"
-		]);
-		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
-		return createVNode(PreviewGroup, mergeProps(restAttrs, {
-			"class": className,
-			"style": style,
-			"preview": mergedPreview.value,
-			"previewPrefixCls": previewPrefixCls.value,
-			"icons": memoizedIcons.value
-		}, otherProps, {
-			"classNames": mergedClassNames.value,
-			"styles": mergedStyles.value
-		}), slots);
-	};
-}, {
-	props: {
-		preview: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		classes: {
-			type: [Object, Function],
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: [Object, Function],
-			required: false,
-			default: void 0
-		},
-		previewPrefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		classNames: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		icons: {
-			required: false,
-			default: void 0
-		},
-		items: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		fallback: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		children: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		}
-	},
-	name: "AImagePreviewGroup",
-	inheritAttrs: false
-});
-var PreviewGroup_default = InternalPreviewGroup;
-
-//#endregion
-export { PreviewGroup_default as default, icons };

package/dist/image/hooks/useMergedPreviewConfig.js

@@ -1,33 +0,0 @@
-import { useMergedMask } from "../../_util/hooks/useMergedMask.js";
-import { useZIndex } from "../../_util/hooks/useZIndex.js";
-import "../../_util/hooks/index.js";
-import { computed } from "vue";
-import { clsx } from "@v-c/util";
-import { getTransitionName } from "@v-c/util/dist/utils/transition";
-
-//#region src/image/hooks/useMergedPreviewConfig.ts
-function useMergedPreviewConfig(previewConfig, contextPreviewConfig, prefixCls, mergedRootClassName, getContextPopupContainer, icons, defaultCover) {
-	const [zIndex] = useZIndex("ImagePreview", computed(() => previewConfig.value?.zIndex));
-	const [mergedPreviewMask, blurClassName] = useMergedMask(computed(() => previewConfig.value?.mask), computed(() => contextPreviewConfig.value?.mask), computed(() => `${prefixCls.value}-preview`));
-	return computed(() => {
-		if (!previewConfig.value) return previewConfig.value;
-		const { cover, getContainer, closeIcon, rootClassName: previewRootClassName } = previewConfig.value;
-		const { closeIcon: contextCloseIcon } = contextPreviewConfig.value ?? {};
-		return {
-			motionName: getTransitionName(`${prefixCls.value}-preview`, "fade"),
-			...previewConfig.value,
-			...defaultCover?.value ? { cover: cover ?? defaultCover.value } : {},
-			icons: icons.value,
-			getContainer: getContainer ?? getContextPopupContainer,
-			zIndex: zIndex.value,
-			closeIcon: closeIcon ?? contextCloseIcon,
-			rootClassName: clsx(mergedRootClassName.value, previewRootClassName),
-			mask: mergedPreviewMask.value,
-			blurClassName: blurClassName.value?.mask
-		};
-	});
-}
-var useMergedPreviewConfig_default = useMergedPreviewConfig;
-
-//#endregion
-export { useMergedPreviewConfig_default as default };

package/dist/image/hooks/usePreviewConfig.js

@@ -1,66 +0,0 @@
-import { devUseWarning, isDev } from "../../_util/warning.js";
-import { getSlotPropsFnRun } from "../../_util/tools.js";
-import { computed, isVNode } from "vue";
-
-//#region src/image/hooks/usePreviewConfig.ts
-function normalizeMask(mask) {
-	mask = getSlotPropsFnRun({}, { mask }, "mask");
-	if (isVNode(mask)) return [mask, void 0];
-	if (typeof mask === "boolean" || mask && typeof mask === "object") return [void 0, mask];
-	return [void 0, void 0];
-}
-function usePreviewConfig(preview) {
-	const rawPreviewConfig = computed(() => {
-		if (typeof preview.value === "boolean") return preview.value ? {} : null;
-		return preview.value && typeof preview.value === "object" ? preview.value : {};
-	});
-	const splittedPreviewConfig = computed(() => {
-		if (!rawPreviewConfig.value) return [
-			rawPreviewConfig.value,
-			"",
-			""
-		];
-		const { open, onOpenChange, cover, actionsRender, visible, onVisibleChange, rootClassName, maskClassName, mask, forceRender: _forceRender, destroyOnClose: _destroyOnClose, toolbarRender,...restPreviewConfig } = rawPreviewConfig.value;
-		let onInternalOpenChange;
-		if (onOpenChange) onInternalOpenChange = onOpenChange;
-		else if (onVisibleChange) onInternalOpenChange = (nextOpen, info) => {
-			const { current } = info || {};
-			if (current !== void 0) onVisibleChange(nextOpen, !nextOpen, current);
-			else onVisibleChange(nextOpen, !nextOpen);
-		};
-		const [coverElement, maskConfig] = normalizeMask(mask);
-		return [
-			{
-				...restPreviewConfig,
-				open: open ?? visible,
-				onOpenChange: onInternalOpenChange,
-				cover: cover ?? coverElement,
-				mask: maskConfig,
-				actionsRender: actionsRender ?? toolbarRender
-			},
-			rootClassName,
-			maskClassName
-		];
-	});
-	if (isDev) {
-		const warning = devUseWarning("Image");
-		if (rawPreviewConfig.value) {
-			[
-				["visible", "open"],
-				["onVisibleChange", "onOpenChange"],
-				["maskClassName", "classNames.cover"],
-				["rootClassName", "classNames.root"],
-				["toolbarRender", "actionsRender"]
-			].forEach(([deprecatedName, newName]) => {
-				warning.deprecated(!(deprecatedName in rawPreviewConfig.value), deprecatedName, newName);
-			});
-			warning(!isVNode(rawPreviewConfig.value?.mask), "deprecated", "`mask` used as ReactNode is deprecated. Please use `cover` instead.");
-			warning(!("forceRender" in rawPreviewConfig.value), "breaking", "`forceRender` is no longer supported.");
-			warning(!("destroyOnClose" in rawPreviewConfig.value), "breaking", "`destroyOnClose` is no longer supported.");
-		}
-	}
-	return splittedPreviewConfig;
-}
-
-//#endregion
-export { usePreviewConfig as default };

package/dist/image/index.d.ts

@@ -1,74 +0,0 @@
-import { MaskType } from "../_util/hooks/useMergedMask.js";
-import { VueNode } from "../_util/type.js";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
-import { InternalPreviewGroup, PreviewGroupProps as PreviewGroupProps$1 } from "./PreviewGroup.js";
-import * as vue92 from "vue";
-import { CSSProperties, SlotsType } from "vue";
-import { ImageProps } from "@v-c/image";
-
-//#region src/image/index.d.ts
-type OriginPreviewConfig = NonNullable<Exclude<ImageProps['preview'], boolean>>;
-interface DeprecatedPreviewConfig {
-  /** @deprecated Use `open` instead */
-  visible?: boolean;
-  /** @deprecated Use `classNames.root` instead */
-  rootClass?: string;
-  /**
-   * @deprecated This has been removed.
-   * Preview will always be rendered after show.
-   */
-  forceRender?: boolean;
-  /**
-   * @deprecated This has been removed.
-   * Preview will always be rendered after show.
-   */
-  destroyOnClose?: boolean;
-  /** @deprecated Use `actionsRender` instead */
-  toolbarRender?: OriginPreviewConfig['actionsRender'];
-}
-type ImageSemanticName = 'root' | 'image' | 'cover';
-type PopupSemantic = 'root' | 'mask' | 'body' | 'footer' | 'actions';
-type ImageClassNamesType = SemanticClassNamesType<ImageProps$1, ImageSemanticName, {
-  popup?: SemanticClassNames<PopupSemantic>;
-}>;
-type ImageStylesType = SemanticStylesType<ImageProps$1, ImageSemanticName, {
-  popup?: SemanticStyles<PopupSemantic>;
-}>;
-type PreviewConfig = OriginPreviewConfig & DeprecatedPreviewConfig & {
-  /** @deprecated Use `onOpenChange` instead */
-  onVisibleChange?: (visible: boolean, prevVisible: boolean) => void;
-  /** @deprecated Use `classNames.cover` instead */
-  maskClassName?: string;
-  mask?: MaskType | VueNode;
-};
-interface ImageProps$1 extends Omit<ImageProps, 'preview' | 'classNames' | 'styles' | 'rootClassName' | 'onError' | 'onClick'> {
-  preview?: boolean | PreviewConfig;
-  /** @deprecated Use `styles.root` instead */
-  wrapperStyle?: CSSProperties;
-  classes?: ImageClassNamesType;
-  styles?: ImageStylesType;
-  rootClass?: string;
-}
-interface ImageEmits {
-  error: NonNullable<ImageProps['onError']>;
-  click: NonNullable<ImageProps['onClick']>;
-  [key: string]: (...args: any[]) => void;
-}
-interface ImageSlots {
-  fallback: () => any;
-  placeholder: () => any;
-  imageRender: () => any;
-  cover: () => any;
-  actionsRender: () => OriginPreviewConfig['actionsRender'];
-}
-declare const Image: vue92.DefineSetupFnComponent<ImageProps$1, ImageEmits, SlotsType<ImageSlots>, ImageProps$1 & {
-  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue92.PublicProps>;
-declare const _default_1: typeof Image & {
-  PreviewGroup: typeof InternalPreviewGroup;
-};
-declare const ImagePreviewGroup: vue92.DefineSetupFnComponent<PreviewGroupProps$1, {}, {}, PreviewGroupProps$1 & {}, vue92.PublicProps>;
-type ImagePreviewGroupProps = PreviewGroupProps$1;
-//#endregion
-export { DeprecatedPreviewConfig, ImageClassNamesType, ImageEmits, ImagePreviewGroup, ImagePreviewGroupProps, ImageProps$1 as ImageProps, ImageSlots, ImageStylesType, PreviewConfig, _default_1 };