https://www.sino.com/static/js/59.fd8e2928.chunk.js

1(this["webpackJsonpisobar-sino-website-v2"]=this["webpackJsonpisobar-sino-website-v2"]||[]).push([[59],{1100:function(e,t,a){"use strict";a.r(t);var r=a(20),n=a(19),i=a(11),c=a(0),l=a.n(c),s=a(22),o=a.n(s),u=a(8),b=a(10),m=a(75),h=a(27),d=a(33),p=a(30),f=a(419),g=a.n(f),j=a(105),O=a(1103),E=a(62),x=a(35),v=a(14),y=o()((function(e){return Object(i.a)(Object(i.a)({},Object(p.a)(e)),{},{root:Object(n.a)({display:"block",padding:e.spacing(1.25),borderRadius:e.spacing(.5),border:"1px solid "+e.palette.common.borderGrey,textDecoration:"none"},e.breakpoints.down("xs"),{display:"flex",boxShadow:"0px 3px 6px 0px rgba(0,0,0,0.16)"}),thumbnail:{borderRadius:e.spacing(.5)},title:Object(n.a)({},e.breakpoints.down("xs"),{"& *":{color:e.palette.primary.main}})})})),w=function(e){var t=y(),a=e.className,n=e.image,i=e.imageAlt,c=e.imageSrcset,s=e.category,o=e.date,h=e.hideDate,p=e.title,f=e.onClick,g=e.h100,w=e.hideCategory||!s,S=Object(j.b)(["fontSize"]),N=Object(r.a)(S,1)[0].fontSize||"1";Object(x.a)();var k=l.a.createElement(u.a,{height:g?"100%":Object(v.h)()?{1:330,1.1:355,1.2:370,1.25:480,1.5:420}[N]||330:{1:370,1.1:385,1.2:400,1.25:410,1.5:450}[N]||370,className:Object(b.a)(a,t.root,"hover-shadow","hover-zoom-image"),onClick:f},l.a.createElement(u.a,{position:"relative",pt:160/245*100+"%"},l.a.createElement(m.a,{img:!0,cover:!0,className:t.thumbnail,width:"100%",height:"100%",src:n,srcset:c,alt:i,positionAbsolute:!0})),l.a.createElement(u.a,{px:1.25,py:2.5},(s&&!w||o&&!h)&&l.a.createElement(u.a,{mb:1.5},!w&&l.a.createElement(d.a,{variant:"h6",children:s}),!h&&l.a.createElement(d.a,{variant:"body2",children:o})),l.a.createElement(u.a,null,l.a.createElement(O.a,{lines:4,text:p,className:Object(b.a)(t.typographyH4,"MuiTypography-h4",t.title)}))));return e.link?l.a.createElement(E.b,{to:e.link,className:t.textDecorationNone},k):k},S=function(e){var t=y(),a=e.className,r=e.image,n=e.imageSrcset,i=e.category,c=e.date,s=e.hideDate,o=e.title,h=e.hideCategory||!i;return l.a.createElement(u.a,{component:"figure",minHeight:110,display:"flex",className:Object(b.a)(a,t.root)},l.a.createElement(u.a,{width:132,height:88,flexShrink:0},l.a.createElement(m.a,{img:!0,cover:!0,className:t.thumbnail,width:"100%",height:"100%",src:r,srcset:n})),l.a.createElement(u.a,{ml:2.5,height:1,display:"flex",flexDirection:"column",justifyContent:"space-between"},l.a.createElement(g.a,{className:Object(b.a)(t.typographyH4,"MuiTypography-h4",t.title),unsafeHTML:o,maxLine:3,ellipsis:"...",basedOn:"letters"}),(i&&!h||c&&!s)&&l.a.createElement(u.a,{mt:1},!h&&l.a.createElement(u.a,{mb:c&&!s?.25:0},l.a.createElement(d.a,{variant:"h6",children:i})),!s&&l.a.createElement(d.a,{variant:"body2",children:c}))))},N=function(e){return l.a.createElement(l.a.Fragment,null,l.a.createElement(h.b,{supportTabletPortrait:!0},l.a.createElement(w,e)),l.a.createElement(h.d,{supportTabletPortrait:!0},l.a.createElement(S,e)))};a.d(t,"default",(function(){return N}))},1103:function(e,t,a){"use strict";var r=a(20),n=a(41),i=a(0),c=a.n(i),l=a(105),s=["ellipsis"],o=function(e){var t=e.ellipsis,a=Object(n.a)(e,s),o=Object(i.useState)(a.lines),u=Object(r.a)(o,1)[0],b=Object(i.useState)(a.text.substring(0,5)),m=Object(r.a)(b,2),h=m[0],d=m[1],p=Object(i.useRef)(null),f=Object(i.useRef)(0),g=Object(i.useRef)(0),j=Object(i.useRef)(!1),O=Object(i.useRef)(!1),E=Object(l.b)(["fontSize"]),x=Object(r.a)(E,1)[0],v=Object(i.useRef)(x.fontSize);v.current!==x.fontSize&&(v.current=x.fontSize,O.current=!0);var y=Object(i.useState)(0),w=Object(r.a)(y,2),S=w[0],N=w[1];return Object(i.useLayoutEffect)((function(){function e(){N(window.innerWidth)}return window.addEventListener("resize",e),e(),function(){return window.removeEventListener("resize",e)}}),[]),Object(i.useLayoutEffect)((function(){if(p.current)if(0!==f.current&&f.current!==p.current.parentNode.clientWidth||O.current)f.current=p.current.parentNode.clientWidth,j.current=!1,O.current=!1,d(a.text.substring(0,5));else if(!j.current){f.current=p.current.parentNode.clientWidth,g.current=p.current.clientHeight+1;for(var e=g.current*u+1,r=0,n=0,i=a.text.length;r<=i;){if(n=Math.floor((r+i)/2),p.current.innerText=a.text.slice(0,n),n===a.text.length)return j.current=!0,void d(a.text);p.current.clientHeight<=e?r=n+1:i=n-1}j.current=!0;var c=a.text.slice(0,n-5)+t;p.current.innerText=c,d(c)}}),[S,h,t,u,a.text,x.fontSize]),c.a.createElement("div",Object.assign({ref:p,children:h},a))};o.defaultProps={lines:1,ellipsis:"..."},t.a=o}}]);