@tendaui/react 1.2.4 → 1.3.1

package/es/layout/_example/combine-right.js

@@ -0,0 +1,68 @@
+import React__default from 'react';
+import { Layout } from '../index.js';
+import '../Layout.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../Aside.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import 'lodash-es';
+import '../style/css.js';
+
+var Header = Layout.Header,
+  Content = Layout.Content,
+  Footer = Layout.Footer,
+  Aside = Layout.Aside;
+var demoStyles = {
+  header: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    lineHeight: "64px",
+    textAlign: "center"
+  },
+  aside: {
+    background: "var(--td-brand-color-8)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  content: {
+    background: "var(--td-brand-color-5)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    height: "120px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  footer: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "12px",
+    textAlign: "center",
+    lineHeight: "48px"
+  }
+};
+var CombineRightLayout = function CombineRightLayout() {
+  return /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Header, {
+    style: demoStyles.header
+  }, "Header"), /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Content, {
+    style: demoStyles.content
+  }, "Content"), /* @__PURE__ */React__default.createElement(Footer, {
+    style: demoStyles.footer
+  }, "Copyright @ 2019-2024 All Rights Reserved")), /* @__PURE__ */React__default.createElement(Aside, {
+    style: demoStyles.aside
+  }, "Aside")));
+};
+
+export { CombineRightLayout as default };
+//# sourceMappingURL=combine-right.js.map

package/es/layout/_example/combine-right.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combine-right.js","sources":["../../../../components/layout/_example/combine-right.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"../index\";\n\nconst { Header, Content, Footer, Aside } = Layout;\n\n// 定义演示用的样式\nconst demoStyles = {\n  header: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    lineHeight: \"64px\",\n    textAlign: \"center\" as const\n  },\n  aside: {\n    background: \"var(--td-brand-color-8)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  content: {\n    background: \"var(--td-brand-color-5)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    height: \"120px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  footer: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"12px\",\n    textAlign: \"center\" as const,\n    lineHeight: \"48px\"\n  }\n};\n\nconst CombineRightLayout = () => (\n  <Layout>\n    <Header style={demoStyles.header}>Header</Header>\n    <Layout>\n      <Layout>\n        <Content style={demoStyles.content}>Content</Content>\n        <Footer style={demoStyles.footer}>Copyright @ 2019-2024 All Rights Reserved</Footer>\n      </Layout>\n      <Aside style={demoStyles.aside}>Aside</Aside>\n    </Layout>\n  </Layout>\n);\n\nexport default CombineRightLayout;\n"],"names":["Header","Layout","Content","Footer","Aside","demoStyles","header","background","color","fontSize","lineHeight","textAlign","aside","display","alignItems","justifyContent","content","height","footer","CombineRightLayout","React","createElement","style"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAQA,MAAA,GAAmCC,MAAA,CAAnCD,MAAA;EAAQE,OAAA,GAA2BD,MAAA,CAA3BC,OAAA;EAASC,MAAA,GAAkBF,MAAA,CAAlBE,MAAA;EAAQC,QAAUH,MAAA,CAAVG;AAGjC,IAAMC,UAAA,GAAa;AACjBC,EAAAA,MAAA,EAAQ;AACNC,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVC,IAAAA,UAAA,EAAY,MAAA;AACZC,IAAAA,SAAA,EAAW;GACb;AACAC,EAAAA,KAAA,EAAO;AACLL,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVI,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAC,EAAAA,OAAA,EAAS;AACPT,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVQ,IAAAA,MAAA,EAAQ,OAAA;AACRJ,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAG,EAAAA,MAAA,EAAQ;AACNX,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVE,IAAAA,SAAA,EAAW,QAAA;AACXD,IAAAA,UAAA,EAAY;AACd;AACF,CAAA;AAEA,IAAMS,qBAAqB,SAArBA;wBACJC,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACrB;IAAOsB,KAAA,EAAOjB,UAAA,CAAWC;AAAA,GAAA,EAAQ,QAAM,kBACxCc,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,8CACEC,OAAA,EAAA;IAAQoB,KAAA,EAAOjB,UAAA,CAAWW;GAAA,EAAS,SAAO,CAAA,iBAC3CI,cAAA,CAAAC,aAAA,CAAClB,MAAA,EAAA;IAAOmB,KAAA,EAAOjB,WAAWa;GAAA,EAAQ,2CAAyC,CAC7E,CAAA,8CACCd,KAAA,EAAA;IAAMkB,KAAA,EAAOjB,WAAWO;AAAA,GAAA,EAAO,OAAK,CACvC,CACF,CAAA;AAAA;;;;"}

package/es/layout/_example/custom-aside-width.js

@@ -0,0 +1,69 @@
+import React__default from 'react';
+import { Layout } from '../index.js';
+import '../Layout.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../Aside.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import 'lodash-es';
+import '../style/css.js';
+
+var Header = Layout.Header,
+  Content = Layout.Content,
+  Footer = Layout.Footer,
+  Aside = Layout.Aside;
+var demoStyles = {
+  header: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    lineHeight: "64px",
+    textAlign: "center"
+  },
+  aside: {
+    background: "var(--td-brand-color-8)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  content: {
+    background: "var(--td-brand-color-5)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    height: "120px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  footer: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "12px",
+    textAlign: "center",
+    lineHeight: "48px"
+  }
+};
+var CustomAsideWidthLayout = function CustomAsideWidthLayout() {
+  return /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Header, {
+    style: demoStyles.header
+  }, "Header"), /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Aside, {
+    width: "80px",
+    style: demoStyles.aside
+  }, "Aside (80px)"), /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Content, {
+    style: demoStyles.content
+  }, "Content"), /* @__PURE__ */React__default.createElement(Footer, {
+    style: demoStyles.footer
+  }, "Copyright @ 2019-2024 All Rights Reserved"))));
+};
+
+export { CustomAsideWidthLayout as default };
+//# sourceMappingURL=custom-aside-width.js.map

