ant-design/93effb0e-async.030bdd6f.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["93effb0e"],{"45a0f123":function(e,s,a){"use strict";a.d(s,"__esModule",{value:!0}),a.d(s,"texts",{enumerable:!0,get:function(){return t;}}),a("44a6fbfb");let t=[{value:"The use of design patterns in enterprise-level businesses can significantly increase the certainty of the R&D team, save unnecessary design and maintain system consistency, allowing designers to focus on creativity where it is most needed.",paraId:0},{value:"Design patterns adhere to Ant Design design values and provide a general solution to recurring design issues in enterprise products. The designer can directly use the design pattern to complete the interface design, or the design pattern can be used as a starting point to derive a more business-specific solution to meet the individual design needs.",paraId:1},{value:"At the same time, this is a dynamically updated design document, and your reading and feedback is the driving force behind our progress, ",paraId:2},{value:"GitHub Feedback Address",paraId:2},{value:".",paraId:2},{value:"The complete design pattern will include examples of templates, components (ETC), and general-purpose concepts:",paraId:3,tocIndex:0},{value:"Function example:",paraId:4,tocIndex:0},{value:" Consists of multiple templates to inspire users how to use and build a common feature.",paraId:4,tocIndex:0},{value:"Template:",paraId:4,tocIndex:0},{value:" A page-level example that inspires users how to build a typical page in a system, such as a detail page.",paraId:4,tocIndex:0},{value:"Component",paraId:4,tocIndex:0},{value:"Basic components: The most basic elements of the system, such as buttons and pagers.",paraId:5,tocIndex:0},{value:"Business components/modules: Block-level examples, typically consisting of multiple components.",paraId:5,tocIndex:0},{value:"General concepts:",paraId:4,tocIndex:0},{value:" Some conventions that guarantee ETC systematization, such as typesetting, fonts, and copywriting.",paraId:4,tocIndex:0},{value:"We work with engineers to transform design patterns into reusable code that maximizes your productivity and communication efficiency.",paraId:6,tocIndex:1},{value:"Ant Design Pro",paraId:7,tocIndex:1},{value:": Out-of-the-box solution with 20+ templates and 10+ business components.",paraId:7,tocIndex:1},{value:"Official UI",paraId:8,tocIndex:1},{value:": Ant Design's React UI library is a global component library with 60+ base components.",paraId:7,tocIndex:1},{value:"Axure Library",paraId:7,tocIndex:1},{value:": Axure resource packs are included with the code to make your prototype look like a visual draft, including templates, components, and more.",paraId:7,tocIndex:1}];},"93effb0e":function(e,s,a){"use strict";a.d(s,"__esModule",{value:!0}),a.d(s,"default",{enumerable:!0,get:function(){return c;}});var t=a("777fffbe"),n=a("f19d2b93"),i=t._(a("97c488ea")),l=t._(a("c96b0d01")),r=a("5b220c3d"),d=a("9c86e52a"),o=a("45a0f123"),c=function(){return(0,n.jsx)(d.DumiPage,{children:(0,n.jsx)(r.Suspense,{fallback:(0,n.jsx)(l.default,{}),children:(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsx)("p",{children:o.texts[0].value}),(0,n.jsx)("p",{children:o.texts[1].value}),(0,n.jsxs)("p",{children:[o.texts[2].value,(0,n.jsx)(i.default,{href:"https://github.com/ant-design/ant-design/issues",sourceType:"a",children:o.texts[3].value}),o.texts[4].value]}),(0,n.jsxs)("h2",{id:"framework-information",children:[(0,n.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#framework-information",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Framework Information"]}),(0,n.jsx)("p",{children:(0,n.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/NyWYOFQxJYElAwtUfSdv.png",alt:"Structure diagram"})}),(0,n.jsx)("p",{children:o.texts[5].value}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:o.texts[6].value}),o.texts[7].value]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:o.texts[8].value}),o.texts[9].value]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:o.texts[10].value}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:o.texts[11].value}),(0,n.jsx)("li",{children:o.texts[12].value})]})]}),(0,n.jsxs)("li",{children:[(0,n.jsx)("strong",{children:o.texts[13].value}),o.texts[14].value]})]}),(0,n.jsxs)("h2",{id:"resources",children:[(0,n.jsx)(i.default,{"aria-hidden":"true",tabIndex:"-1",href:"#resources",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Resources"]}),(0,n.jsx)("p",{children:o.texts[15].value}),(0,n.jsxs)("ul",{children:[(0,n.jsxs)("li",{children:[(0,n.jsx)(i.default,{href:"https://pro.ant.design",sourceType:"a",children:o.texts[16].value}),o.texts[17].value]}),(0,n.jsxs)("li",{children:[(0,n.jsx)(i.default,{to:"/components/overview",sourceType:"Link",children:o.texts[18].value}),o.texts[19].value]}),(0,n.jsxs)("li",{children:[(0,n.jsx)(i.default,{href:"http://library.ant.design/",sourceType:"a",children:o.texts[20].value}),o.texts[21].value]})]})]})})})});};}}]);