👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1 lines
15 KiB

(globalThis.utooChunk_ant_design_pro||(globalThis.utooChunk_ant_design_pro=[])).push(["object"==typeof document?document.currentScript:void 0,42984,e=>{"use strict";var t=e.i(391398),i=(0,e.i(192306).makeChartComp)("Radar"),a=e.i(203112),r=e.i(82275),n=e.i(535898),l=e.i(397591),s=e.i(946077),o=e.i(76820),c=e.i(326440),d=e.i(245538),m=e.i(81867),p=e.i(678485),x=e.i(494834),h=e.i(360618),u=e.i(313367),g=e.i(191788),f=e.i(827830);let v=(0,f.createStyles)(({token:e})=>({linkGroup:{fontSize:"0","& > a":{display:"inline-block",width:"25%",marginBottom:"13px",color:e.colorText,fontSize:e.fontSize,"&:hover":{color:e.colorPrimary}}}}));var y=e=>{let{styles:i}=v(),{links:a=[],linkElement:r="a",onAdd:n=()=>{}}=e;return(0,t.jsxs)("div",{className:i.linkGroup,children:[a.map(e=>(0,g.createElement)(r,{key:`linkGroup-item-${e.id||e.title}`,to:e.href,href:e.href},e.title)),(0,t.jsxs)(u.Button,{size:"small",type:"primary",ghost:!0,onClick:n,children:[(0,t.jsx)(h.PlusOutlined,{})," 添加"]})]})};async function j(){return(0,n.request)("/api/project/notice")}async function w(){return(0,n.request)("/api/activities")}async function S(){return(0,n.request)("/api/fake_workplace_chart_data")}let b=(0,f.createStyles)(({token:e})=>({activitiesList:{padding:0},username:{color:e.colorText},event:{fontWeight:"normal"},pageHeaderContent:{display:"flex",[`@media screen and (max-width: ${e.screenSM}px)`]:{display:"block"}},avatar:{flex:"0 1 72px","& > span":{display:"block",width:"72px",height:"72px",borderRadius:"72px"}},content:{position:"relative",top:"4px",flex:"1 1 auto",marginLeft:"24px",color:e.colorTextSecondary,lineHeight:"22px",[`@media screen and (max-width: ${e.screenSM}px)`]:{marginLeft:"0"}},contentTitle:{marginBottom:"12px",color:e.colorTextHeading,fontWeight:"500",fontSize:"20px",lineHeight:"28px"},extraContent:{zoom:"1","&::before, &::after":{display:"table",content:"' '"},"&::after":{clear:"both",height:"0",fontSize:"0",visibility:"hidden"},float:"right",whiteSpace:"nowrap",[`@media screen and (max-width: ${e.screenXL}px) and (min-width: @screen-lg)`]:{marginLeft:"-44px"},[`@media screen and (max-width: ${e.screenLG}px)`]:{float:"none",marginRight:"0"},[`@media screen and (max-width: ${e.screenMD}px)`]:{marginLeft:"-16px"}},statItem:{position:"relative",display:"inline-block",padding:"0 32px","> p:first-child":{marginBottom:"4px",color:e.colorTextSecondary,fontSize:e.fontSize,lineHeight:"22px"},"> p":{margin:"0",color:e.colorTextHeading,fontSize:"30px",lineHeight:"38px","> span":{color:e.colorTextSecondary,fontSize:"20px"}},"&::after":{position:"absolute",top:"8px",right:"0",width:"1px",height:"40px",backgroundColor:e.colorSplit,content:"''"},"&:last-child":{paddingRight:"0","&::after":{display:"none"}},[`@media screen and (max-width: ${e.screenXL}px) and (min-width: @screen-lg)`]:{padding:"0 16px"},[`@media screen and (max-width: ${e.screenLG}px)`]:{padding:"0 16px",textAlign:"left","&::after":{display:"none"}},[`@media screen and (max-width: ${e.screenSM}px)`]:{float:"none"}},members:{a:{display:"block",height:"24px",margin:"12px 0",color:e.colorText,transition:"all 0.3s",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",wordBreak:"break-all","&:hover":{color:e.colorPrimary}},[`@media screen and (max-width: ${e.screenXL}px) and (min-width: @screen-lg)`]:{marginBottom:"0"},[`@media screen and (max-width: ${e.screenLG}px)`]:{marginBottom:"0"}},member:{marginLeft:"12px",fontSize:e.fontSize,lineHeight:"24px",verticalAlign:"top"},projectList:{".ant-card-meta-description":{height:"44px",overflow:"hidden",color:e.colorTextSecondary,lineHeight:"22px"}},cardTitle:{fontSize:"0",a:{display:"inline-block",height:"24px",marginLeft:"12px",color:e.colorTextHeading,fontSize:e.fontSize,lineHeight:"24px",verticalAlign:"top","&:hover":{color:e.colorPrimary}}},projectGrid:{width:"33.33%",[`@media screen and (max-width: ${e.screenMD}px)`]:{width:"50%"},[`@media screen and (max-width: ${e.screenXS}px)`]:{width:"100%"}},projectItemContent:{display:"flex",height:"20px",marginTop:"8px",overflow:"hidden",fontSize:"12px",gap:"epx",lineHeight:"20px",whiteSpace:"nowrap",textOverflow:"ellipsis",wordBreak:"break-all",a:{display:"inline-block",flex:"1 1 0",color:e.colorTextSecondary,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",wordBreak:"break-all","&:hover":{color:e.colorPrimary}}},datetime:{flex:"0 0 auto",color:e.colorTextDisabled},activeCard:{[`@media screen and (max-width: ${e.screenXL}px) and (min-width: @screen-lg)`]:{marginBottom:"24px"},[`@media screen and (max-width: ${e.screenLG}px)`]:{marginBottom:"24px"}}})),C=[{title:"操作一",href:""},{title:"操作二",href:""},{title:"操作三",href:""},{title:"操作四",href:""},{title:"操作五",href:""},{title:"操作六",href:""}],k=({currentUser:e})=>{let{styles:i}=b();return e&&Object.keys(e).length?(0,t.jsxs)("div",{className:i.pageHeaderContent,children:[(0,t.jsx)("div",{className:i.avatar,children:(0,t.jsx)(l.Avatar,{size:"large",src:e.avatar})}),(0,t.jsxs)("div",{className:i.content,children:[(0,t.jsxs)("div",{className:i.contentTitle,children:["早安,",e.name,",祝你开心每一天!"]}),(0,t.jsxs)("div",{children:[e.title," | ",e.group]})]})]}):(0,t.jsx)(m.Skeleton,{avatar:!0,paragraph:{rows:1},active:!0})},$=()=>{let{styles:e}=b();return(0,t.jsxs)("div",{className:e.extraContent,children:[(0,t.jsx)("div",{className:e.statItem,children:(0,t.jsx)(p.Statistic,{title:"项目数",value:56})}),(0,t.jsx)("div",{className:e.statItem,children:(0,t.jsx)(p.Statistic,{title:"团队内排名",value:8,suffix:"/ 24"})}),(0,t.jsx)("div",{className:e.statItem,children:(0,t.jsx)(p.Statistic,{title:"项目访问",value:2223})})]})};var N=()=>{let{styles:e}=b(),{isLoading:m,data:p=[]}=(0,r.useQuery)({queryKey:["project-notice"],queryFn:()=>j().then(e=>e.data)}),{isLoading:h,data:u=[]}=(0,r.useQuery)({queryKey:["activities"],queryFn:()=>w().then(e=>e.data)}),{data:g}=(0,r.useQuery)({queryKey:["workplace-chart"],queryFn:()=>S().then(e=>e.data)});return(0,t.jsx)(a.PageContainer,{content:(0,t.jsx)(k,{currentUser:{avatar:"https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",name:"吴彦祖",userid:"00000001",email:"antdesign@alipay.com",signature:"海纳百川,有容乃大",title:"交互专家",group:"蚂蚁集团-某某某事业群-某某平台部-某某技术部-UED"}}),extraContent:(0,t.jsx)($,{}),children:(0,t.jsxs)(d.Row,{gutter:24,children:[(0,t.jsxs)(o.Col,{xl:16,lg:24,md:24,sm:24,xs:24,children:[(0,t.jsx)(s.Card,{className:e.projectList,style:{marginBottom:24},title:"进行中的项目",variant:"borderless",extra:(0,t.jsx)(n.Link,{to:"/",prefetch:!0,children:"全部项目"}),loading:m,children:p.map(i=>(0,t.jsxs)(s.Card.Grid,{className:e.projectGrid,children:[(0,t.jsx)(s.Card.Meta,{title:(0,t.jsxs)("div",{className:e.cardTitle,children:[(0,t.jsx)(l.Avatar,{size:"small",src:i.logo}),(0,t.jsx)(n.Link,{to:i.href||"/",prefetch:!0,children:i.title})]}),description:i.description,style:{width:"100%"}}),(0,t.jsxs)("div",{className:e.projectItemContent,children:[(0,t.jsx)(n.Link,{to:i.memberLink||"/",prefetch:!0,children:i.member||""}),i.updatedAt&&(0,t.jsx)("span",{className:e.datetime,title:i.updatedAt,children:(0,x.default)(i.updatedAt).fromNow()})]})]},i.id))}),(0,t.jsx)(s.Card,{styles:{body:{padding:16*!!h}},variant:"borderless",className:e.activeCard,title:"动态",loading:h,children:(0,t.jsx)(c.List,{loading:h,renderItem:i=>{let a;return a=i.template.split(/@\{([^{}]*)\}/gi).map(e=>{if(i[e]){let a=i[e];return(0,t.jsx)("a",{href:a?.link,children:a.name},a?.name)}return e}),(0,t.jsx)(c.List.Item,{children:(0,t.jsx)(c.List.Item.Meta,{avatar:(0,t.jsx)(l.Avatar,{src:i.user.avatar}),title:(0,t.jsxs)("span",{children:[(0,t.jsx)("a",{className:e.username,children:i.user.name})," ",(0,t.jsx)("span",{className:e.event,children:a})]}),description:(0,t.jsx)("span",{className:e.datetime,title:i.updatedAt,children:(0,x.default)(i.updatedAt).fromNow()})})},i.id)},dataSource:u,className:e.activitiesList,size:"large"})})]}),(0,t.jsxs)(o.Col,{xl:8,lg:24,md:24,sm:24,xs:24,children:[(0,t.jsx)(s.Card,{style:{marginBottom:24},title:"快速开始 / 便捷导航",variant:"borderless",children:(0,t.jsx)(y,{onAdd:()=>{},links:C,linkElement:n.Link})}),(0,t.jsx)(s.Card,{style:{marginBottom:24},variant:"borderless",title:"XX 指数",loading:g?.radarData?.length===0,children:(0,t.jsx)(i,{height:343,data:g?.radarData||[],xField:"label",colorField:"name",yField:"value",shapeField:"smooth",area:{style:{fillOpacity:.4}},axis:{y:{gridStrokeOpacity:.5}},legend:{color:{position:"bottom",layout:{justifyContent:"center"}}}})}),(0,t.jsx)(s.Card,{styles:{body:{paddingTop:12,paddingBottom:12}},variant:"borderless",title:"团队",loading:m,children:(0,t.jsx)("div",{className:e.members,children:(0,t.jsx)(d.Row,{gutter:48,children:p.map(i=>(0,t.jsx)(o.Col,{span:12,children:(0,t.jsxs)("a",{children:[(0,t.jsx)(l.Avatar,{src:i.logo,size:"small"}),(0,t.jsx)("span",{className:e.member,children:i.member.substring(0,3)})]})},`members-item-${i.id}`))})})})]})]})})};e.s(["default",()=>N],42984)},76820,245538,e=>{"use strict";var t=e.i(84443).Col;e.s(["Col",()=>t],76820);var i=e.i(247699).Row;e.s(["Row",()=>i],245538)},98826,e=>{"use strict";var t=e.i(353944);e.i(191788);var i=e.i(391398);e.s(["PageLoading",0,({isLoading:e,pastDelay:a,timedOut:r,error:n,retry:l,...s})=>(0,i.jsx)("div",{style:{paddingBlockStart:100,textAlign:"center"},children:(0,i.jsx)(t.Spin,{size:"large",...s})})])},106555,e=>{"use strict";var t=e.i(379049),i=e.i(56206),a=e.i(191788),r=e.i(814432),n=e.i(889590),l=e.i(391398);e.s(["GridContent",0,e=>{let s=(0,a.useContext)(r.RouteContext),{children:o,contentWidth:c,className:d,style:m}=e,{getPrefixCls:p}=(0,a.useContext)(t.ConfigProvider.ConfigContext),x=e.prefixCls||p("pro"),h=c||s.contentWidth,u=`${x}-grid-content`,{wrapSSR:g,hashId:f}=(0,n.useStyle)("ProLayoutGridContent",e=>[{[({...e,componentCls:`.${u}`}).componentCls]:{boxSizing:"border-box",width:"100%","&-wide":{maxWidth:1152,margin:"0 auto"}}}]),v="Fixed"===h&&"top"===s.layout;return g((0,l.jsx)("div",{className:(0,i.clsx)(u,f,d,{[`${u}-wide`]:v}),style:m,"data-testid":"pro-grid-content",children:(0,l.jsx)("div",{className:(0,i.clsx)(`${x}-grid-content-children`,f),children:o})}))}],106555)},132259,e=>{"use strict";var t=e.i(313213);e.s(["Space",()=>t.default])},154165,e=>{"use strict";var t=e.i(934854),i=(e,i={})=>!(0,t.isNonNullable)(e)&&i?.skipEmpty?[]:Array.isArray(e)?e:[e];e.s(["default",()=>i])},360618,e=>{"use strict";var t=e.i(439214);e.s(["PlusOutlined",()=>t.default])},454895,e=>{"use strict";var t=e.i(267226);e.s(["Tabs",()=>t.default])},678485,e=>{"use strict";var t=e.i(191788),i=e.i(151304),a=e.i(663032),r=e.i(624200),n=e.i(56206),l=e.i(430898),s=e.i(993175),o=e.i(106422),c=e.i(934854),d=e=>{let i,{value:a,formatter:r,precision:n,decimalSeparator:l,groupSeparator:s="",prefixCls:o}=e;if("function"==typeof r)i=r(a);else{let e=String(a),r=e.match(/^(-?)(\d*)(\.(\d+))?$/);if(r&&"-"!==e){let e=r[1],a=r[2]||"0",d=r[4]||"";a=a.replace(/\B(?=(\d{3})+(?!\d))/g,s),(0,c.isNumber)(n)&&(d=d.padEnd(n,"0").slice(0,n>0?n:0)),d&&(d=`${l}${d}`),i=[t.createElement("span",{key:"int",className:`${o}-content-value-int`},e,a),d&&t.createElement("span",{key:"decimal",className:`${o}-content-value-decimal`},d)]}else i=e}return t.createElement("span",{className:`${o}-content-value`},i)},m=e.i(307441),p=e.i(352050),x=e.i(108314),h=(0,p.genStyleHooks)("Statistic",e=>(e=>{let{componentCls:t,marginXXS:i,padding:a,colorTextDescription:r,titleFontSize:n,colorTextHeading:l,contentFontSize:s,fontFamily:o}=e;return{[t]:{...(0,m.resetComponent)(e),[`${t}-header`]:{paddingBottom:i,[`${t}-title`]:{color:r,fontSize:n}},[`${t}-skeleton`]:{paddingTop:a},[`${t}-content`]:{color:l,fontSize:s,fontFamily:o,[`${t}-content-value`]:{display:"inline-block",direction:"ltr"},[`${t}-content-prefix, ${t}-content-suffix`]:{display:"inline-block"},[`${t}-content-prefix`]:{marginInlineEnd:i},[`${t}-content-suffix`]:{marginInlineStart:i}}}}})((0,x.mergeToken)(e,{})),e=>{let{fontSizeHeading3:t,fontSize:i}=e;return{titleFontSize:i,contentFontSize:t}});let u=t.forwardRef((e,i)=>{let{prefixCls:a,className:c,rootClassName:m,style:p,valueStyle:x,value:u=0,title:g,valueRender:f,prefix:v,suffix:y,loading:j=!1,formatter:w,precision:S,decimalSeparator:b=".",groupSeparator:C=",",onMouseEnter:k,onMouseLeave:$,styles:N,classNames:L,...z}=e,{getPrefixCls:E,direction:T,className:B,style:H,classNames:A,styles:I}=(0,s.useComponentConfig)("statistic"),R=E("statistic",a),[M,G]=h(R),P={...e,decimalSeparator:b,groupSeparator:C,loading:j,value:u},[D,F]=(0,l.useMergeSemantic)([A,L],[I,N],{props:P}),q=t.createElement(d,{decimalSeparator:b,groupSeparator:C,prefixCls:R,formatter:w,precision:S,value:u}),_=(0,n.clsx)(R,{[`${R}-rtl`]:"rtl"===T},B,c,m,D.root,M,G),O=(0,n.clsx)(`${R}-header`,D.header),X=(0,n.clsx)(`${R}-title`,D.title),W=(0,n.clsx)(`${R}-content`,D.content),K=(0,n.clsx)(`${R}-content-prefix`,D.prefix),Q=(0,n.clsx)(`${R}-content-suffix`,D.suffix),U=t.useRef(null);t.useImperativeHandle(i,()=>({nativeElement:U.current}));let V=(0,r.default)(z,{aria:!0,data:!0});return t.createElement("div",{...V,className:_,style:{...F.root,...H,...p},ref:U,onMouseEnter:k,onMouseLeave:$},g&&t.createElement("div",{className:O,style:F.header},t.createElement("div",{className:X,style:F.title},g)),t.createElement(o.default,{paragraph:!1,loading:j,className:`${R}-skeleton`,active:!0},t.createElement("div",{className:W,style:{...x,...F.content}},v&&t.createElement("span",{className:K,style:F.prefix},v),"function"==typeof f?f(q):q,y&&t.createElement("span",{className:Q,style:F.suffix},y))))}),g=[["Y",31536e6],["M",2592e6],["D",864e5],["H",36e5],["m",6e4],["s",1e3],["S",1]],f=1e3/60;var v=e=>{let{value:r,format:n="HH:mm:ss",onChange:l,onFinish:s,type:o,...c}=e,d="countdown"===o,[m,p]=t.useState(null),x=(0,i.useEvent)(()=>{let e=Date.now(),t=new Date(r).getTime();p({});let i=d?t-e:e-t;return l?.(i),!d||!(t<e)||(s?.(),!1)});return t.useEffect(()=>{let e;return e=window.setInterval(()=>{x()||window.clearInterval(e)},f),()=>{window.clearInterval(e)}},[r,d]),t.useEffect(()=>{p({})},[]),t.createElement(u,{...c,value:r,valueRender:e=>(0,a.cloneElement)(e,{title:void 0}),formatter:(e,t)=>m?function(e,t,i){let a,r,n,l,s,o,{format:c=""}=t,d=new Date(e).getTime(),m=Date.now();return a=i?Math.max(d-m,0):Math.max(m-d,0),r=/\[[^\]]*]/g,n=(c.match(r)||[]).map(e=>e.slice(1,-1)),l=c.replace(r,"[]"),s=g.reduce((e,[t,i])=>{if(e.includes(t)){let r=Math.floor(a/i);return a-=r*i,e.replace(RegExp(`${t}+`,"g"),e=>{let t=e.length;return r.toString().padStart(t,"0")})}return e},l),o=0,s.replace(r,()=>{let e=n[o];return o+=1,e})}(e,{...t,format:n},d):"-"})},y=t.memo(e=>t.createElement(v,{...e,type:"countdown"}));u.Timer=v,u.Countdown=y,e.s(["Statistic",()=>u],678485)},727168,e=>{e.v(e=>Promise.resolve().then(()=>e(730943)))},770829,e=>{e.v(e=>Promise.resolve().then(()=>e(681912)))},814432,e=>{"use strict";let t=(0,e.i(191788).createContext)({});e.s(["RouteContext",0,t])}]);