package/es/layout/_example/custom-aside-width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-aside-width.js","sources":["../../../../components/layout/_example/custom-aside-width.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"../index\";\n\nconst { Header, Content, Footer, Aside } = Layout;\n\n// 定义演示用的样式\nconst demoStyles = {\n  header: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    lineHeight: \"64px\",\n    textAlign: \"center\" as const\n  },\n  aside: {\n    background: \"var(--td-brand-color-8)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  content: {\n    background: \"var(--td-brand-color-5)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    height: \"120px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  footer: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"12px\",\n    textAlign: \"center\" as const,\n    lineHeight: \"48px\"\n  }\n};\n\nconst CustomAsideWidthLayout = () => (\n  <Layout>\n    <Header style={demoStyles.header}>Header</Header>\n    <Layout>\n      <Aside width=\"80px\" style={demoStyles.aside}>\n        Aside (80px)\n      </Aside>\n      <Layout>\n        <Content style={demoStyles.content}>Content</Content>\n        <Footer style={demoStyles.footer}>Copyright @ 2019-2024 All Rights Reserved</Footer>\n      </Layout>\n    </Layout>\n  </Layout>\n);\n\nexport default CustomAsideWidthLayout;\n"],"names":["Header","Layout","Content","Footer","Aside","demoStyles","header","background","color","fontSize","lineHeight","textAlign","aside","display","alignItems","justifyContent","content","height","footer","CustomAsideWidthLayout","React","createElement","style","width"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAQA,MAAA,GAAmCC,MAAA,CAAnCD,MAAA;EAAQE,OAAA,GAA2BD,MAAA,CAA3BC,OAAA;EAASC,MAAA,GAAkBF,MAAA,CAAlBE,MAAA;EAAQC,QAAUH,MAAA,CAAVG;AAGjC,IAAMC,UAAA,GAAa;AACjBC,EAAAA,MAAA,EAAQ;AACNC,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVC,IAAAA,UAAA,EAAY,MAAA;AACZC,IAAAA,SAAA,EAAW;GACb;AACAC,EAAAA,KAAA,EAAO;AACLL,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVI,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAC,EAAAA,OAAA,EAAS;AACPT,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVQ,IAAAA,MAAA,EAAQ,OAAA;AACRJ,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAG,EAAAA,MAAA,EAAQ;AACNX,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVE,IAAAA,SAAA,EAAW,QAAA;AACXD,IAAAA,UAAA,EAAY;AACd;AACF,CAAA;AAEA,IAAMS,yBAAyB,SAAzBA;wBACJC,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACrB;IAAOsB,KAAA,EAAOjB,UAAA,CAAWC;AAAA,GAAA,EAAQ,QAAM,kBACxCc,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,8CACEG,KAAA,EAAA;AAAMmB,IAAAA,KAAA,EAAM;IAAOD,KAAA,EAAOjB,UAAA,CAAWO;AAAA,GAAA,EAAO,cAE7C,kBACAQ,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,8CACEC,OAAA,EAAA;IAAQoB,KAAA,EAAOjB,WAAWW;GAAA,EAAS,SAAO,CAAA,iBAC3CI,cAAA,CAAAC,aAAA,CAAClB;IAAOmB,KAAA,EAAOjB,UAAA,CAAWa;KAAQ,2CAAyC,CAC7E,CACF,CACF,CAAA;AAAA;;;;"}

package/es/layout/_example/custom-height.js

@@ -0,0 +1,59 @@
+import React__default from 'react';
+import { Layout } from '../index.js';
+import '../Layout.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../Aside.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import 'lodash-es';
+import '../style/css.js';
+
+var Header = Layout.Header,
+  Content = Layout.Content,
+  Footer = Layout.Footer;
+var demoStyles = {
+  header: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    lineHeight: "64px",
+    textAlign: "center"
+  },
+  content: {
+    background: "var(--td-brand-color-5)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    height: "120px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  footer: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "12px",
+    textAlign: "center",
+    lineHeight: "48px"
+  }
+};
+var CustomHeightLayout = function CustomHeightLayout() {
+  return /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Header, {
+    height: "80px",
+    style: demoStyles.header
+  }, "Header (80px)"), /* @__PURE__ */React__default.createElement(Content, {
+    style: demoStyles.content
+  }, "Content"), /* @__PURE__ */React__default.createElement(Footer, {
+    height: "60px",
+    style: demoStyles.footer
+  }, "Footer (60px)"));
+};
+
+export { CustomHeightLayout as default };
+//# sourceMappingURL=custom-height.js.map

