ant-design/c0ed2266-async.eb87dcf2.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["c0ed2266"],{c0ed2266:function(e,a,l){"use strict";l.d(a,"__esModule",{value:!0}),l.d(a,"default",{enumerable:!0,get:function(){return p;}});var n=l("777fffbe"),s=l("f19d2b93"),d=n._(l("bdf31825")),i=n._(l("769c016e")),r=n._(l("b622e337")),t=n._(l("5437c7d5")),c=n._(l("97c488ea")),u=n._(l("c96b0d01")),h=l("5b220c3d"),x=l("9c86e52a");function j(){let{texts:e}=(0,x.useRouteMeta)();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("p",{children:[(0,s.jsx)(c.default,{href:"https://nextjs.org/",sourceType:"a",children:e[0].value}),e[1].value,(0,s.jsx)("code",{children:e[2].value}),e[3].value]}),(0,s.jsxs)("h2",{id:"install-and-initialization",children:[(0,s.jsx)(c.default,{"aria-hidden":"true",tabIndex:"-1",href:"#install-and-initialization",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Install and Initialization"]}),(0,s.jsxs)("p",{children:[e[4].value,(0,s.jsx)(c.default,{href:"https://github.com/yarnpkg/yarn/",sourceType:"a",children:e[5].value}),e[6].value,(0,s.jsx)(c.default,{href:"https://pnpm.io/",sourceType:"a",children:e[7].value}),e[8].value,(0,s.jsx)(c.default,{href:"https://bun.sh/",sourceType:"a",children:e[9].value}),e[10].value]})]}),(0,s.jsx)(t.default,{npm:"$ npx create-next-app antd-demo",yarn:"$ yarn create next-app antd-demo",pnpm:"$ pnpm create next-app antd-demo",bun:"$ bun create next-app antd-demo"}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsx)("p",{children:e[11].value}),(0,s.jsx)("p",{children:e[12].value}),(0,s.jsx)(r.default,{lang:"bash",children:e[13].value}),(0,s.jsxs)("p",{children:[e[14].value,(0,s.jsx)(c.default,{href:"http://localhost:3000/",sourceType:"a",children:e[15].value}),e[16].value]}),(0,s.jsxs)("h2",{id:"import-antd",children:[(0,s.jsx)(c.default,{"aria-hidden":"true",tabIndex:"-1",href:"#import-antd",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Import antd"]}),(0,s.jsxs)("p",{children:[e[17].value,(0,s.jsx)("code",{children:e[18].value}),e[19].value]})]}),(0,s.jsx)(t.default,{npm:"$ npm install antd --save",yarn:"$ yarn add antd",pnpm:"$ pnpm install antd --save",bun:"$ bun add antd"}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("p",{children:[e[20].value,(0,s.jsx)("code",{children:e[21].value}),e[22].value,(0,s.jsx)("code",{children:e[23].value}),e[24].value]}),(0,s.jsx)(r.default,{lang:"tsx",children:e[25].value}),(0,s.jsxs)("p",{children:[e[26].value,(0,s.jsx)("code",{children:e[27].value}),e[28].value,(0,s.jsx)("code",{children:e[29].value}),e[30].value,(0,s.jsx)(c.default,{href:"https://nextjs.org/",sourceType:"a",children:e[31].value}),e[32].value]}),(0,s.jsx)("p",{children:e[33].value}),(0,s.jsxs)("h2",{id:"using-app-router",children:[(0,s.jsx)(c.default,{"aria-hidden":"true",tabIndex:"-1",href:"#using-app-router",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Using App Router ",(0,s.jsx)(d.default,{children:e[34].value})]}),(0,s.jsx)("p",{children:e[35].value}),(0,s.jsx)("ol",{children:(0,s.jsxs)("li",{children:[e[36].value,(0,s.jsx)("code",{children:e[37].value})]})})]}),(0,s.jsx)(t.default,{npm:"$ npm install @ant-design/nextjs-registry --save",yarn:"$ yarn add @ant-design/nextjs-registry",pnpm:"$ pnpm install @ant-design/nextjs-registry --save",bun:"$ bun add @ant-design/nextjs-registry"}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsx)("ol",{start:"2",children:(0,s.jsxs)("li",{children:[e[38].value,(0,s.jsx)("code",{children:e[39].value})]})}),(0,s.jsx)(r.default,{lang:"tsx",children:e[40].value})]}),(0,s.jsx)(i.default,{type:"warning",children:(0,s.jsxs)("p",{children:[e[41].value,(0,s.jsx)("code",{children:e[42].value}),e[43].value,(0,s.jsx)("code",{children:e[44].value}),e[45].value,(0,s.jsx)("code",{children:e[46].value}),e[47].value]})}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("p",{children:[e[48].value,(0,s.jsx)(c.default,{href:"https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-app-router-inline-style",sourceType:"a",children:e[49].value}),e[50].value]}),(0,s.jsxs)("h2",{id:"using-pages-router",children:[(0,s.jsx)(c.default,{"aria-hidden":"true",tabIndex:"-1",href:"#using-pages-router",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Using Pages Router"]}),(0,s.jsx)("p",{children:e[51].value}),(0,s.jsx)("ol",{children:(0,s.jsxs)("li",{children:[e[52].value,(0,s.jsx)("code",{children:e[53].value})]})}),(0,s.jsxs)("blockquote",{children:[(0,s.jsx)("p",{children:e[54].value}),(0,s.jsxs)("p",{children:[e[55].value,(0,s.jsx)("code",{children:e[56].value}),e[57].value,(0,s.jsx)("code",{children:e[58].value}),e[59].value,(0,s.jsx)("code",{children:e[60].value}),e[61].value,(0,s.jsx)("code",{children:e[62].value}),e[63].value,(0,s.jsx)("code",{children:e[64].value}),e[65].value]}),(0,s.jsx)("img",{width:"514",alt:"image",src:"https://github.com/ant-design/ant-design/assets/49217418/aad6e9e2-62cc-4c89-a0b6-38c592e3c648"})]})]}),(0,s.jsx)(t.default,{npm:"$ npm install @ant-design/cssinjs --save",yarn:"$ yarn add @ant-design/cssinjs",pnpm:"$ pnpm install @ant-design/cssinjs --save",bun:"$ bun add @ant-design/cssinjs"}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsx)("ol",{start:"2",children:(0,s.jsxs)("li",{children:[e[66].value,(0,s.jsx)("code",{children:e[67].value})]})}),(0,s.jsx)(r.default,{lang:"tsx",children:e[68].value}),(0,s.jsx)("ol",{start:"3",children:(0,s.jsx)("li",{children:e[69].value})}),(0,s.jsx)(r.default,{lang:"ts",children:e[70].value}),(0,s.jsx)("ol",{start:"4",children:(0,s.jsxs)("li",{children:[e[71].value,(0,s.jsx)("code",{children:e[72].value})]})}),(0,s.jsx)(r.default,{lang:"tsx",children:e[73].value}),(0,s.jsx)("ol",{start:"5",children:(0,s.jsx)("li",{children:e[74].value})}),(0,s.jsx)(r.default,{lang:"tsx",children:e[75].value}),(0,s.jsxs)("p",{children:[e[76].value,(0,s.jsx)(c.default,{href:"https://github.com/ant-design/ant-design-examples/tree/main/examples/with-nextjs-inline-style",sourceType:"a",children:e[77].value}),e[78].value]})]})]});}var p=function(){return(0,s.jsx)(x.DumiPage,{children:(0,s.jsx)(h.Suspense,{fallback:(0,s.jsx)(u.default,{}),children:(0,s.jsx)(j,{})})});};}}]);