fix(Image): ImagePosition type is not exported before (#12549)

packages/vant/package.json

@@ -64,6 +64,7 @@
     "@vitest/coverage-istanbul": "^1.1.3",
     "@vue/runtime-core": "^3.4.0-rc.1",
     "@vue/test-utils": "^2.3.2",
+    "csstype": "^3.1.3",
     "diffable-html": "^5.0.0",
     "jsdom": "^22.1.0",
     "typescript": "^5.0.4",

packages/vant/src/image/Image.tsx

@@ -29,15 +29,8 @@ import { Icon } from '../icon';
 
 const [name, bem] = createNamespace('image');
 
-export type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-
-export type ImagePosition =
-  | 'center'
-  | 'top'
-  | 'right'
-  | 'bottom'
-  | 'left'
-  | string;
+// Types
+import type { ImageFit, ImagePosition } from './types';
 
 export const imageProps = {
   src: String,

packages/vant/src/image/index.ts

@@ -4,8 +4,8 @@ import _Image from './Image';
 export const Image = withInstall(_Image);
 export default Image;
 export { imageProps } from './Image';
-export type { ImageFit, ImageProps } from './Image';
-export type { ImageThemeVars } from './types';
+export type { ImageProps } from './Image';
+export type { ImageFit, ImagePosition, ImageThemeVars } from './types';
 
 declare module 'vue' {
   export interface GlobalComponents {

packages/vant/src/image/types.ts

@@ -1,3 +1,9 @@
+import type { CSSProperties } from 'vue';
+
+export type ImageFit = CSSProperties['objectFit'];
+
+export type ImagePosition = CSSProperties['objectPosition'];
+
 export type ImageThemeVars = {
   imagePlaceholderTextColor?: string;
   imagePlaceholderFontSize?: string;

packages/vant/tsconfig.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "allowJs": true,
     "noImplicitThis": true,
-    "types": ["vitest/globals", "vue/jsx"]
+    "types": ["vitest/globals", "vue/jsx", "csstype"]
   },
   "include": ["src/**/*", "docs/**/*", "test/**/*"],
   "exclude": ["**/node_modules", "**/.*/"]

pnpm-lock.yaml

@@ -100,6 +100,9 @@ importers:
       '@vue/test-utils':
         specifier: ^2.3.2
         version: 2.4.1(vue@3.4.0-rc.1)
+      csstype:
+        specifier: ^3.1.3
+        version: 3.1.3
       diffable-html:
         specifier: ^5.0.0
         version: 5.0.0