package/es/layout/_example/custom-height.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-height.js","sources":["../../../../components/layout/_example/custom-height.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"../index\";\n\nconst { Header, Content, Footer } = Layout;\n\n// 定义演示用的样式\nconst demoStyles = {\n  header: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    lineHeight: \"64px\",\n    textAlign: \"center\" as const\n  },\n  content: {\n    background: \"var(--td-brand-color-5)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    height: \"120px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  footer: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"12px\",\n    textAlign: \"center\" as const,\n    lineHeight: \"48px\"\n  }\n};\n\nconst CustomHeightLayout = () => (\n  <Layout>\n    <Header height=\"80px\" style={demoStyles.header}>\n      Header (80px)\n    </Header>\n    <Content style={demoStyles.content}>Content</Content>\n    <Footer height=\"60px\" style={demoStyles.footer}>\n      Footer (60px)\n    </Footer>\n  </Layout>\n);\n\nexport default CustomHeightLayout;\n"],"names":["Header","Layout","Content","Footer","demoStyles","header","background","color","fontSize","lineHeight","textAlign","content","height","display","alignItems","justifyContent","footer","CustomHeightLayout","React","createElement","style"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAQA,MAAA,GAA4BC,MAAA,CAA5BD,MAAA;EAAQE,OAAA,GAAoBD,MAAA,CAApBC,OAAA;EAASC,MAAA,GAAWF,MAAA,CAAXE,MAAA;AAGzB,IAAMC,UAAA,GAAa;AACjBC,EAAAA,MAAA,EAAQ;AACNC,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVC,IAAAA,UAAA,EAAY,MAAA;AACZC,IAAAA,SAAA,EAAW;GACb;AACAC,EAAAA,OAAA,EAAS;AACPL,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVI,IAAAA,MAAA,EAAQ,OAAA;AACRC,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAC,EAAAA,MAAA,EAAQ;AACNV,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVE,IAAAA,SAAA,EAAW,QAAA;AACXD,IAAAA,UAAA,EAAY;AACd;AACF,CAAA;AAEA,IAAMQ,kBAAA,GAAqB,SAArBA,kBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAClB,MAAA,EAAA,IAAA,iBACCiB,cAAA,CAAAC,aAAA,CAACnB,MAAA,EAAA;AAAOY,IAAAA,MAAA,EAAO,MAAA;IAAOQ,KAAA,EAAOhB,UAAA,CAAWC;GAAA,EAAQ,eAEhD,CAAA,iBACAa,cAAA,CAAAC,aAAA,CAACjB,OAAA,EAAA;IAAQkB,KAAA,EAAOhB,UAAA,CAAWO;GAAA,EAAS,SAAO,CAAA,iBAC3CO,cAAA,CAAAC,aAAA,CAAChB,MAAA,EAAA;AAAOS,IAAAA,MAAA,EAAO,MAAA;IAAOQ,KAAA,EAAOhB,UAAA,CAAWY;GAAA,EAAQ,eAEhD,CACF,CAAA;AAAA;;;;"}

package/es/layout/_example/double-sidebar.js

@@ -0,0 +1,72 @@
+import React__default from 'react';
+import { Layout } from '../index.js';
+import '../Layout.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../Aside.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import 'lodash-es';
+import '../style/css.js';
+
+var Header = Layout.Header,
+  Content = Layout.Content,
+  Footer = Layout.Footer,
+  Aside = Layout.Aside;
+var demoStyles = {
+  header: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    lineHeight: "64px",
+    textAlign: "center"
+  },
+  aside: {
+    background: "var(--td-brand-color-8)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  content: {
+    background: "var(--td-brand-color-5)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    height: "120px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  footer: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "12px",
+    textAlign: "center",
+    lineHeight: "48px"
+  }
+};
+var DoubleSidebarLayout = function DoubleSidebarLayout() {
+  return /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Aside, {
+    width: "100px",
+    style: demoStyles.aside
+  }, "Left Aside"), /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Header, {
+    style: demoStyles.header
+  }, "Header"), /* @__PURE__ */React__default.createElement(Content, {
+    style: demoStyles.content
+  }, "Content"), /* @__PURE__ */React__default.createElement(Footer, {
+    style: demoStyles.footer
+  }, "Copyright @ 2019-2024 All Rights Reserved")), /* @__PURE__ */React__default.createElement(Aside, {
+    width: "200px",
+    style: demoStyles.aside
+  }, "Right Aside"));
+};
+
+export { DoubleSidebarLayout as default };
+//# sourceMappingURL=double-sidebar.js.map

