11 lines
13 KiB
JavaScript
11 lines
13 KiB
JavaScript
"use strict";(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[185],{80023:function(U,A,o){o.r(A);var z=o(12472),f=o(86195),B=o(89974),i=o(31491),D=o(50959),l=o(11527),y=function(g){var x=g.title,b=g.href,$=g.index,u=g.desc,I=B.Z.useToken,W=I(),E=W.token;return(0,l.jsxs)("div",{style:{backgroundColor:E.colorBgContainer,boxShadow:E.boxShadow,borderRadius:"8px",fontSize:"14px",color:E.colorTextSecondary,lineHeight:"22px",padding:"16px 19px",minWidth:"220px",flex:1},children:[(0,l.jsxs)("div",{style:{display:"flex",gap:"4px",alignItems:"center"},children:[(0,l.jsx)("div",{style:{width:48,height:48,lineHeight:"22px",backgroundSize:"100%",textAlign:"center",padding:"8px 16px 16px 12px",color:"#FFF",fontWeight:"bold",backgroundImage:"url('https://gw.alipayobjects.com/zos/bmw-prod/daaf8d50-8e6d-4251-905d-676a24ddfa12.svg')"},children:$}),(0,l.jsx)("div",{style:{fontSize:"16px",color:E.colorText,paddingBottom:8},children:x})]}),(0,l.jsx)("div",{style:{fontSize:"14px",color:E.colorTextSecondary,textAlign:"justify",lineHeight:"22px",marginBottom:8},children:u}),(0,l.jsxs)("a",{href:b,target:"_blank",rel:"noreferrer",children:["\u4E86\u89E3\u66F4\u591A ",">"]})]})},M=function(){var g,x=B.Z.useToken(),b=x.token,$=(0,f.useModel)("@@initialState"),u=$.initialState;return(0,l.jsx)(z._z,{children:(0,l.jsx)(i.Z,{style:{borderRadius:8},bodyStyle:{backgroundImage:(u==null||(g=u.settings)===null||g===void 0?void 0:g.navTheme)==="realDark"?"background-image: linear-gradient(75deg, #1A1B1F 0%, #191C1F 100%)":"background-image: linear-gradient(75deg, #FBFDFF 0%, #F5F7FF 100%)"},children:(0,l.jsxs)("div",{style:{backgroundPosition:"100% -30%",backgroundRepeat:"no-repeat",backgroundSize:"274px auto",backgroundImage:"url('https://gw.alipayobjects.com/mdn/rms_a9745b/afts/img/A*BuFmQqsB2iAAAAAAAAAAAAAAARQnAQ')"},children:[(0,l.jsx)("div",{style:{fontSize:"20px",color:b.colorTextHeading},children:"\u6B22\u8FCE\u4F7F\u7528 Ant Design Pro"}),(0,l.jsx)("p",{style:{fontSize:"14px",color:b.colorTextSecondary,lineHeight:"22px",marginTop:16,marginBottom:32,width:"65%"},children:"Ant Design Pro \u662F\u4E00\u4E2A\u6574\u5408\u4E86 umi\uFF0CAnt Design \u548C ProComponents \u7684\u811A\u624B\u67B6\u65B9\u6848\u3002\u81F4\u529B\u4E8E\u5728\u8BBE\u8BA1\u89C4\u8303\u548C\u57FA\u7840\u7EC4\u4EF6\u7684\u57FA\u7840\u4E0A\uFF0C\u7EE7\u7EED\u5411\u4E0A\u6784\u5EFA\uFF0C\u63D0\u70BC\u51FA\u5178\u578B\u6A21\u677F/\u4E1A\u52A1\u7EC4\u4EF6/\u914D\u5957\u8BBE\u8BA1\u8D44\u6E90\uFF0C\u8FDB\u4E00\u6B65\u63D0\u5347\u4F01\u4E1A\u7EA7\u4E2D\u540E\u53F0\u4EA7\u54C1\u8BBE\u8BA1\u7814\u53D1\u8FC7\u7A0B\u4E2D\u7684\u300E\u7528\u6237\u300F\u548C\u300E\u8BBE\u8BA1\u8005\u300F\u7684\u4F53\u9A8C\u3002"}),(0,l.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:16},children:[(0,l.jsx)(y,{index:1,href:"https://umijs.org/docs/introduce/introduce",title:"\u4E86\u89E3 umi",desc:"umi \u662F\u4E00\u4E2A\u53EF\u6269\u5C55\u7684\u4F01\u4E1A\u7EA7\u524D\u7AEF\u5E94\u7528\u6846\u67B6,umi \u4EE5\u8DEF\u7531\u4E3A\u57FA\u7840\u7684\uFF0C\u540C\u65F6\u652F\u6301\u914D\u7F6E\u5F0F\u8DEF\u7531\u548C\u7EA6\u5B9A\u5F0F\u8DEF\u7531\uFF0C\u4FDD\u8BC1\u8DEF\u7531\u7684\u529F\u80FD\u5B8C\u5907\uFF0C\u5E76\u4EE5\u6B64\u8FDB\u884C\u529F\u80FD\u6269\u5C55\u3002"}),(0,l.jsx)(y,{index:2,title:"\u4E86\u89E3 ant design",href:"https://ant.design",desc:"antd \u662F\u57FA\u4E8E Ant Design \u8BBE\u8BA1\u4F53\u7CFB\u7684 React UI \u7EC4\u4EF6\u5E93\uFF0C\u4E3B\u8981\u7528\u4E8E\u7814\u53D1\u4F01\u4E1A\u7EA7\u4E2D\u540E\u53F0\u4EA7\u54C1\u3002"}),(0,l.jsx)(y,{index:3,title:"\u4E86\u89E3 Pro Components",href:"https://procomponents.ant.design",desc:"ProComponents \u662F\u4E00\u4E2A\u57FA\u4E8E Ant Design \u505A\u4E86\u66F4\u9AD8\u62BD\u8C61\u7684\u6A21\u677F\u7EC4\u4EF6\uFF0C\u4EE5 \u4E00\u4E2A\u7EC4\u4EF6\u5C31\u662F\u4E00\u4E2A\u9875\u9762\u4E3A\u5F00\u53D1\u7406\u5FF5\uFF0C\u4E3A\u4E2D\u540E\u53F0\u5F00\u53D1\u5E26\u6765\u66F4\u597D\u7684\u4F53\u9A8C\u3002"})]})]})})})};A.default=M},31491:function(U,A,o){o.d(A,{Z:function(){return ne}});var z=o(84875),f=o.n(z),B=o(65395),i=o(50959),D=o(70458),l=o(85460),y=o(37454),M=o(53315),H=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]]);return r},x=e=>{var{prefixCls:t,className:r,hoverable:a=!0}=e,n=H(e,["prefixCls","className","hoverable"]);const{getPrefixCls:s}=i.useContext(D.E_),m=s("card",t),v=f()(`${m}-grid`,r,{[`${m}-grid-hoverable`]:a});return i.createElement("div",Object.assign({},n,{className:v}))},b=o(97624),$=o(74074),u=o(49272);const I=e=>{const{antCls:t,componentCls:r,cardHeadHeight:a,cardPaddingBase:n,cardHeadTabsMarginBottom:s}=e;return Object.assign(Object.assign({display:"flex",justifyContent:"center",flexDirection:"column",minHeight:a,marginBottom:-1,padding:`0 ${n}px`,color:e.colorTextHeading,fontWeight:e.fontWeightStrong,fontSize:e.fontSizeLG,background:"transparent",borderBottom:`${e.lineWidth}px ${e.lineType} ${e.colorBorderSecondary}`,borderRadius:`${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0`},(0,u.dF)()),{"&-wrapper":{width:"100%",display:"flex",alignItems:"center"},"&-title":Object.assign(Object.assign({display:"inline-block",flex:1},u.vS),{[`
|
|
> ${r}-typography,
|
|
> ${r}-typography-edit-content
|
|
`]:{insetInlineStart:0,marginTop:0,marginBottom:0}}),[`${t}-tabs-top`]:{clear:"both",marginBottom:s,color:e.colorText,fontWeight:"normal",fontSize:e.fontSize,"&-bar":{borderBottom:`${e.lineWidth}px ${e.lineType} ${e.colorBorderSecondary}`}}})},W=e=>{const{cardPaddingBase:t,colorBorderSecondary:r,cardShadow:a,lineWidth:n}=e;return{width:"33.33%",padding:t,border:0,borderRadius:0,boxShadow:`
|
|
${n}px 0 0 0 ${r},
|
|
0 ${n}px 0 0 ${r},
|
|
${n}px ${n}px 0 0 ${r},
|
|
${n}px 0 0 0 ${r} inset,
|
|
0 ${n}px 0 0 ${r} inset;
|
|
`,transition:`all ${e.motionDurationMid}`,"&-hoverable:hover":{position:"relative",zIndex:1,boxShadow:a}}},E=e=>{const{componentCls:t,iconCls:r,cardActionsLiMargin:a,cardActionsIconSize:n,colorBorderSecondary:s}=e;return Object.assign(Object.assign({margin:0,padding:0,listStyle:"none",background:e.colorBgContainer,borderTop:`${e.lineWidth}px ${e.lineType} ${s}`,display:"flex",borderRadius:`0 0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px `},(0,u.dF)()),{"& > li":{margin:a,color:e.colorTextDescription,textAlign:"center","> span":{position:"relative",display:"block",minWidth:e.cardActionsIconSize*2,fontSize:e.fontSize,lineHeight:e.lineHeight,cursor:"pointer","&:hover":{color:e.colorPrimary,transition:`color ${e.motionDurationMid}`},[`a:not(${t}-btn), > ${r}`]:{display:"inline-block",width:"100%",color:e.colorTextDescription,lineHeight:`${e.fontSize*e.lineHeight}px`,transition:`color ${e.motionDurationMid}`,"&:hover":{color:e.colorPrimary}},[`> ${r}`]:{fontSize:n,lineHeight:`${n*e.lineHeight}px`}},"&:not(:last-child)":{borderInlineEnd:`${e.lineWidth}px ${e.lineType} ${s}`}}})},X=e=>Object.assign(Object.assign({margin:`-${e.marginXXS}px 0`,display:"flex"},(0,u.dF)()),{"&-avatar":{paddingInlineEnd:e.padding},"&-detail":{overflow:"hidden",flex:1,"> div:not(:last-child)":{marginBottom:e.marginXS}},"&-title":Object.assign({color:e.colorTextHeading,fontWeight:e.fontWeightStrong,fontSize:e.fontSizeLG},u.vS),"&-description":{color:e.colorTextDescription}}),Q=e=>{const{componentCls:t,cardPaddingBase:r,colorFillAlter:a}=e;return{[`${t}-head`]:{padding:`0 ${r}px`,background:a,"&-title":{fontSize:e.fontSize}},[`${t}-body`]:{padding:`${e.padding}px ${r}px`}}},J=e=>{const{componentCls:t}=e;return{overflow:"hidden",[`${t}-body`]:{userSelect:"none"}}},V=e=>{const{componentCls:t,cardShadow:r,cardHeadPadding:a,colorBorderSecondary:n,boxShadowTertiary:s,cardPaddingBase:m}=e;return{[t]:Object.assign(Object.assign({},(0,u.Wf)(e)),{position:"relative",background:e.colorBgContainer,borderRadius:e.borderRadiusLG,[`&:not(${t}-bordered)`]:{boxShadow:s},[`${t}-head`]:I(e),[`${t}-extra`]:{marginInlineStart:"auto",color:"",fontWeight:"normal",fontSize:e.fontSize},[`${t}-body`]:Object.assign({padding:m,borderRadius:` 0 0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px`},(0,u.dF)()),[`${t}-grid`]:W(e),[`${t}-cover`]:{"> *":{display:"block",width:"100%"},img:{borderRadius:`${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0`}},[`${t}-actions`]:E(e),[`${t}-meta`]:X(e)}),[`${t}-bordered`]:{border:`${e.lineWidth}px ${e.lineType} ${n}`,[`${t}-cover`]:{marginTop:-1,marginInlineStart:-1,marginInlineEnd:-1}},[`${t}-hoverable`]:{cursor:"pointer",transition:`box-shadow ${e.motionDurationMid}, border-color ${e.motionDurationMid}`,"&:hover":{borderColor:"transparent",boxShadow:r}},[`${t}-contain-grid`]:{[`${t}-body`]:{display:"flex",flexWrap:"wrap"},[`&:not(${t}-loading) ${t}-body`]:{marginBlockStart:-e.lineWidth,marginInlineStart:-e.lineWidth,padding:0}},[`${t}-contain-tabs`]:{[`> ${t}-head`]:{[`${t}-head-title, ${t}-extra`]:{paddingTop:a}}},[`${t}-type-inner`]:Q(e),[`${t}-loading`]:J(e),[`${t}-rtl`]:{direction:"rtl"}}},Y=e=>{const{componentCls:t,cardPaddingSM:r,cardHeadHeightSM:a}=e;return{[`${t}-small`]:{[`> ${t}-head`]:{minHeight:a,padding:`0 ${r}px`,fontSize:e.fontSize,[`> ${t}-head-wrapper`]:{[`> ${t}-extra`]:{fontSize:e.fontSize}}},[`> ${t}-body`]:{padding:r}},[`${t}-small${t}-contain-tabs`]:{[`> ${t}-head`]:{[`${t}-head-title, ${t}-extra`]:{minHeight:a,paddingTop:0,display:"flex",alignItems:"center"}}}}};var _=(0,b.Z)("Card",e=>{const t=(0,$.TS)(e,{cardShadow:e.boxShadowCard,cardHeadHeight:e.fontSizeLG*e.lineHeightLG+e.padding*2,cardHeadHeightSM:e.fontSize*e.lineHeight+e.paddingXS*2,cardHeadPadding:e.padding,cardPaddingBase:e.paddingLG,cardHeadTabsMarginBottom:-e.padding-e.lineWidth,cardActionsLiMargin:`${e.paddingSM}px 0`,cardActionsIconSize:e.fontSize,cardPaddingSM:12});return[V(t),Y(t)]}),q=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]]);return r};function k(e){return e.map((r,a)=>i.createElement("li",{style:{width:`${100/e.length}%`},key:`action-${a}`},i.createElement("span",null,r)))}var ee=i.forwardRef((e,t)=>{const{prefixCls:r,className:a,rootClassName:n,extra:s,headStyle:m={},bodyStyle:v={},title:p,loading:O,bordered:w=!0,size:j,type:C,cover:T,actions:L,tabList:S,children:P,activeTabKey:N,defaultActiveTabKey:re,tabBarExtraContent:ie,hoverable:oe,tabProps:de={}}=e,le=q(e,["prefixCls","className","rootClassName","extra","headStyle","bodyStyle","title","loading","bordered","size","type","cover","actions","tabList","children","activeTabKey","defaultActiveTabKey","tabBarExtraContent","hoverable","tabProps"]),{getPrefixCls:se,direction:ue}=i.useContext(D.E_),ce=h=>{var c;(c=e.onTabChange)===null||c===void 0||c.call(e,h)},ge=i.useMemo(()=>{let h=!1;return i.Children.forEach(P,c=>{c&&c.type&&c.type===x&&(h=!0)}),h},[P]),d=se("card",r),[pe,me]=_(d),he=i.createElement(y.Z,{loading:!0,active:!0,paragraph:{rows:4},title:!1},P),G=N!==void 0,Ee=Object.assign(Object.assign({},de),{[G?"activeKey":"defaultActiveKey"]:G?N:re,tabBarExtraContent:ie});let K;const F=(0,l.Z)(j),xe=!F||F==="default"?"large":F,Z=S&&S.length?i.createElement(M.Z,Object.assign({size:xe},Ee,{className:`${d}-head-tabs`,onChange:ce,items:S.map(h=>{var c;return{label:h.tab,key:h.key,disabled:(c=h.disabled)!==null&&c!==void 0?c:!1}})})):null;(p||s||Z)&&(K=i.createElement("div",{className:`${d}-head`,style:m},i.createElement("div",{className:`${d}-head-wrapper`},p&&i.createElement("div",{className:`${d}-head-title`},p),s&&i.createElement("div",{className:`${d}-extra`},s)),Z));const be=T?i.createElement("div",{className:`${d}-cover`},T):null,fe=i.createElement("div",{className:`${d}-body`,style:v},O?he:P),ye=L&&L.length?i.createElement("ul",{className:`${d}-actions`},k(L)):null,$e=(0,B.Z)(le,["onTabChange"]),ve=f()(d,{[`${d}-loading`]:O,[`${d}-bordered`]:w,[`${d}-hoverable`]:oe,[`${d}-contain-grid`]:ge,[`${d}-contain-tabs`]:S&&S.length,[`${d}-${F}`]:F,[`${d}-type-${C}`]:!!C,[`${d}-rtl`]:ue==="rtl"},a,n,me);return pe(i.createElement("div",Object.assign({ref:t},$e,{className:ve}),K,be,fe,ye))}),te=function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]]);return r},ae=e=>{const{prefixCls:t,className:r,avatar:a,title:n,description:s}=e,m=te(e,["prefixCls","className","avatar","title","description"]),{getPrefixCls:v}=i.useContext(D.E_),p=v("card",t),O=f()(`${p}-meta`,r),w=a?i.createElement("div",{className:`${p}-meta-avatar`},a):null,j=n?i.createElement("div",{className:`${p}-meta-title`},n):null,C=s?i.createElement("div",{className:`${p}-meta-description`},s):null,T=j||C?i.createElement("div",{className:`${p}-meta-detail`},j,C):null;return i.createElement("div",Object.assign({},m,{className:O}),w,T)};const R=ee;R.Grid=x,R.Meta=ae;var ne=R}}]);
|