iglooform 2.5.33 → 2.5.34

package/es/claim-list/index.d.ts

@@ -41,6 +41,8 @@ interface ClaimList {
     mobileSubTitle?: (record?: any) => any;
     mobileRedDot?: (record?: any) => boolean;
     mobileTagOnClick?: (record?: any, e?: any) => any;
+    mobileTagRender?: (record?: IClaimDateSource) => any;
+    mobileExtraRender?: () => any;
 }
 declare const ClaimList: (props: ClaimList) => JSX.Element;
 export default ClaimList;

package/es/claim-list/index.js

@@ -151,7 +151,9 @@ var ClaimList = function ClaimList(props) {
         mobileInsurerName = props.mobileInsurerName,
         mobileSubTitle = props.mobileSubTitle,
         mobileRedDot = props.mobileRedDot,
-        mobileTagOnClick = props.mobileTagOnClick;
+        mobileTagOnClick = props.mobileTagOnClick,
+        mobileTagRender = props.mobileTagRender,
+        mobileExtraRender = props.mobileExtraRender;
     var getSomeMustProps = dateSource.map(function (claim) {
       return _objectSpread(_objectSpread({}, claim), {}, {
         insurerLogo: mobileInsurerLogo && mobileInsurerLogo(claim),
@@ -159,7 +161,9 @@ var ClaimList = function ClaimList(props) {
         statusProps: mobileStatusProps && mobileStatusProps(claim),
         mobileSubTitle: mobileSubTitle && mobileSubTitle(claim),
         mobileRedDot: mobileRedDot && mobileRedDot(claim),
-        mobileTagOnClick: mobileTagOnClick
+        mobileTagRender: mobileTagRender && mobileTagRender(claim),
+        mobileTagOnClick: mobileTagOnClick,
+        mobileExtraRender: mobileExtraRender
       });
     });
     return _jsx(ClaimListTags, {

package/es/mobile-insurer-list/index.d.ts

@@ -5,6 +5,8 @@ interface ICardProps extends IPolicyCardProps {
     mobileSubTitle?: string;
     mobileTagOnClick?: (e?: any, cardInfo?: any) => void;
     mobileRedDot?: boolean;
+    mobileTagRender?: (cardInfo?: IPolicyCardProps) => any;
+    mobileExtraRender?: () => any;
 }
 interface IPolicyOrClaimMobileListProps {
     dataList: ICardProps[];

package/es/mobile-insurer-list/index.js

@@ -26,40 +26,52 @@ var MobileInsurerList = function MobileInsurerList(props) {
           mobileSubTitle = cardInfo.mobileSubTitle,
           statusProps = cardInfo.statusProps,
           mobileTagOnClick = cardInfo.mobileTagOnClick,
-          mobileRedDot = cardInfo.mobileRedDot;
+          mobileRedDot = cardInfo.mobileRedDot,
+          mobileTagRender = cardInfo.mobileTagRender,
+          mobileExtraRender = cardInfo.mobileExtraRender;
       invariant(mobileTagOnClick == undefined || typeof mobileTagOnClick === 'function', 'mobileTagOnClick must be a function');
+
+      if (typeof mobileTagRender === 'function') {
+        return mobileTagRender(cardInfo);
+      }
+
       return _jsxs("div", {
         className: "mobile-tag-container",
         onClick: function onClick(e) {
           return mobileTagOnClick && mobileTagOnClick(cardInfo, e);
         },
         children: [_jsxs("div", {
-          className: "mobile-tag-left",
-          children: [insurerLogo && _jsx("div", {
-            className: "left-insurer-icon",
-            children: insurerLogo
-          }), _jsxs("div", {
-            className: "left-insurer-info-container",
-            children: [_jsxs("div", {
-              className: "left-insurer-title",
-              children: [_jsxs(Typography, {
-                level: "h4",
-                children: [insurerName, " ", insurerType]
-              }), mobileRedDot && _jsx("div", {
-                className: "left-insurer-title-red-dot"
+          className: "mobile-tag-common",
+          children: [_jsxs("div", {
+            className: "mobile-tag-left",
+            children: [insurerLogo && _jsx("div", {
+              className: "left-insurer-icon",
+              children: insurerLogo
+            }), _jsxs("div", {
+              className: "left-insurer-info-container",
+              children: [_jsxs("div", {
+                className: "left-insurer-title",
+                children: [_jsxs(Typography, {
+                  level: "h4",
+                  children: [insurerName, " ", insurerType]
+                }), mobileRedDot && _jsx("div", {
+                  className: "left-insurer-title-red-dot"
+                })]
+              }), mobileSubTitle && _jsx("div", {
+                className: "left-insurer-sub-title",
+                children: _jsx(Typography, {
+                  level: "body2",
+                  children: mobileSubTitle
+                })
+              }), statusProps && _jsx("div", {
+                className: "left-insurer-status",
+                children: _jsx(StatusBox, _objectSpread({}, statusProps))
               })]
-            }), mobileSubTitle && _jsx("div", {
-              className: "left-insurer-sub-title",
-              children: _jsx(Typography, {
-                level: "body2",
-                children: mobileSubTitle
-              })
-            }), statusProps && _jsx("div", {
-              className: "left-insurer-status",
-              children: _jsx(StatusBox, _objectSpread({}, statusProps))
             })]
-          })]
-        }), _jsx(ArrowRightOutlined, {})]
+          }), _jsx(ArrowRightOutlined, {})]
+        }), _jsx("div", {
+          children: typeof mobileExtraRender === 'function' ? mobileExtraRender() : null
+        })]
       }, index);
     })
   });

package/es/mobile-insurer-list/style/index.less

@@ -2,7 +2,7 @@
   cursor: pointer;
   background-color: @white;
   display: flex;
-  align-items: center;
+  flex-direction: column;
   padding: 16px 8px 16px 16px;
   border-left: 3px solid @purple-main;
 
@@ -16,6 +16,11 @@
     margin-left: 8px;
   }
 
+  .mobile-tag-common {
+    display: flex;
+    align-items: center;
+  }
+
   .mobile-tag-left {
     flex: 1;
     display: flex;

package/es/policy-list/index.d.ts

@@ -4,6 +4,8 @@ interface ICardProps extends IPolicyCardProps {
     mobileSubTitle?: string;
     mobileTagOnClick?: (e?: any, cardInfo?: any) => void;
     mobileRedDot?: boolean;
+    mobileTagRender?: (cardInfo?: ICardProps) => any;
+    mobileExtraRender?: () => any;
 }
 interface IPolicyList {
     dataList: ICardProps[];

package/es/upload/style/index.less

@@ -48,6 +48,7 @@
     .igloo-upload-preview-item-info {
       width: calc(~'100%' - 96px);
       display: flex;
+      flex: 1;
 
       .igloo-upload-preview-item-icon {
         margin-right: 16px;
@@ -80,6 +81,12 @@
           text-overflow: ellipsis;
           white-space: nowrap;
           vertical-align: top;
+
+          & > span {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
         }
 
         .igloo-upload-preview-item-size {

package/lib/claim-list/index.d.ts

@@ -41,6 +41,8 @@ interface ClaimList {
     mobileSubTitle?: (record?: any) => any;
     mobileRedDot?: (record?: any) => boolean;
     mobileTagOnClick?: (record?: any, e?: any) => any;
+    mobileTagRender?: (record?: IClaimDateSource) => any;
+    mobileExtraRender?: () => any;
 }
 declare const ClaimList: (props: ClaimList) => JSX.Element;
 export default ClaimList;

package/lib/claim-list/index.js

@@ -178,7 +178,9 @@ var ClaimList = function ClaimList(props) {
         mobileInsurerName = props.mobileInsurerName,
         mobileSubTitle = props.mobileSubTitle,
         mobileRedDot = props.mobileRedDot,
-        mobileTagOnClick = props.mobileTagOnClick;
+        mobileTagOnClick = props.mobileTagOnClick,
+        mobileTagRender = props.mobileTagRender,
+        mobileExtraRender = props.mobileExtraRender;
     var getSomeMustProps = dateSource.map(function (claim) {
       return _objectSpread(_objectSpread({}, claim), {}, {
         insurerLogo: mobileInsurerLogo && mobileInsurerLogo(claim),
@@ -186,7 +188,9 @@ var ClaimList = function ClaimList(props) {
         statusProps: mobileStatusProps && mobileStatusProps(claim),
         mobileSubTitle: mobileSubTitle && mobileSubTitle(claim),
         mobileRedDot: mobileRedDot && mobileRedDot(claim),
-        mobileTagOnClick: mobileTagOnClick
+        mobileTagRender: mobileTagRender && mobileTagRender(claim),
+        mobileTagOnClick: mobileTagOnClick,
+        mobileExtraRender: mobileExtraRender
       });
     });
     return (0, _jsxRuntime.jsx)(_mobileInsurerList.default, {

package/lib/mobile-insurer-list/index.d.ts

@@ -5,6 +5,8 @@ interface ICardProps extends IPolicyCardProps {
     mobileSubTitle?: string;
     mobileTagOnClick?: (e?: any, cardInfo?: any) => void;
     mobileRedDot?: boolean;
+    mobileTagRender?: (cardInfo?: IPolicyCardProps) => any;
+    mobileExtraRender?: () => any;
 }
 interface IPolicyOrClaimMobileListProps {
     dataList: ICardProps[];

package/lib/mobile-insurer-list/index.js

@@ -41,40 +41,52 @@ var MobileInsurerList = function MobileInsurerList(props) {
           mobileSubTitle = cardInfo.mobileSubTitle,
           statusProps = cardInfo.statusProps,
           mobileTagOnClick = cardInfo.mobileTagOnClick,
-          mobileRedDot = cardInfo.mobileRedDot;
+          mobileRedDot = cardInfo.mobileRedDot,
+          mobileTagRender = cardInfo.mobileTagRender,
+          mobileExtraRender = cardInfo.mobileExtraRender;
       (0, _invariant.default)(mobileTagOnClick == undefined || typeof mobileTagOnClick === 'function', 'mobileTagOnClick must be a function');
+
+      if (typeof mobileTagRender === 'function') {
+        return mobileTagRender(cardInfo);
+      }
+
       return (0, _jsxRuntime.jsxs)("div", {
         className: "mobile-tag-container",
         onClick: function onClick(e) {
           return mobileTagOnClick && mobileTagOnClick(cardInfo, e);
         },
         children: [(0, _jsxRuntime.jsxs)("div", {
-          className: "mobile-tag-left",
-          children: [insurerLogo && (0, _jsxRuntime.jsx)("div", {
-            className: "left-insurer-icon",
-            children: insurerLogo
-          }), (0, _jsxRuntime.jsxs)("div", {
-            className: "left-insurer-info-container",
-            children: [(0, _jsxRuntime.jsxs)("div", {
-              className: "left-insurer-title",
-              children: [(0, _jsxRuntime.jsxs)(_typography.default, {
-                level: "h4",
-                children: [insurerName, " ", insurerType]
-              }), mobileRedDot && (0, _jsxRuntime.jsx)("div", {
-                className: "left-insurer-title-red-dot"
+          className: "mobile-tag-common",
+          children: [(0, _jsxRuntime.jsxs)("div", {
+            className: "mobile-tag-left",
+            children: [insurerLogo && (0, _jsxRuntime.jsx)("div", {
+              className: "left-insurer-icon",
+              children: insurerLogo
+            }), (0, _jsxRuntime.jsxs)("div", {
+              className: "left-insurer-info-container",
+              children: [(0, _jsxRuntime.jsxs)("div", {
+                className: "left-insurer-title",
+                children: [(0, _jsxRuntime.jsxs)(_typography.default, {
+                  level: "h4",
+                  children: [insurerName, " ", insurerType]
+                }), mobileRedDot && (0, _jsxRuntime.jsx)("div", {
+                  className: "left-insurer-title-red-dot"
+                })]
+              }), mobileSubTitle && (0, _jsxRuntime.jsx)("div", {
+                className: "left-insurer-sub-title",
+                children: (0, _jsxRuntime.jsx)(_typography.default, {
+                  level: "body2",
+                  children: mobileSubTitle
+                })
+              }), statusProps && (0, _jsxRuntime.jsx)("div", {
+                className: "left-insurer-status",
+                children: (0, _jsxRuntime.jsx)(_statusBox.default, _objectSpread({}, statusProps))
               })]
-            }), mobileSubTitle && (0, _jsxRuntime.jsx)("div", {
-              className: "left-insurer-sub-title",
-              children: (0, _jsxRuntime.jsx)(_typography.default, {
-                level: "body2",
-                children: mobileSubTitle
-              })
-            }), statusProps && (0, _jsxRuntime.jsx)("div", {
-              className: "left-insurer-status",
-              children: (0, _jsxRuntime.jsx)(_statusBox.default, _objectSpread({}, statusProps))
             })]
-          })]
-        }), (0, _jsxRuntime.jsx)(_iglooicon.ArrowRightOutlined, {})]
+          }), (0, _jsxRuntime.jsx)(_iglooicon.ArrowRightOutlined, {})]
+        }), (0, _jsxRuntime.jsx)("div", {
+          children: typeof mobileExtraRender === 'function' ? mobileExtraRender() : null
+        })]
       }, index);
     })
   });

package/lib/mobile-insurer-list/style/index.less

@@ -2,7 +2,7 @@
   cursor: pointer;
   background-color: @white;
   display: flex;
-  align-items: center;
+  flex-direction: column;
   padding: 16px 8px 16px 16px;
   border-left: 3px solid @purple-main;
 
@@ -16,6 +16,11 @@
     margin-left: 8px;
   }
 
+  .mobile-tag-common {
+    display: flex;
+    align-items: center;
+  }
+
   .mobile-tag-left {
     flex: 1;
     display: flex;

package/lib/policy-list/index.d.ts

@@ -4,6 +4,8 @@ interface ICardProps extends IPolicyCardProps {
     mobileSubTitle?: string;
     mobileTagOnClick?: (e?: any, cardInfo?: any) => void;
     mobileRedDot?: boolean;
+    mobileTagRender?: (cardInfo?: ICardProps) => any;
+    mobileExtraRender?: () => any;
 }
 interface IPolicyList {
     dataList: ICardProps[];

package/lib/upload/style/index.less

@@ -48,6 +48,7 @@
     .igloo-upload-preview-item-info {
       width: calc(~'100%' - 96px);
       display: flex;
+      flex: 1;
 
       .igloo-upload-preview-item-icon {
         margin-right: 16px;
@@ -80,6 +81,12 @@
           text-overflow: ellipsis;
           white-space: nowrap;
           vertical-align: top;
+
+          & > span {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
         }
 
         .igloo-upload-preview-item-size {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "2.5.33",
+  "version": "2.5.34",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",