package/es/layout/_example/double-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"double-sidebar.js","sources":["../../../../components/layout/_example/double-sidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"../index\";\n\nconst { Header, Content, Footer, Aside } = Layout;\n\n// 定义演示用的样式\nconst demoStyles = {\n  header: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    lineHeight: \"64px\",\n    textAlign: \"center\" as const\n  },\n  aside: {\n    background: \"var(--td-brand-color-8)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  content: {\n    background: \"var(--td-brand-color-5)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    height: \"120px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  footer: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"12px\",\n    textAlign: \"center\" as const,\n    lineHeight: \"48px\"\n  }\n};\n\nconst DoubleSidebarLayout = () => (\n  <Layout>\n    <Aside width=\"100px\" style={demoStyles.aside}>\n      Left Aside\n    </Aside>\n    <Layout>\n      <Header style={demoStyles.header}>Header</Header>\n      <Content style={demoStyles.content}>Content</Content>\n      <Footer style={demoStyles.footer}>Copyright @ 2019-2024 All Rights Reserved</Footer>\n    </Layout>\n    <Aside width=\"200px\" style={demoStyles.aside}>\n      Right Aside\n    </Aside>\n  </Layout>\n);\n\nexport default DoubleSidebarLayout;\n"],"names":["Header","Layout","Content","Footer","Aside","demoStyles","header","background","color","fontSize","lineHeight","textAlign","aside","display","alignItems","justifyContent","content","height","footer","DoubleSidebarLayout","React","createElement","width","style"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAQA,MAAA,GAAmCC,MAAA,CAAnCD,MAAA;EAAQE,OAAA,GAA2BD,MAAA,CAA3BC,OAAA;EAASC,MAAA,GAAkBF,MAAA,CAAlBE,MAAA;EAAQC,QAAUH,MAAA,CAAVG;AAGjC,IAAMC,UAAA,GAAa;AACjBC,EAAAA,MAAA,EAAQ;AACNC,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVC,IAAAA,UAAA,EAAY,MAAA;AACZC,IAAAA,SAAA,EAAW;GACb;AACAC,EAAAA,KAAA,EAAO;AACLL,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVI,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAC,EAAAA,OAAA,EAAS;AACPT,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVQ,IAAAA,MAAA,EAAQ,OAAA;AACRJ,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAG,EAAAA,MAAA,EAAQ;AACNX,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVE,IAAAA,SAAA,EAAW,QAAA;AACXD,IAAAA,UAAA,EAAY;AACd;AACF,CAAA;AAEA,IAAMS,mBAAA,GAAsB,SAAtBA,mBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,8CACEG,KAAA,EAAA;AAAMkB,IAAAA,KAAA,EAAM;IAAQC,KAAA,EAAOlB,UAAA,CAAWO;KAAO,YAE9C,CAAA,8CACCX,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACrB;IAAOuB,KAAA,EAAOlB,UAAA,CAAWC;KAAQ,QAAM,CAAA,8CACvCJ,OAAA,EAAA;IAAQqB,KAAA,EAAOlB,WAAWW;GAAA,EAAS,SAAO,kBAC3CI,cAAA,CAAAC,aAAA,CAAClB,MAAA,EAAA;IAAOoB,OAAOlB,UAAA,CAAWa;GAAA,EAAQ,2CAAyC,CAC7E,CAAA,8CACCd,KAAA,EAAA;AAAMkB,IAAAA,KAAA,EAAM;IAAQC,KAAA,EAAOlB,UAAA,CAAWO;GAAA,EAAO,aAE9C,CACF,CAAA;AAAA;;;;"}

package/es/layout/_example/side-navigation-right.js

@@ -0,0 +1,66 @@
+import React__default from 'react';
+import { Layout } from '../index.js';
+import '../Layout.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../Aside.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import 'lodash-es';
+import '../style/css.js';
+
+var Header = Layout.Header,
+  Content = Layout.Content,
+  Footer = Layout.Footer,
+  Aside = Layout.Aside;
+var demoStyles = {
+  header: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    lineHeight: "64px",
+    textAlign: "center"
+  },
+  aside: {
+    background: "var(--td-brand-color-8)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  content: {
+    background: "var(--td-brand-color-5)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    height: "120px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  footer: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "12px",
+    textAlign: "center",
+    lineHeight: "48px"
+  }
+};
+var SideNavigationRightLayout = function SideNavigationRightLayout() {
+  return /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Content, {
+    style: demoStyles.content
+  }, "Content"), /* @__PURE__ */React__default.createElement(Footer, {
+    style: demoStyles.footer
+  }, "Copyright @ 2019-2024 All Rights Reserved")), /* @__PURE__ */React__default.createElement(Aside, {
+    style: demoStyles.aside
+  }, "Aside"));
+};
+
+export { SideNavigationRightLayout as default };
+//# sourceMappingURL=side-navigation-right.js.map

