add title

Author: SailingBoat762

src/AutoNumberFormatter/index.js

@@ -19,7 +19,7 @@ class AutoNumberFormatter extends React.Component {
     const { containerClassName, value } = this.props;
     let classname = classnames('dtable-ui cell-formatter-container auto-number-formatter', containerClassName);
     return (
-      <div className={classname}>{value}</div>
+      <div title={value} className={classname}>{value}</div>
     );
   }
 }

src/CTimeFormatter/index.js

@@ -29,7 +29,7 @@ class CTimeFormatter extends React.Component {
     }
 
     return (
-      <div className={classname}>{date}</div>
+      <div title={date} className={classname}>{date}</div>
     );
   }
 }

src/CollaboratorItem/index.js

@@ -26,7 +26,7 @@ class CollaboratorItem extends React.Component {
   render() {
     const { collaborator, enableDeleteCollaborator } = this.props;
     return (
-      <div className="dtable-ui collaborator-item">
+      <div title={collaborator.name} className="dtable-ui collaborator-item">
         <span className="collaborator-avatar">
           <img className="collaborator-avatar-icon" alt={collaborator.name} src={collaborator.avatar_url} />
         </span>

src/DateFormatter/index.js

@@ -27,7 +27,7 @@ class DateFormatter extends React.Component {
     }
 
     return (
-      <div className={classname}>{date}</div>
+      <div title={date} className={classname}>{date}</div>
     );
   }
 }

src/DepartmentSingleSelectFormatter/index.js

@@ -18,7 +18,7 @@ function DepartmentSingleSelectFormatter(props) {
   const department = departments.find(department => department.id === value);
   const name = department ? department.name : deletedTip;
   return (
-    <div className={classnames('dtable-ui cell-formatter-container department-single-select-formatter text-truncate',
+    <div title={name} className={classnames('dtable-ui cell-formatter-container department-single-select-formatter text-truncate',
       containerClassName)}>
       <div className="department-avatar-container d-flex align-items-center justify-content-center">
         <span className="dtable-font dtable-icon-department-single-selection"></span>

src/DurationFormatter/index.js

@@ -16,9 +16,9 @@ class DurationFormatter extends React.Component {
   render() {
     let { value, containerClassName, format } = this.props;
     let classname = classnames('dtable-ui cell-formatter-container duration-formatter', containerClassName);
-
+    const durationDisplayString = getDurationDisplayString(value, { duration_format: format });
     return (
-      <div className={classname}>{getDurationDisplayString(value, { duration_format: format })}</div>
+      <div title={durationDisplayString} className={classname}>{durationDisplayString}</div>
     );
   }
 }

src/EmailFormatter/index.js

@@ -15,7 +15,7 @@ class EmailFormatter extends React.Component {
     const { containerClassName, value } = this.props;
     let classname = classnames('dtable-ui cell-formatter-container email-formatter', containerClassName);
     return (
-      <div className={classname}>{value}</div>
+      <div title={value} className={classname}>{value}</div>
     );
   }
 }

src/GeolocationFormatter/index.js

@@ -34,9 +34,11 @@ class GeolocationFormatter extends React.Component {
       return null;
     }
 
+    const geolocationDisplayString = getGeolocationDisplayString(value, data, { isBaiduMap, hyphen: ' ' });
+
     return (
-      <div className={className}>
-        {getGeolocationDisplayString(value, data, { isBaiduMap, hyphen: ' ' })}
+      <div title={geolocationDisplayString} className={className}>
+        {geolocationDisplayString}
       </div>
     );
   }

src/ImageFormatter/images-lazy-load.js

@@ -101,8 +101,10 @@ class ImagesLazyLoad extends React.Component {
 
     return (
       loadedImages.map((image, index) => {
+        let imageName = image.slice(image.src.lastIndexOf('/') + 1);
         const imgDom = (
           <img
+            title={imageName}
             className="image-item"
             src={image.src}
             onMouseDown={this.onMouseDown}

src/MTimeFormatter/index.js

@@ -29,7 +29,7 @@ class MTimeFormatter extends React.Component {
     }
 
     return (
-      <div className={classname}>{date}</div>
+      <div title={date} className={classname}>{date}</div>
     );
   }
 }