11 lines
14 KiB
JavaScript
11 lines
14 KiB
JavaScript
"use strict";(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[3192],{83259:function(V,A,d){d.r(A);var o=d(16030),M=d(7485),$=d(94587),I=d(23885),B=d(50959),s=d(11527),C=function(m){var v=m.title,i=m.href,g=m.index,p=m.desc,L=$.Z.useToken,w=L(),h=w.token;return(0,s.jsxs)("div",{style:{backgroundColor:h.colorBgContainer,boxShadow:h.boxShadow,borderRadius:"8px",fontSize:"14px",color:h.colorTextSecondary,lineHeight:"22px",padding:"16px 19px",minWidth:"220px",flex:1},children:[(0,s.jsxs)("div",{style:{display:"flex",gap:"4px",alignItems:"center"},children:[(0,s.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:g}),(0,s.jsx)("div",{style:{fontSize:"16px",color:h.colorText,paddingBottom:8},children:v})]}),(0,s.jsx)("div",{style:{fontSize:"14px",color:h.colorTextSecondary,textAlign:"justify",lineHeight:"22px",marginBottom:8},children:p}),(0,s.jsxs)("a",{href:i,target:"_blank",rel:"noreferrer",children:["\u4E86\u89E3\u66F4\u591A ",">"]})]})},R=function(){var m,v=$.Z.useToken(),i=v.token,g=(0,M.useModel)("@@initialState"),p=g.initialState;return(0,s.jsx)(o._z,{children:(0,s.jsx)(I.Z,{style:{borderRadius:8},bodyStyle:{backgroundImage:(p==null||(m=p.settings)===null||m===void 0?void 0:m.navTheme)==="realDark"?"background-image: linear-gradient(75deg, #1A1B1F 0%, #191C1F 100%)":"background-image: linear-gradient(75deg, #FBFDFF 0%, #F5F7FF 100%)"},children:(0,s.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,s.jsx)("div",{style:{fontSize:"20px",color:i.colorTextHeading},children:"\u6B22\u8FCE\u4F7F\u7528 Ant Design Pro"}),(0,s.jsx)("p",{style:{fontSize:"14px",color:i.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,s.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:16},children:[(0,s.jsx)(C,{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,s.jsx)(C,{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,s.jsx)(C,{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=R},23885:function(V,A,d){d.d(A,{Z:function(){return de}});var o=d(50959),M=d(82187),$=d.n(M),I=d(8146),B=d(76144),s=d(15676),C=d(39910),R=d(70939),W=function(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)n.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(t[a[r]]=e[a[r]]);return t},v=e=>{var{prefixCls:n,className:t,hoverable:a=!0}=e,r=W(e,["prefixCls","className","hoverable"]);const{getPrefixCls:u}=o.useContext(B.E_),c=u("card",n),E=$()(`${c}-grid`,t,{[`${c}-grid-hoverable`]:a});return o.createElement("div",Object.assign({},r,{className:E}))},i=d(601),g=d(54531),p=d(79349),L=d(56352);const w=e=>{const{antCls:n,componentCls:t,headerHeight:a,cardPaddingBase:r,tabsMarginBottom:u}=e;return Object.assign(Object.assign({display:"flex",justifyContent:"center",flexDirection:"column",minHeight:a,marginBottom:-1,padding:`0 ${(0,i.bf)(r)}`,color:e.colorTextHeading,fontWeight:e.fontWeightStrong,fontSize:e.headerFontSize,background:e.headerBg,borderBottom:`${(0,i.bf)(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,borderRadius:`${(0,i.bf)(e.borderRadiusLG)} ${(0,i.bf)(e.borderRadiusLG)} 0 0`},(0,g.dF)()),{"&-wrapper":{width:"100%",display:"flex",alignItems:"center"},"&-title":Object.assign(Object.assign({display:"inline-block",flex:1},g.vS),{[`
|
|
> ${t}-typography,
|
|
> ${t}-typography-edit-content
|
|
`]:{insetInlineStart:0,marginTop:0,marginBottom:0}}),[`${n}-tabs-top`]:{clear:"both",marginBottom:u,color:e.colorText,fontWeight:"normal",fontSize:e.fontSize,"&-bar":{borderBottom:`${(0,i.bf)(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`}}})},h=e=>{const{cardPaddingBase:n,colorBorderSecondary:t,cardShadow:a,lineWidth:r}=e;return{width:"33.33%",padding:n,border:0,borderRadius:0,boxShadow:`
|
|
${(0,i.bf)(r)} 0 0 0 ${t},
|
|
0 ${(0,i.bf)(r)} 0 0 ${t},
|
|
${(0,i.bf)(r)} ${(0,i.bf)(r)} 0 0 ${t},
|
|
${(0,i.bf)(r)} 0 0 0 ${t} inset,
|
|
0 ${(0,i.bf)(r)} 0 0 ${t} inset;
|
|
`,transition:`all ${e.motionDurationMid}`,"&-hoverable:hover":{position:"relative",zIndex:1,boxShadow:a}}},J=e=>{const{componentCls:n,iconCls:t,actionsLiMargin:a,cardActionsIconSize:r,colorBorderSecondary:u,actionsBg:c}=e;return Object.assign(Object.assign({margin:0,padding:0,listStyle:"none",background:c,borderTop:`${(0,i.bf)(e.lineWidth)} ${e.lineType} ${u}`,display:"flex",borderRadius:`0 0 ${(0,i.bf)(e.borderRadiusLG)} ${(0,i.bf)(e.borderRadiusLG)}`},(0,g.dF)()),{"& > li":{margin:a,color:e.colorTextDescription,textAlign:"center","> span":{position:"relative",display:"block",minWidth:e.calc(e.cardActionsIconSize).mul(2).equal(),fontSize:e.fontSize,lineHeight:e.lineHeight,cursor:"pointer","&:hover":{color:e.colorPrimary,transition:`color ${e.motionDurationMid}`},[`a:not(${n}-btn), > ${t}`]:{display:"inline-block",width:"100%",color:e.colorTextDescription,lineHeight:(0,i.bf)(e.fontHeight),transition:`color ${e.motionDurationMid}`,"&:hover":{color:e.colorPrimary}},[`> ${t}`]:{fontSize:r,lineHeight:(0,i.bf)(e.calc(r).mul(e.lineHeight).equal())}},"&:not(:last-child)":{borderInlineEnd:`${(0,i.bf)(e.lineWidth)} ${e.lineType} ${u}`}}})},Y=e=>Object.assign(Object.assign({margin:`${(0,i.bf)(e.calc(e.marginXXS).mul(-1).equal())} 0`,display:"flex"},(0,g.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},g.vS),"&-description":{color:e.colorTextDescription}}),_=e=>{const{componentCls:n,cardPaddingBase:t,colorFillAlter:a}=e;return{[`${n}-head`]:{padding:`0 ${(0,i.bf)(t)}`,background:a,"&-title":{fontSize:e.fontSize}},[`${n}-body`]:{padding:`${(0,i.bf)(e.padding)} ${(0,i.bf)(t)}`}}},q=e=>{const{componentCls:n}=e;return{overflow:"hidden",[`${n}-body`]:{userSelect:"none"}}},k=e=>{const{antCls:n,componentCls:t,cardShadow:a,cardHeadPadding:r,colorBorderSecondary:u,boxShadowTertiary:c,cardPaddingBase:E,extraColor:b}=e;return{[t]:Object.assign(Object.assign({},(0,g.Wf)(e)),{position:"relative",background:e.colorBgContainer,borderRadius:e.borderRadiusLG,[`&:not(${t}-bordered)`]:{boxShadow:c},[`${t}-head`]:w(e),[`${t}-extra`]:{marginInlineStart:"auto",color:b,fontWeight:"normal",fontSize:e.fontSize},[`${t}-body`]:Object.assign({padding:E,borderRadius:` 0 0 ${(0,i.bf)(e.borderRadiusLG)} ${(0,i.bf)(e.borderRadiusLG)}`},(0,g.dF)()),[`${t}-grid`]:h(e),[`${t}-cover`]:{"> *":{display:"block",width:"100%"},[`img, img + ${n}-image-mask`]:{borderRadius:`${(0,i.bf)(e.borderRadiusLG)} ${(0,i.bf)(e.borderRadiusLG)} 0 0`}},[`${t}-actions`]:J(e),[`${t}-meta`]:Y(e)}),[`${t}-bordered`]:{border:`${(0,i.bf)(e.lineWidth)} ${e.lineType} ${u}`,[`${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:a}},[`${t}-contain-grid`]:{borderRadius:`${(0,i.bf)(e.borderRadiusLG)} ${(0,i.bf)(e.borderRadiusLG)} 0 0 `,[`${t}-body`]:{display:"flex",flexWrap:"wrap"},[`&:not(${t}-loading) ${t}-body`]:{marginBlockStart:e.calc(e.lineWidth).mul(-1).equal(),marginInlineStart:e.calc(e.lineWidth).mul(-1).equal(),padding:0}},[`${t}-contain-tabs`]:{[`> ${t}-head`]:{minHeight:0,[`${t}-head-title, ${t}-extra`]:{paddingTop:r}}},[`${t}-type-inner`]:_(e),[`${t}-loading`]:q(e),[`${t}-rtl`]:{direction:"rtl"}}},ee=e=>{const{componentCls:n,cardPaddingSM:t,headerHeightSM:a,headerFontSizeSM:r}=e;return{[`${n}-small`]:{[`> ${n}-head`]:{minHeight:a,padding:`0 ${(0,i.bf)(t)}`,fontSize:r,[`> ${n}-head-wrapper`]:{[`> ${n}-extra`]:{fontSize:e.fontSize}}},[`> ${n}-body`]:{padding:t}},[`${n}-small${n}-contain-tabs`]:{[`> ${n}-head`]:{[`${n}-head-title, ${n}-extra`]:{paddingTop:0,display:"flex",alignItems:"center"}}}}},te=e=>({headerBg:"transparent",headerFontSize:e.fontSizeLG,headerFontSizeSM:e.fontSize,headerHeight:e.fontSizeLG*e.lineHeightLG+e.padding*2,headerHeightSM:e.fontSize*e.lineHeight+e.paddingXS*2,actionsBg:e.colorBgContainer,actionsLiMargin:`${e.paddingSM}px 0`,tabsMarginBottom:-e.padding-e.lineWidth,extraColor:e.colorText});var ae=(0,p.I$)("Card",e=>{const n=(0,L.TS)(e,{cardShadow:e.boxShadowCard,cardHeadPadding:e.padding,cardPaddingBase:e.paddingLG,cardActionsIconSize:e.fontSize,cardPaddingSM:12});return[k(n),ee(n)]},te),G=function(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)n.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(t[a[r]]=e[a[r]]);return t};const re=e=>{const{prefixCls:n,actions:t=[]}=e;return o.createElement("ul",{className:`${n}-actions`},t.map((a,r)=>{const u=`action-${r}`;return o.createElement("li",{style:{width:`${100/t.length}%`},key:u},o.createElement("span",null,a))}))};var ne=o.forwardRef((e,n)=>{const{prefixCls:t,className:a,rootClassName:r,style:u,extra:c,headStyle:E={},bodyStyle:b={},title:S,loading:D,bordered:O=!0,size:j,type:z,cover:K,actions:N,tabList:T,children:P,activeTabKey:Z,defaultActiveTabKey:le,tabBarExtraContent:se,hoverable:ue,tabProps:ce={}}=e,ge=G(e,["prefixCls","className","rootClassName","style","extra","headStyle","bodyStyle","title","loading","bordered","size","type","cover","actions","tabList","children","activeTabKey","defaultActiveTabKey","tabBarExtraContent","hoverable","tabProps"]),{getPrefixCls:me,direction:be,card:x}=o.useContext(B.E_),fe=y=>{var f;(f=e.onTabChange)===null||f===void 0||f.call(e,y)},pe=o.useMemo(()=>{let y=!1;return o.Children.forEach(P,f=>{f&&f.type&&f.type===v&&(y=!0)}),y},[P]),l=me("card",t),[he,Ee,ye]=ae(l),$e=o.createElement(C.Z,{loading:!0,active:!0,paragraph:{rows:4},title:!1},P),U=Z!==void 0,ve=Object.assign(Object.assign({},ce),{[U?"activeKey":"defaultActiveKey"]:U?Z:le,tabBarExtraContent:se});let X;const F=(0,s.Z)(j),xe=!F||F==="default"?"large":F,Q=T?o.createElement(R.Z,Object.assign({size:xe},ve,{className:`${l}-head-tabs`,onChange:fe,items:T.map(y=>{var{tab:f}=y,Oe=G(y,["tab"]);return Object.assign({label:f},Oe)})})):null;(S||c||Q)&&(X=o.createElement("div",{className:`${l}-head`,style:E},o.createElement("div",{className:`${l}-head-wrapper`},S&&o.createElement("div",{className:`${l}-head-title`},S),c&&o.createElement("div",{className:`${l}-extra`},c)),Q));const Ce=K?o.createElement("div",{className:`${l}-cover`},K):null,Se=o.createElement("div",{className:`${l}-body`,style:b},D?$e:P),Fe=N&&N.length?o.createElement(re,{prefixCls:l,actions:N}):null,Ae=(0,I.Z)(ge,["onTabChange"]),Be=$()(l,x==null?void 0:x.className,{[`${l}-loading`]:D,[`${l}-bordered`]:O,[`${l}-hoverable`]:ue,[`${l}-contain-grid`]:pe,[`${l}-contain-tabs`]:T&&T.length,[`${l}-${F}`]:F,[`${l}-type-${z}`]:!!z,[`${l}-rtl`]:be==="rtl"},a,r,Ee,ye),De=Object.assign(Object.assign({},x==null?void 0:x.style),u);return he(o.createElement("div",Object.assign({ref:n},Ae,{className:Be,style:De}),X,Ce,Se,Fe))}),ie=function(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,a=Object.getOwnPropertySymbols(e);r<a.length;r++)n.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(t[a[r]]=e[a[r]]);return t},oe=e=>{const{prefixCls:n,className:t,avatar:a,title:r,description:u}=e,c=ie(e,["prefixCls","className","avatar","title","description"]),{getPrefixCls:E}=o.useContext(B.E_),b=E("card",n),S=$()(`${b}-meta`,t),D=a?o.createElement("div",{className:`${b}-meta-avatar`},a):null,O=r?o.createElement("div",{className:`${b}-meta-title`},r):null,j=u?o.createElement("div",{className:`${b}-meta-description`},u):null,z=O||j?o.createElement("div",{className:`${b}-meta-detail`},O,j):null;return o.createElement("div",Object.assign({},c,{className:S}),D,z)};const H=ne;H.Grid=v,H.Meta=oe;var de=H}}]);
|