package/es/layout/_example/side-navigation-right.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation-right.js","sources":["../../../../components/layout/_example/side-navigation-right.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"../index\";\n\nconst { Header, Content, Footer, Aside } = Layout;\n\n// 定义演示用的样式\nconst demoStyles = {\n  header: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    lineHeight: \"64px\",\n    textAlign: \"center\" as const\n  },\n  aside: {\n    background: \"var(--td-brand-color-8)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  content: {\n    background: \"var(--td-brand-color-5)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    height: \"120px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  footer: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"12px\",\n    textAlign: \"center\" as const,\n    lineHeight: \"48px\"\n  }\n};\n\nconst SideNavigationRightLayout = () => (\n  <Layout>\n    <Layout>\n      <Content style={demoStyles.content}>Content</Content>\n      <Footer style={demoStyles.footer}>Copyright @ 2019-2024 All Rights Reserved</Footer>\n    </Layout>\n    <Aside style={demoStyles.aside}>Aside</Aside>\n  </Layout>\n);\n\nexport default SideNavigationRightLayout;\n"],"names":["Header","Layout","Content","Footer","Aside","demoStyles","header","background","color","fontSize","lineHeight","textAlign","aside","display","alignItems","justifyContent","content","height","footer","SideNavigationRightLayout","React","createElement","style"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAQA,MAAA,GAAmCC,MAAA,CAAnCD,MAAA;EAAQE,OAAA,GAA2BD,MAAA,CAA3BC,OAAA;EAASC,MAAA,GAAkBF,MAAA,CAAlBE,MAAA;EAAQC,QAAUH,MAAA,CAAVG;AAGjC,IAAMC,UAAA,GAAa;AACjBC,EAAAA,MAAA,EAAQ;AACNC,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVC,IAAAA,UAAA,EAAY,MAAA;AACZC,IAAAA,SAAA,EAAW;GACb;AACAC,EAAAA,KAAA,EAAO;AACLL,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVI,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAC,EAAAA,OAAA,EAAS;AACPT,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVQ,IAAAA,MAAA,EAAQ,OAAA;AACRJ,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAG,EAAAA,MAAA,EAAQ;AACNX,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVE,IAAAA,SAAA,EAAW,QAAA;AACXD,IAAAA,UAAA,EAAY;AACd;AACF,CAAA;AAEA,IAAMS,yBAAA,GAA4B,SAA5BA,yBAAAA,GAAA;EAAA,sBACJC,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACnB,OAAA,EAAA;IAAQoB,KAAA,EAAOjB,UAAA,CAAWW;GAAA,EAAS,SAAO,CAAA,iBAC3CI,cAAA,CAAAC,aAAA,CAAClB,MAAA,EAAA;IAAOmB,KAAA,EAAOjB,UAAA,CAAWa;GAAA,EAAQ,2CAAyC,CAC7E,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACjB,KAAA,EAAA;IAAMkB,KAAA,EAAOjB,UAAA,CAAWO;GAAA,EAAO,OAAK,CACvC,CAAA;AAAA;;;;"}

package/es/layout/_example/side-navigation.js

@@ -0,0 +1,66 @@
+import React__default from 'react';
+import { Layout } from '../index.js';
+import '../Layout.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../Aside.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import 'lodash-es';
+import '../style/css.js';
+
+var Header = Layout.Header,
+  Content = Layout.Content,
+  Footer = Layout.Footer,
+  Aside = Layout.Aside;
+var demoStyles = {
+  header: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    lineHeight: "64px",
+    textAlign: "center"
+  },
+  aside: {
+    background: "var(--td-brand-color-8)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  content: {
+    background: "var(--td-brand-color-5)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    height: "120px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  footer: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "12px",
+    textAlign: "center",
+    lineHeight: "48px"
+  }
+};
+var SideNavigationLayout = function SideNavigationLayout() {
+  return /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Aside, {
+    style: demoStyles.aside
+  }, "Aside"), /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Content, {
+    style: demoStyles.content
+  }, "Content"), /* @__PURE__ */React__default.createElement(Footer, {
+    style: demoStyles.footer
+  }, "Copyright @ 2019-2024 All Rights Reserved")));
+};
+
+export { SideNavigationLayout as default };
+//# sourceMappingURL=side-navigation.js.map

