@kmkf-fe-packages/basic-components 2.0.79-beta.92 → 2.0.79-beta.94

package/dist/index.esm.js

@@ -21244,7 +21244,7 @@ var index$2 = (function (props) {
   }));
 });
 
-var css_248z$d = ".customizeUpload-module_customizeUpload__2tG-4 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  width: 100%;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:hover:not(:disabled) {\n  color: #40a9ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  overflow: hidden;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_image__3hOnT {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  color: white;\n  font-size: 10px;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl:hover {\n  background-color: rgba(255, 0, 0, 0.8);\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1:hover .customizeUpload-module_deleteBtn__85Jsl {\n  opacity: 1;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_uploadContainer__rUcw7 {\n  margin-top: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq {\n  width: 280px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverTitle__3Qw2t {\n  margin-bottom: 4px;\n  color: #262626;\n  font-weight: 500;\n  font-size: 16px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverSubtitle__1NA3m {\n  margin-bottom: 16px;\n  color: #8c8c8c;\n  font-size: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G {\n  display: flex;\n  gap: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J {\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  background-color: #fafafa;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:hover:not(:disabled) {\n  color: #40a9ff;\n  background-color: #f0f8ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n";
+var css_248z$d = ".customizeUpload-module_customizeUpload__2tG-4 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  width: 100%;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:hover:not(:disabled) {\n  color: #40a9ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  overflow: hidden;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_image__3hOnT {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  color: white;\n  font-size: 10px;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl:hover {\n  background-color: rgba(255, 0, 0, 0.8);\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1:hover .customizeUpload-module_deleteBtn__85Jsl {\n  opacity: 1;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_uploadContainer__rUcw7 {\n  margin-top: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq {\n  width: 280px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverTitle__3Qw2t {\n  margin-bottom: 4px;\n  color: #262626;\n  font-weight: 500;\n  font-size: 16px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverSubtitle__1NA3m {\n  margin-bottom: 16px;\n  color: #8c8c8c;\n  font-size: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G {\n  display: flex;\n  gap: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J {\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  background-color: #fafafa;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:hover:not(:disabled) {\n  color: #40a9ff;\n  background-color: #f0f8ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n";
 var styles$5 = {"customizeUpload":"customizeUpload-module_customizeUpload__2tG-4","addButton":"customizeUpload-module_addButton__2w8Jj","imageItem":"customizeUpload-module_imageItem__yn6H1","image":"customizeUpload-module_image__3hOnT","deleteBtn":"customizeUpload-module_deleteBtn__85Jsl","uploadContainer":"customizeUpload-module_uploadContainer__rUcw7","popoverContent":"customizeUpload-module_popoverContent__FrAiq","popoverTitle":"customizeUpload-module_popoverTitle__3Qw2t","popoverSubtitle":"customizeUpload-module_popoverSubtitle__1NA3m","actionButtons":"customizeUpload-module_actionButtons__2la0G","actionButton":"customizeUpload-module_actionButton__1Wr1J"};
 styleInject(css_248z$d);
 
