@kmkf-fe-packages/basic-components 2.2.31-beta.12 → 2.2.31-beta.16

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useMemo, useCallback } from 'react';
+import React, { useState, useEffect, useMemo, useRef, forwardRef, useImperativeHandle, useCallback } from 'react';
 import { Cascader, DatePicker, Image, InputNumber, Input, Select, Upload, message, Radio, Space, Spin, Modal, Button, Checkbox, Row, Col, Slider, Rate as Rate$1, Form, Popover, Tooltip, Table, Tabs, ConfigProvider, Pagination, Typography, Skeleton, Empty, Tag } from 'antd';
 import { EyeOutlined, DeleteOutlined, CloseOutlined, PlusSquareOutlined, MinusCircleFilled, PlusCircleFilled, CopyOutlined, CloseCircleOutlined, CaretUpOutlined, UpOutlined, DownOutlined, PlusOutlined, VideoCameraTwoTone } from '@ant-design/icons';
 import request, { extend as extend$1 } from 'umi-request';
@@ -568,12 +568,53 @@ var ApaasDate = function ApaasDate(props) {
 
 var noFallbackUrlList = ['https://kefu.kuaimai.com', 'https://kefuab.kuaimai.com/'];
 function ApaasImage(props) {
-  return /*#__PURE__*/React.createElement(Image, _objectSpread2({
-    fallback: props.src && props.src.startsWith('http') && !noFallbackUrlList.some(function (url) {
-      var _props$src;
-      return (_props$src = props.src) === null || _props$src === void 0 ? void 0 : _props$src.startsWith(url);
-    }) ? "http://kmgdimages.ycy-inc.cn/?url=".concat(props.src) : undefined
-  }, props));
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isImageError = _useState2[0],
+    setIsImageError = _useState2[1];
+  // 当 src 改变时，重置错误状态
+  useEffect(function () {
+    setIsImageError(false);
+  }, [props.src]);
+  var fallbackUrl = props.src && props.src.startsWith('http') && !noFallbackUrlList.some(function (url) {
+    var _props$src;
+    return (_props$src = props.src) === null || _props$src === void 0 ? void 0 : _props$src.startsWith(url);
+  }) ? "http://kmgdimages.ycy-inc.cn/?url=".concat(props.src) : undefined;
+  // 配置预览功能：
+  // - 如果图片加载失败（使用了 fallback），预览使用 fallbackUrl
+  // - 如果图片正常显示，预览使用原始 src
+  var previewConfig = useMemo(function () {
+    // 如果用户明确禁用预览，直接返回 false
+    if (props.preview === false) {
+      return false;
+    }
+    // 如果图片加载失败且存在 fallbackUrl，预览使用 fallbackUrl
+    if (isImageError && fallbackUrl) {
+      if (_typeof(props.preview) === 'object') {
+        return _objectSpread2(_objectSpread2({}, props.preview), {}, {
+          src: props.preview.src || fallbackUrl
+        });
+      }
+      return {
+        src: fallbackUrl
+      };
+    }
+    // 如果图片正常显示，使用用户传入的 preview 配置或默认 true（会使用原始 src）
+    return props.preview !== undefined ? props.preview : true;
+  }, [props.preview, fallbackUrl, isImageError]);
+  // 处理图片加载错误
+  var handleError = function handleError(e) {
+    var _props$onError;
+    setIsImageError(true);
+    // 如果用户传入了 onError，也要调用
+    (_props$onError = props.onError) === null || _props$onError === void 0 ? void 0 : _props$onError.call(props, e);
+  };
+  return /*#__PURE__*/React.createElement(Image, _objectSpread2(_objectSpread2({
+    fallback: fallbackUrl,
+    preview: previewConfig
+  }, props), {}, {
+    onError: handleError
+  }));
 }
 
 var _excluded$1 = ["isNumber", "replaceWarn", "precision"];

package/dist/index.js

@@ -583,12 +583,53 @@ var ApaasDate = function ApaasDate(props) {
 
 var noFallbackUrlList = ['https://kefu.kuaimai.com', 'https://kefuab.kuaimai.com/'];
 function ApaasImage(props) {
-  return /*#__PURE__*/React__default['default'].createElement(antd.Image, _objectSpread2({
-    fallback: props.src && props.src.startsWith('http') && !noFallbackUrlList.some(function (url) {
-      var _props$src;
-      return (_props$src = props.src) === null || _props$src === void 0 ? void 0 : _props$src.startsWith(url);
-    }) ? "http://kmgdimages.ycy-inc.cn/?url=".concat(props.src) : undefined
-  }, props));
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isImageError = _useState2[0],
+    setIsImageError = _useState2[1];
+  // 当 src 改变时，重置错误状态
+  React.useEffect(function () {
+    setIsImageError(false);
+  }, [props.src]);
+  var fallbackUrl = props.src && props.src.startsWith('http') && !noFallbackUrlList.some(function (url) {
+    var _props$src;
+    return (_props$src = props.src) === null || _props$src === void 0 ? void 0 : _props$src.startsWith(url);
+  }) ? "http://kmgdimages.ycy-inc.cn/?url=".concat(props.src) : undefined;
+  // 配置预览功能：
+  // - 如果图片加载失败（使用了 fallback），预览使用 fallbackUrl
+  // - 如果图片正常显示，预览使用原始 src
+  var previewConfig = React.useMemo(function () {
+    // 如果用户明确禁用预览，直接返回 false
+    if (props.preview === false) {
+      return false;
+    }
+    // 如果图片加载失败且存在 fallbackUrl，预览使用 fallbackUrl
+    if (isImageError && fallbackUrl) {
+      if (_typeof(props.preview) === 'object') {
+        return _objectSpread2(_objectSpread2({}, props.preview), {}, {
+          src: props.preview.src || fallbackUrl
+        });
+      }
+      return {
+        src: fallbackUrl
+      };
+    }
+    // 如果图片正常显示，使用用户传入的 preview 配置或默认 true（会使用原始 src）
+    return props.preview !== undefined ? props.preview : true;
+  }, [props.preview, fallbackUrl, isImageError]);
+  // 处理图片加载错误
+  var handleError = function handleError(e) {
+    var _props$onError;
+    setIsImageError(true);
+    // 如果用户传入了 onError，也要调用
+    (_props$onError = props.onError) === null || _props$onError === void 0 ? void 0 : _props$onError.call(props, e);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(antd.Image, _objectSpread2(_objectSpread2({
+    fallback: fallbackUrl,
+    preview: previewConfig
+  }, props), {}, {
+    onError: handleError
+  }));
 }
 
 var _excluded$1 = ["isNumber", "replaceWarn", "precision"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.2.31-beta.12",
+  "version": "2.2.31-beta.16",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "05ed7536b1523525ff25fcf62e7180aa79bf69d0"
+  "gitHead": "aaeb1c77158e812c6a2ace8a39515379a941cedc"
 }