package/es/layout/_example/side-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-navigation.js","sources":["../../../../components/layout/_example/side-navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"../index\";\n\nconst { Header, Content, Footer, Aside } = Layout;\n\n// 定义演示用的样式\nconst demoStyles = {\n  header: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    lineHeight: \"64px\",\n    textAlign: \"center\" as const\n  },\n  aside: {\n    background: \"var(--td-brand-color-8)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  content: {\n    background: \"var(--td-brand-color-5)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    height: \"120px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  footer: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"12px\",\n    textAlign: \"center\" as const,\n    lineHeight: \"48px\"\n  }\n};\n\nconst SideNavigationLayout = () => (\n  <Layout>\n    <Aside style={demoStyles.aside}>Aside</Aside>\n    <Layout>\n      <Content style={demoStyles.content}>Content</Content>\n      <Footer style={demoStyles.footer}>Copyright @ 2019-2024 All Rights Reserved</Footer>\n    </Layout>\n  </Layout>\n);\n\nexport default SideNavigationLayout;\n"],"names":["Header","Layout","Content","Footer","Aside","demoStyles","header","background","color","fontSize","lineHeight","textAlign","aside","display","alignItems","justifyContent","content","height","footer","SideNavigationLayout","React","createElement","style"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAQA,MAAA,GAAmCC,MAAA,CAAnCD,MAAA;EAAQE,OAAA,GAA2BD,MAAA,CAA3BC,OAAA;EAASC,MAAA,GAAkBF,MAAA,CAAlBE,MAAA;EAAQC,QAAUH,MAAA,CAAVG;AAGjC,IAAMC,UAAA,GAAa;AACjBC,EAAAA,MAAA,EAAQ;AACNC,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVC,IAAAA,UAAA,EAAY,MAAA;AACZC,IAAAA,SAAA,EAAW;GACb;AACAC,EAAAA,KAAA,EAAO;AACLL,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVI,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAC,EAAAA,OAAA,EAAS;AACPT,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVQ,IAAAA,MAAA,EAAQ,OAAA;AACRJ,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAG,EAAAA,MAAA,EAAQ;AACNX,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVE,IAAAA,SAAA,EAAW,QAAA;AACXD,IAAAA,UAAA,EAAY;AACd;AACF,CAAA;AAEA,IAAMS,oBAAA,GAAuB,SAAvBA,oBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACjB,KAAA,EAAA;IAAMkB,KAAA,EAAOjB,UAAA,CAAWO;AAAA,GAAA,EAAO,OAAK,CAAA,iBACrCQ,cAAA,CAAAC,aAAA,CAACpB,MAAA,EAAA,IAAA,iBACCmB,cAAA,CAAAC,aAAA,CAACnB,OAAA,EAAA;IAAQoB,KAAA,EAAOjB,UAAA,CAAWW;GAAA,EAAS,SAAO,CAAA,iBAC3CI,cAAA,CAAAC,aAAA,CAAClB,MAAA,EAAA;IAAOmB,KAAA,EAAOjB,UAAA,CAAWa;AAAA,GAAA,EAAQ,2CAAyC,CAC7E,CACF,CAAA;AAAA;;;;"}

package/es/layout/_example/top-navigation.js

@@ -0,0 +1,57 @@
+import React__default from 'react';
+import { Layout } from '../index.js';
+import '../Layout.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../Aside.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import 'lodash-es';
+import '../style/css.js';
+
+var Header = Layout.Header,
+  Content = Layout.Content,
+  Footer = Layout.Footer;
+var demoStyles = {
+  header: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    lineHeight: "64px",
+    textAlign: "center"
+  },
+  content: {
+    background: "var(--td-brand-color-5)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "14px",
+    height: "120px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  footer: {
+    background: "var(--td-brand-color-9)",
+    color: "var(--td-text-color-anti)",
+    fontSize: "12px",
+    textAlign: "center",
+    lineHeight: "48px"
+  }
+};
+var TopNavigationLayout = function TopNavigationLayout() {
+  return /* @__PURE__ */React__default.createElement(Layout, null, /* @__PURE__ */React__default.createElement(Header, {
+    style: demoStyles.header
+  }, "Header"), /* @__PURE__ */React__default.createElement(Content, {
+    style: demoStyles.content
+  }, "Content"), /* @__PURE__ */React__default.createElement(Footer, {
+    style: demoStyles.footer
+  }, "Copyright @ 2019-2024 All Rights Reserved"));
+};
+
+export { TopNavigationLayout as default };
+//# sourceMappingURL=top-navigation.js.map