@@ -21268,12 +21268,13 @@ var CustomizeUpload = function CustomizeUpload(_ref) {
   // 渲染图片显示
   var renderImages = function renderImages() {
     if (newValue.length === 0) return null;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, newValue.map(function (image, index) {
+    return /*#__PURE__*/React.createElement(Image.PreviewGroup, null, newValue.map(function (image, index) {
+      var finalSrc = (image === null || image === void 0 ? void 0 : image.startsWith('http')) ? image : "https://kefu.kuaimai.com/".concat(image);
       return /*#__PURE__*/React.createElement("div", {
         key: index,
         className: styles$5.imageItem
       }, /*#__PURE__*/React.createElement(Image, {
-        src: image,
+        src: finalSrc,
         alt: "\u56FE\u7247".concat(index + 1),
         className: styles$5.image,
         preview: {
@@ -21714,14 +21715,23 @@ var renderDate = function renderDate(value) {
 };
 var renderImages = function renderImages(value) {
   var list = value ? value.split(',') : [];
-  return list.map(function (url) {
+  return /*#__PURE__*/React.createElement(Image.PreviewGroup, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, list.map(function (url) {
     var finalSrc = (url === null || url === void 0 ? void 0 : url.startsWith('http')) ? url : "https://kefu.kuaimai.com/".concat(url);
-    return /*#__PURE__*/React.createElement(Image, {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '2px'
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
       src: finalSrc,
       width: 24,
       height: 24
-    });
-  });
+    }));
+  })));
 };
 var renderDetailItem = function renderDetailItem(_ref2) {
   var item = _ref2.item,

package/dist/index.js

@@ -21257,7 +21257,7 @@ var index$2 = (function (props) {
   }));
 });
 
-var css_248z$d = ".customizeUpload-module_customizeUpload__2tG-4 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  width: 100%;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:hover:not(:disabled) {\n  color: #40a9ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  overflow: hidden;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_image__3hOnT {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  color: white;\n  font-size: 10px;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl:hover {\n  background-color: rgba(255, 0, 0, 0.8);\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1:hover .customizeUpload-module_deleteBtn__85Jsl {\n  opacity: 1;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_uploadContainer__rUcw7 {\n  margin-top: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq {\n  width: 280px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverTitle__3Qw2t {\n  margin-bottom: 4px;\n  color: #262626;\n  font-weight: 500;\n  font-size: 16px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverSubtitle__1NA3m {\n  margin-bottom: 16px;\n  color: #8c8c8c;\n  font-size: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G {\n  display: flex;\n  gap: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J {\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  background-color: #fafafa;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:hover:not(:disabled) {\n  color: #40a9ff;\n  background-color: #f0f8ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n";
+var css_248z$d = ".customizeUpload-module_customizeUpload__2tG-4 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  width: 100%;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:hover:not(:disabled) {\n  color: #40a9ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_addButton__2w8Jj:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 {\n  position: relative;\n  width: 24px;\n  height: 24px;\n  overflow: hidden;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_image__3hOnT {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  color: white;\n  font-size: 10px;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1 .customizeUpload-module_deleteBtn__85Jsl:hover {\n  background-color: rgba(255, 0, 0, 0.8);\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_imageItem__yn6H1:hover .customizeUpload-module_deleteBtn__85Jsl {\n  opacity: 1;\n}\n.customizeUpload-module_customizeUpload__2tG-4 .customizeUpload-module_uploadContainer__rUcw7 {\n  margin-top: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq {\n  width: 280px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverTitle__3Qw2t {\n  margin-bottom: 4px;\n  color: #262626;\n  font-weight: 500;\n  font-size: 16px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_popoverSubtitle__1NA3m {\n  margin-bottom: 16px;\n  color: #8c8c8c;\n  font-size: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G {\n  display: flex;\n  gap: 12px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J {\n  display: flex;\n  flex: 1;\n  gap: 6px;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  background-color: #fafafa;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:hover:not(:disabled) {\n  color: #40a9ff;\n  background-color: #f0f8ff;\n  border-color: #40a9ff;\n}\n.customizeUpload-module_popoverContent__FrAiq .customizeUpload-module_actionButtons__2la0G .customizeUpload-module_actionButton__1Wr1J:disabled {\n  color: #bfbfbf;\n  background-color: #f5f5f5;\n  border-color: #d9d9d9;\n  cursor: not-allowed;\n}\n";
 var styles$5 = {"customizeUpload":"customizeUpload-module_customizeUpload__2tG-4","addButton":"customizeUpload-module_addButton__2w8Jj","imageItem":"customizeUpload-module_imageItem__yn6H1","image":"customizeUpload-module_image__3hOnT","deleteBtn":"customizeUpload-module_deleteBtn__85Jsl","uploadContainer":"customizeUpload-module_uploadContainer__rUcw7","popoverContent":"customizeUpload-module_popoverContent__FrAiq","popoverTitle":"customizeUpload-module_popoverTitle__3Qw2t","popoverSubtitle":"customizeUpload-module_popoverSubtitle__1NA3m","actionButtons":"customizeUpload-module_actionButtons__2la0G","actionButton":"customizeUpload-module_actionButton__1Wr1J"};
 styleInject(css_248z$d);
 
@@ -21281,12 +21281,13 @@ var CustomizeUpload = function CustomizeUpload(_ref) {
   // 渲染图片显示
   var renderImages = function renderImages() {
     if (newValue.length === 0) return null;
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, newValue.map(function (image, index) {
+    return /*#__PURE__*/React__default['default'].createElement(antd.Image.PreviewGroup, null, newValue.map(function (image, index) {
+      var finalSrc = (image === null || image === void 0 ? void 0 : image.startsWith('http')) ? image : "https://kefu.kuaimai.com/".concat(image);
       return /*#__PURE__*/React__default['default'].createElement("div", {
         key: index,
         className: styles$5.imageItem
       }, /*#__PURE__*/React__default['default'].createElement(antd.Image, {
-        src: image,
+        src: finalSrc,
         alt: "\u56FE\u7247".concat(index + 1),
         className: styles$5.image,
         preview: {
@@ -21727,14 +21728,23 @@ var renderDate = function renderDate(value) {
 };
 var renderImages = function renderImages(value) {
   var list = value ? value.split(',') : [];
-  return list.map(function (url) {
+  return /*#__PURE__*/React__default['default'].createElement(antd.Image.PreviewGroup, null, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap'
+    }
+  }, list.map(function (url) {
     var finalSrc = (url === null || url === void 0 ? void 0 : url.startsWith('http')) ? url : "https://kefu.kuaimai.com/".concat(url);
-    return /*#__PURE__*/React__default['default'].createElement(antd.Image, {
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      style: {
+        padding: '2px'
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(antd.Image, {
       src: finalSrc,
       width: 24,
       height: 24
-    });
-  });
+    }));
+  })));
 };
 var renderDetailItem = function renderDetailItem(_ref2) {
   var item = _ref2.item,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.0.79-beta.92",
+  "version": "2.0.79-beta.94",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6fb965f4887f6f51cc23543db6a1dfd356bbb39a"
+  "gitHead": "198acbfc8b10c921b117731c3ee82746d1a73bdd"
 }