ant-design/5ff0fbd9-async.ca1360d0.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["5ff0fbd9"],{"5ff0fbd9":function(e,t,n){"use strict";var a=n("852bbaa9")._;n.d(t,"__esModule",{value:!0}),n.d(t,"demos",{enumerable:!0,get:function(){return r;}});var d=n("852bbaa9"),o=d._(n("5b220c3d"));n("71218284");var s=d._(n("a9d1a279")),i=d._(n("e22febe0"));let r={"layout-demo-basic":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"80ee8f27"))))),asset:{type:"BLOCK",id:"layout-demo-basic",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("73a47452").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Basic Structure",description:"Classic page layouts."},context:{react:o,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-top":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"3382e989"))))),asset:{type:"BLOCK",id:"layout-demo-top",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("8762dcb9").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Header-Content-Footer",description:"The most basic \"header-content-footer\" layout.\n\nGenerally, the mainnav is placed at the top of the page, and includes the logo, the first level navigation, and the secondary menu (users, settings, notifications) from left to right in it. We always put contents in a fixed size navigation (eg: 1200px), the layout of the whole page is stable, it's not affected by the viewing area.\n\nTop-bottom structure is conformed with the top-bottom viewing habit, it's a classical navigation pattern of websites. This pattern demonstrates efficiency in the main workarea, while using some vertical space. And because the horizontal space of the navigation is limited, this pattern is not suitable for cases when the first level navigation contains many elements or links."},context:{react:o,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-top-side":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"c791573a"))))),asset:{type:"BLOCK",id:"layout-demo-top-side",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("3a71571a").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Header-Sider",description:"Both the top navigation and the sidebar, commonly used in documentation site."},context:{react:o,"@ant-design/icons":i,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-top-side-2":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"836986f3"))))),asset:{type:"BLOCK",id:"layout-demo-top-side-2",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("8f7d8567").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Header Sider 2",description:"Both the top navigation and the sidebar, commonly used in application site."},context:{react:o,"@ant-design/icons":i,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-side":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"3ef13f2c"))))),asset:{type:"BLOCK",id:"layout-demo-side",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("cc9450ca").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Sider",description:"Two-columns layout. The sider menu can be collapsed when horizontal space is limited.\n\nGenerally, the mainnav is placed on the left side of the page, and the secondary menu is placed on the top of the working area. Contents will adapt the layout to the viewing area to improve the horizontal space usage, while the layout of the whole page is not stable.\n\nThe level of the aside navigation is scalable. The first, second, and third level navigations could be present more fluently and relevantly, and aside navigation can be fixed, allowing the user to quickly switch and spot the current position, improving the user experience. However, this navigation occupies some horizontal space of the contents."},context:{react:o,"@ant-design/icons":i,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-custom-trigger":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"7ab2a7ac"))))),asset:{type:"BLOCK",id:"layout-demo-custom-trigger",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("fb2a5f62").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Custom trigger",description:"If you want to use a customized trigger, you can hide the default one by setting trigger={null}."},context:{react:o,"@ant-design/icons":i,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-responsive":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"3e1ff61d"))))),asset:{type:"BLOCK",id:"layout-demo-responsive",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("ab0c3c60").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Responsive",description:"Layout.Sider supports responsive layout.\n\n> Note: You can get a responsive layout by setting breakpoint, the Sider will collapse to the width of collapsedWidth when window width is below the breakpoint. And a special trigger will appear if the collapsedWidth is set to 0."},context:{react:o,"@ant-design/icons":i,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-fixed":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"101840ff"))))),asset:{type:"BLOCK",id:"layout-demo-fixed",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("340ad388").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Fixed Header",description:"Fixed Header is generally used to fix the top navigation to facilitate page switching."},context:{react:o,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-fixed-sider":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"2e756a29"))))),asset:{type:"BLOCK",id:"layout-demo-fixed-sider",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("cd08c09a").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Fixed Sider",description:"When dealing with long content, a fixed sider can provide a better user experience."},context:{react:o,"@ant-design/icons":i,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-custom-trigger-debug":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"d56aee5e"))))),asset:{type:"BLOCK",id:"layout-demo-custom-trigger-debug",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("90c6ce29").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Custom trigger debug"},context:{react:o,"@ant-design/icons":i,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}},"layout-demo-component-token":{component:o.default.memo(o.default.lazy(()=>Promise.all([n.ensure("common"),n.ensure("03d7b07f")]).then(n.dr(a,n.bind(n,"c8b8fc1a"))))),asset:{type:"BLOCK",id:"layout-demo-component-token",refAtomIds:["layout"],dependencies:{"index.tsx":{type:"FILE",value:n("da885cb7").default},react:{type:"NPM",value:"18.3.0-canary-c3048aab4-20240326"},"@ant-design/icons":{type:"NPM",value:"5.5.1"},antd:{type:"NPM",value:"5.22.2"}},entry:"index.tsx",title:"Component Token",description:"Component Token"},context:{react:o,"@ant-design/icons":i,antd:s},renderOpts:{compile:async(...e)=>(await Promise.all([n.ensure("vendors_1"),n.ensure("vendors_0"),n.ensure("d2b37e0b")]).then(n.dr(a,n.bind(n,"d2b37e0b")))).default(...e)}}};}}]);