package/es/layout/_example/top-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-navigation.js","sources":["../../../../components/layout/_example/top-navigation.tsx"],"sourcesContent":["import React from \"react\";\nimport { Layout } from \"../index\";\n\nconst { Header, Content, Footer } = Layout;\n\n// 定义演示用的样式\nconst demoStyles = {\n  header: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    lineHeight: \"64px\",\n    textAlign: \"center\" as const\n  },\n  content: {\n    background: \"var(--td-brand-color-5)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"14px\",\n    height: \"120px\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  },\n  footer: {\n    background: \"var(--td-brand-color-9)\",\n    color: \"var(--td-text-color-anti)\",\n    fontSize: \"12px\",\n    textAlign: \"center\" as const,\n    lineHeight: \"48px\"\n  }\n};\n\nconst TopNavigationLayout = () => (\n  <Layout>\n    <Header style={demoStyles.header}>Header</Header>\n    <Content style={demoStyles.content}>Content</Content>\n    <Footer style={demoStyles.footer}>Copyright @ 2019-2024 All Rights Reserved</Footer>\n  </Layout>\n);\n\nexport default TopNavigationLayout;\n"],"names":["Header","Layout","Content","Footer","demoStyles","header","background","color","fontSize","lineHeight","textAlign","content","height","display","alignItems","justifyContent","footer","TopNavigationLayout","React","createElement","style"],"mappings":";;;;;;;;;;;;;;;;;AAGA,IAAQA,MAAA,GAA4BC,MAAA,CAA5BD,MAAA;EAAQE,OAAA,GAAoBD,MAAA,CAApBC,OAAA;EAASC,MAAA,GAAWF,MAAA,CAAXE,MAAA;AAGzB,IAAMC,UAAA,GAAa;AACjBC,EAAAA,MAAA,EAAQ;AACNC,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVC,IAAAA,UAAA,EAAY,MAAA;AACZC,IAAAA,SAAA,EAAW;GACb;AACAC,EAAAA,OAAA,EAAS;AACPL,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVI,IAAAA,MAAA,EAAQ,OAAA;AACRC,IAAAA,OAAA,EAAS,MAAA;AACTC,IAAAA,UAAA,EAAY,QAAA;AACZC,IAAAA,cAAA,EAAgB;GAClB;AACAC,EAAAA,MAAA,EAAQ;AACNV,IAAAA,UAAA,EAAY,yBAAA;AACZC,IAAAA,KAAA,EAAO,2BAAA;AACPC,IAAAA,QAAA,EAAU,MAAA;AACVE,IAAAA,SAAA,EAAW,QAAA;AACXD,IAAAA,UAAA,EAAY;AACd;AACF,CAAA;AAEA,IAAMQ,mBAAA,GAAsB,SAAtBA,mBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAClB,MAAA,EAAA,IAAA,iBACCiB,cAAA,CAAAC,aAAA,CAACnB;IAAOoB,KAAA,EAAOhB,UAAA,CAAWC;GAAA,EAAQ,QAAM,CAAA,iBACxCa,cAAA,CAAAC,aAAA,CAACjB;IAAQkB,KAAA,EAAOhB,UAAA,CAAWO;GAAA,EAAS,SAAO,CAAA,iBAC3CO,cAAA,CAAAC,aAAA,CAAChB;IAAOiB,KAAA,EAAOhB,UAAA,CAAWY;GAAA,EAAQ,2CAAyC,CAC7E,CAAA;AAAA;;;;"}

