mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +08:00
87 lines
10 KiB
JavaScript
87 lines
10 KiB
JavaScript
|
(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["63c628e4"],{"48a3cd39":function(e,o,t){"use strict";t.d(o,"__esModule",{value:!0}),t.d(o,"default",{enumerable:!0,get:function(){return h;}});var i=t("777fffbe"),n=t("852bbaa9"),a=t("f19d2b93"),r=i._(t("5b220c3d")),l=n._(t("e22febe0")),c=t("a9d1a279"),s=t("3835a2b7"),d=i._(t("600aabe0")),u=i._(t("e213442f"));let p=(0,s.createStyles)(({token:e,css:o})=>{let{antCls:t,iconCls:i}=e;return{iconItem:o`
|
||
|
display: inline-flex;
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
margin-inline-start: 0 !important;
|
||
|
margin-inline-end: 0 !important;
|
||
|
padding-inline-start: 0 !important;
|
||
|
padding-inline-end: 0 !important;
|
||
|
position: relative;
|
||
|
width: 200px;
|
||
|
height: 100px;
|
||
|
overflow: hidden;
|
||
|
color: #555;
|
||
|
text-align: center;
|
||
|
list-style: none;
|
||
|
background-color: inherit;
|
||
|
border-radius: ${e.borderRadiusSM}px;
|
||
|
cursor: pointer;
|
||
|
transition: all ${e.motionDurationSlow} ease-in-out;
|
||
|
${e.iconCls} {
|
||
|
margin: ${e.marginXS}px 0;
|
||
|
font-size: 36px;
|
||
|
transition: transform ${e.motionDurationSlow} ease-in-out;
|
||
|
will-change: transform;
|
||
|
}
|
||
|
&:hover {
|
||
|
color: ${e.colorWhite};
|
||
|
background-color: ${e.colorPrimary};
|
||
|
${i} {
|
||
|
transform: scale(1.3);
|
||
|
}
|
||
|
${t}-badge {
|
||
|
color: ${e.colorWhite};
|
||
|
}
|
||
|
}
|
||
|
&.TwoTone:hover {
|
||
|
background-color: #8ecafe;
|
||
|
}
|
||
|
&.copied:hover {
|
||
|
color: rgba(255, 255, 255, 0.2);
|
||
|
}
|
||
|
&::after {
|
||
|
content: 'Copied!';
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
inset-inline-start: 0;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
line-height: 100px;
|
||
|
color: ${e.colorTextLightSolid};
|
||
|
text-align: center;
|
||
|
background-color: ${e.colorPrimary};
|
||
|
opacity: 0;
|
||
|
transition: all ${e.motionDurationSlow} cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
||
|
}
|
||
|
&.copied::after {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
`,anticonCls:o`
|
||
|
display: block;
|
||
|
font-family: 'Lucida Console', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||
|
white-space: nowrap;
|
||
|
text-align: center;
|
||
|
transform: scale(0.8);
|
||
|
${t}-badge {
|
||
|
transition: color ${e.motionDurationSlow} ease-in-out;
|
||
|
}
|
||
|
`};});var h=e=>{let{message:o}=c.App.useApp(),{name:t,isNew:i,justCopied:n,theme:s,onCopied:h}=e,{styles:f}=p();return(0,a.jsx)(u.default,{text:`<${t} />`,onCopy:(e,i)=>{i?h(t,e):o.error("Copy icon name failed, please try again.");},children:(0,a.jsxs)("li",{className:(0,d.default)(s,f.iconItem,{copied:n===t}),children:[r.default.createElement(l[t]),(0,a.jsx)("span",{className:f.anticonCls,children:(0,a.jsx)(c.Badge,{dot:i,children:t})})]})});};},"4fe5f6da":function(e,o,t){"use strict";t.d(o,"__esModule",{value:!0}),t.d(o,"categories",{enumerable:!0,get:function(){return d;}});let i=Object.keys(t("852bbaa9")._(t("88545bc9"))).map(e=>e.replace(/(Outlined|Filled|TwoTone)$/,"")).filter((e,o,t)=>t.indexOf(e)===o),n=["StepBackward","StepForward","FastBackward","FastForward","Shrink","ArrowsAlt","Down","Up","Left","Right","CaretUp","CaretDown","CaretLeft","CaretRight","UpCircle","DownCircle","LeftCircle","RightCircle","DoubleRight","DoubleLeft","VerticalLeft","VerticalRight","VerticalAlignTop","VerticalAlignMiddle","VerticalAlignBottom","Forward","Backward","Rollback","Enter","Retweet","Swap","SwapLeft","SwapRight","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","PlayCircle","UpSquare","DownSquare","LeftSquare","RightSquare","Login","Logout","MenuFold","MenuUnfold","BorderBottom","BorderHorizontal","BorderInner","BorderOuter","BorderLeft","BorderRight","BorderTop","BorderVerticle","PicCenter","PicLeft","PicRight","RadiusBottomleft","RadiusBottomright","RadiusUpleft","RadiusUpright","Fullscreen","FullscreenExit"],a=["Question","QuestionCircle","Plus","PlusCircle","Pause","PauseCircle","Minus","MinusCircle","PlusSquare","MinusSquare","Info","InfoCircle","Exclamation","ExclamationCircle","Close","CloseCircle","CloseSquare","Check","CheckCircle","CheckSquare","ClockCircle","Warning","IssuesClose","Stop"],r=["Edit","Form","Copy","Scissor","Delete","Snippets","Diff","Highlight","AlignCenter","AlignLeft","AlignRight","BgColors","Bold","Italic","Underline","Strikethrough","Redo","Undo","ZoomIn","ZoomOut","FontColors","FontSize","LineHeight","Dash","SmallDash","SortAscending","SortDescending","Drag","OrderedList","UnorderedList","RadiusSetting","ColumnWidth","ColumnHeight"],l=["AreaChart","PieChart","BarChart","DotChart","LineChart","RadarChart","HeatMap","Fall","Rise","Stock","BoxPlot","Fund","Sliders"],c=["Android","Apple","Windows","Ie","Chrome","Github","Aliwangwang","Dingding","WeiboSquare","WeiboCircle","TaobaoCircle","Html5","Weibo","Twitter","Wechat","WhatsApp","Youtube","AlipayCircle","Taobao","Dingtalk","Skype","Qq","MediumWorkmark","Gitlab","Medium","Linkedin","GooglePlus","Dropbox","Facebook","Codepen","CodeSandbox","CodeSandboxCircle","Amazon","Google","CodepenCircle","Alipay","AntDesign","AntCloud","Aliyun","Zhihu","Slack","SlackSquare","Behance","BehanceSquare","Dribbble","DribbbleSquare","Instagram","Yuque","Alibaba","Yahoo","Reddit","Sketch","WechatWork","OpenAI","Discord","X","Bilibili","Pinterest","TikTok","Spotify","Twitch","Linux","Java","JavaScript","Python","Ruby","DotNet","Kubernetes","Docker","Baidu","HarmonyOS"],s=[...n,...a,...r,...l,...c],d={direction:n,suggestion:a,editor:r,data:l,logo:c,other:i.filter(e=>!s.includes(e))};},"5fd9bb0a":function(e,o,t){"use strict";t.d(o,"__esModule",{value:!0}),t.d(o,"default",{enumerable:!0,get:function(){return p;}});var i=t("777fffbe"),n=t("852bbaa9"),a=t("f19d2b93"),r=n._(t("5b220c3d")),l=t("a9d1a279"),c=t("3835a2b7"),s=t("9c86e52a"),d=i._(t("48a3cd39"));let u=(0,c.createStyles)(({token:e,css:o})=>({anticonsList:o`
|
||
|
margin: ${e.margin}px 0;
|
||
|
overflow: hidden;
|
||
|
direction: ltr;
|
||
|
list-style: none;
|
||
|
display: grid;
|
||
|
grid-gap: ${e.margin}px;
|
||
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||
|
padding: 0;
|
||
|
`,copiedCode:o`
|
||
|
padding: 0 ${e.paddingXXS}px;
|
||
|
font-size: ${e.fontSizeSM}px;
|
||
|
background-color: ${e.colorBgLayout};
|
||
|
border-radius: ${e.borderRadiusXS}px;
|
||
|
`}));var p=e=>{let{message:o}=l.App.useApp(),{icons:t,title:i,newIcons:n,theme:c}=e,{styles:p}=u(),h=(0,s.useIntl)(),[f,g]=r.useState(null),m=r.useRef(null),b=r.useCallback((e,t)=>{o.success((0,a.jsxs)("span",{children:[(0,a.jsx)("code",{className:p.copiedCode,children:t})," copied \u{1F389}"]})),g(e),m.current=setTimeout(()=>{g(null);},2e3);},[]);return r.useEffect(()=>()=>{m.current&&clearTimeout(m.current);},[]),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{children:h.formatMessage({id:`app.docs.components.icon.category.${i}`})}),(0,a.jsx)("ul",{className:p.anticonsList,children:t.map(e=>(0,a.jsx)(d.default,{name:e,theme:c,isNew:n.includes(e),justCopied:f,onCopied:b},e))})]});};},"63c628e4":function(e,o,t){"use strict";t.d(o,"__esModule",{value:!0}),t.e(o,{ThemeType:function(){return n;},default:function(){return x;}});var i,n,a=t("777fffbe"),r=t("852bbaa9"),l=t("f19d2b93"),c=t("5b220c3d"),s=r._(t("e22febe0")),d=t("a9d1a279"),u=t("3835a2b7"),p=t("9c86e52a"),h=a._(t("57eb61c5")),f=a._(t("5fd9bb0a")),g=t("4fe5f6da"),m=t("a68b1f90");(i=n||(n={})).Filled="Filled",i.Outlined="Outlined",i.TwoTone="TwoTone";let b=(0,u.createStyles)(({token:e,css:o})=>({iconSearchAffix:o`
|
||
|
display: flex;
|
||
|
transition: all ${e.motionDurationSlow};
|
||
|
justify-content: space-between;
|
||
|
`})),C=e=>[{value:"Outlined",icon:(0,l.jsx)(s.default,{component:m.OutlinedIcon}),label:e({id:"app.docs.components.icon.outlined"})},{value:"Filled",icon:(0,l.jsx)(s.default,{component:m.FilledIcon}),label:e({id:"app.docs.components.icon.filled"})},{value:"TwoTone",icon:(0,l.jsx)(s.default,{component:m.TwoToneIcon}),label:e({id:"app.docs.components.icon.two-tone"})}];var x=()=>{let e=(0,p.useIntl)(),{styles:o}=b(),[t,i]=(0,c.useState)({searchKey:"",theme:"Outlined"}),n=(0,u.useTheme)(),a=[],r=(0,h.default)(e=>{i(o=>({...o,searchKey:e.target.value}));},300),m=(0,c.useCallback)(e=>{i(o=>({...o,theme:e}));},[]),x=(0,c.useMemo)(()=>{let{searchKey:e="",theme:o}=t,i=Object.keys(g.categories).map(t=>{let i=g.categories[t];if(e){let o=e.replace(/^<([a-z]*)\s\/>$/gi,(e,o)=>o).replace(/(Filled|Outlined|TwoTone)$/,"").toLowerCase();i=i.filter(e=>e.toLowerCase().includes(o));}let n=["CopyrightCircle","DollarCircle"];return{category:t,icons:(i=i.filter(e=>!n.includes(e))).map(e=>e+o).filter(e=>s[e])};}).filter(({icons:e})=>!!e.length).map(({category:e,icons:t})=>(0,l.jsx)(f.default,{title:e,theme:o,icons:t,newIcons:a},e));return i.length?i:(0,l.jsx)(d.Empty,{style:{margin:"2em 0"}});},[t.searchKey,t.theme]),[S,w]=(0,c.useState)(!1),{borderRadius:y,colorBgContainer:k,anchorTop:v}=n;return(0,l.jsxs)("div",{className:"markdown",children:[(0,l.jsx)(d.Affix,{offsetTop:v,onChange:w,children:(0,l.jsxs)("div",{className:o.iconSearchAffix,style:S?{boxShadow:"rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px",padding:8,margin:-8,borderRadius:y,backgroundColor:k}:{},children:[(0,l.jsx)(d.Segmented,{size:"large",value:t.theme,options:C(e.formatMessage),onChange:m}),(0,l.jsx)(d.Input.Search,{placeholder:e.formatMessage({id:"app.docs.components.icon.search.placeholder"}),style:{flex:1,marginInlineStart:16},allowClear:!0,autoFocus:!0,size:"large",onChange:r})]})}),x]});};},a68b1f90:function(e,o,t){"use strict";t.d(o,"__esModule",{value:!0}),t.e(o,{FilledIcon:function(){return n;},OutlinedIcon:function(){return a;},TwoToneIcon:function(){return r;}});var i=t("f19d2b93");let n=e=>(0,i.jsxs)("svg",{...e,viewBox:"0 0 1024 1024",children:[(0,i.jsx)("title",{children:"Filled Icon"}),(0,i.jsx)("path",{d:"M864 64H160C107 64 64 107 64 160v704c0 53 43 96 96 96h704c53 0 96-43 96-96V160c0-53-43-96-96-96z"})]}),a=e=>(0,i.jsxs)("svg",{...e,viewBox:"0 0 1024 1024",children:[(0,i.jsx)("title",{children:"Outlined Icon"}),(0,i.jsx)("path",{d:"M864 64H160C107 64 64 107 64 160v704c0 53 43 96 96 96h704c53 0 96-43 96-96V160c0-53-43-96-96-96z m-12 800H172c-6.6 0-12-5.4-12-12V172c0-6.6 5.4-12 12-12h680c6.6 0 12 5.4 12 12v680c0 6.6-5.4 12-12 12z"})]}),r=e=>(0,i.jsxs)("svg",{...e,viewBox:"0 0 1024 1024",children:[(0,i.jsx)("title",{children:"TwoTone Icon"}),(0,i.jsx)("path",{d:"M16 512c0 273.932 222.066 496 496 496s496-222.068 496-496S785.932 16 512 16 16 238.066 16 512z m496 368V144c203.41 0 368 164.622 368 368 0 203.41-164.622 368-368 368z"})]});}}]);
|