feat: 缺省页增加图片默认取值路径

packages/base-components/Empty/src/index.js

@@ -9,7 +9,7 @@
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import { ConfigProvider } from 'antd';
+import { ConfigProvider, Image } from 'antd';
 import noDataLight from './assets/noDataLight.png';
 import noDataDark from './assets/noDataDark.png';
 import errorLight from './assets/errorLight.png';
@@ -22,6 +22,7 @@ const Empty = ({ description, image, theme, size, statusCode, imageStyle, childr
   const des = description || DESC_DATA[`${statusCode}`];
   // eslint-disable-next-line no-use-before-define
   const imageSrc = image || IMAGE_DATA[theme][statusCode == '0' ? 0 : 1];
+  const defaultSrc = image || IMAGE_DATA_DEFAULT[theme][statusCode == '0' ? 0 : 1];
 
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls('panda-empty');
@@ -29,7 +30,16 @@ const Empty = ({ description, image, theme, size, statusCode, imageStyle, childr
   let imageNode = null;
 
   if (typeof image === 'string') {
-    imageNode = <img alt={alt} src={imageSrc} />;
+    imageNode = <Image
+      rootClassName={`${prefixCls}-image-nodebox`}
+      alt={alt}
+      src={defaultSrc}
+      fallback={imageSrc}
+      preview={false}
+      onError={(e) => {
+        if (window.__POWERED_BY_QIANKUN__) console.clear();
+      }}
+    />;
   } else {
     imageNode = image;
   }
@@ -81,3 +91,8 @@ const IMAGE_DATA = {
   light: [noDataLight, errorLight],
   dark: [noDataDark, errorDark],
 };
+
+const IMAGE_DATA_DEFAULT = {
+  light: ['/iconlibrary/empty/noDataLight.png', '/iconlibrary/empty/errorLight.png'],
+  dark: ['/iconlibrary/empty/noDataDark.png', '/iconlibrary/empty/errorDark.png'],
+};

packages/base-components/Empty/src/index.less

@@ -8,6 +8,14 @@
 
   &-image {
     margin-bottom: 10px;
+    
+    &-nodebox {
+      height: 100%;
+
+      img {
+        width: auto;
+      }
+    }
 
     img {
       height: 100%;