package/es/layout/index.js

@@ -5,12 +5,13 @@ import '../_chunks/dep-Cwish4GD.js';
 import '../_chunks/dep-DN7d1SzH.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import './Aside.js';
 import '../_chunks/dep-DGvfel3I.js';
-import '../_chunks/dep-D6YxJv-F.js';
+import '../_chunks/dep-spxR0DG0.js';
 import 'lodash-es';
 
 var Layout = Layout$1;

package/es/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/layout/index.ts"],"sourcesContent":["import _Layout from \"./Layout\";\n\nimport \"./style/index.js\";\n\nexport type { LayoutProps } from \"./Layout\";\nexport * from \"./type\";\n\nexport const Layout = _Layout;\nexport default Layout;\n"],"names":["Layout","_Layout"],"mappings":";;;;;;;;;;;;;;;AAOO,IAAMA,MAAA,GAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/layout/index.ts"],"sourcesContent":["import _Layout from \"./Layout\";\n\nimport \"./style/index.js\";\n\nexport type { LayoutProps } from \"./Layout\";\nexport * from \"./type\";\n\nexport const Layout = _Layout;\nexport default Layout;\n"],"names":["Layout","_Layout"],"mappings":";;;;;;;;;;;;;;;;AAOO,IAAMA,MAAA,GAASC;;;;"}