dtable-ui-component 5.3.7 → 5.3.8-beta

package/lib/CollaboratorItem/index.css

@@ -7,6 +7,7 @@
   font-size: 13px;
   border-radius: 10px;
   background: #eaeaea;
+  overflow: hidden;
 }
 
 .dtable-ui.collaborator-item .collaborator-avatar,
@@ -21,6 +22,7 @@
   align-items: center;
   justify-content: center;
   transform: translateY(0);
+  flex-shrink: 0;
 }
 
 .dtable-ui.collaborator-item .collaborator-name {

package/lib/ImageThumbnail/index.js

@@ -88,7 +88,8 @@ class ImageThumbnail extends _react.default.Component {
       index,
       downloadImage,
       src,
-      className
+      className,
+      name
     } = this.props;
     const {
       imageThumbnailUrl
@@ -130,7 +131,7 @@ class ImageThumbnail extends _react.default.Component {
         hide: 0
       },
       fade: false
-    }, (0, _url.getFileName)(src)));
+    }, name || (0, _url.getFileName)(src)));
   }
 }
 var _default = exports.default = ImageThumbnail;

package/lib/RowExpandEditor/RowExpandFileEditor/index.js

@@ -113,10 +113,11 @@ class RowExpandFileEditor extends _react.default.Component {
       fileArr = value.map((file, index) => {
         const {
           fileIconUrl
-        } = (0, _url.getFileThumbnailInfo)(file, config);
+        } = (0, _url.getFileThumbnailInfo)(file);
         return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
           key: 'file-' + index,
           src: fileIconUrl,
+          name: file.name,
           index: index,
           config: config,
           deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_file'),

package/lib/RowExpandEditor/RowExpandImageEditor/index.css

@@ -4,3 +4,8 @@
   margin-left: -5px;
   margin-right: -5px;
 }
+
+.dtable-ui-row-expand-image-editor .dtable-ui-row-expand-image-container img {
+  max-width: 96px;
+  max-height: 96px;
+}

package/lib/RowExpandFormatter/index.js

@@ -386,6 +386,7 @@ class RowExpandFormatter extends _react.default.Component {
   }
 }
 RowExpandFormatter.defaultProps = {
-  className: ''
+  className: '',
+  valueKey: 'name'
 };
 var _default = exports.default = RowExpandFormatter;

package/lib/utils/url.js

@@ -124,8 +124,13 @@ const getImageThumbnailUrl = function (url) {
 exports.getImageThumbnailUrl = getImageThumbnailUrl;
 const getFileName = url => {
   if (!url) return null;
-  let lastIndex = url.lastIndexOf('/');
-  return url.slice(lastIndex + 1);
+  let validUrl = url;
+  let qIndex = url.indexOf('/?');
+  if (qIndex !== -1) {
+    validUrl = validUrl.slice(0, qIndex);
+  }
+  const lastIndex = validUrl.lastIndexOf('/');
+  return url.slice(lastIndex + 1, qIndex);
 };
 exports.getFileName = getFileName;
 const imageCheck = filename => {
@@ -189,7 +194,7 @@ const getFileThumbnailInfo = function (file) {
     fileIconUrl: defaultIconUrl['192']
   };
   const isImage = imageCheck(file.name);
-  if (isImage) return {
+  if (isImage && server) return {
     isImage,
     fileIconUrl: getImageThumbnailUrl(file.url, {
       server

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "5.3.7",
+  "version": "5.3.8beta",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "3.0.1",