{"_id":"@ahws/layouts","_rev":"4-0043a3239cd299c3a288f1d0a27d5809","name":"@ahws/layouts","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@ahws/layouts","version":"0.0.1","description":"react antd layouts page","main":"lib/cjs/index.js","module":"lib/esm/index.js","repository":{"type":"git","url":"git+https://github.com/ybuiw/ahws.git"},"keywords":["react","layouts","ahws-layouts","antd layouts","react layouts"],"publishConfig":{"access":"public"},"author":{"name":"uub"},"license":"MIT","devDependencies":{"@ant-design/icons":"^4.3.0","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","antd":"^4.10.1","react":"^17.0.1","react-dom":"^17.0.1"},"gitHead":"22b874766f544142d7b4cab9c4027cbdb868dc10","bugs":{"url":"https://github.com/ybuiw/ahws/issues"},"homepage":"https://github.com/ybuiw/ahws#readme","_id":"@ahws/layouts@0.0.1","_nodeVersion":"14.15.0","_npmVersion":"lerna/3.22.1/node@v14.15.0+x64 (win32)","dist":{"integrity":"sha512-EwY+T0E6xgPYA60KOBxblN+E7cbK5n0O1fpHqm5aqUWtSaVRcIwAXaWB4JPvwGnb1wMluIF6ykLllCgOsv/1JQ==","shasum":"85ebcc8000b7bac7052f5128b5e18150da7f8d52","tarball":"https://registry.npmjs.org/@ahws/layouts/-/layouts-0.0.1.tgz","fileCount":16,"unpackedSize":70095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/6cICRA9TVsSAnZWagAAyyQQAJqcNVX/RtnFW3hHPXzM\nenH9WvqS2VgMsjprbxUKy1tgzB5yTtItHdTzJa1WMetPpGnKO8kFSFeBhrtP\nbt80Il81vXCQDuxtR6ip3I/gCpf6FG2/U8M86lDky7wDPT8ytvO6JXE+OnWN\nMvAwas5NZf5ePwwPVqPP6ryhcecGylEibZ7z5OPx3pvnq67L/l+wG3g5TilU\nGYLnM9fvq9Qsj4EtGvHRGl77OLFHIG7eVyyCCJqHbvNAs5tXcWbpzM5D3Mye\n40cNfXax4ZD+R7GwhU92cWMAIzRcwlFN5SUPn0mdb/N5RUXJzE1eW6VYnpSx\nY8KTRdluMyANG4kPDqC8wrGKGcyV8qwN/zrEnZt1X27cs0MzZpqAJhvGNVyK\nWTKr/aiItKQ3xxs55zdVQYFSBRFfGtkvxtIv9hseAhf4IbI2JIm711cx4HrK\nOEnE8TEglYV9qemYRIBqOciKHeSO3BTysyhYEdwbPPPbeiw9pT6fd2jKO4Mp\nCOiBfdPLiw7HvoUS0O8mQNRfaqiisASvT/khiY9YgcCBplqTOqDVyUSWBsPf\nOXZlBWulP8+4cFIHxPC9HW9UjdDVYNSdc5fUHnnT/SgnIH8DzbFv9H8V7/DL\n1A8OmXDw8umT24VdG7H7KH0azMrZ+04whpZdqvpV98CLiwGLXfvLL0l6KX0P\n/xld\r\n=XjFB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCo5F7Pw7rSlLeUcXk/5NEFmLHoF+tEoINElXoLB/Gi0AIgQ469jRBok7bZ4d9tPaIGXJzlsOoVBvybbLp61u8rGKM="}]},"_npmUser":{"name":"uub","email":"yaob421123@163.com"},"directories":{},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/layouts_0.0.1_1610589960409_0.6856318902016192"},"_hasShrinkwrap":false},"0.0.2":{"name":"@ahws/layouts","version":"0.0.2","description":"react antd layouts page","main":"lib/cjs/index.js","module":"lib/esm/index.js","repository":{"type":"git","url":"git+https://github.com/ybuiw/ahws.git"},"keywords":["react","layouts","ahws-layouts","antd layouts","react layouts"],"publishConfig":{"access":"public"},"author":{"name":"uub"},"license":"MIT","devDependencies":{"@ant-design/icons":"^4.3.0","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","antd":"^4.10.1","react":"^17.0.1","react-dom":"^17.0.1"},"gitHead":"9233863370de096e7139ee838889d29e53379f4f","bugs":{"url":"https://github.com/ybuiw/ahws/issues"},"homepage":"https://github.com/ybuiw/ahws#readme","_id":"@ahws/layouts@0.0.2","_nodeVersion":"14.15.0","_npmVersion":"lerna/3.22.1/node@v14.15.0+x64 (win32)","dist":{"integrity":"sha512-yqkVMZ+XPVl4EY5iy7ekYdfGQ5zlTzQCpUu7NSZnu96/g+dQHjsAxOdMzZxSzHKI/b+ZmWFQhYNTP07TbLabPQ==","shasum":"c4e08fcc59cfc7c4a579aa75e99676d388212cf8","tarball":"https://registry.npmjs.org/@ahws/layouts/-/layouts-0.0.2.tgz","fileCount":16,"unpackedSize":70099,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/6pPCRA9TVsSAnZWagAAJBgP+wcyWnq28oJ9vzTQ3Qef\ngwLGbu1b32H8APgvz+Nyd93CiEXtiiALv0ngYdZjFhPhrUi2Fa3LG7uOVeXb\nI5ZiCulyoCs3ZD84mK0FlL9AIV2NHpX0SIocpgb1nOqg4owOGB2w6tefDshf\nD3vIgSioyqqXpU5O9rZqvtG9OLhik2pnCPxSt7djYGobbpFjcCWhXsVIKirL\nFul+mFwq45uX/vs3mqAzY0FKd6/RkD/tgPIpTE1l6luvN0c7XZe6yKKEj/80\ntR7WQW9pMi5BMgwcyqtJy3UkttNz/TGQ4+RJ+gx5+ESbuO7d2s1WK19jeHfu\nv7G+CEhHJIy8dM+vrhiafI+hQ3u83gCKZVh2zyE/ykTQCZUiTn1H7+Y6YJNX\nczWnrDGpcl8VdDTJlmpcrRekLcQpzBOptMSXR/ATYCxuS22Ji6QirYdeXmTw\nOhJeOeZR3CSmdiL0nVdE/0OdG7cH36kHfvpZCy/Yg91vi6JahvMG1ASKQmr+\nU2dhCmPLIXlRr1Smco5tUTBoURduzu6CGZhTcpeopVzvKujpkFeYgGSdovI0\n920CcckKvGouXyC364w9hUsCL+KoNIMcMuKx+byZtbyk0y9vFKXuDHV/FmxW\nmYlYcayUHWMDkeKbthEZfP81bNEcGeXxy4SHPIjIihQC64Q6N0leD16NEeLu\nltnF\r\n=nyjX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGPzXIvkzwy+HHL6UpiNUcjIniouFUbsmto6gg4JYDwQIgYxPT+0GIR24YzqlhKCMtQU//u7Qq1WWEx1xcfROh6To="}]},"_npmUser":{"name":"uub","email":"yaob421123@163.com"},"directories":{},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/layouts_0.0.2_1610590799271_0.24814909274515684"},"_hasShrinkwrap":false},"0.0.3":{"name":"@ahws/layouts","version":"0.0.3","description":"react antd layouts page","main":"lib/cjs/index.js","module":"lib/esm/index.js","repository":{"type":"git","url":"git+https://github.com/ybuiw/ahws.git"},"keywords":["react","layouts","ahws-layouts","antd layouts","react layouts"],"publishConfig":{"access":"public"},"author":{"name":"uub"},"license":"MIT","devDependencies":{"@ant-design/icons":"^4.3.0","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","antd":"^4.10.1","react":"^17.0.1","react-dom":"^17.0.1"},"gitHead":"92d3648ea52814bca6a3b7c8b5bba1eb738fd026","bugs":{"url":"https://github.com/ybuiw/ahws/issues"},"homepage":"https://github.com/ybuiw/ahws#readme","_id":"@ahws/layouts@0.0.3","_nodeVersion":"14.15.0","_npmVersion":"lerna/3.22.1/node@v14.15.0+x64 (win32)","dist":{"integrity":"sha512-zROZ/8Ulm5qhbzUBcfo+gw86HEKcIsNGZh2scGGREzFyqeCCllgaUBcZxACtNoWTtB35ktY3sdXotCRUKWGRHw==","shasum":"ef68ec4a238a9eee118bbb9d33f4878d945f1994","tarball":"https://registry.npmjs.org/@ahws/layouts/-/layouts-0.0.3.tgz","fileCount":16,"unpackedSize":69974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAPUVCRA9TVsSAnZWagAAbhoP/39at9J6noc9vD5C+zmC\nPuttKwLi515N2kw7mimeBKV1XrySgeziszKzw/naW0E7FKMLeGAVEzjxSZRw\n2auUAYvqj2S6GobSwII7xR9JGFxZwxLDFMlGc4DysbCX4aMZ+VIBQWPkZkW0\nxn1I9LBIGG2AwfYj5/favvStRprwQA2TbJl87g6oxl+A2+JG0l99p4FdWyuZ\nTe3bpGMe+X2/9xaVFQxFQp58g08+WFhsYGlifXwydJHy97qoJP+QcjKpPqLB\nDiVsE6J5URCTLLt3JxBTXAvwL8x+d7qlPtEMd1389Oy60GHxWttoyrSkM2JI\nzlQXs1tujMhul/EX/+7FqxXa2r1pzv+2ftKf7Q/60ZLMktJ5O3CMX4ldpX4s\ni/FRrCDY45FZg2WnYYOxYy6Qdzb/oLu71MdQBPCaQANPXceajJWwh4ITv/TW\neuBdACShyyfMVwB3ZXp6/WBVj8KmnButntGBfaUhZJler1IUHi+lhgMq4tUK\nnee7Ui9yNQ9QS6qfiFawK3d6ztFpbNn2wud3u4ODWfQtaKOVkcqIQ1LK7qgg\nn/hxAafN8NYjejMl3FAvY8xEnIxzrOF6NMiGP5XDGXqc5HTpdHV1pTCCMsPe\n8lrvfsqNfC9xDPPwvbPUKWeQN62nqwdSd/B14ocx7hcp1DHVhf7gHbs29gR0\nNiTK\r\n=en9M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDukzq+qXhAxCrtDvLMkmNu2eDf/jX8Xpbw1txn6RZIWAiAgxqtQRtkmGNWipLeemYa45or/72w+jnTF19X4nblc4Q=="}]},"_npmUser":{"name":"uub","email":"yaob421123@163.com"},"directories":{},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/layouts_0.0.3_1610675476827_0.04040775338633007"},"_hasShrinkwrap":false},"0.0.4":{"name":"@ahws/layouts","version":"0.0.4","description":"react antd layouts page","main":"lib/cjs/index.js","module":"lib/esm/index.js","repository":{"type":"git","url":"git+https://github.com/ybuiw/ahws.git"},"keywords":["react","layouts","ahws-layouts","antd layouts","react layouts"],"publishConfig":{"access":"public"},"author":{"name":"uub"},"license":"MIT","devDependencies":{"@ant-design/icons":"^4.3.0","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","antd":"^4.10.1","react":"^17.0.1","react-dom":"^17.0.1"},"gitHead":"9ff6eabc087232abf95cabaa94dae7ddea3584fe","bugs":{"url":"https://github.com/ybuiw/ahws/issues"},"homepage":"https://github.com/ybuiw/ahws#readme","_id":"@ahws/layouts@0.0.4","_nodeVersion":"14.15.0","_npmVersion":"lerna/3.22.1/node@v14.15.0+x64 (win32)","dist":{"integrity":"sha512-ZFbNzGMujmH35+hgpMYSWjgF/JC4XZNOJQC1Vb86MLZy0pA1C8gMM6NgJf/K/+Wly2ImrHBVfE12CLMfLLdeSg==","shasum":"57dcd2da47f37e529fd5cdfe15c03e131c7f2778","tarball":"https://registry.npmjs.org/@ahws/layouts/-/layouts-0.0.4.tgz","fileCount":16,"unpackedSize":69839,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgENzSCRA9TVsSAnZWagAAxC8P/2QiqUUisUKNvC7v6djg\ndxPeQM1/JJOc7U1HiUB3pIvo6hlYZ7GbVoQMuTXZPZy2uVW28OFJkNIRTo8P\nHyL4ua6DczIaaV35Ykxh35rPqL8ElREV3n0YFH5eALWqzpSKWnrJTfutqhGp\nyxOuoQoVq5vwPlAJ08AiJiikrKt1A9xy+PE05NJVFJKuR0VzJC0RX7NopaGF\n6UVgJO83JR+rKwNuAfUXcC7OvQ/FVrA1g9uFExhEALrYnkbEJXO7sLysxN4z\n9qXEG5T01vT8oddvFmdRBPvpf//41CrssBBHTaOEKY1IxTqUDR2fDZ3yvE7X\n73w1jSaACfEJOAuVdxBLIePePLmLLTGr7daxJC2gdQgdPrHmWDQudb0rU/wd\nSXBfZDamOxls7hiWeA6ga4BuEokvHCNBhe3QrKr6ZJ9PmR31LHacG/xvGWkZ\nsGjSGnWIDVMa8upQTNxoyyzMgSvqEw6EU5KVg6muggEMU0Ze6ZSoCjXNKSR1\naFXgfkuCJ1CxkRy2zMb7G5LhaQDgO4qFR4O/AZAd4+RyK2751kgbrcIHUkOL\nHtf0X828VBN3lF4FqBGCmM5bNPjMeaKL0ARPzmgZHJFgE7ySv6TtOHF4LQ80\nQwCaV+aPsEKce/EMZUl2PD3KPwa9yjH/PGTdAB+ARSAHJktLlPQt2XZiXqub\nMFVV\r\n=ooGR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHiV12cfP+fOCe3vHEJsGY6VUhwf/Re4fWYwOAbjesMRAiAwUVB1ThBu9BEbRDYJ9TkN4gP7hnuKRx6pBoo3Y1tGSQ=="}]},"_npmUser":{"name":"uub","email":"yaob421123@163.com"},"directories":{},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/layouts_0.0.4_1611717841580_0.5206518528474018"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-14T02:06:00.139Z","0.0.1":"2021-01-14T02:06:00.579Z","modified":"2022-04-04T12:14:39.390Z","0.0.2":"2021-01-14T02:19:59.397Z","0.0.3":"2021-01-15T01:51:17.017Z","0.0.4":"2021-01-27T03:24:01.758Z"},"maintainers":[{"name":"uub","email":"yaob421123@163.com"}],"description":"react antd layouts page","homepage":"https://github.com/ybuiw/ahws#readme","keywords":["react","layouts","ahws-layouts","antd layouts","react layouts"],"repository":{"type":"git","url":"git+https://github.com/ybuiw/ahws.git"},"author":{"name":"uub"},"bugs":{"url":"https://github.com/ybuiw/ahws/issues"},"license":"MIT","readme":"react后台layout页面封装\r\n===\r\n基于 `antd` layout页面封装。依赖 `antd`, `@ant-design/icons`。\r\n基础layout页面，包含顶部，左侧，右侧模块。左侧菜单最多支持二级。\r\n\r\n### 安装\r\n\r\n```bash\r\nnpm install --save @ahws/layouts\r\n```\r\n\r\n### 引入\r\n\r\n```jsx\r\nimport Layouts from '@ahws/layouts';\r\n```\r\n\r\n### Demo\r\n\r\n<!--DemoStart,bgWhite,codePen,codeSandbox--> \r\n```js\r\nimport React, { useState } from 'react';\r\nimport Layouts from '@ahws/layouts';\r\nimport logo from './logo.png';\r\n\r\n// 菜单列表\r\nconst router: any = [\r\n  {\r\n    isMenu: true,\r\n    title: '首页',\r\n    icon: 'icon-codepen',\r\n    path: '/index1',\r\n    routes: [\r\n      {\r\n        path: '/index',\r\n        isMenu: true,\r\n        title: '我是首页',\r\n        icon: 'icon-codepen',\r\n        component: 'index page',\r\n      },\r\n    ]\r\n  },\r\n  {\r\n    isMenu: true,\r\n    title: '页面1',\r\n    icon: 'icon-share',\r\n    path: '/aa1',\r\n    routes: [\r\n      {\r\n        path: '/a1',\r\n        isMenu: true,\r\n        title: '页面1-1',\r\n      },\r\n      {\r\n        path: '/a2',\r\n        isMenu: true,\r\n        title: '页面1-2'\r\n      },\r\n    ]\r\n  },\r\n  ...\r\n]\r\n\r\nconst LayoutsPage = (props: any) => {\r\n  const [collapsed, setCollapsed] = useState<boolean>(false);\r\n\r\n  const onCollapsed = (v: boolean) => {\r\n    setCollapsed(v)\r\n  }\r\n\r\n  return (\r\n    <Layouts\r\n      location={props.location}\r\n      collapsed={collapsed}\r\n      onCollapsed={onCollapsed}\r\n      headerL={\r\n        <>header left</>\r\n      }\r\n      headerR={\r\n        <>header right</>\r\n      }\r\n      // title=\"后台管理系统\"\r\n      title={<img src={logo} alt=\"\" />}\r\n      router={router}\r\n      footer=\"Copyright  2021\">\r\n        内容 区域\r\n    </Layouts>\r\n  )\r\n}\r\n\r\nexport default LayoutsPage;\r\n```\r\n<!--End-->\r\n\r\n## Props\r\n\r\n| 参数 | 说明 | 类型 | 默认值 |\r\n| -------- | -------- | -------- | -------- |\r\n| location | 必填。传递页面路由信息 props.location。menu菜单默认选中及展开需要 | Object | props.location |\r\n| title | 标题/logo | String/ReactNode | -- |\r\n| collapsed | 菜单是否收起状态 | Boolean | -- |\r\n| headerL | header 头部导航左侧侧自定义内容展示 | React.ReactNode | -- |\r\n| headerR | header 头部导航右侧自定义内容展示 | React.ReactNode | -- |\r\n| footer | 底部布局 | React.ReactNode / string | -- |\r\n| router | 项目路由列表，需配置 | Array | [] |\r\n| onCollapsed | 菜单收起展开状态回调，结合`collapsed`使用 | function(values: boolean) | -- |\r\n| onCollapsed | 菜单收起展开状态回调，结合`collapsed`使用 | function(values: boolean) | -- |\r\n\r\n## Props router\r\n\r\n`router` 是用来左侧导航菜单展示，最多支持二级。具体实例用法参考上面demo。\r\n\r\n- `path`   必要。页面路由地址，值是唯一的。一级菜单做为key使用，作为menu初始化展开的标记。\r\n\r\n- `icon`   菜单图标，一级菜单生效，当前只能使用 [Ant Design 官方图标库](https://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=9402) 的资源。\r\n\r\n- `isMenu` 必要。是否在导航菜单上显示\r\n\r\n- `title`  必要。导航菜单标题\r\n\r\n## 效果图\r\n![calendar](https://github.com/ybuiw/ahws/blob/master/packages/layouts/1.png)\r\n\r\n","readmeFilename":"README.md"}