👨🏻‍💻👩🏻‍💻 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.
 
 
 

2 lines
11 KiB

(("undefined"!=typeof globalThis?globalThis:self)["makoChunk_ant-design-pro"]=("undefined"!=typeof globalThis?globalThis:self)["makoChunk_ant-design-pro"]||[]).push([["8a4700ed"],{a3c92095:function(e,a,t){t.d(a,"__esModule",{value:!0}),t.e(a,{default:function(){return ed;}});var l=t("777fffbe"),n=t("852bbaa9"),i=t("dac8af92"),r=t("fdd8b318"),s=l._(r),d=t("0790431f"),o=l._(d),c=t("7cfeda15"),m=l._(c),x=t("609f48be"),f=n._(x),h={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"}}]},name:"message",theme:"outlined"},p=t("887aaf6c"),g=l._(p),u=f.forwardRef(function(e,a){return f.createElement(g.default,(0,m.default)({},e,{ref:a,icon:h}));}),j={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]},name:"star",theme:"outlined"},y=f.forwardRef(function(e,a){return f.createElement(g.default,(0,m.default)({},e,{ref:a,icon:j}));}),v=t("c7d71c0a"),b=t("38ab0c18"),w=l._(b),_=t("084468f6"),k=l._(_),S=t("78a22024"),T=l._(S),R=t("f34e933b"),z=l._(R),C=t("c5150a80"),L=l._(C),M=t("adf76174"),F=l._(M),H=t("cef31543"),N=l._(H),B=t("61ca799d"),I=l._(B),O=t("f0794323"),E=t("60996a32"),V=l._(E),A=t("ab5f2fcc"),$=l._(A),D=t("98213865");let W=(0,D.createStyles)(({token:e})=>({description:{maxWidth:"720px",lineHeight:"22px"},extra:{marginTop:"16px",color:e.colorTextSecondary,lineHeight:"22px","& > em":{marginLeft:"16px",color:e.colorTextDisabled,fontStyle:"normal"},[`@media screen and (max-width: ${e.screenXS}px)`]:{"& > em":{display:"block",marginTop:"8px",marginLeft:"0"}}}})),Y=({data:{content:e,updatedAt:a,avatar:t,owner:l,href:n}})=>{let{styles:r}=W();return(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:r.description,children:e}),(0,i.jsxs)("div",{className:r.extra,children:[(0,i.jsx)(V.default,{src:t,size:"small"}),(0,i.jsx)("a",{href:n,children:l})," \u53D1\u5E03\u5728 ",(0,i.jsx)("a",{href:n,children:n}),(0,i.jsx)("em",{children:(0,$.default)(a).format("YYYY-MM-DD HH:mm")})]})]});};var G=t("064ecd09"),q=l._(G);let X=(0,D.createStyles)(({token:e})=>({standardFormRow:{display:"flex",width:"100%",marginBottom:"16px",paddingBottom:"16px",borderBottom:`1px dashed ${e.colorSplit}`,".ant-form-item, .ant-legacy-form-item":{marginRight:"24px"},".ant-form-item-label, .ant-legacy-form-item-label":{label:{marginRight:"0",color:e.colorText}},".ant-form-item-label, .ant-legacy-form-item-label, .ant-form-item-control, .ant-legacy-form-item-control":{padding:"0",lineHeight:"32px"}},label:{flex:"0 0 auto",marginRight:"24px",color:e.colorTextHeading,fontSize:e.fontSize,textAlign:"right","& > span":{display:"inline-block",height:"32px",lineHeight:"32px","&::after":{content:"'\uFF1A'"}}},content:{flex:"1 1 0",".ant-form-item, .ant-legacy-form-item":{"&:last-child":{display:"block",marginRight:"0"}}},standardFormRowLast:{marginBottom:"0",paddingBottom:"0",border:"none"},standardFormRowBlock:{".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper":{display:"block"}},standardFormRowGrid:{".ant-form-item, .ant-legacy-form-item, div.ant-form-item-control-wrapper, div.ant-legacy-form-item-control-wrapper":{display:"block"},".ant-form-item-label, .ant-legacy-form-item-label":{float:"left"}}})),K=({title:e,children:a,last:t,block:l,grid:n,...r})=>{let{styles:s}=X(),d=(0,q.default)(s.standardFormRow,{[s.standardFormRowBlock]:l,[s.standardFormRowLast]:t,[s.standardFormRowGrid]:n});return(0,i.jsxs)("div",{className:d,...r,children:[e&&(0,i.jsx)("div",{className:s.label,children:(0,i.jsx)("span",{children:e})}),(0,i.jsx)("div",{className:s.content,children:a})]});};var J=t("0300f56f"),P=l._(J),Q=t("c4157706"),U=l._(Q),Z=t("e313b0e4");let ee=(0,D.createStyles)(({token:e})=>({tagSelect:{position:"relative",maxHeight:"32px",marginLeft:"-8px",overflow:"hidden",lineHeight:"32px",transition:"all 0.3s",userSelect:"none",".ant-tag":{marginRight:"24px",padding:"0 8px",fontSize:e.fontSize}},trigger:{position:"absolute",top:"0",right:"0","span.anticon":{fontSize:"12px"}},expanded:{maxHeight:"200px",transition:"all 0.3s"},hasExpandTag:{paddingRight:"50px"}})),{CheckableTag:ea}=I.default,et=({children:e,checked:a,onChange:t,value:l})=>(0,i.jsx)(ea,{checked:!!a,onChange:e=>null==t?void 0:t(l,e),children:e},l);et.isTagSelectOption=!0;let el=e=>{let{styles:a}=ee(),{children:t,hideCheckAll:l=!1,className:n,style:r,expandable:s,actionsText:d={}}=e,[o,c]=(0,f.useState)(!1),[m,x]=(0,Z.useMergedState)(e.defaultValue||[],{value:e.value,defaultValue:e.defaultValue,onChange:e.onChange}),h=e=>(null==e?void 0:e.type)&&(e.type.isTagSelectOption||"TagSelectOption"===e.type.displayName),p=()=>f.default.Children.toArray(t).filter(e=>h(e)).map(e=>e.props.value)||[],g=(e,a)=>{let t=[...m||[]],l=t.indexOf(e);a&&-1===l?t.push(e):!a&&l>-1&&t.splice(l,1),x(t);},u=p().length===(null==m?void 0:m.length),{expandText:j="\u5C55\u5F00",collapseText:y="\u6536\u8D77",selectAllText:v="\u5168\u90E8"}=d,b=(0,q.default)(a.tagSelect,n,{[a.hasExpandTag]:s,[a.expanded]:o});return(0,i.jsxs)("div",{className:b,style:r,children:[l?null:(0,i.jsx)(ea,{checked:u,onChange:e=>{let a=[];e&&(a=p()),x(a);},children:v},"tag-select-__all__"),t&&f.default.Children.map(t,e=>h(e)?f.default.cloneElement(e,{key:`tag-select-${e.props.value}`,value:e.props.value,checked:m&&m.indexOf(e.props.value)>-1,onChange:g}):e),s&&(0,i.jsx)("a",{className:a.trigger,onClick:()=>{c(!o);},children:o?(0,i.jsxs)(i.Fragment,{children:[y," ",(0,i.jsx)(U.default,{})]}):(0,i.jsxs)(i.Fragment,{children:[j,(0,i.jsx)(P.default,{})]})})]});};async function en(e){return(0,v.request)("/api/fake_list",{params:e});}el.Option=et;let ei=(0,D.createStyles)(({token:e})=>({listItemMetaTitle:{color:e.colorTextHeading},listItemExtra:{width:"272px",height:"1px",[`@media screen and (max-width: ${e.screenLG}px)`]:{width:"0",height:"1px"}},selfTrigger:{marginLeft:"12px",[`@media screen and (max-width: ${e.screenXS}px)`]:{display:"block",marginLeft:"0"},[`@media screen and (max-width: ${e.screenMD}px)`]:{display:"block",marginLeft:"0"}}})),er=z.default.Item,es=({type:e,text:a})=>{switch(e){case"star-o":return(0,i.jsxs)("span",{children:[(0,i.jsx)(y,{style:{marginRight:8}}),a]});case"like-o":return(0,i.jsxs)("span",{children:[(0,i.jsx)(s.default,{style:{marginRight:8}}),a]});case"message":return(0,i.jsxs)("span",{children:[(0,i.jsx)(u,{style:{marginRight:8}}),a]});default:return null;}},ed=()=>{let[e]=z.default.useForm(),{styles:a}=ei(),{data:t,reload:l,loading:n,loadMore:r,loadingMore:s}=(0,v.useRequest)(()=>en({count:5}),{loadMore:!0}),d=(null==t?void 0:t.list)||[],c=[{id:"wzj",name:"\u6211\u81EA\u5DF1"},{id:"wjh",name:"\u5434\u5BB6\u8C6A"},{id:"zxx",name:"\u5468\u661F\u661F"},{id:"zly",name:"\u8D75\u4E3D\u9896"},{id:"ym",name:"\u59DA\u660E"}],m={wrapperCol:{xs:{span:24},sm:{span:24},md:{span:12}}},x=d.length>0&&(0,i.jsx)("div",{style:{textAlign:"center",marginTop:16},children:(0,i.jsx)(w.default,{onClick:r,style:{paddingLeft:48,paddingRight:48},children:s?(0,i.jsxs)("span",{children:[(0,i.jsx)(o.default,{})," \u52A0\u8F7D\u4E2D..."]}):"\u52A0\u8F7D\u66F4\u591A"})}),h=(0,f.useMemo)(()=>c.map(e=>({label:e.name,value:e.id})),[]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(k.default,{variant:"borderless",children:(0,i.jsxs)(z.default,{layout:"inline",form:e,initialValues:{owner:["wjh","zxx"]},onValuesChange:l,children:[(0,i.jsx)(K,{title:"\u6240\u5C5E\u7C7B\u76EE",block:!0,style:{paddingBottom:11},children:(0,i.jsx)(er,{name:"category",children:(0,i.jsx)(el,{expandable:!0,children:O.categoryOptions.filter(e=>void 0!==e.value&&null!==e.value).map(e=>(0,i.jsx)(el.Option,{value:e.value,children:e.label},e.value))})})}),(0,i.jsxs)(K,{title:"owner",grid:!0,children:[(0,i.jsx)(er,{name:"owner",noStyle:!0,children:(0,i.jsx)(N.default,{mode:"multiple",placeholder:"\u9009\u62E9 owner",style:{minWidth:"6rem"},options:h})}),(0,i.jsx)("a",{className:a.selfTrigger,onClick:()=>{e.setFieldsValue({owner:["wzj"]});},children:"\u53EA\u770B\u81EA\u5DF1\u7684"})]}),(0,i.jsx)(K,{title:"\u5176\u5B83\u9009\u9879",grid:!0,last:!0,children:(0,i.jsxs)(F.default,{gutter:16,children:[(0,i.jsx)(T.default,{xl:8,lg:10,md:12,sm:24,xs:24,children:(0,i.jsx)(er,{...m,label:"\u6D3B\u8DC3\u7528\u6237",name:"user",children:(0,i.jsx)(N.default,{placeholder:"\u4E0D\u9650",style:{maxWidth:200,width:"100%"},options:[{label:"\u674E\u4E09",value:"lisa"}]})})}),(0,i.jsx)(T.default,{xl:8,lg:10,md:12,sm:24,xs:24,children:(0,i.jsx)(er,{...m,label:"\u597D\u8BC4\u5EA6",name:"rate",children:(0,i.jsx)(N.default,{placeholder:"\u4E0D\u9650",style:{maxWidth:200,width:"100%"},options:[{label:"\u4F18\u79C0",value:"good"}]})})})]})})]})}),(0,i.jsx)(k.default,{style:{marginTop:24},variant:"borderless",styles:{body:{padding:"8px 32px 32px 32px"}},children:(0,i.jsx)(L.default,{size:"large",loading:n,rowKey:"id",itemLayout:"vertical",loadMore:x,dataSource:d,renderItem:e=>(0,i.jsxs)(L.default.Item,{actions:[(0,i.jsx)(es,{type:"star-o",text:e.star},"star"),(0,i.jsx)(es,{type:"like-o",text:e.like},"like"),(0,i.jsx)(es,{type:"message",text:e.message},"message")],extra:(0,i.jsx)("div",{className:a.listItemExtra}),children:[(0,i.jsx)(L.default.Item.Meta,{title:(0,i.jsx)("a",{className:a.listItemMetaTitle,href:e.href,children:e.title}),description:(0,i.jsxs)("span",{children:[(0,i.jsx)(I.default,{children:"Ant Design"}),(0,i.jsx)(I.default,{children:"\u8BBE\u8BA1\u8BED\u8A00"}),(0,i.jsx)(I.default,{children:"\u8682\u8681\u91D1\u670D"})]})}),(0,i.jsx)(Y,{data:e})]},e.id)})})]});};}}]);
//# sourceMappingURL=8a4700ed-async.177271ae.js.map