🐛[BUG]* rc-image in ./node_modules/antd/es/image/index.js, ./node_modules/antd/es/image/PreviewGroup.js

[pxim]

🐛 bug 描述

使用 https://codesandbox.io/s/8n8dr?file=/index.tsx 这个里的ModalForm，我antd pro5版本里会报错

import React from 'react';
import { Button, message } from 'antd';
import ProForm, {
  ModalForm,
  ProFormText,
} from '@ant-design/pro-form';
//
import { PlusOutlined } from '@ant-design/icons';

const waitTime = (time: number = 100) => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(true);
    }, time);
  });
};

export default () => {
  return (
   <div>
      <ModalForm>

      </ModalForm>
   </div>
  );
};

npm install --save rc-image 安装不了

📷 复现步骤

🏞 期望结果

💻 复现代码

© 版本信息

• Ant Design Pro 版本: [e.g. 4.0.0]
• umi 版本
• 浏览器环境 chrome 91
• 开发环境 [e.g. mac OS] win10 package

  
  {
  "name": "ant-design-pro",
  "version": "5.0.0-alpha.0",
  "private": true,
  "homepage": ".",
  "description": "An out-of-box UI solution for enterprise applications",
  "scripts": {
  "analyze": "cross-env ANALYZE=1 umi build",
  "build": "umi build",
  "deploy": "npm run site && npm run gh-pages",
  "dev": "npm run start:dev",
  "docker-hub:build": "docker build  -f Dockerfile.hub -t  ant-design-pro ./",
  "docker-prod:build": "docker-compose -f ./docker/docker-compose.yml build",
  "docker-prod:dev": "docker-compose -f ./docker/docker-compose.yml up",
  "docker:build": "docker-compose -f ./docker/docker-compose.dev.yml build",
  "docker:dev": "docker-compose -f ./docker/docker-compose.dev.yml up",
  "docker:push": "npm run docker-hub:build && npm run docker:tag && docker push antdesign/ant-design-pro",
  "docker:tag": "docker tag ant-design-pro antdesign/ant-design-pro",
  "gh-pages": "gh-pages -d dist",
  "i18n-remove": "pro i18n-remove --locale=zh-CN --write",
  "postinstall": "umi g tmp",
  "lint": "umi g tmp && npm run lint:js && npm run lint:style && npm run lint:prettier",
  "lint-staged": "lint-staged",
  "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ",
  "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style",
  "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
  "lint:prettier": "prettier --check \"**/*\" --end-of-line auto",
  "lint:style": "stylelint --fix \"src/**/*.less\" --syntax less",
  "prettier": "prettier -c --write \"**/*\"",
  "site": "npm run fetch:blocks && npm run build",
  "start": "umi dev",
  "start:dev": "cross-env REACT_APP_ENV=dev MOCK=none umi dev",
  "start:no-mock": "cross-env MOCK=none umi dev",
  "start:no-ui": "cross-env UMI_UI=none umi dev",
  "start:pre": "cross-env REACT_APP_ENV=pre umi dev",
  "start:test": "cross-env REACT_APP_ENV=test MOCK=none umi dev",
  "start:sit": "cross-env REACT_APP_ENV=sit MOCK=none umi dev",
  "pretest": "node ./tests/beforeTest",
  "test": "umi test",
  "test:all": "node ./tests/run-tests.js",
  "test:component": "umi test ./src/components",
  "tsc": "tsc"
  },
  "husky": {
  "hooks": {
    "pre-commit": "npm run lint-staged"
  }
  },
  "lint-staged": {
  "**/*.less": "stylelint --syntax less",
  "**/*.{js,jsx,ts,tsx}": "npm run lint-staged:js",
  "**/*.{js,jsx,tsx,ts,less,md,json}": [
    "prettier --write"
  ]
  },
  "browserslist": [
  "> 1%",
  "last 2 versions",
  "not ie <= 10"
  ],
  "dependencies": {
  "@ant-design/icons": "^4.0.0",
  "@ant-design/pro-form": "^1.35.0",
  "@ant-design/pro-layout": "^6.0.0",
  "@ant-design/pro-table": "^2.4.0",
  "@antv/data-set": "^0.11.4",
  "@antv/l7-react": "^2.2.31",
  "@types/lodash.debounce": "^4.0.6",
  "@types/lodash.isequal": "^4.5.5",
  "antd": "^4.4.0",
  "axios": "^0.19.2",
  "better-xlsx": "^0.7.5",
  "bizcharts": "^3.5.9",
  "bizcharts-plugin-slider": "^2.1.1",
  "classnames": "^2.2.6",
  "echarts": "^4.8.0",
  "echarts-for-react": "^2.0.16",
  "file-saver": "^2.0.2",
  "jquery": "^3.5.1",
  "lodash": "^4.17.11",
  "lodash.debounce": "^4.0.8",
  "lodash.isequal": "^4.5.0",
  "moment": "^2.25.3",
  "numeral": "^2.0.6",
  "omit.js": "^2.0.2",
  "qs": "^6.9.0",
  "react": "^16.8.6",
  "react-dom": "^16.8.6",
  "react-fittext": "^1.0.0",
  "react-helmet-async": "^1.0.4",
  "umi": "^3.1.2",
  "umi-request": "^1.0.8",
  "use-merge-value": "^1.0.1",
  "uuid": "^8.2.0"
  },
  "devDependencies": {
  "@ant-design/pro-cli": "^2.0.2",
  "@types/classnames": "^2.2.7",
  "@types/express": "^4.17.0",
  "@types/history": "^4.7.2",
  "@types/jest": "^26.0.0",
  "@types/lodash": "^4.14.144",
  "@types/qs": "^6.5.3",
  "@types/react": "^16.9.17",
  "@types/react-dom": "^16.8.4",
  "@types/react-helmet": "^5.0.13",
  "@umijs/fabric": "^2.2.0",
  "@umijs/plugin-blocks": "^2.0.5",
  "@umijs/plugin-esbuild": "^1.0.0-beta.2",
  "@umijs/preset-ant-design-pro": "^1.2.0",
  "@umijs/preset-react": "^1.4.24",
  "@umijs/preset-ui": "^2.1.11",
  "carlo": "^0.9.46",
  "cross-env": "^7.0.0",
  "cross-port-killer": "^1.1.1",
  "detect-installer": "^1.0.1",
  "enzyme": "^3.11.0",
  "eslint": "^7.1.0",
  "express": "^4.17.1",
  "gh-pages": "^3.0.0",
  "husky": "^4.0.7",
  "lint-staged": "^10.0.0",
  "mockjs": "^1.1.0",
  "prettier": "^2.0.1",
  "pro-download": "1.0.1",
  "puppeteer-core": "^4.0.1",
  "stylelint": "^13.0.0"
  },
  "engines": {
  "node": ">=10.0.0"
  },
  "create-umi": {
  "ignoreScript": [
    "docker*",
    "functions*",
    "site",
    "generateMock"
  ],
  "ignoreDependencies": [
    "netlify*",
    "serverless"
  ],
  "ignore": [
    ".dockerignore",
    ".git",
    ".github",
    ".gitpod.yml",
    "CODE_OF_CONDUCT.md",
    "Dockerfile",
    "Dockerfile.*",
    "lambda",
    "LICENSE",
    "netlify.toml",
    "README.*.md",
    "azure-pipelines.yml",
    "docker",
    "CNAME",
    "create-umi"
  ]
  }
  }

### 🚑 其他信息

<!--
如截图等其他信息可以贴在这里
-->

[chenshuai2144]

你都升级到最新版本呗，这个看起来是你的antd 太老了，不支持 image 组件