@guo514360255/antd-lib 1.4.8 → 1.4.9

package/dist/CustomDetailModal/index.js

@@ -12,7 +12,7 @@ var _excluded = ["type", "columns", "detailRequest", "handleDetailData", "title"
  */
 
 import { findTreeNodeByKey, isEmptyValue } from "../utils/util";
-import { Button, Descriptions, Drawer, Modal, Spin } from 'antd';
+import { Descriptions, Drawer, Image, Modal, Spin } from 'antd';
 import { isNumber, isString } from 'lodash';
 import isObject from 'lodash/isObject';
 import React, { forwardRef, useImperativeHandle, useState } from 'react';
@@ -149,14 +149,34 @@ var CustomModal = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     return value;
   };
-  var footer = [/*#__PURE__*/React.createElement(Button, {
-    key: "cancel",
-    size: "large",
-    onClick: close
-  }, "\u786E\u5B9A")];
+  var DescImage = function DescImage(_ref4) {
+    var data = _ref4.data;
+    console.log(data);
+    if (!data) return data;
+    var list = data;
+    if (typeof data === 'string') {
+      list = data.split(',');
+    }
+    return /*#__PURE__*/React.createElement(Image.PreviewGroup, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 10
+      }
+    }, list.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(Image, {
+        key: index,
+        width: 100,
+        src: item.url || item,
+        alt: item.name || item,
+        style: {
+          marginRight: 10
+        }
+      });
+    })));
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Component, _extends({
     width: other.width || 600,
-    footer: footer,
     title: "".concat(title || '', "\u8BE6\u60C5")
   }, other, {
     open: open,
@@ -169,12 +189,15 @@ var CustomModal = /*#__PURE__*/forwardRef(function (props, ref) {
     return !item.hideInDetail;
   }).map(function (item, index) {
     var _item$fieldProps;
+    console.log(item.type, detail[item.dataIndex]);
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: item.dataIndex
     }, /*#__PURE__*/React.createElement(Descriptions.Item, _extends({
       key: item.dataIndex,
       label: "".concat(item.title)
-    }, ((_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : _item$fieldProps.descriptionsItemProps) || {}), handleDetailValue(item, detail[item.dataIndex], index) || '-'));
+    }, ((_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : _item$fieldProps.descriptionsItemProps) || {}), item.type === 'upload' ? /*#__PURE__*/React.createElement(DescImage, {
+      data: detail[item.dataIndex]
+    }) : handleDetailValue(item, detail[item.dataIndex], index) || '-'));
   }))), /*#__PURE__*/React.createElement(Spin, {
     spinning: loading,
     fullscreen: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@guo514360255/antd-lib",
-  "version": "1.4.8",
+  "version": "1.4.9",
   "description": "react design 5 lib",
   "license": "MIT",
   "module": "dist/index.js",