@fle-ui/next 1.0.0-alpha.12 → 1.0.0-alpha.13

package/docs-dist/demos_redivorp-gifnoc.js

@@ -1 +1,2154 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[104],{"87WH":function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),r=t.n(n),c=t("m/eG"),m=t("m4a3"),o=t("7Pqi"),i=t.n(o),s=t("k1fw"),E=t("HjOm"),u=t.n(E),d={placeholder:"\u8bf7\u9009\u62e9\u65f6\u95f4",rangePlaceholder:["\u5f00\u59cb\u65f6\u95f4","\u7ed3\u675f\u65f6\u95f4"]},p=d,b={lang:Object(s["a"])({placeholder:"\u8bf7\u9009\u62e9\u65e5\u671f",yearPlaceholder:"\u8bf7\u9009\u62e9\u5e74\u4efd",quarterPlaceholder:"\u8bf7\u9009\u62e9\u5b63\u5ea6",monthPlaceholder:"\u8bf7\u9009\u62e9\u6708\u4efd",weekPlaceholder:"\u8bf7\u9009\u62e9\u5468",rangePlaceholder:["\u5f00\u59cb\u65e5\u671f","\u7ed3\u675f\u65e5\u671f"],rangeYearPlaceholder:["\u5f00\u59cb\u5e74\u4efd","\u7ed3\u675f\u5e74\u4efd"],rangeMonthPlaceholder:["\u5f00\u59cb\u6708\u4efd","\u7ed3\u675f\u6708\u4efd"],rangeWeekPlaceholder:["\u5f00\u59cb\u5468","\u7ed3\u675f\u5468"]},u.a),timePickerLocale:Object(s["a"])({},p)};b.lang.ok="\u786e \u5b9a";var h=b,y=h,g="${label}\u4e0d\u662f\u4e00\u4e2a\u6709\u6548\u7684${type}",v={locale:"zh-cn",Pagination:i.a,DatePicker:h,TimePicker:p,Calendar:y,global:{placeholder:"\u8bf7\u9009\u62e9"},Table:{filterTitle:"\u7b5b\u9009",filterConfirm:"\u786e\u5b9a",filterReset:"\u91cd\u7f6e",filterEmptyText:"\u65e0\u7b5b\u9009\u9879",filterCheckall:"\u5168\u9009",filterSearchPlaceholder:"\u5728\u7b5b\u9009\u9879\u4e2d\u641c\u7d22",selectAll:"\u5168\u9009\u5f53\u9875",selectInvert:"\u53cd\u9009\u5f53\u9875",selectNone:"\u6e05\u7a7a\u6240\u6709",selectionAll:"\u5168\u9009\u6240\u6709",sortTitle:"\u6392\u5e8f",expand:"\u5c55\u5f00\u884c",collapse:"\u5173\u95ed\u884c",triggerDesc:"\u70b9\u51fb\u964d\u5e8f",triggerAsc:"\u70b9\u51fb\u5347\u5e8f",cancelSort:"\u53d6\u6d88\u6392\u5e8f"},Modal:{okText:"\u786e\u5b9a",cancelText:"\u53d6\u6d88",justOkText:"\u77e5\u9053\u4e86"},Popconfirm:{cancelText:"\u53d6\u6d88",okText:"\u786e\u5b9a"},Transfer:{searchPlaceholder:"\u8bf7\u8f93\u5165\u641c\u7d22\u5185\u5bb9",itemUnit:"\u9879",itemsUnit:"\u9879",remove:"\u5220\u9664",selectCurrent:"\u5168\u9009\u5f53\u9875",removeCurrent:"\u5220\u9664\u5f53\u9875",selectAll:"\u5168\u9009\u6240\u6709",removeAll:"\u5220\u9664\u5168\u90e8",selectInvert:"\u53cd\u9009\u5f53\u9875"},Upload:{uploading:"\u6587\u4ef6\u4e0a\u4f20\u4e2d",removeFile:"\u5220\u9664\u6587\u4ef6",uploadError:"\u4e0a\u4f20\u9519\u8bef",previewFile:"\u9884\u89c8\u6587\u4ef6",downloadFile:"\u4e0b\u8f7d\u6587\u4ef6"},Empty:{description:"\u6682\u65e0\u6570\u636e"},Icon:{icon:"\u56fe\u6807"},Text:{edit:"\u7f16\u8f91",copy:"\u590d\u5236",copied:"\u590d\u5236\u6210\u529f",expand:"\u5c55\u5f00"},PageHeader:{back:"\u8fd4\u56de"},Form:{optional:"\uff08\u53ef\u9009\uff09",defaultValidateMessages:{default:"\u5b57\u6bb5\u9a8c\u8bc1\u9519\u8bef${label}",required:"\u8bf7\u8f93\u5165${label}",enum:"${label}\u5fc5\u987b\u662f\u5176\u4e2d\u4e00\u4e2a[${enum}]",whitespace:"${label}\u4e0d\u80fd\u4e3a\u7a7a\u5b57\u7b26",date:{format:"${label}\u65e5\u671f\u683c\u5f0f\u65e0\u6548",parse:"${label}\u4e0d\u80fd\u8f6c\u6362\u4e3a\u65e5\u671f",invalid:"${label}\u662f\u4e00\u4e2a\u65e0\u6548\u65e5\u671f"},types:{string:g,method:g,array:g,object:g,number:g,date:g,boolean:g,integer:g,float:g,regexp:g,email:g,url:g,hex:g},string:{len:"${label}\u987b\u4e3a${len}\u4e2a\u5b57\u7b26",min:"${label}\u6700\u5c11${min}\u4e2a\u5b57\u7b26",max:"${label}\u6700\u591a${max}\u4e2a\u5b57\u7b26",range:"${label}\u987b\u5728${min}-${max}\u5b57\u7b26\u4e4b\u95f4"},number:{len:"${label}\u5fc5\u987b\u7b49\u4e8e${len}",min:"${label}\u6700\u5c0f\u503c\u4e3a${min}",max:"${label}\u6700\u5927\u503c\u4e3a${max}",range:"${label}\u987b\u5728${min}-${max}\u4e4b\u95f4"},array:{len:"\u987b\u4e3a${len}\u4e2a${label}",min:"\u6700\u5c11${min}\u4e2a${label}",max:"\u6700\u591a${max}\u4e2a${label}",range:"${label}\u6570\u91cf\u987b\u5728${min}-${max}\u4e4b\u95f4"},pattern:{mismatch:"${label}\u4e0e\u6a21\u5f0f\u4e0d\u5339\u914d${pattern}"}}},Image:{preview:"\u9884\u89c8"}},f=v,k=t("wd/R"),x=t.n(k);t("XDpg");x.a.locale("en");var S=()=>{var e=Object(n["useState"])(!1),a=Object(l["a"])(e,2),t=a[0],m=a[1],o=c["Q"].Option,i=c["s"].RangePicker,s=[{title:"Name",dataIndex:"name",filters:[{text:"filter1",value:"filter1"}]},{title:"Age",dataIndex:"age"}],E=()=>{m(!0)},u=()=>{m(!1)},d=()=>{c["G"].info({title:"some info",content:"some info"})},p=()=>{c["G"].confirm({title:"some info",content:"some info"})};return r.a.createElement("div",{className:"locale-components"},r.a.createElement("div",{className:"example"},r.a.createElement(c["I"],{defaultCurrent:1,total:50,showSizeChanger:!0})),r.a.createElement("div",{className:"example"},r.a.createElement(c["Q"],{showSearch:!0,style:{width:200}},r.a.createElement(o,{value:"jack"},"jack"),r.a.createElement(o,{value:"lucy"},"lucy")),r.a.createElement(c["s"],null),r.a.createElement(c["bb"],null),r.a.createElement(i,{style:{width:200}})),r.a.createElement("div",{className:"example"},r.a.createElement(c["i"],{type:"primary",onClick:E},"Show Modal"),r.a.createElement(c["i"],{onClick:d},"Show info"),r.a.createElement(c["i"],{onClick:p},"Show confirm"),r.a.createElement(c["J"],{title:"Question?"},r.a.createElement("a",{href:"#"},"Click to confirm"))),r.a.createElement("div",{className:"example"},r.a.createElement(c["eb"],{dataSource:[],showSearch:!0,targetKeys:[],render:e=>e.title})),r.a.createElement("div",{className:"site-config-provider-calendar-wrapper"},r.a.createElement(c["j"],{fullscreen:!1,value:x()()})),r.a.createElement("div",{className:"example"},r.a.createElement(c["Y"],{dataSource:[],columns:s})),r.a.createElement(c["G"],{title:"Locale Modal",visible:t,onCancel:u},r.a.createElement("p",null,"Locale Modal")))},C=()=>{var e=Object(n["useState"])(m["a"]),a=Object(l["a"])(e,2),t=a[0],o=a[1],i=e=>{var a=e.target.value;o(a),a?x.a.locale("zh-cn"):x.a.locale("en")};return r.a.createElement("div",null,r.a.createElement("div",{className:"change-locale"},r.a.createElement("span",{style:{marginRight:16}},"Change locale of components: "),r.a.createElement(c["M"].Group,{value:t,onChange:i},r.a.createElement(c["M"].Button,{key:"en",value:m["a"]},"English"),r.a.createElement(c["M"].Button,{key:"cn",value:f},"\u4e2d\u6587"))),r.a.createElement(c["r"],{locale:t},r.a.createElement(S,{key:t?t.locale:"en"})))};a["default"]=C},TQTk:function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),r=t.n(n),c=t("m/eG"),m=()=>{var e=c["Z"].TabPane,a=Object(n["useState"])("small"),t=Object(l["a"])(a,2),m=t[0],o=t[1],i=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age"}];return r.a.createElement("div",null,r.a.createElement(c["M"].Group,{value:m,onChange:e=>{o(e.target.value)}},r.a.createElement(c["M"].Button,{value:"small"},"Small"),r.a.createElement(c["M"].Button,{value:"middle"},"Middle"),r.a.createElement(c["M"].Button,{value:"large"},"Large")),r.a.createElement(c["u"],null),r.a.createElement(c["r"],{componentSize:m},r.a.createElement("div",{className:"example"},r.a.createElement(c["A"],null)),r.a.createElement("div",{className:"example"},r.a.createElement(c["Z"],{defaultActiveKey:"1"},r.a.createElement(e,{tab:"Tab 1",key:"1"},"Content of Tab Pane 1"),r.a.createElement(e,{tab:"Tab 2",key:"2"},"Content of Tab Pane 2"),r.a.createElement(e,{tab:"Tab 3",key:"3"},"Content of Tab Pane 3"))),r.a.createElement("div",{className:"example"},r.a.createElement(c["A"].Search,{allowClear:!0})),r.a.createElement("div",{className:"example"},r.a.createElement(c["A"].TextArea,{allowClear:!0})),r.a.createElement("div",{className:"example"},r.a.createElement(c["Q"],{defaultValue:"demo",options:[{value:"demo"}]})),r.a.createElement("div",{className:"example"},r.a.createElement(c["s"],null)),r.a.createElement("div",{className:"example"},r.a.createElement(c["s"].RangePicker,null)),r.a.createElement("div",{className:"example"},r.a.createElement(c["i"],null,"Button")),r.a.createElement("div",{className:"example"},r.a.createElement(c["k"],{title:"Card"},r.a.createElement(c["Y"],{columns:i,dataSource:[{key:"1",name:"John Brown",age:32},{key:"2",name:"Jim Green",age:42},{key:"3",name:"Joe Black",age:32}]})))))};a["default"]=m},nYej:function(e,a,t){"use strict";t.r(a);var l=t("tJVT"),n=t("q1tI"),r=t.n(n),c=t("m/eG"),m=t("l+S1"),o=t("ePAT"),i=t("dF/Y"),s=t("5bA4"),E=t("UESt"),u=t("tUHX"),d=t("xvlK"),p=c["A"].Group,b=c["i"].Group,h=c["Q"].Option,y=c["fb"].TreeNode,g=c["A"].Search,v=c["W"].Step,f=[{value:"tehran",label:"\u062a\u0647\u0631\u0627\u0646",children:[{value:"tehran-c",label:"\u062a\u0647\u0631\u0627\u0646",children:[{value:"saadat-abad",label:"\u0633\u0639\u0627\u062f\u062a \u0622\u06cc\u0627\u062f"}]}]},{value:"ardabil",label:"\u0627\u0631\u062f\u0628\u06cc\u0644",children:[{value:"ardabil-c",label:"\u0627\u0631\u062f\u0628\u06cc\u0644",children:[{value:"primadar",label:"\u067e\u06cc\u0631\u0645\u0627\u062f\u0631"}]}]},{value:"gilan",label:"\u06af\u06cc\u0644\u0627\u0646",children:[{value:"rasht",label:"\u0631\u0634\u062a",children:[{value:"district-3",label:"\u0645\u0646\u0637\u0642\u0647 \u06f3"}]}]}],k=e=>{var a=Object(n["useState"])(0),t=Object(l["a"])(a,2),k=t[0],x=t[1],S=Object(n["useState"])(!1),C=Object(l["a"])(S,2),w=C[0],I=C[1],T=Object(n["useState"])(5),P=Object(l["a"])(T,2),F=P[0],O=P[1],j=Object(n["useState"])(!0),M=Object(l["a"])(j,2),L=M[0],$=M[1],B=r.a.createElement(c["Q"],{defaultValue:"Http://",style:{width:90}},r.a.createElement(h,{value:"Http://"},"Http://"),r.a.createElement(h,{value:"Https://"},"Https://")),N=r.a.createElement(c["Q"],{defaultValue:".com",style:{width:80}},r.a.createElement(h,{value:".com"},".com"),r.a.createElement(h,{value:".jp"},".jp"),r.a.createElement(h,{value:".cn"},".cn"),r.a.createElement(h,{value:".org"},".org")),A=(e,a)=>{a.some((a=>a.label.toLowerCase().indexOf(e.toLowerCase())>-1))},G=e=>{console.log(e)},V=()=>{I(!0)},D=e=>{console.log(e),I(!1)},Q=e=>{console.log(e),I(!1)},W=e=>{console.log("onChange:",e),x(e)},z=()=>{O(F+1)},J=()=>{O(F-1),F<0&&O(0)},R=e=>{$(e)};return r.a.createElement("div",{className:"direction-components"},r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:24},r.a.createElement(c["u"],{orientation:"left"},"Cascader example"),r.a.createElement(c["m"],{suffixIcon:r.a.createElement(m["a"],null),options:f,onChange:G,placeholder:"\u06cc\u06a9 \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f",popupPlacement:e.popupPlacement}),"\xa0\xa0\xa0\xa0 With search:",r.a.createElement(c["m"],{suffixIcon:r.a.createElement(o["a"],null),options:f,onChange:G,placeholder:"Select an item",popupPlacement:e.popupPlacement,showSearch:A}))),r.a.createElement("br",null),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:12},r.a.createElement(c["u"],{orientation:"left"},"Switch example"),"\xa0\xa0",r.a.createElement(c["X"],{defaultChecked:!0}),"\xa0\xa0",r.a.createElement(c["X"],{loading:!0,defaultChecked:!0}),"\xa0\xa0",r.a.createElement(c["X"],{size:"small",loading:!0})),r.a.createElement(c["o"],{span:12},r.a.createElement(c["u"],{orientation:"left"},"Radio Group example"),r.a.createElement(c["M"].Group,{defaultValue:"c",buttonStyle:"solid"},r.a.createElement(c["M"].Button,{value:"a"},"\u062a\u0647\u0631\u0627\u0646"),r.a.createElement(c["M"].Button,{value:"b",disabled:!0},"\u0627\u0635\u0641\u0647\u0627\u0646"),r.a.createElement(c["M"].Button,{value:"c"},"\u0641\u0627\u0631\u0633"),r.a.createElement(c["M"].Button,{value:"d"},"\u062e\u0648\u0632\u0633\u062a\u0627\u0646")))),r.a.createElement("br",null),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:12},r.a.createElement(c["u"],{orientation:"left"},"Button example"),r.a.createElement("div",{className:"button-demo"},r.a.createElement(c["i"],{type:"primary",icon:r.a.createElement(i["a"],null)}),r.a.createElement(c["i"],{type:"primary",shape:"circle",icon:r.a.createElement(i["a"],null)}),r.a.createElement(c["i"],{type:"primary",shape:"round",icon:r.a.createElement(i["a"],null)}),r.a.createElement(c["i"],{type:"primary",shape:"round",icon:r.a.createElement(i["a"],null)},"Download"),r.a.createElement(c["i"],{type:"primary",icon:r.a.createElement(i["a"],null)},"Download"),r.a.createElement("br",null),r.a.createElement(c["i"].Group,null,r.a.createElement(c["i"],{type:"primary"},r.a.createElement(s["a"],null),"Backward"),r.a.createElement(c["i"],{type:"primary"},"Forward",r.a.createElement(E["a"],null))),r.a.createElement(c["i"],{type:"primary",loading:!0},"Loading"),r.a.createElement(c["i"],{type:"primary",size:"small",loading:!0},"Loading"))),r.a.createElement(c["o"],{span:12},r.a.createElement(c["u"],{orientation:"left"},"Tree example"),r.a.createElement(c["fb"],{showLine:!0,checkable:!0,defaultExpandedKeys:["0-0-0","0-0-1"],defaultSelectedKeys:["0-0-0","0-0-1"],defaultCheckedKeys:["0-0-0","0-0-1"]},r.a.createElement(y,{title:"parent 1",key:"0-0"},r.a.createElement(y,{title:"parent 1-0",key:"0-0-0",disabled:!0},r.a.createElement(y,{title:"leaf",key:"0-0-0-0",disableCheckbox:!0}),r.a.createElement(y,{title:"leaf",key:"0-0-0-1"})),r.a.createElement(y,{title:"parent 1-1",key:"0-0-1"},r.a.createElement(y,{title:r.a.createElement("span",{style:{color:"#1890ff"}},"sss"),key:"0-0-1-0"})))))),r.a.createElement("br",null),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:24},r.a.createElement(c["u"],{orientation:"left"},"Input (Input Group) example"),r.a.createElement(p,{size:"large"},r.a.createElement(c["P"],{gutter:8},r.a.createElement(c["o"],{span:5},r.a.createElement(c["A"],{defaultValue:"0571"})),r.a.createElement(c["o"],{span:8},r.a.createElement(c["A"],{defaultValue:"26888888"})))),r.a.createElement("br",null),r.a.createElement(p,{compact:!0},r.a.createElement(c["A"],{style:{width:"20%"},defaultValue:"0571"}),r.a.createElement(c["A"],{style:{width:"30%"},defaultValue:"26888888"})),r.a.createElement("br",null),r.a.createElement(p,{compact:!0},r.a.createElement(c["Q"],{defaultValue:"Option1"},r.a.createElement(h,{value:"Option1"},"Option1"),r.a.createElement(h,{value:"Option2"},"Option2")),r.a.createElement(c["A"],{style:{width:"50%"},defaultValue:"input content"}),r.a.createElement(c["B"],null)),r.a.createElement("br",null),r.a.createElement(g,{placeholder:"input search text",enterButton:"Search",size:"large"}),r.a.createElement("br",null),r.a.createElement("br",null),r.a.createElement("div",{style:{marginBottom:16}},r.a.createElement(c["A"],{addonBefore:B,addonAfter:N,defaultValue:"mysite"})),r.a.createElement("br",null),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:12},r.a.createElement(c["u"],{orientation:"left"},"Select example"),r.a.createElement(c["Q"],{mode:"multiple",defaultValue:"\u0645\u0648\u0631\u0686\u0647",style:{width:120}},r.a.createElement(h,{value:"jack"},"Jack"),r.a.createElement(h,{value:"\u0645\u0648\u0631\u0686\u0647"},"\u0645\u0648\u0631\u0686\u0647"),r.a.createElement(h,{value:"disabled",disabled:!0},"Disabled"),r.a.createElement(h,{value:"Yiminghe"},"yiminghe")),r.a.createElement(c["Q"],{defaultValue:"\u0645\u0648\u0631\u0686\u0647",style:{width:120},disabled:!0},r.a.createElement(h,{value:"\u0645\u0648\u0631\u0686\u0647"},"\u0645\u0648\u0631\u0686\u0647")),r.a.createElement(c["Q"],{defaultValue:"\u0645\u0648\u0631\u0686\u0647",style:{width:120},loading:!0},r.a.createElement(h,{value:"\u0645\u0648\u0631\u0686\u0647"},"\u0645\u0648\u0631\u0686\u0647")),r.a.createElement(c["Q"],{showSearch:!0,style:{width:200},placeholder:"Select a person",optionFilterProp:"children",filterOption:(e,a)=>a.props.children.toLowerCase().indexOf(e.toLowerCase())>=0},r.a.createElement(h,{value:"jack"},"Jack"),r.a.createElement(h,{value:"\u0633\u0639\u06cc\u062f"},"\u0633\u0639\u06cc\u062f"),r.a.createElement(h,{value:"tom"},"Tom")))),r.a.createElement("br",null),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:24},r.a.createElement(c["u"],{orientation:"left"},"Modal example"),r.a.createElement("div",null,r.a.createElement(c["i"],{type:"primary",onClick:V},"Open Modal"),r.a.createElement(c["G"],{title:"\u067e\u0646\u0686\u0631\u0647 \u0633\u0627\u062f\u0647",visible:w,onOk:D,onCancel:Q},r.a.createElement("p",null,"\u0646\u06af\u0627\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631\u062f\u0647\u06cc\u062f"),r.a.createElement("p",null,"\u0646\u06af\u0627\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631\u062f\u0647\u06cc\u062f"),r.a.createElement("p",null,"\u0646\u06af\u0627\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631\u062f\u0647\u06cc\u062f"))))),r.a.createElement("br",null),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:24},r.a.createElement(c["u"],{orientation:"left"},"Steps example"),r.a.createElement("div",null,r.a.createElement(c["W"],{progressDot:!0,current:k},r.a.createElement(v,{title:"Finished",description:"This is a description."}),r.a.createElement(v,{title:"In Progress",description:"This is a description."}),r.a.createElement(v,{title:"Waiting",description:"This is a description."})),r.a.createElement("br",null),r.a.createElement(c["W"],{current:k,onChange:W},r.a.createElement(v,{title:"Step 1",description:"This is a description."}),r.a.createElement(v,{title:"Step 2",description:"This is a description."}),r.a.createElement(v,{title:"Step 3",description:"This is a description."}))))),r.a.createElement("br",null),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:12},r.a.createElement(c["u"],{orientation:"left"},"Rate example"),r.a.createElement("div",null,r.a.createElement(c["N"],{defaultValue:2.5}),r.a.createElement("br",null),r.a.createElement("strong",null,"* Note:")," Half star not implemented in RTL direction, it will be supported after"," ",r.a.createElement("a",{href:"https://github.com/react-component/rate"},"rc-rate")," ","implement rtl support.")),r.a.createElement(c["o"],{span:12},r.a.createElement(c["u"],{orientation:"left"},"Badge example"),r.a.createElement("div",null,r.a.createElement("div",null,r.a.createElement(c["g"],{count:F},r.a.createElement("a",{href:"#",className:"head-example"})),r.a.createElement(b,null,r.a.createElement(c["i"],{onClick:J},r.a.createElement(u["a"],null)),r.a.createElement(c["i"],{onClick:z},r.a.createElement(d["a"],null)))),r.a.createElement("div",{style:{marginTop:10}},r.a.createElement(c["g"],{dot:L},r.a.createElement("a",{href:"#",className:"head-example"})),r.a.createElement(c["X"],{onChange:R,checked:L}))))))),r.a.createElement("br",null),r.a.createElement("br",null),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:24},r.a.createElement(c["u"],{orientation:"left"},"Pagination example"),r.a.createElement(c["I"],{showSizeChanger:!0,defaultCurrent:3,total:500}))),r.a.createElement("br",null),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:24},r.a.createElement(c["u"],{orientation:"left"},"Grid System example"),r.a.createElement("div",{className:"grid-demo"},r.a.createElement("div",{className:"code-box-demo"},r.a.createElement("p",null,r.a.createElement("strong",null,"* Note:")," Every calculation in RTL grid system is from right side (offset, push, etc.)"),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:8},"col-8"),r.a.createElement(c["o"],{span:8,offset:8},"col-8")),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:6,offset:6},"col-6 col-offset-6"),r.a.createElement(c["o"],{span:6,offset:6},"col-6 col-offset-6")),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:12,offset:6},"col-12 col-offset-6")),r.a.createElement(c["P"],null,r.a.createElement(c["o"],{span:18,push:6},"col-18 col-push-6"),r.a.createElement(c["o"],{span:6,pull:18},"col-6 col-pull-18")))))))},x=()=>{var e=Object(n["useState"])("ltr"),a=Object(l["a"])(e,2),t=a[0],m=a[1],o=Object(n["useState"])("bottomLeft"),i=Object(l["a"])(o,2),s=i[0],E=i[1],u=e=>{var a=e.target.value;m(a),E("rtl"===a?"bottomRight":"bottomLeft")};return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{style:{marginBottom:16}},r.a.createElement("span",{style:{marginRight:16}},"Change direction of components:"," "),r.a.createElement(c["M"].Group,{defaultValue:"ltr",onChange:u},r.a.createElement(c["M"].Button,{key:"ltr",value:"ltr"},"LTR"),r.a.createElement(c["M"].Button,{key:"rtl",value:"rtl"},"RTL"))),r.a.createElement(c["r"],{direction:t},r.a.createElement(k,{className:t,popupPlacement:s})))};a["default"]=x},wp6u:function(e,a,t){"use strict";t.r(a);var l=t("k1fw"),n=t("tJVT"),r=t("0Owb"),c=t("15kH"),m=t("q1tI"),o=t.n(m),i=t("8Skl"),s=t("y0hu"),E=t("eFNv"),u=t("Icgb"),d=t("m/eG"),p=e=>o.a.createElement(d["T"],Object(r["a"])({split:o.a.createElement(d["u"],{type:"vertical"}),size:4},e)),b=()=>{var e=Object(m["useState"])({primaryColor:"#1890ff",errorColor:"#ff4d4f",warningColor:"#faad14",successColor:"#52c41a",infoColor:"#1890ff"}),a=Object(n["a"])(e,2),t=a[0],r=a[1];function b(e){var a=Object(l["a"])(Object(l["a"])({},t),e);r(a);var n={theme:a};d["r"].config(n)}var h={style:{width:128}},y=Object(l["a"])(Object(l["a"])({},h),{},{options:[{value:"light",label:"Light"},{value:"bamboo",label:"Bamboo"},{value:"little",label:"Little"}]}),g=[{value:"little",key:"little",label:"Little",title:"Little",children:[{value:"light",key:"light",label:"Light",title:"Light"},{value:"bamboo",key:"bamboo",label:"Bamboo",title:"Bamboo"}]}],v=Object(l["a"])(Object(l["a"])({},h),{},{treeCheckable:!0,maxTagCount:"responsive",treeData:g}),f=[{key:"article",tab:"article"},{key:"app",tab:"app"},{key:"project",tab:"project"}],k=()=>{for(var e=[],a=0;a<20;a++)e.push({key:a.toString(),title:"content".concat(a+1),description:"description of content".concat(a+1)});return o.a.createElement(d["eb"],{dataSource:e,targetKeys:["18"],selectedKeys:["3"],render:e=>e.title})};return o.a.createElement(d["P"],{gutter:16,wrap:!1},o.a.createElement(d["o"],{flex:"none"},o.a.createElement(d["T"],{direction:"vertical",align:"center"},o.a.createElement(c["a"],{presetColors:["#1890ff","#25b864","#ff6f00"],color:t.primaryColor,onChange:e=>{var a=e.hex;b({primaryColor:a})}}),o.a.createElement("span",{style:{color:"var(--ant-primary-color)"}},"var(`--ant-primary-color`)"),o.a.createElement(c["a"],{presetColors:["#ff4d4f"],color:t.errorColor,onChange:e=>{var a=e.hex;b({errorColor:a})}}),o.a.createElement("span",{style:{color:"var(--ant-error-color)"}},"var(`--ant-error-color`)"),o.a.createElement(c["a"],{presetColors:["#faad14"],color:t.warningColor,onChange:e=>{var a=e.hex;b({warningColor:a})}}),o.a.createElement("span",{style:{color:"var(--ant-warning-color)"}},"var(`--ant-warning-color`)"),o.a.createElement(c["a"],{presetColors:["#52c41a"],color:t.successColor,onChange:e=>{var a=e.hex;b({successColor:a})}}),o.a.createElement("span",{style:{color:"var(--ant-success-color)"}},"var(`--ant-success-color`)"),o.a.createElement(c["a"],{presetColors:["#1890ff"],color:t.infoColor,onChange:e=>{var a=e.hex;b({infoColor:a})}}),o.a.createElement("span",{style:{color:"var(--ant-info-color)"}},"var(`--ant-info-color`)"))),o.a.createElement(d["o"],{flex:"auto"},o.a.createElement(d["T"],{direction:"vertical",split:o.a.createElement(d["u"],null),style:{width:"100%"},size:0},o.a.createElement(p,null,o.a.createElement(d["i"],{type:"primary"},"Primary"),o.a.createElement(d["i"],null,"Default"),o.a.createElement(d["i"],{type:"dashed"},"Dashed"),o.a.createElement(d["i"],{type:"text"},"Text"),o.a.createElement(d["i"],{type:"link"},"Link")),o.a.createElement(p,null,o.a.createElement(d["i"],{danger:!0,type:"primary"},"Primary"),o.a.createElement(d["i"],{danger:!0},"Default"),o.a.createElement(d["i"],{danger:!0,type:"dashed"},"Dashed"),o.a.createElement(d["i"],{danger:!0,type:"text"},"Text"),o.a.createElement(d["i"],{danger:!0,type:"link"},"Link")),o.a.createElement(p,{style:{background:"rgb(190, 200, 200)"}},o.a.createElement(d["i"],{type:"primary",ghost:!0},"Primary"),o.a.createElement(d["i"],{ghost:!0},"Default"),o.a.createElement(d["i"],{type:"dashed",ghost:!0},"Dashed"),o.a.createElement(d["i"],{type:"primary",ghost:!0,danger:!0},"Primary"),o.a.createElement(d["i"],{ghost:!0,danger:!0},"Default"),o.a.createElement(d["i"],{type:"dashed",ghost:!0,danger:!0},"Dashed")),o.a.createElement(p,null,o.a.createElement(d["hb"].Text,{type:"success"},"Text (success)"),o.a.createElement(d["hb"].Text,{type:"warning"},"Text(warning)"),o.a.createElement(d["hb"].Text,{type:"danger"},"Text(danger)"),o.a.createElement(d["hb"].Link,{href:"https://ant.design",target:"_blank"},"Link"),o.a.createElement(d["hb"].Text,{copyable:!0},"Text"),o.a.createElement(d["w"],{overlay:o.a.createElement(d["F"],null,o.a.createElement(d["F"].Item,null,"1st menu item"),o.a.createElement(d["F"].Item,{danger:!0},"a danger item"))},o.a.createElement("a",{className:"ant-dropdown-link",onClick:e=>e.preventDefault()},"Hover me ",o.a.createElement(i["a"],null))),o.a.createElement(d["U"],null)),o.a.createElement(d["P"],{gutter:16},o.a.createElement(d["o"],{span:12},o.a.createElement(d["F"],{mode:"horizontal",defaultSelectedKeys:["mail"]},o.a.createElement(d["F"].Item,{key:"mail",icon:o.a.createElement(s["a"],null)},"Mail"),o.a.createElement(d["F"].SubMenu,{key:"SubMenu",icon:o.a.createElement(E["a"],null),title:"Submenu"},o.a.createElement(d["F"].ItemGroup,{title:"Item 1"},o.a.createElement(d["F"].Item,{key:"setting:1"},"Option 1"),o.a.createElement(d["F"].Item,{key:"setting:2"},"Option 2"))))),o.a.createElement(d["o"],{span:12},o.a.createElement(d["F"],{mode:"horizontal",theme:"dark",defaultSelectedKeys:["mail"]},o.a.createElement(d["F"].Item,{key:"mail",icon:o.a.createElement(s["a"],null)},"Mail"),o.a.createElement(d["F"].SubMenu,{key:"SubMenu",icon:o.a.createElement(E["a"],null),title:"Submenu"},o.a.createElement(d["F"].ItemGroup,{title:"Item 1"},o.a.createElement(d["F"].Item,{key:"setting:1"},"Option 1"),o.a.createElement(d["F"].Item,{key:"setting:2"},"Option 2")))))),o.a.createElement(d["P"],{gutter:16},o.a.createElement(d["o"],{span:12},o.a.createElement(d["F"],{mode:"inline",defaultSelectedKeys:["mail"]},o.a.createElement(d["F"].Item,{key:"mail",icon:o.a.createElement(s["a"],null)},"Mail"),o.a.createElement(d["F"].SubMenu,{key:"SubMenu",icon:o.a.createElement(E["a"],null),title:"Submenu"},o.a.createElement(d["F"].ItemGroup,{title:"Item 1"},o.a.createElement(d["F"].Item,{key:"setting:1"},"Option 1"),o.a.createElement(d["F"].Item,{key:"setting:2"},"Option 2"))))),o.a.createElement(d["o"],{span:12},o.a.createElement(d["F"],{mode:"vertical",theme:"dark",defaultSelectedKeys:["mail"]},o.a.createElement(d["F"].Item,{key:"mail",icon:o.a.createElement(s["a"],null)},"Mail"),o.a.createElement(d["F"].SubMenu,{key:"SubMenu",icon:o.a.createElement(E["a"],null),title:"Submenu"},o.a.createElement(d["F"].ItemGroup,{title:"Item 1"},o.a.createElement(d["F"].Item,{key:"setting:1"},"Option 1"),o.a.createElement(d["F"].Item,{key:"setting:2"},"Option 2")))))),o.a.createElement(d["I"],{showQuickJumper:!0,defaultCurrent:2,total:500}),o.a.createElement(d["W"],{current:1,percent:60},o.a.createElement(d["W"].Step,{title:"Finished",description:"This is a description."}),o.a.createElement(d["W"].Step,{title:"In Progress",subTitle:"Left 00:00:08",description:"This is a description."}),o.a.createElement(d["W"].Step,{title:"Waiting",description:"This is a description."})),o.a.createElement(d["W"],{current:2,status:"error",progressDot:!0},o.a.createElement(d["W"].Step,{title:"Finished",description:"You can hover on the dot."}),o.a.createElement(d["W"].Step,{title:"In Progress",description:"You can hover on the dot."}),o.a.createElement(d["W"].Step,{title:"Error",description:"You can hover on the dot."}),o.a.createElement(d["W"].Step,{title:"Waiting",description:"You can hover on the dot."})),o.a.createElement(d["y"],null,o.a.createElement(p,null,o.a.createElement(d["y"].Item,null,o.a.createElement(d["A"],h)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"success"},o.a.createElement(d["A"],h)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"warning"},o.a.createElement(d["A"],h)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"error"},o.a.createElement(d["A"],h)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"validating"},o.a.createElement(d["A"],h)))),o.a.createElement(d["y"],null,o.a.createElement(p,null,o.a.createElement(d["y"].Item,null,o.a.createElement(d["Q"],y)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"success"},o.a.createElement(d["Q"],y)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"warning"},o.a.createElement(d["Q"],y)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"error"},o.a.createElement(d["Q"],y)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"validating"},o.a.createElement(d["Q"],y)))),o.a.createElement(d["y"],null,o.a.createElement(p,null,o.a.createElement(d["y"].Item,null,o.a.createElement(d["gb"],v)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"success"},o.a.createElement(d["gb"],v)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"warning"},o.a.createElement(d["gb"],v)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"error"},o.a.createElement(d["gb"],v)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"validating"},o.a.createElement(d["gb"],v)))),o.a.createElement(d["y"],null,o.a.createElement(p,null,o.a.createElement(d["y"].Item,null,o.a.createElement(d["B"],null)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"success"},o.a.createElement(d["B"],null)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"warning"},o.a.createElement(d["B"],null)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"error"},o.a.createElement(d["B"],null)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"validating"},o.a.createElement(d["B"],null)))),o.a.createElement(d["y"],null,o.a.createElement(p,null,o.a.createElement(d["y"].Item,null,o.a.createElement(d["s"],null)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"success"},o.a.createElement(d["s"],null)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"warning"},o.a.createElement(d["s"],null)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"error"},o.a.createElement(d["s"],null)),o.a.createElement(d["y"].Item,{hasFeedback:!0,validateStatus:"validating"},o.a.createElement(d["s"],null)))),o.a.createElement(p,null,o.a.createElement(d["n"],null,"Checkbox"),o.a.createElement(d["M"].Group,{defaultValue:"bamboo"},o.a.createElement(d["M"],{value:"bamboo"},"Bamboo"),o.a.createElement(d["M"],{value:"light"},"Light"),o.a.createElement(d["M"],{value:"little"},"Little")),o.a.createElement(d["E"],{placeholder:"Mention by @"},o.a.createElement(d["E"].Option,{value:"afc163"},"afc163"),o.a.createElement(d["E"].Option,{value:"zombieJ"},"zombieJ"),o.a.createElement(d["E"].Option,{value:"yesmeck"},"yesmeck")),o.a.createElement(d["S"],{defaultValue:30,style:{width:100}}),o.a.createElement(d["X"],{defaultChecked:!0})),o.a.createElement(p,null,o.a.createElement(d["s"].RangePicker,null),o.a.createElement(d["bb"].RangePicker,null)),o.a.createElement(d["P"],{gutter:16},o.a.createElement(d["o"],{span:8},o.a.createElement(d["k"],{style:{width:"100%"},tabList:f,tabBarExtraContent:o.a.createElement("a",{href:"#"},"More")})),o.a.createElement(d["o"],{span:8},o.a.createElement(d["Y"],{size:"small",bordered:!0,rowSelection:{},columns:[{title:"Key",dataIndex:"key",filters:[{text:"Little",value:"little"}],sorter:(e,a)=>e.key.length-a.key.length}],dataSource:[{key:"Bamboo"},{key:"Light"},{key:"Little"}]})),o.a.createElement(d["o"],{span:8},o.a.createElement(d["Z"],{defaultActiveKey:"1"},o.a.createElement(d["Z"].TabPane,{tab:"Tab 1",key:"1"},"Content of Tab Pane 1"),o.a.createElement(d["Z"].TabPane,{tab:"Tab 2",key:"2"},"Content of Tab Pane 2"),o.a.createElement(d["Z"].TabPane,{tab:"Tab 3",key:"3"},"Content of Tab Pane 3")))),o.a.createElement(p,null,o.a.createElement(d["ab"],{color:"success"},"success"),o.a.createElement(d["ab"],{color:"processing"},"processing"),o.a.createElement(d["ab"],{color:"error"},"error"),o.a.createElement(d["ab"],{color:"warning"},"warning"),o.a.createElement(d["ab"],{color:"default"},"default"),o.a.createElement(d["ab"].CheckableTag,{checked:!0},"CheckableTag")),o.a.createElement(d["P"],{gutter:16},o.a.createElement(d["o"],{span:16},o.a.createElement(d["cb"],{mode:"alternate"},o.a.createElement(d["cb"].Item,null,"Create a services site 2015-09-01"),o.a.createElement(d["cb"].Item,{color:"gray"},"Solve initial network problems 2015-09-01"),o.a.createElement(d["cb"].Item,{dot:o.a.createElement(u["a"],{style:{fontSize:"16px"}})},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo."))),o.a.createElement(d["o"],{span:8},o.a.createElement(d["fb"],{treeData:g,height:200,defaultExpandAll:!0,checkable:!0}))),o.a.createElement(d["P"],{gutter:16},o.a.createElement(d["o"],{span:6},o.a.createElement(d["b"],{showIcon:!0,message:"Success Text",type:"success"})),o.a.createElement(d["o"],{span:6},o.a.createElement(d["b"],{showIcon:!0,message:"Info Text",type:"info"})),o.a.createElement(d["o"],{span:6},o.a.createElement(d["b"],{showIcon:!0,message:"Warning Text",type:"warning"})),o.a.createElement(d["o"],{span:6},o.a.createElement(d["b"],{showIcon:!0,message:"Error Text",type:"error"}))),o.a.createElement(d["P"],{gutter:16},o.a.createElement(d["o"],{flex:"auto"},o.a.createElement(d["L"],{percent:30}),o.a.createElement(d["L"],{percent:70,status:"exception"}),o.a.createElement(d["L"],{percent:100})),o.a.createElement(d["o"],{flex:"none"},o.a.createElement(d["L"],{type:"circle",percent:75}),o.a.createElement(d["L"],{type:"circle",percent:70,status:"exception"}),o.a.createElement(d["L"],{type:"circle",percent:100}))),o.a.createElement(k,null))))};a["default"]=b}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [104],
+  {
+    '87WH': function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        r = t.n(n),
+        c = t('m/eG'),
+        m = t('m4a3'),
+        o = t('7Pqi'),
+        i = t.n(o),
+        s = t('k1fw'),
+        E = t('HjOm'),
+        u = t.n(E),
+        d = {
+          placeholder: '\u8bf7\u9009\u62e9\u65f6\u95f4',
+          rangePlaceholder: [
+            '\u5f00\u59cb\u65f6\u95f4',
+            '\u7ed3\u675f\u65f6\u95f4',
+          ],
+        },
+        p = d,
+        b = {
+          lang: Object(s['a'])(
+            {
+              placeholder: '\u8bf7\u9009\u62e9\u65e5\u671f',
+              yearPlaceholder: '\u8bf7\u9009\u62e9\u5e74\u4efd',
+              quarterPlaceholder: '\u8bf7\u9009\u62e9\u5b63\u5ea6',
+              monthPlaceholder: '\u8bf7\u9009\u62e9\u6708\u4efd',
+              weekPlaceholder: '\u8bf7\u9009\u62e9\u5468',
+              rangePlaceholder: [
+                '\u5f00\u59cb\u65e5\u671f',
+                '\u7ed3\u675f\u65e5\u671f',
+              ],
+              rangeYearPlaceholder: [
+                '\u5f00\u59cb\u5e74\u4efd',
+                '\u7ed3\u675f\u5e74\u4efd',
+              ],
+              rangeMonthPlaceholder: [
+                '\u5f00\u59cb\u6708\u4efd',
+                '\u7ed3\u675f\u6708\u4efd',
+              ],
+              rangeWeekPlaceholder: [
+                '\u5f00\u59cb\u5468',
+                '\u7ed3\u675f\u5468',
+              ],
+            },
+            u.a,
+          ),
+          timePickerLocale: Object(s['a'])({}, p),
+        };
+      b.lang.ok = '\u786e \u5b9a';
+      var h = b,
+        y = h,
+        g = '${label}\u4e0d\u662f\u4e00\u4e2a\u6709\u6548\u7684${type}',
+        v = {
+          locale: 'zh-cn',
+          Pagination: i.a,
+          DatePicker: h,
+          TimePicker: p,
+          Calendar: y,
+          global: { placeholder: '\u8bf7\u9009\u62e9' },
+          Table: {
+            filterTitle: '\u7b5b\u9009',
+            filterConfirm: '\u786e\u5b9a',
+            filterReset: '\u91cd\u7f6e',
+            filterEmptyText: '\u65e0\u7b5b\u9009\u9879',
+            filterCheckall: '\u5168\u9009',
+            filterSearchPlaceholder:
+              '\u5728\u7b5b\u9009\u9879\u4e2d\u641c\u7d22',
+            selectAll: '\u5168\u9009\u5f53\u9875',
+            selectInvert: '\u53cd\u9009\u5f53\u9875',
+            selectNone: '\u6e05\u7a7a\u6240\u6709',
+            selectionAll: '\u5168\u9009\u6240\u6709',
+            sortTitle: '\u6392\u5e8f',
+            expand: '\u5c55\u5f00\u884c',
+            collapse: '\u5173\u95ed\u884c',
+            triggerDesc: '\u70b9\u51fb\u964d\u5e8f',
+            triggerAsc: '\u70b9\u51fb\u5347\u5e8f',
+            cancelSort: '\u53d6\u6d88\u6392\u5e8f',
+          },
+          Modal: {
+            okText: '\u786e\u5b9a',
+            cancelText: '\u53d6\u6d88',
+            justOkText: '\u77e5\u9053\u4e86',
+          },
+          Popconfirm: { cancelText: '\u53d6\u6d88', okText: '\u786e\u5b9a' },
+          Transfer: {
+            searchPlaceholder: '\u8bf7\u8f93\u5165\u641c\u7d22\u5185\u5bb9',
+            itemUnit: '\u9879',
+            itemsUnit: '\u9879',
+            remove: '\u5220\u9664',
+            selectCurrent: '\u5168\u9009\u5f53\u9875',
+            removeCurrent: '\u5220\u9664\u5f53\u9875',
+            selectAll: '\u5168\u9009\u6240\u6709',
+            removeAll: '\u5220\u9664\u5168\u90e8',
+            selectInvert: '\u53cd\u9009\u5f53\u9875',
+          },
+          Upload: {
+            uploading: '\u6587\u4ef6\u4e0a\u4f20\u4e2d',
+            removeFile: '\u5220\u9664\u6587\u4ef6',
+            uploadError: '\u4e0a\u4f20\u9519\u8bef',
+            previewFile: '\u9884\u89c8\u6587\u4ef6',
+            downloadFile: '\u4e0b\u8f7d\u6587\u4ef6',
+          },
+          Empty: { description: '\u6682\u65e0\u6570\u636e' },
+          Icon: { icon: '\u56fe\u6807' },
+          Text: {
+            edit: '\u7f16\u8f91',
+            copy: '\u590d\u5236',
+            copied: '\u590d\u5236\u6210\u529f',
+            expand: '\u5c55\u5f00',
+          },
+          PageHeader: { back: '\u8fd4\u56de' },
+          Form: {
+            optional: '\uff08\u53ef\u9009\uff09',
+            defaultValidateMessages: {
+              default: '\u5b57\u6bb5\u9a8c\u8bc1\u9519\u8bef${label}',
+              required: '\u8bf7\u8f93\u5165${label}',
+              enum: '${label}\u5fc5\u987b\u662f\u5176\u4e2d\u4e00\u4e2a[${enum}]',
+              whitespace: '${label}\u4e0d\u80fd\u4e3a\u7a7a\u5b57\u7b26',
+              date: {
+                format: '${label}\u65e5\u671f\u683c\u5f0f\u65e0\u6548',
+                parse: '${label}\u4e0d\u80fd\u8f6c\u6362\u4e3a\u65e5\u671f',
+                invalid: '${label}\u662f\u4e00\u4e2a\u65e0\u6548\u65e5\u671f',
+              },
+              types: {
+                string: g,
+                method: g,
+                array: g,
+                object: g,
+                number: g,
+                date: g,
+                boolean: g,
+                integer: g,
+                float: g,
+                regexp: g,
+                email: g,
+                url: g,
+                hex: g,
+              },
+              string: {
+                len: '${label}\u987b\u4e3a${len}\u4e2a\u5b57\u7b26',
+                min: '${label}\u6700\u5c11${min}\u4e2a\u5b57\u7b26',
+                max: '${label}\u6700\u591a${max}\u4e2a\u5b57\u7b26',
+                range:
+                  '${label}\u987b\u5728${min}-${max}\u5b57\u7b26\u4e4b\u95f4',
+              },
+              number: {
+                len: '${label}\u5fc5\u987b\u7b49\u4e8e${len}',
+                min: '${label}\u6700\u5c0f\u503c\u4e3a${min}',
+                max: '${label}\u6700\u5927\u503c\u4e3a${max}',
+                range: '${label}\u987b\u5728${min}-${max}\u4e4b\u95f4',
+              },
+              array: {
+                len: '\u987b\u4e3a${len}\u4e2a${label}',
+                min: '\u6700\u5c11${min}\u4e2a${label}',
+                max: '\u6700\u591a${max}\u4e2a${label}',
+                range:
+                  '${label}\u6570\u91cf\u987b\u5728${min}-${max}\u4e4b\u95f4',
+              },
+              pattern: {
+                mismatch:
+                  '${label}\u4e0e\u6a21\u5f0f\u4e0d\u5339\u914d${pattern}',
+              },
+            },
+          },
+          Image: { preview: '\u9884\u89c8' },
+        },
+        f = v,
+        k = t('wd/R'),
+        x = t.n(k);
+      t('XDpg');
+      x.a.locale('en');
+      var S = () => {
+          var e = Object(n['useState'])(!1),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            m = a[1],
+            o = c['Q'].Option,
+            i = c['s'].RangePicker,
+            s = [
+              {
+                title: 'Name',
+                dataIndex: 'name',
+                filters: [{ text: 'filter1', value: 'filter1' }],
+              },
+              { title: 'Age', dataIndex: 'age' },
+            ],
+            E = () => {
+              m(!0);
+            },
+            u = () => {
+              m(!1);
+            },
+            d = () => {
+              c['G'].info({ title: 'some info', content: 'some info' });
+            },
+            p = () => {
+              c['G'].confirm({ title: 'some info', content: 'some info' });
+            };
+          return r.a.createElement(
+            'div',
+            { className: 'locale-components' },
+            r.a.createElement(
+              'div',
+              { className: 'example' },
+              r.a.createElement(c['I'], {
+                defaultCurrent: 1,
+                total: 50,
+                showSizeChanger: !0,
+              }),
+            ),
+            r.a.createElement(
+              'div',
+              { className: 'example' },
+              r.a.createElement(
+                c['Q'],
+                { showSearch: !0, style: { width: 200 } },
+                r.a.createElement(o, { value: 'jack' }, 'jack'),
+                r.a.createElement(o, { value: 'lucy' }, 'lucy'),
+              ),
+              r.a.createElement(c['s'], null),
+              r.a.createElement(c['bb'], null),
+              r.a.createElement(i, { style: { width: 200 } }),
+            ),
+            r.a.createElement(
+              'div',
+              { className: 'example' },
+              r.a.createElement(
+                c['i'],
+                { type: 'primary', onClick: E },
+                'Show Modal',
+              ),
+              r.a.createElement(c['i'], { onClick: d }, 'Show info'),
+              r.a.createElement(c['i'], { onClick: p }, 'Show confirm'),
+              r.a.createElement(
+                c['J'],
+                { title: 'Question?' },
+                r.a.createElement('a', { href: '#' }, 'Click to confirm'),
+              ),
+            ),
+            r.a.createElement(
+              'div',
+              { className: 'example' },
+              r.a.createElement(c['eb'], {
+                dataSource: [],
+                showSearch: !0,
+                targetKeys: [],
+                render: (e) => e.title,
+              }),
+            ),
+            r.a.createElement(
+              'div',
+              { className: 'site-config-provider-calendar-wrapper' },
+              r.a.createElement(c['j'], { fullscreen: !1, value: x()() }),
+            ),
+            r.a.createElement(
+              'div',
+              { className: 'example' },
+              r.a.createElement(c['Y'], { dataSource: [], columns: s }),
+            ),
+            r.a.createElement(
+              c['G'],
+              { title: 'Locale Modal', visible: t, onCancel: u },
+              r.a.createElement('p', null, 'Locale Modal'),
+            ),
+          );
+        },
+        C = () => {
+          var e = Object(n['useState'])(m['a']),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            o = a[1],
+            i = (e) => {
+              var a = e.target.value;
+              o(a), a ? x.a.locale('zh-cn') : x.a.locale('en');
+            };
+          return r.a.createElement(
+            'div',
+            null,
+            r.a.createElement(
+              'div',
+              { className: 'change-locale' },
+              r.a.createElement(
+                'span',
+                { style: { marginRight: 16 } },
+                'Change locale of components: ',
+              ),
+              r.a.createElement(
+                c['M'].Group,
+                { value: t, onChange: i },
+                r.a.createElement(
+                  c['M'].Button,
+                  { key: 'en', value: m['a'] },
+                  'English',
+                ),
+                r.a.createElement(
+                  c['M'].Button,
+                  { key: 'cn', value: f },
+                  '\u4e2d\u6587',
+                ),
+              ),
+            ),
+            r.a.createElement(
+              c['r'],
+              { locale: t },
+              r.a.createElement(S, { key: t ? t.locale : 'en' }),
+            ),
+          );
+        };
+      a['default'] = C;
+    },
+    TQTk: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        r = t.n(n),
+        c = t('m/eG'),
+        m = () => {
+          var e = c['Z'].TabPane,
+            a = Object(n['useState'])('small'),
+            t = Object(l['a'])(a, 2),
+            m = t[0],
+            o = t[1],
+            i = [
+              { title: 'Name', dataIndex: 'name' },
+              { title: 'Age', dataIndex: 'age' },
+            ];
+          return r.a.createElement(
+            'div',
+            null,
+            r.a.createElement(
+              c['M'].Group,
+              {
+                value: m,
+                onChange: (e) => {
+                  o(e.target.value);
+                },
+              },
+              r.a.createElement(c['M'].Button, { value: 'small' }, 'Small'),
+              r.a.createElement(c['M'].Button, { value: 'middle' }, 'Middle'),
+              r.a.createElement(c['M'].Button, { value: 'large' }, 'Large'),
+            ),
+            r.a.createElement(c['u'], null),
+            r.a.createElement(
+              c['r'],
+              { componentSize: m },
+              r.a.createElement(
+                'div',
+                { className: 'example' },
+                r.a.createElement(c['A'], null),
+              ),
+              r.a.createElement(
+                'div',
+                { className: 'example' },
+                r.a.createElement(
+                  c['Z'],
+                  { defaultActiveKey: '1' },
+                  r.a.createElement(
+                    e,
+                    { tab: 'Tab 1', key: '1' },
+                    'Content of Tab Pane 1',
+                  ),
+                  r.a.createElement(
+                    e,
+                    { tab: 'Tab 2', key: '2' },
+                    'Content of Tab Pane 2',
+                  ),
+                  r.a.createElement(
+                    e,
+                    { tab: 'Tab 3', key: '3' },
+                    'Content of Tab Pane 3',
+                  ),
+                ),
+              ),
+              r.a.createElement(
+                'div',
+                { className: 'example' },
+                r.a.createElement(c['A'].Search, { allowClear: !0 }),
+              ),
+              r.a.createElement(
+                'div',
+                { className: 'example' },
+                r.a.createElement(c['A'].TextArea, { allowClear: !0 }),
+              ),
+              r.a.createElement(
+                'div',
+                { className: 'example' },
+                r.a.createElement(c['Q'], {
+                  defaultValue: 'demo',
+                  options: [{ value: 'demo' }],
+                }),
+              ),
+              r.a.createElement(
+                'div',
+                { className: 'example' },
+                r.a.createElement(c['s'], null),
+              ),
+              r.a.createElement(
+                'div',
+                { className: 'example' },
+                r.a.createElement(c['s'].RangePicker, null),
+              ),
+              r.a.createElement(
+                'div',
+                { className: 'example' },
+                r.a.createElement(c['i'], null, 'Button'),
+              ),
+              r.a.createElement(
+                'div',
+                { className: 'example' },
+                r.a.createElement(
+                  c['k'],
+                  { title: 'Card' },
+                  r.a.createElement(c['Y'], {
+                    columns: i,
+                    dataSource: [
+                      { key: '1', name: 'John Brown', age: 32 },
+                      { key: '2', name: 'Jim Green', age: 42 },
+                      { key: '3', name: 'Joe Black', age: 32 },
+                    ],
+                  }),
+                ),
+              ),
+            ),
+          );
+        };
+      a['default'] = m;
+    },
+    nYej: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('tJVT'),
+        n = t('q1tI'),
+        r = t.n(n),
+        c = t('m/eG'),
+        m = t('l+S1'),
+        o = t('ePAT'),
+        i = t('dF/Y'),
+        s = t('5bA4'),
+        E = t('UESt'),
+        u = t('tUHX'),
+        d = t('xvlK'),
+        p = c['A'].Group,
+        b = c['i'].Group,
+        h = c['Q'].Option,
+        y = c['fb'].TreeNode,
+        g = c['A'].Search,
+        v = c['W'].Step,
+        f = [
+          {
+            value: 'tehran',
+            label: '\u062a\u0647\u0631\u0627\u0646',
+            children: [
+              {
+                value: 'tehran-c',
+                label: '\u062a\u0647\u0631\u0627\u0646',
+                children: [
+                  {
+                    value: 'saadat-abad',
+                    label:
+                      '\u0633\u0639\u0627\u062f\u062a \u0622\u06cc\u0627\u062f',
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            value: 'ardabil',
+            label: '\u0627\u0631\u062f\u0628\u06cc\u0644',
+            children: [
+              {
+                value: 'ardabil-c',
+                label: '\u0627\u0631\u062f\u0628\u06cc\u0644',
+                children: [
+                  {
+                    value: 'primadar',
+                    label: '\u067e\u06cc\u0631\u0645\u0627\u062f\u0631',
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            value: 'gilan',
+            label: '\u06af\u06cc\u0644\u0627\u0646',
+            children: [
+              {
+                value: 'rasht',
+                label: '\u0631\u0634\u062a',
+                children: [
+                  {
+                    value: 'district-3',
+                    label: '\u0645\u0646\u0637\u0642\u0647 \u06f3',
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+        k = (e) => {
+          var a = Object(n['useState'])(0),
+            t = Object(l['a'])(a, 2),
+            k = t[0],
+            x = t[1],
+            S = Object(n['useState'])(!1),
+            C = Object(l['a'])(S, 2),
+            w = C[0],
+            I = C[1],
+            T = Object(n['useState'])(5),
+            P = Object(l['a'])(T, 2),
+            F = P[0],
+            O = P[1],
+            j = Object(n['useState'])(!0),
+            M = Object(l['a'])(j, 2),
+            L = M[0],
+            $ = M[1],
+            B = r.a.createElement(
+              c['Q'],
+              { defaultValue: 'Http://', style: { width: 90 } },
+              r.a.createElement(h, { value: 'Http://' }, 'Http://'),
+              r.a.createElement(h, { value: 'Https://' }, 'Https://'),
+            ),
+            N = r.a.createElement(
+              c['Q'],
+              { defaultValue: '.com', style: { width: 80 } },
+              r.a.createElement(h, { value: '.com' }, '.com'),
+              r.a.createElement(h, { value: '.jp' }, '.jp'),
+              r.a.createElement(h, { value: '.cn' }, '.cn'),
+              r.a.createElement(h, { value: '.org' }, '.org'),
+            ),
+            A = (e, a) => {
+              a.some(
+                (a) => a.label.toLowerCase().indexOf(e.toLowerCase()) > -1,
+              );
+            },
+            G = (e) => {
+              console.log(e);
+            },
+            V = () => {
+              I(!0);
+            },
+            D = (e) => {
+              console.log(e), I(!1);
+            },
+            Q = (e) => {
+              console.log(e), I(!1);
+            },
+            W = (e) => {
+              console.log('onChange:', e), x(e);
+            },
+            z = () => {
+              O(F + 1);
+            },
+            J = () => {
+              O(F - 1), F < 0 && O(0);
+            },
+            R = (e) => {
+              $(e);
+            };
+          return r.a.createElement(
+            'div',
+            { className: 'direction-components' },
+            r.a.createElement(
+              c['P'],
+              null,
+              r.a.createElement(
+                c['o'],
+                { span: 24 },
+                r.a.createElement(
+                  c['u'],
+                  { orientation: 'left' },
+                  'Cascader example',
+                ),
+                r.a.createElement(c['m'], {
+                  suffixIcon: r.a.createElement(m['a'], null),
+                  options: f,
+                  onChange: G,
+                  placeholder:
+                    '\u06cc\u06a9 \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f',
+                  popupPlacement: e.popupPlacement,
+                }),
+                '\xa0\xa0\xa0\xa0 With search:',
+                r.a.createElement(c['m'], {
+                  suffixIcon: r.a.createElement(o['a'], null),
+                  options: f,
+                  onChange: G,
+                  placeholder: 'Select an item',
+                  popupPlacement: e.popupPlacement,
+                  showSearch: A,
+                }),
+              ),
+            ),
+            r.a.createElement('br', null),
+            r.a.createElement(
+              c['P'],
+              null,
+              r.a.createElement(
+                c['o'],
+                { span: 12 },
+                r.a.createElement(
+                  c['u'],
+                  { orientation: 'left' },
+                  'Switch example',
+                ),
+                '\xa0\xa0',
+                r.a.createElement(c['X'], { defaultChecked: !0 }),
+                '\xa0\xa0',
+                r.a.createElement(c['X'], { loading: !0, defaultChecked: !0 }),
+                '\xa0\xa0',
+                r.a.createElement(c['X'], { size: 'small', loading: !0 }),
+              ),
+              r.a.createElement(
+                c['o'],
+                { span: 12 },
+                r.a.createElement(
+                  c['u'],
+                  { orientation: 'left' },
+                  'Radio Group example',
+                ),
+                r.a.createElement(
+                  c['M'].Group,
+                  { defaultValue: 'c', buttonStyle: 'solid' },
+                  r.a.createElement(
+                    c['M'].Button,
+                    { value: 'a' },
+                    '\u062a\u0647\u0631\u0627\u0646',
+                  ),
+                  r.a.createElement(
+                    c['M'].Button,
+                    { value: 'b', disabled: !0 },
+                    '\u0627\u0635\u0641\u0647\u0627\u0646',
+                  ),
+                  r.a.createElement(
+                    c['M'].Button,
+                    { value: 'c' },
+                    '\u0641\u0627\u0631\u0633',
+                  ),
+                  r.a.createElement(
+                    c['M'].Button,
+                    { value: 'd' },
+                    '\u062e\u0648\u0632\u0633\u062a\u0627\u0646',
+                  ),
+                ),
+              ),
+            ),
+            r.a.createElement('br', null),
+            r.a.createElement(
+              c['P'],
+              null,
+              r.a.createElement(
+                c['o'],
+                { span: 12 },
+                r.a.createElement(
+                  c['u'],
+                  { orientation: 'left' },
+                  'Button example',
+                ),
+                r.a.createElement(
+                  'div',
+                  { className: 'button-demo' },
+                  r.a.createElement(c['i'], {
+                    type: 'primary',
+                    icon: r.a.createElement(i['a'], null),
+                  }),
+                  r.a.createElement(c['i'], {
+                    type: 'primary',
+                    shape: 'circle',
+                    icon: r.a.createElement(i['a'], null),
+                  }),
+                  r.a.createElement(c['i'], {
+                    type: 'primary',
+                    shape: 'round',
+                    icon: r.a.createElement(i['a'], null),
+                  }),
+                  r.a.createElement(
+                    c['i'],
+                    {
+                      type: 'primary',
+                      shape: 'round',
+                      icon: r.a.createElement(i['a'], null),
+                    },
+                    'Download',
+                  ),
+                  r.a.createElement(
+                    c['i'],
+                    { type: 'primary', icon: r.a.createElement(i['a'], null) },
+                    'Download',
+                  ),
+                  r.a.createElement('br', null),
+                  r.a.createElement(
+                    c['i'].Group,
+                    null,
+                    r.a.createElement(
+                      c['i'],
+                      { type: 'primary' },
+                      r.a.createElement(s['a'], null),
+                      'Backward',
+                    ),
+                    r.a.createElement(
+                      c['i'],
+                      { type: 'primary' },
+                      'Forward',
+                      r.a.createElement(E['a'], null),
+                    ),
+                  ),
+                  r.a.createElement(
+                    c['i'],
+                    { type: 'primary', loading: !0 },
+                    'Loading',
+                  ),
+                  r.a.createElement(
+                    c['i'],
+                    { type: 'primary', size: 'small', loading: !0 },
+                    'Loading',
+                  ),
+                ),
+              ),
+              r.a.createElement(
+                c['o'],
+                { span: 12 },
+                r.a.createElement(
+                  c['u'],
+                  { orientation: 'left' },
+                  'Tree example',
+                ),
+                r.a.createElement(
+                  c['fb'],
+                  {
+                    showLine: !0,
+                    checkable: !0,
+                    defaultExpandedKeys: ['0-0-0', '0-0-1'],
+                    defaultSelectedKeys: ['0-0-0', '0-0-1'],
+                    defaultCheckedKeys: ['0-0-0', '0-0-1'],
+                  },
+                  r.a.createElement(
+                    y,
+                    { title: 'parent 1', key: '0-0' },
+                    r.a.createElement(
+                      y,
+                      { title: 'parent 1-0', key: '0-0-0', disabled: !0 },
+                      r.a.createElement(y, {
+                        title: 'leaf',
+                        key: '0-0-0-0',
+                        disableCheckbox: !0,
+                      }),
+                      r.a.createElement(y, { title: 'leaf', key: '0-0-0-1' }),
+                    ),
+                    r.a.createElement(
+                      y,
+                      { title: 'parent 1-1', key: '0-0-1' },
+                      r.a.createElement(y, {
+                        title: r.a.createElement(
+                          'span',
+                          { style: { color: '#1890ff' } },
+                          'sss',
+                        ),
+                        key: '0-0-1-0',
+                      }),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+            r.a.createElement('br', null),
+            r.a.createElement(
+              c['P'],
+              null,
+              r.a.createElement(
+                c['o'],
+                { span: 24 },
+                r.a.createElement(
+                  c['u'],
+                  { orientation: 'left' },
+                  'Input (Input Group) example',
+                ),
+                r.a.createElement(
+                  p,
+                  { size: 'large' },
+                  r.a.createElement(
+                    c['P'],
+                    { gutter: 8 },
+                    r.a.createElement(
+                      c['o'],
+                      { span: 5 },
+                      r.a.createElement(c['A'], { defaultValue: '0571' }),
+                    ),
+                    r.a.createElement(
+                      c['o'],
+                      { span: 8 },
+                      r.a.createElement(c['A'], { defaultValue: '26888888' }),
+                    ),
+                  ),
+                ),
+                r.a.createElement('br', null),
+                r.a.createElement(
+                  p,
+                  { compact: !0 },
+                  r.a.createElement(c['A'], {
+                    style: { width: '20%' },
+                    defaultValue: '0571',
+                  }),
+                  r.a.createElement(c['A'], {
+                    style: { width: '30%' },
+                    defaultValue: '26888888',
+                  }),
+                ),
+                r.a.createElement('br', null),
+                r.a.createElement(
+                  p,
+                  { compact: !0 },
+                  r.a.createElement(
+                    c['Q'],
+                    { defaultValue: 'Option1' },
+                    r.a.createElement(h, { value: 'Option1' }, 'Option1'),
+                    r.a.createElement(h, { value: 'Option2' }, 'Option2'),
+                  ),
+                  r.a.createElement(c['A'], {
+                    style: { width: '50%' },
+                    defaultValue: 'input content',
+                  }),
+                  r.a.createElement(c['B'], null),
+                ),
+                r.a.createElement('br', null),
+                r.a.createElement(g, {
+                  placeholder: 'input search text',
+                  enterButton: 'Search',
+                  size: 'large',
+                }),
+                r.a.createElement('br', null),
+                r.a.createElement('br', null),
+                r.a.createElement(
+                  'div',
+                  { style: { marginBottom: 16 } },
+                  r.a.createElement(c['A'], {
+                    addonBefore: B,
+                    addonAfter: N,
+                    defaultValue: 'mysite',
+                  }),
+                ),
+                r.a.createElement('br', null),
+                r.a.createElement(
+                  c['P'],
+                  null,
+                  r.a.createElement(
+                    c['o'],
+                    { span: 12 },
+                    r.a.createElement(
+                      c['u'],
+                      { orientation: 'left' },
+                      'Select example',
+                    ),
+                    r.a.createElement(
+                      c['Q'],
+                      {
+                        mode: 'multiple',
+                        defaultValue: '\u0645\u0648\u0631\u0686\u0647',
+                        style: { width: 120 },
+                      },
+                      r.a.createElement(h, { value: 'jack' }, 'Jack'),
+                      r.a.createElement(
+                        h,
+                        { value: '\u0645\u0648\u0631\u0686\u0647' },
+                        '\u0645\u0648\u0631\u0686\u0647',
+                      ),
+                      r.a.createElement(
+                        h,
+                        { value: 'disabled', disabled: !0 },
+                        'Disabled',
+                      ),
+                      r.a.createElement(h, { value: 'Yiminghe' }, 'yiminghe'),
+                    ),
+                    r.a.createElement(
+                      c['Q'],
+                      {
+                        defaultValue: '\u0645\u0648\u0631\u0686\u0647',
+                        style: { width: 120 },
+                        disabled: !0,
+                      },
+                      r.a.createElement(
+                        h,
+                        { value: '\u0645\u0648\u0631\u0686\u0647' },
+                        '\u0645\u0648\u0631\u0686\u0647',
+                      ),
+                    ),
+                    r.a.createElement(
+                      c['Q'],
+                      {
+                        defaultValue: '\u0645\u0648\u0631\u0686\u0647',
+                        style: { width: 120 },
+                        loading: !0,
+                      },
+                      r.a.createElement(
+                        h,
+                        { value: '\u0645\u0648\u0631\u0686\u0647' },
+                        '\u0645\u0648\u0631\u0686\u0647',
+                      ),
+                    ),
+                    r.a.createElement(
+                      c['Q'],
+                      {
+                        showSearch: !0,
+                        style: { width: 200 },
+                        placeholder: 'Select a person',
+                        optionFilterProp: 'children',
+                        filterOption: (e, a) =>
+                          a.props.children
+                            .toLowerCase()
+                            .indexOf(e.toLowerCase()) >= 0,
+                      },
+                      r.a.createElement(h, { value: 'jack' }, 'Jack'),
+                      r.a.createElement(
+                        h,
+                        { value: '\u0633\u0639\u06cc\u062f' },
+                        '\u0633\u0639\u06cc\u062f',
+                      ),
+                      r.a.createElement(h, { value: 'tom' }, 'Tom'),
+                    ),
+                  ),
+                ),
+                r.a.createElement('br', null),
+                r.a.createElement(
+                  c['P'],
+                  null,
+                  r.a.createElement(
+                    c['o'],
+                    { span: 24 },
+                    r.a.createElement(
+                      c['u'],
+                      { orientation: 'left' },
+                      'Modal example',
+                    ),
+                    r.a.createElement(
+                      'div',
+                      null,
+                      r.a.createElement(
+                        c['i'],
+                        { type: 'primary', onClick: V },
+                        'Open Modal',
+                      ),
+                      r.a.createElement(
+                        c['G'],
+                        {
+                          title:
+                            '\u067e\u0646\u0686\u0631\u0647 \u0633\u0627\u062f\u0647',
+                          visible: w,
+                          onOk: D,
+                          onCancel: Q,
+                        },
+                        r.a.createElement(
+                          'p',
+                          null,
+                          '\u0646\u06af\u0627\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631\u062f\u0647\u06cc\u062f',
+                        ),
+                        r.a.createElement(
+                          'p',
+                          null,
+                          '\u0646\u06af\u0627\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631\u062f\u0647\u06cc\u062f',
+                        ),
+                        r.a.createElement(
+                          'p',
+                          null,
+                          '\u0646\u06af\u0627\u0634\u062a\u0647\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0642\u0631\u0627\u0631\u062f\u0647\u06cc\u062f',
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+                r.a.createElement('br', null),
+                r.a.createElement(
+                  c['P'],
+                  null,
+                  r.a.createElement(
+                    c['o'],
+                    { span: 24 },
+                    r.a.createElement(
+                      c['u'],
+                      { orientation: 'left' },
+                      'Steps example',
+                    ),
+                    r.a.createElement(
+                      'div',
+                      null,
+                      r.a.createElement(
+                        c['W'],
+                        { progressDot: !0, current: k },
+                        r.a.createElement(v, {
+                          title: 'Finished',
+                          description: 'This is a description.',
+                        }),
+                        r.a.createElement(v, {
+                          title: 'In Progress',
+                          description: 'This is a description.',
+                        }),
+                        r.a.createElement(v, {
+                          title: 'Waiting',
+                          description: 'This is a description.',
+                        }),
+                      ),
+                      r.a.createElement('br', null),
+                      r.a.createElement(
+                        c['W'],
+                        { current: k, onChange: W },
+                        r.a.createElement(v, {
+                          title: 'Step 1',
+                          description: 'This is a description.',
+                        }),
+                        r.a.createElement(v, {
+                          title: 'Step 2',
+                          description: 'This is a description.',
+                        }),
+                        r.a.createElement(v, {
+                          title: 'Step 3',
+                          description: 'This is a description.',
+                        }),
+                      ),
+                    ),
+                  ),
+                ),
+                r.a.createElement('br', null),
+                r.a.createElement(
+                  c['P'],
+                  null,
+                  r.a.createElement(
+                    c['o'],
+                    { span: 12 },
+                    r.a.createElement(
+                      c['u'],
+                      { orientation: 'left' },
+                      'Rate example',
+                    ),
+                    r.a.createElement(
+                      'div',
+                      null,
+                      r.a.createElement(c['N'], { defaultValue: 2.5 }),
+                      r.a.createElement('br', null),
+                      r.a.createElement('strong', null, '* Note:'),
+                      ' Half star not implemented in RTL direction, it will be supported after',
+                      ' ',
+                      r.a.createElement(
+                        'a',
+                        { href: 'https://github.com/react-component/rate' },
+                        'rc-rate',
+                      ),
+                      ' ',
+                      'implement rtl support.',
+                    ),
+                  ),
+                  r.a.createElement(
+                    c['o'],
+                    { span: 12 },
+                    r.a.createElement(
+                      c['u'],
+                      { orientation: 'left' },
+                      'Badge example',
+                    ),
+                    r.a.createElement(
+                      'div',
+                      null,
+                      r.a.createElement(
+                        'div',
+                        null,
+                        r.a.createElement(
+                          c['g'],
+                          { count: F },
+                          r.a.createElement('a', {
+                            href: '#',
+                            className: 'head-example',
+                          }),
+                        ),
+                        r.a.createElement(
+                          b,
+                          null,
+                          r.a.createElement(
+                            c['i'],
+                            { onClick: J },
+                            r.a.createElement(u['a'], null),
+                          ),
+                          r.a.createElement(
+                            c['i'],
+                            { onClick: z },
+                            r.a.createElement(d['a'], null),
+                          ),
+                        ),
+                      ),
+                      r.a.createElement(
+                        'div',
+                        { style: { marginTop: 10 } },
+                        r.a.createElement(
+                          c['g'],
+                          { dot: L },
+                          r.a.createElement('a', {
+                            href: '#',
+                            className: 'head-example',
+                          }),
+                        ),
+                        r.a.createElement(c['X'], { onChange: R, checked: L }),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+            r.a.createElement('br', null),
+            r.a.createElement('br', null),
+            r.a.createElement(
+              c['P'],
+              null,
+              r.a.createElement(
+                c['o'],
+                { span: 24 },
+                r.a.createElement(
+                  c['u'],
+                  { orientation: 'left' },
+                  'Pagination example',
+                ),
+                r.a.createElement(c['I'], {
+                  showSizeChanger: !0,
+                  defaultCurrent: 3,
+                  total: 500,
+                }),
+              ),
+            ),
+            r.a.createElement('br', null),
+            r.a.createElement(
+              c['P'],
+              null,
+              r.a.createElement(
+                c['o'],
+                { span: 24 },
+                r.a.createElement(
+                  c['u'],
+                  { orientation: 'left' },
+                  'Grid System example',
+                ),
+                r.a.createElement(
+                  'div',
+                  { className: 'grid-demo' },
+                  r.a.createElement(
+                    'div',
+                    { className: 'code-box-demo' },
+                    r.a.createElement(
+                      'p',
+                      null,
+                      r.a.createElement('strong', null, '* Note:'),
+                      ' Every calculation in RTL grid system is from right side (offset, push, etc.)',
+                    ),
+                    r.a.createElement(
+                      c['P'],
+                      null,
+                      r.a.createElement(c['o'], { span: 8 }, 'col-8'),
+                      r.a.createElement(
+                        c['o'],
+                        { span: 8, offset: 8 },
+                        'col-8',
+                      ),
+                    ),
+                    r.a.createElement(
+                      c['P'],
+                      null,
+                      r.a.createElement(
+                        c['o'],
+                        { span: 6, offset: 6 },
+                        'col-6 col-offset-6',
+                      ),
+                      r.a.createElement(
+                        c['o'],
+                        { span: 6, offset: 6 },
+                        'col-6 col-offset-6',
+                      ),
+                    ),
+                    r.a.createElement(
+                      c['P'],
+                      null,
+                      r.a.createElement(
+                        c['o'],
+                        { span: 12, offset: 6 },
+                        'col-12 col-offset-6',
+                      ),
+                    ),
+                    r.a.createElement(
+                      c['P'],
+                      null,
+                      r.a.createElement(
+                        c['o'],
+                        { span: 18, push: 6 },
+                        'col-18 col-push-6',
+                      ),
+                      r.a.createElement(
+                        c['o'],
+                        { span: 6, pull: 18 },
+                        'col-6 col-pull-18',
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          );
+        },
+        x = () => {
+          var e = Object(n['useState'])('ltr'),
+            a = Object(l['a'])(e, 2),
+            t = a[0],
+            m = a[1],
+            o = Object(n['useState'])('bottomLeft'),
+            i = Object(l['a'])(o, 2),
+            s = i[0],
+            E = i[1],
+            u = (e) => {
+              var a = e.target.value;
+              m(a), E('rtl' === a ? 'bottomRight' : 'bottomLeft');
+            };
+          return r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              'div',
+              { style: { marginBottom: 16 } },
+              r.a.createElement(
+                'span',
+                { style: { marginRight: 16 } },
+                'Change direction of components:',
+                ' ',
+              ),
+              r.a.createElement(
+                c['M'].Group,
+                { defaultValue: 'ltr', onChange: u },
+                r.a.createElement(
+                  c['M'].Button,
+                  { key: 'ltr', value: 'ltr' },
+                  'LTR',
+                ),
+                r.a.createElement(
+                  c['M'].Button,
+                  { key: 'rtl', value: 'rtl' },
+                  'RTL',
+                ),
+              ),
+            ),
+            r.a.createElement(
+              c['r'],
+              { direction: t },
+              r.a.createElement(k, { className: t, popupPlacement: s }),
+            ),
+          );
+        };
+      a['default'] = x;
+    },
+    wp6u: function (e, a, t) {
+      'use strict';
+      t.r(a);
+      var l = t('k1fw'),
+        n = t('tJVT'),
+        r = t('0Owb'),
+        c = t('15kH'),
+        m = t('q1tI'),
+        o = t.n(m),
+        i = t('8Skl'),
+        s = t('y0hu'),
+        E = t('eFNv'),
+        u = t('Icgb'),
+        d = t('m/eG'),
+        p = (e) =>
+          o.a.createElement(
+            d['T'],
+            Object(r['a'])(
+              {
+                split: o.a.createElement(d['u'], { type: 'vertical' }),
+                size: 4,
+              },
+              e,
+            ),
+          ),
+        b = () => {
+          var e = Object(m['useState'])({
+              primaryColor: '#1890ff',
+              errorColor: '#ff4d4f',
+              warningColor: '#faad14',
+              successColor: '#52c41a',
+              infoColor: '#1890ff',
+            }),
+            a = Object(n['a'])(e, 2),
+            t = a[0],
+            r = a[1];
+          function b(e) {
+            var a = Object(l['a'])(Object(l['a'])({}, t), e);
+            r(a);
+            var n = { theme: a };
+            d['r'].config(n);
+          }
+          var h = { style: { width: 128 } },
+            y = Object(l['a'])(
+              Object(l['a'])({}, h),
+              {},
+              {
+                options: [
+                  { value: 'light', label: 'Light' },
+                  { value: 'bamboo', label: 'Bamboo' },
+                  { value: 'little', label: 'Little' },
+                ],
+              },
+            ),
+            g = [
+              {
+                value: 'little',
+                key: 'little',
+                label: 'Little',
+                title: 'Little',
+                children: [
+                  {
+                    value: 'light',
+                    key: 'light',
+                    label: 'Light',
+                    title: 'Light',
+                  },
+                  {
+                    value: 'bamboo',
+                    key: 'bamboo',
+                    label: 'Bamboo',
+                    title: 'Bamboo',
+                  },
+                ],
+              },
+            ],
+            v = Object(l['a'])(
+              Object(l['a'])({}, h),
+              {},
+              { treeCheckable: !0, maxTagCount: 'responsive', treeData: g },
+            ),
+            f = [
+              { key: 'article', tab: 'article' },
+              { key: 'app', tab: 'app' },
+              { key: 'project', tab: 'project' },
+            ],
+            k = () => {
+              for (var e = [], a = 0; a < 20; a++)
+                e.push({
+                  key: a.toString(),
+                  title: 'content'.concat(a + 1),
+                  description: 'description of content'.concat(a + 1),
+                });
+              return o.a.createElement(d['eb'], {
+                dataSource: e,
+                targetKeys: ['18'],
+                selectedKeys: ['3'],
+                render: (e) => e.title,
+              });
+            };
+          return o.a.createElement(
+            d['P'],
+            { gutter: 16, wrap: !1 },
+            o.a.createElement(
+              d['o'],
+              { flex: 'none' },
+              o.a.createElement(
+                d['T'],
+                { direction: 'vertical', align: 'center' },
+                o.a.createElement(c['a'], {
+                  presetColors: ['#1890ff', '#25b864', '#ff6f00'],
+                  color: t.primaryColor,
+                  onChange: (e) => {
+                    var a = e.hex;
+                    b({ primaryColor: a });
+                  },
+                }),
+                o.a.createElement(
+                  'span',
+                  { style: { color: 'var(--ant-primary-color)' } },
+                  'var(`--ant-primary-color`)',
+                ),
+                o.a.createElement(c['a'], {
+                  presetColors: ['#ff4d4f'],
+                  color: t.errorColor,
+                  onChange: (e) => {
+                    var a = e.hex;
+                    b({ errorColor: a });
+                  },
+                }),
+                o.a.createElement(
+                  'span',
+                  { style: { color: 'var(--ant-error-color)' } },
+                  'var(`--ant-error-color`)',
+                ),
+                o.a.createElement(c['a'], {
+                  presetColors: ['#faad14'],
+                  color: t.warningColor,
+                  onChange: (e) => {
+                    var a = e.hex;
+                    b({ warningColor: a });
+                  },
+                }),
+                o.a.createElement(
+                  'span',
+                  { style: { color: 'var(--ant-warning-color)' } },
+                  'var(`--ant-warning-color`)',
+                ),
+                o.a.createElement(c['a'], {
+                  presetColors: ['#52c41a'],
+                  color: t.successColor,
+                  onChange: (e) => {
+                    var a = e.hex;
+                    b({ successColor: a });
+                  },
+                }),
+                o.a.createElement(
+                  'span',
+                  { style: { color: 'var(--ant-success-color)' } },
+                  'var(`--ant-success-color`)',
+                ),
+                o.a.createElement(c['a'], {
+                  presetColors: ['#1890ff'],
+                  color: t.infoColor,
+                  onChange: (e) => {
+                    var a = e.hex;
+                    b({ infoColor: a });
+                  },
+                }),
+                o.a.createElement(
+                  'span',
+                  { style: { color: 'var(--ant-info-color)' } },
+                  'var(`--ant-info-color`)',
+                ),
+              ),
+            ),
+            o.a.createElement(
+              d['o'],
+              { flex: 'auto' },
+              o.a.createElement(
+                d['T'],
+                {
+                  direction: 'vertical',
+                  split: o.a.createElement(d['u'], null),
+                  style: { width: '100%' },
+                  size: 0,
+                },
+                o.a.createElement(
+                  p,
+                  null,
+                  o.a.createElement(d['i'], { type: 'primary' }, 'Primary'),
+                  o.a.createElement(d['i'], null, 'Default'),
+                  o.a.createElement(d['i'], { type: 'dashed' }, 'Dashed'),
+                  o.a.createElement(d['i'], { type: 'text' }, 'Text'),
+                  o.a.createElement(d['i'], { type: 'link' }, 'Link'),
+                ),
+                o.a.createElement(
+                  p,
+                  null,
+                  o.a.createElement(
+                    d['i'],
+                    { danger: !0, type: 'primary' },
+                    'Primary',
+                  ),
+                  o.a.createElement(d['i'], { danger: !0 }, 'Default'),
+                  o.a.createElement(
+                    d['i'],
+                    { danger: !0, type: 'dashed' },
+                    'Dashed',
+                  ),
+                  o.a.createElement(
+                    d['i'],
+                    { danger: !0, type: 'text' },
+                    'Text',
+                  ),
+                  o.a.createElement(
+                    d['i'],
+                    { danger: !0, type: 'link' },
+                    'Link',
+                  ),
+                ),
+                o.a.createElement(
+                  p,
+                  { style: { background: 'rgb(190, 200, 200)' } },
+                  o.a.createElement(
+                    d['i'],
+                    { type: 'primary', ghost: !0 },
+                    'Primary',
+                  ),
+                  o.a.createElement(d['i'], { ghost: !0 }, 'Default'),
+                  o.a.createElement(
+                    d['i'],
+                    { type: 'dashed', ghost: !0 },
+                    'Dashed',
+                  ),
+                  o.a.createElement(
+                    d['i'],
+                    { type: 'primary', ghost: !0, danger: !0 },
+                    'Primary',
+                  ),
+                  o.a.createElement(
+                    d['i'],
+                    { ghost: !0, danger: !0 },
+                    'Default',
+                  ),
+                  o.a.createElement(
+                    d['i'],
+                    { type: 'dashed', ghost: !0, danger: !0 },
+                    'Dashed',
+                  ),
+                ),
+                o.a.createElement(
+                  p,
+                  null,
+                  o.a.createElement(
+                    d['hb'].Text,
+                    { type: 'success' },
+                    'Text (success)',
+                  ),
+                  o.a.createElement(
+                    d['hb'].Text,
+                    { type: 'warning' },
+                    'Text(warning)',
+                  ),
+                  o.a.createElement(
+                    d['hb'].Text,
+                    { type: 'danger' },
+                    'Text(danger)',
+                  ),
+                  o.a.createElement(
+                    d['hb'].Link,
+                    { href: 'https://ant.design', target: '_blank' },
+                    'Link',
+                  ),
+                  o.a.createElement(d['hb'].Text, { copyable: !0 }, 'Text'),
+                  o.a.createElement(
+                    d['w'],
+                    {
+                      overlay: o.a.createElement(
+                        d['F'],
+                        null,
+                        o.a.createElement(d['F'].Item, null, '1st menu item'),
+                        o.a.createElement(
+                          d['F'].Item,
+                          { danger: !0 },
+                          'a danger item',
+                        ),
+                      ),
+                    },
+                    o.a.createElement(
+                      'a',
+                      {
+                        className: 'ant-dropdown-link',
+                        onClick: (e) => e.preventDefault(),
+                      },
+                      'Hover me ',
+                      o.a.createElement(i['a'], null),
+                    ),
+                  ),
+                  o.a.createElement(d['U'], null),
+                ),
+                o.a.createElement(
+                  d['P'],
+                  { gutter: 16 },
+                  o.a.createElement(
+                    d['o'],
+                    { span: 12 },
+                    o.a.createElement(
+                      d['F'],
+                      { mode: 'horizontal', defaultSelectedKeys: ['mail'] },
+                      o.a.createElement(
+                        d['F'].Item,
+                        { key: 'mail', icon: o.a.createElement(s['a'], null) },
+                        'Mail',
+                      ),
+                      o.a.createElement(
+                        d['F'].SubMenu,
+                        {
+                          key: 'SubMenu',
+                          icon: o.a.createElement(E['a'], null),
+                          title: 'Submenu',
+                        },
+                        o.a.createElement(
+                          d['F'].ItemGroup,
+                          { title: 'Item 1' },
+                          o.a.createElement(
+                            d['F'].Item,
+                            { key: 'setting:1' },
+                            'Option 1',
+                          ),
+                          o.a.createElement(
+                            d['F'].Item,
+                            { key: 'setting:2' },
+                            'Option 2',
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                  o.a.createElement(
+                    d['o'],
+                    { span: 12 },
+                    o.a.createElement(
+                      d['F'],
+                      {
+                        mode: 'horizontal',
+                        theme: 'dark',
+                        defaultSelectedKeys: ['mail'],
+                      },
+                      o.a.createElement(
+                        d['F'].Item,
+                        { key: 'mail', icon: o.a.createElement(s['a'], null) },
+                        'Mail',
+                      ),
+                      o.a.createElement(
+                        d['F'].SubMenu,
+                        {
+                          key: 'SubMenu',
+                          icon: o.a.createElement(E['a'], null),
+                          title: 'Submenu',
+                        },
+                        o.a.createElement(
+                          d['F'].ItemGroup,
+                          { title: 'Item 1' },
+                          o.a.createElement(
+                            d['F'].Item,
+                            { key: 'setting:1' },
+                            'Option 1',
+                          ),
+                          o.a.createElement(
+                            d['F'].Item,
+                            { key: 'setting:2' },
+                            'Option 2',
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+                o.a.createElement(
+                  d['P'],
+                  { gutter: 16 },
+                  o.a.createElement(
+                    d['o'],
+                    { span: 12 },
+                    o.a.createElement(
+                      d['F'],
+                      { mode: 'inline', defaultSelectedKeys: ['mail'] },
+                      o.a.createElement(
+                        d['F'].Item,
+                        { key: 'mail', icon: o.a.createElement(s['a'], null) },
+                        'Mail',
+                      ),
+                      o.a.createElement(
+                        d['F'].SubMenu,
+                        {
+                          key: 'SubMenu',
+                          icon: o.a.createElement(E['a'], null),
+                          title: 'Submenu',
+                        },
+                        o.a.createElement(
+                          d['F'].ItemGroup,
+                          { title: 'Item 1' },
+                          o.a.createElement(
+                            d['F'].Item,
+                            { key: 'setting:1' },
+                            'Option 1',
+                          ),
+                          o.a.createElement(
+                            d['F'].Item,
+                            { key: 'setting:2' },
+                            'Option 2',
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                  o.a.createElement(
+                    d['o'],
+                    { span: 12 },
+                    o.a.createElement(
+                      d['F'],
+                      {
+                        mode: 'vertical',
+                        theme: 'dark',
+                        defaultSelectedKeys: ['mail'],
+                      },
+                      o.a.createElement(
+                        d['F'].Item,
+                        { key: 'mail', icon: o.a.createElement(s['a'], null) },
+                        'Mail',
+                      ),
+                      o.a.createElement(
+                        d['F'].SubMenu,
+                        {
+                          key: 'SubMenu',
+                          icon: o.a.createElement(E['a'], null),
+                          title: 'Submenu',
+                        },
+                        o.a.createElement(
+                          d['F'].ItemGroup,
+                          { title: 'Item 1' },
+                          o.a.createElement(
+                            d['F'].Item,
+                            { key: 'setting:1' },
+                            'Option 1',
+                          ),
+                          o.a.createElement(
+                            d['F'].Item,
+                            { key: 'setting:2' },
+                            'Option 2',
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+                o.a.createElement(d['I'], {
+                  showQuickJumper: !0,
+                  defaultCurrent: 2,
+                  total: 500,
+                }),
+                o.a.createElement(
+                  d['W'],
+                  { current: 1, percent: 60 },
+                  o.a.createElement(d['W'].Step, {
+                    title: 'Finished',
+                    description: 'This is a description.',
+                  }),
+                  o.a.createElement(d['W'].Step, {
+                    title: 'In Progress',
+                    subTitle: 'Left 00:00:08',
+                    description: 'This is a description.',
+                  }),
+                  o.a.createElement(d['W'].Step, {
+                    title: 'Waiting',
+                    description: 'This is a description.',
+                  }),
+                ),
+                o.a.createElement(
+                  d['W'],
+                  { current: 2, status: 'error', progressDot: !0 },
+                  o.a.createElement(d['W'].Step, {
+                    title: 'Finished',
+                    description: 'You can hover on the dot.',
+                  }),
+                  o.a.createElement(d['W'].Step, {
+                    title: 'In Progress',
+                    description: 'You can hover on the dot.',
+                  }),
+                  o.a.createElement(d['W'].Step, {
+                    title: 'Error',
+                    description: 'You can hover on the dot.',
+                  }),
+                  o.a.createElement(d['W'].Step, {
+                    title: 'Waiting',
+                    description: 'You can hover on the dot.',
+                  }),
+                ),
+                o.a.createElement(
+                  d['y'],
+                  null,
+                  o.a.createElement(
+                    p,
+                    null,
+                    o.a.createElement(
+                      d['y'].Item,
+                      null,
+                      o.a.createElement(d['A'], h),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'success' },
+                      o.a.createElement(d['A'], h),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'warning' },
+                      o.a.createElement(d['A'], h),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'error' },
+                      o.a.createElement(d['A'], h),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'validating' },
+                      o.a.createElement(d['A'], h),
+                    ),
+                  ),
+                ),
+                o.a.createElement(
+                  d['y'],
+                  null,
+                  o.a.createElement(
+                    p,
+                    null,
+                    o.a.createElement(
+                      d['y'].Item,
+                      null,
+                      o.a.createElement(d['Q'], y),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'success' },
+                      o.a.createElement(d['Q'], y),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'warning' },
+                      o.a.createElement(d['Q'], y),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'error' },
+                      o.a.createElement(d['Q'], y),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'validating' },
+                      o.a.createElement(d['Q'], y),
+                    ),
+                  ),
+                ),
+                o.a.createElement(
+                  d['y'],
+                  null,
+                  o.a.createElement(
+                    p,
+                    null,
+                    o.a.createElement(
+                      d['y'].Item,
+                      null,
+                      o.a.createElement(d['gb'], v),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'success' },
+                      o.a.createElement(d['gb'], v),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'warning' },
+                      o.a.createElement(d['gb'], v),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'error' },
+                      o.a.createElement(d['gb'], v),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'validating' },
+                      o.a.createElement(d['gb'], v),
+                    ),
+                  ),
+                ),
+                o.a.createElement(
+                  d['y'],
+                  null,
+                  o.a.createElement(
+                    p,
+                    null,
+                    o.a.createElement(
+                      d['y'].Item,
+                      null,
+                      o.a.createElement(d['B'], null),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'success' },
+                      o.a.createElement(d['B'], null),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'warning' },
+                      o.a.createElement(d['B'], null),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'error' },
+                      o.a.createElement(d['B'], null),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'validating' },
+                      o.a.createElement(d['B'], null),
+                    ),
+                  ),
+                ),
+                o.a.createElement(
+                  d['y'],
+                  null,
+                  o.a.createElement(
+                    p,
+                    null,
+                    o.a.createElement(
+                      d['y'].Item,
+                      null,
+                      o.a.createElement(d['s'], null),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'success' },
+                      o.a.createElement(d['s'], null),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'warning' },
+                      o.a.createElement(d['s'], null),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'error' },
+                      o.a.createElement(d['s'], null),
+                    ),
+                    o.a.createElement(
+                      d['y'].Item,
+                      { hasFeedback: !0, validateStatus: 'validating' },
+                      o.a.createElement(d['s'], null),
+                    ),
+                  ),
+                ),
+                o.a.createElement(
+                  p,
+                  null,
+                  o.a.createElement(d['n'], null, 'Checkbox'),
+                  o.a.createElement(
+                    d['M'].Group,
+                    { defaultValue: 'bamboo' },
+                    o.a.createElement(d['M'], { value: 'bamboo' }, 'Bamboo'),
+                    o.a.createElement(d['M'], { value: 'light' }, 'Light'),
+                    o.a.createElement(d['M'], { value: 'little' }, 'Little'),
+                  ),
+                  o.a.createElement(
+                    d['E'],
+                    { placeholder: 'Mention by @' },
+                    o.a.createElement(
+                      d['E'].Option,
+                      { value: 'afc163' },
+                      'afc163',
+                    ),
+                    o.a.createElement(
+                      d['E'].Option,
+                      { value: 'zombieJ' },
+                      'zombieJ',
+                    ),
+                    o.a.createElement(
+                      d['E'].Option,
+                      { value: 'yesmeck' },
+                      'yesmeck',
+                    ),
+                  ),
+                  o.a.createElement(d['S'], {
+                    defaultValue: 30,
+                    style: { width: 100 },
+                  }),
+                  o.a.createElement(d['X'], { defaultChecked: !0 }),
+                ),
+                o.a.createElement(
+                  p,
+                  null,
+                  o.a.createElement(d['s'].RangePicker, null),
+                  o.a.createElement(d['bb'].RangePicker, null),
+                ),
+                o.a.createElement(
+                  d['P'],
+                  { gutter: 16 },
+                  o.a.createElement(
+                    d['o'],
+                    { span: 8 },
+                    o.a.createElement(d['k'], {
+                      style: { width: '100%' },
+                      tabList: f,
+                      tabBarExtraContent: o.a.createElement(
+                        'a',
+                        { href: '#' },
+                        'More',
+                      ),
+                    }),
+                  ),
+                  o.a.createElement(
+                    d['o'],
+                    { span: 8 },
+                    o.a.createElement(d['Y'], {
+                      size: 'small',
+                      bordered: !0,
+                      rowSelection: {},
+                      columns: [
+                        {
+                          title: 'Key',
+                          dataIndex: 'key',
+                          filters: [{ text: 'Little', value: 'little' }],
+                          sorter: (e, a) => e.key.length - a.key.length,
+                        },
+                      ],
+                      dataSource: [
+                        { key: 'Bamboo' },
+                        { key: 'Light' },
+                        { key: 'Little' },
+                      ],
+                    }),
+                  ),
+                  o.a.createElement(
+                    d['o'],
+                    { span: 8 },
+                    o.a.createElement(
+                      d['Z'],
+                      { defaultActiveKey: '1' },
+                      o.a.createElement(
+                        d['Z'].TabPane,
+                        { tab: 'Tab 1', key: '1' },
+                        'Content of Tab Pane 1',
+                      ),
+                      o.a.createElement(
+                        d['Z'].TabPane,
+                        { tab: 'Tab 2', key: '2' },
+                        'Content of Tab Pane 2',
+                      ),
+                      o.a.createElement(
+                        d['Z'].TabPane,
+                        { tab: 'Tab 3', key: '3' },
+                        'Content of Tab Pane 3',
+                      ),
+                    ),
+                  ),
+                ),
+                o.a.createElement(
+                  p,
+                  null,
+                  o.a.createElement(d['ab'], { color: 'success' }, 'success'),
+                  o.a.createElement(
+                    d['ab'],
+                    { color: 'processing' },
+                    'processing',
+                  ),
+                  o.a.createElement(d['ab'], { color: 'error' }, 'error'),
+                  o.a.createElement(d['ab'], { color: 'warning' }, 'warning'),
+                  o.a.createElement(d['ab'], { color: 'default' }, 'default'),
+                  o.a.createElement(
+                    d['ab'].CheckableTag,
+                    { checked: !0 },
+                    'CheckableTag',
+                  ),
+                ),
+                o.a.createElement(
+                  d['P'],
+                  { gutter: 16 },
+                  o.a.createElement(
+                    d['o'],
+                    { span: 16 },
+                    o.a.createElement(
+                      d['cb'],
+                      { mode: 'alternate' },
+                      o.a.createElement(
+                        d['cb'].Item,
+                        null,
+                        'Create a services site 2015-09-01',
+                      ),
+                      o.a.createElement(
+                        d['cb'].Item,
+                        { color: 'gray' },
+                        'Solve initial network problems 2015-09-01',
+                      ),
+                      o.a.createElement(
+                        d['cb'].Item,
+                        {
+                          dot: o.a.createElement(u['a'], {
+                            style: { fontSize: '16px' },
+                          }),
+                        },
+                        'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.',
+                      ),
+                    ),
+                  ),
+                  o.a.createElement(
+                    d['o'],
+                    { span: 8 },
+                    o.a.createElement(d['fb'], {
+                      treeData: g,
+                      height: 200,
+                      defaultExpandAll: !0,
+                      checkable: !0,
+                    }),
+                  ),
+                ),
+                o.a.createElement(
+                  d['P'],
+                  { gutter: 16 },
+                  o.a.createElement(
+                    d['o'],
+                    { span: 6 },
+                    o.a.createElement(d['b'], {
+                      showIcon: !0,
+                      message: 'Success Text',
+                      type: 'success',
+                    }),
+                  ),
+                  o.a.createElement(
+                    d['o'],
+                    { span: 6 },
+                    o.a.createElement(d['b'], {
+                      showIcon: !0,
+                      message: 'Info Text',
+                      type: 'info',
+                    }),
+                  ),
+                  o.a.createElement(
+                    d['o'],
+                    { span: 6 },
+                    o.a.createElement(d['b'], {
+                      showIcon: !0,
+                      message: 'Warning Text',
+                      type: 'warning',
+                    }),
+                  ),
+                  o.a.createElement(
+                    d['o'],
+                    { span: 6 },
+                    o.a.createElement(d['b'], {
+                      showIcon: !0,
+                      message: 'Error Text',
+                      type: 'error',
+                    }),
+                  ),
+                ),
+                o.a.createElement(
+                  d['P'],
+                  { gutter: 16 },
+                  o.a.createElement(
+                    d['o'],
+                    { flex: 'auto' },
+                    o.a.createElement(d['L'], { percent: 30 }),
+                    o.a.createElement(d['L'], {
+                      percent: 70,
+                      status: 'exception',
+                    }),
+                    o.a.createElement(d['L'], { percent: 100 }),
+                  ),
+                  o.a.createElement(
+                    d['o'],
+                    { flex: 'none' },
+                    o.a.createElement(d['L'], { type: 'circle', percent: 75 }),
+                    o.a.createElement(d['L'], {
+                      type: 'circle',
+                      percent: 70,
+                      status: 'exception',
+                    }),
+                    o.a.createElement(d['L'], { type: 'circle', percent: 100 }),
+                  ),
+                ),
+                o.a.createElement(k, null),
+              ),
+            ),
+          );
+        };
+      a['default'] = b;
+    },
+  },
+]);