\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout)\n[](./package.json)\n[](https://v3.vuejs.org/guide/composition-api-introduction.html)\n[](https://npmjs.org/package/@ant-design-vue/pro-layout)\n[](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport { createApp } from 'vue'\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout)\n .use(PageContainer)\n .mount('#app')\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n \n return () => (\n \n \n \n \n \n )\n }\n})\n```\n\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"727b17f9c7f82b0c9559055593a6bc910ee9fcf9","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.2","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-di3QSFeKeHQ5m+V/KjiUCccPuJ/iS8LG3wZDVI+HtHtbVjtUcAPT7TXlWSRIMrnO1ZTYpUlWgfuBwQ4MxmFFiw==","shasum":"49903ca61e51a571067e7fabdc5c47e15475cd03","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.2.tgz","fileCount":137,"unpackedSize":253084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQINiCRA9TVsSAnZWagAAkQwQAIWr8H5ipOxPzZyG+beS\nliX+3qwcbkoU0EiUqYLngc2xboNxOQY+sfQCf4mylMkhmj5Za4XQBYaaMJyO\nL0NGxZKbWfUrsu9m8a8zIhMXMBaQJx0VPNIToaEw0pNjSxG2+OEfEIfmOVEz\n2I2O+/8f6rcWGgaSTBLAl/r4OFHq/8AxTgjW2VjuhaZcLoNvrtslIceyN/Hr\nUGulY1mq1iVTcv0Y0FOegm7NbsnBi9Cy6v1u3G/wvtp23U4ddLMVqwRSZUMw\nNclWuF+2gAHRke+efbeGU2xWrpFAXRNVcS89M2a9qcDVfdj9EGHVsi+ppXu+\nssS2qRdDIEStcq8r2lEMqhQ5a8G5e8qfPhov83Myo4FZXovRfsUA/Iglxict\nLRVj6W25fBpC1JoDglVdoXbx1l1Px6VpxrB7dwfj5bvI5QEO5wCKYR4LHqa4\nxB3WX4Z6lIGK+VmmqorKzZUdtd8ANhTnzJ47XNmEuo8ywpJ4nqce2wnUBRSV\nhlBlODnDKKOKhn/vSQf4b19WpgKUKanUhvZ3HJJHASbuEteEJFPCSRCPDBtb\nzFpgnHK0TJBA4jyTCWkZD1yAS5c6TlbKFOR6g+Phr3yaoSOA55xvbnsglIoP\n7yvEqsR543jSnHiNhjkA3Em0EVHxt7QAl6uFKbUhBOJFRrimFSmhW6fhbzFT\ny4AO\r\n=uIDn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAcrKyyQZMyPBPMruUjVB8N4okPA/08I2R45E8VG3urNAiAH+9ZJTadOZBH7ltovO5jJWE1vtqH2/4SUVEjKhpZQrA=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.2_1614840673967_0.813919749035086"},"_hasShrinkwrap":false},"3.0.0-beta.3":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.3","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile && npm run test"},"peerDependencies":{"ant-design-vue":"^2.0.0","vue":">=3.0.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.7","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.3","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-beta.2","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.0.5","vue-jest":"^5.0.0-alpha.3","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.0.0","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"069f3f5851405e3ec151cc52b7305a1357705454","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.3","_nodeVersion":"14.15.1","_npmVersion":"7.6.0","dist":{"integrity":"sha512-y7xZzieoJKAX7hOvobrqkBuMI2Z0s6aKDJncxFmlG7oTNUypHmckXWx6gOWwM5OCECqJIICf8PQoFOHTDameLg==","shasum":"bd28dbb1e09ae9737e1a54819ae68e1f376ab32d","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.3.tgz","fileCount":137,"unpackedSize":360691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU2hUCRA9TVsSAnZWagAA5pMP/REje6mJ7f2ONwnCiHa1\nfzPtYKGCmiUqABo9sQuqvOsB+6drqfz8CM+mFV0cJq+Q2koWwiT/aTNOahjF\n0BnvlouyKsoS8iZwCVM8leAFjnfXI8x8QOnLTmfb3n28l5lZes+b13kGoQl8\n+rGcHLtjL+cV3L2duIaf/pYWz0b6MsfyYlr+O6Mbf4J9rO28p50H8lHKwaEQ\nONN2oHTvQv6TNcdFFDJ4MXgJAzU84oLquCDMbslp1SurIEdhL8q1ZcWvKtdh\nrrgjoeIzQH6aNfA8awVYay9v8jkEx+ZLjPBbtKuv1JuQdPJIVpHzBEaejwC8\nAiwgWTj79OCxAHicehxmWxzir5eqJ7fqP+1WnGLE6qu/npHaGjU4hNzdAAma\nKCFknS2ziGrYrctgFQ5s9cLGGW+Y4sIgVQSK/ANsOj5TtxjsKWOezXpwiJfi\nddsy565ftER3aa1KFHiBn3imazjEo1AsEnhgrzUpMgYnRFqFdGhqv6AwZEAt\nwboiM2l5IHvRvGMIxz11eTFljXHxXM8lWuC/MbJQReWuLULe4wfHP8wRUjsR\nOnGAQKgDlEawJslgYsKYhh967/iZPdTBiOxHnB2E40iGzY2W6Sum8m9yf2mQ\ncpmdaL7tkQE7TzWhk/ZFtMmUwbLTDZVBrjovW4h4Tgv369yXKFFwN6+GMV8A\nb55P\r\n=E76D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvl6CE+A5Xg6W64X6/8cfgupBEyae1tCxvNJX9m3s79QIgdW6yWP0riMfkDmJ2AZ5SMDLVSCGPuya1pyMSvHc8dEw="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.3_1616078931943_0.6134484108692693"},"_hasShrinkwrap":false},"3.0.0-beta.4":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.4","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile && npm run test"},"peerDependencies":{"ant-design-vue":"^2.0.0","vue":">=3.0.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.7","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.3","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-beta.2","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.0.5","vue-jest":"^5.0.0-alpha.3","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.0.0","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"ad6badbdcf71364667ec0a17a8ae5b30f83de6a3","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.4","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-AS8g3iX2StlcNPfjr82YPcvntcG4EYPevWAo3un6Cz958k6GNBRuB7PThOp74T8Xs847QbB9YfSgN23eftxJQg==","shasum":"3f50504892de41d710a115cc94f7d9810c2f1277","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.4.tgz","fileCount":137,"unpackedSize":362079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWdgWCRA9TVsSAnZWagAAzPgP/juTywu7BirgLVezszo+\neXMoTtxiohTHYm8O3Zv8S/3meNc58YjiRiUZD92QvYWO+yewsyx0Uox3J2ub\nXqMi+jfNHmoqb1lBUYR+EpwRPMnccWR4mpHJA37k6DT96Vf6lxOhxb41a0HU\nRrxxsWLHHt88ofFerbeBqc2wheCm0t1gaTkLnFMnTmqziJLsITKfFGVzIYes\n6wrxdNww6bnQN2Dcp8hW1N1mgqoIvR1ycsLKou1PEgQdwmcXWV54pYXFqscn\nWzX90y8OdyP/zmrJcDSOJaCkDtDtObwm/kMllvM8tV7skUHL6buxyJ7xVuQm\nXrdiCxAr9Eko7L26IcJUwDK0K1CvaII14C4g/0cDFGlg5/Cx157sapvX8C2z\n4KqczZd+CwDlJgt224D/DyF32v8djr3F/noesnt6W8mYlDZt/jJKEpUbUW9N\nWmGzbtQHiRDBSia58YB5PxYQ3NGWoh6NcD22HArLknxUxLRRddveFpcv2EmA\n/mnixoWkAemL1cnc4R4K94Amt8t/yWm6/fXjm9x69TkVMlzgmxBhrbqRxeDW\nxfhkiRSvxS8Q26Mk2wq/Ys6LmCIGgJlCeHcOzcb0rHFGflr8kZUp4dTaL2Bv\nZX456R9YKf7EgBO+TziOTfOv96wUQLU4h4TOAS2lbW6imRThmZp5ha0tX0Ra\nuqLY\r\n=SuHZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA1a48E595Aui1RlbhQAdIU04l4j442WrSutwETBtk5vAiAberm3Y6cuC04NcxcF8sfFFx60xzf57sNz/RQpnKcm+A=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.4_1616500758244_0.6746414142139134"},"_hasShrinkwrap":false},"3.0.0-beta.5":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.5","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile && npm run test"},"peerDependencies":{"ant-design-vue":"^2.0.0","vue-router":"^4.0.3","vue":">=3.0.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.7","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.3","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-beta.2","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.0.5","vue-jest":"^5.0.0-alpha.3","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.0.0","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"ca5efe69e26f62460e194d68532cdaa0cf2cc27f","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.5","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-nloIoFBU1XGg/KFy7ceOef7DyvbQ9///W+Nvo9oJWMeh+f7Y4djOIBThcsmZPGoNOGCbTM5X9K+7AEwdyurw5A==","shasum":"1a1c94cfd91d68c4c09cb5391ef8b591c8200d72","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.5.tgz","fileCount":141,"unpackedSize":372297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWrpmCRA9TVsSAnZWagAAiA8P/1aSAtZ37CzcBErTQ8sm\nFQix9VJnt05rq+IdZwLW/jXGa7gwzB7dO0arxlDLKBQV32KZORykdQSSmLHO\nFkTXs9ljeq07ea5BDB5c9DKvvE9VsXrTNCWcrRrlUxYzg1H3QSV/HmPpKMuo\nsmbODVBaWEHjyQQrNCJ9m6qXJXJbdJdicH/HEpL3Tp3RsYusyo9lQXVqxPb6\nZGwdgi7U6IFF223OXj0M4KyAuhiHIJahQHLUxCEP6YObDsmd5pHy5OXmaXCT\nFtoUgrVk9Z4sR4t1fKNZGITfFGvH0OswnuaFDefA+1k2mZLGUlxLVCgp5qRU\nY6YOxOHdCyDgumzQm8GVrDOKs/BMb3AMBBkUFxB/rYF8U6ZNil+07tr2jEi0\ngaaWRPkcKn1tQmEgMpPcM74ZrFzhn/DdfuOZGYAnL2PV+tLwdR2hD00LOPaD\nnE0yTUwCpK3YgcvB4ufICfhF1JBvpZKOsd/9YXpU2aLWKJhOMPFbQC2Dpgdo\n8X8sx8m+b7E5aUHjuviuO63ZnbBWibclEL1ChkKlXEyw9SqAyYxS/fSyWqiH\nE4HL7/WOfwqS+IFiwWzqSv3JGWrlaUTf5iOFikiOXmVvDgB3nfRKs27VyzdK\nND1FGrt8N1quvRxVhIinnmysNHw9J2919Puqc3tn7LY65npTo+J0ChSvjAHt\nE27r\r\n=qdv7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbun/3gocrQHJ5YvRCZfbneLE+NmlpCUYXZwK4yb8GHwIgeLC3QrSVyNildw3PyjJ2niti0xa9WUZb2ypcezaVvcY="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.5_1616558693792_0.8621109705381442"},"_hasShrinkwrap":false},"3.0.0-beta.6":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.6","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile && npm run test"},"peerDependencies":{"ant-design-vue":"^2.0.0","vue-router":"^4.0.3","vue":">=3.0.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.8","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.0.3","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-beta.2","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.0.5","vue-jest":"^5.0.0-alpha.3","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.0.0","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less';\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"da49c3259faf9577e9849f7b98f860a6474e6e35","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.6","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-e8MTHRLkN8F3zVehZqeh9AmtJVajT9kRr3tfEzkTUJEfOYw8j2H6JKnJQyfYWs/vGgNKkF0sJcB0Cn1VHZWRqA==","shasum":"a89370feb80b7cd1bd35e05a0c804b9cba713bc5","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.6.tgz","fileCount":141,"unpackedSize":353303,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghmLiCRA9TVsSAnZWagAAH3gQAKJR1b/Um9pFQELWcQHV\nYsg0VMN05jp4nOB2DKh5bRTG0sGNeTvo3+T4iPPWu2srdciaoltFPpUIa0/r\nFcCNpw6Gi0Xy4fi/atfUVasjdAs6THFesScMOaGKDCbRIJhlSOi3M57QgiiM\nOzzOroyGwPRvttwCRtmlnSAEd02Df0m7Y54xvMsOjNyGaYJ4ik/+C3wv93Et\n2b52wV6OzlE8q7QWY7b6Eh6MzHLbJkBVnOPWr1PYlZCo1UMawgKcjMJi2mta\nNPp1CO9Ad2Ww6xp4+naZ1GpiY8nKpDTaHI8WSLMKi220iCY2P1eXkowtW4kH\ngAJWb1lxiODlbLeCnZE0m79enwd5glewYJmV9vKT+7rBKVt+kmML8xBkC9vj\n1az1lpHMxQCCAsCLNbhqo2gjXLaxOJUiPPZWc4Jj0VPPTiHgCMR2BT3CLH0e\nzYsi+cmkk10jvc9BO+IqtIHcsNm1Wv7LFYerdav549eL55aASs/FTP/fKutW\nbYaAorP14B+XTfOG3KGCGRZP7XENTVF4aLaCMHXN9/y1z8m+wOOiL8mlc6mt\n/opz+C2XbpMjyAGuel0LnwsSiuNYLn4ltThFZzNBtuS+5S1M1TousouTmdOz\nDpY1o9543B/sBMgnUDqwOqF2Y96Cp0CcOuiLv/n8g7wUTSYPz07XsxZ4EbgJ\nqCpa\r\n=vmjm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWfHOzU2YbeZZ/BhKFC95KGJ/rlTH7D/wHobtNFGXLIgIhAKE5eBRs4RMKVdfWF11eNct6ZZpW+9C3cXH3rpOwfgCx"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.6_1619419873778_0.012257641678029119"},"_hasShrinkwrap":false},"3.0.0-beta.7":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.7","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile && npm run test"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue-router":"^4.0.3","vue":">=3.1.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.8","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.1.1","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-rc.6","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.1.1","vue-jest":"^5.0.0-alpha.10","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.2.0-beta.3","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less';\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"0e88f74c3c6f0ec304ac457e443ab5997226f609","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.7","_nodeVersion":"14.15.1","_npmVersion":"7.6.0","dist":{"integrity":"sha512-KvBD92N2M+25nAiWtWgQuOAHMog/JsEvmY99VlVfjgdYcryrmWgLca5MXH75LbhswW7rhuKGnQhJ+bmOeIT4DQ==","shasum":"398018b071450a37579d7777061af555aa16d98d","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.7.tgz","fileCount":141,"unpackedSize":555618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyKcOCRA9TVsSAnZWagAAI0EQAJSf3KdhbYlNvqGWzCEB\n313l5uNXIu0aijWcPS3hOtcsbMtYLmgeWluIo2pR/7sSMIaq94XbFIJk/H5l\nWWdBnZmJrDqeRIkraMZED3C/HswR5ePWXoXR2NClydkTUGkPDmRzz+EdTo/l\nCv9dZeHMrYwnSAncSx665ihktXn6cs70JWHVj8yGgdJN6bkaEZxf+GLf9kdK\n8l8BV/+vQGWvL9pIz88A/eQ18bQTqRKbzXqXurBjx6J/IiLN6Uw2EaIfl4qT\nLqQ/W9qcYV5CKzFjgOFq5cuE41raCK3YM8oZ1f6vGz5lFz4YqRN9mCc47anp\nXXTcGzREdWjguQkcJyeytzicqT8RHkgDpPJUrGzi94sDyIrgH1Igu7a4ji6m\nsspXX1qcEH+HPwR+UQ2BY3/SJnHqoealGwbCzjox7uppMjFqLXmG9JK+yJMs\naWPZEafU0VTuom3iLk426fWOHLQB1i831IFrzKDoXsVVieLNsdfBiJIjCbNk\neP6K2v6NNjPPzbVDa4wKlhm3VEO3IBkdU2HOWy6rO5L6spEPsWP21ORIYgUL\nnG1eiy1WD8QEpuJ5IEVIiUP8ew9m7j780LA7fG0FpCv3FKBKVYprj/8IYS46\nZQRBz4zDSKW67Pw6yWG0CipxraGbNaR5ud0vv71xjYTYvqsyqzSijiOSd/lq\nVAmM\r\n=kesZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtgLudaNCTM3YN3zwpEDATLnMjFF+BFTrJ1p58X++HBgIhAK+maJCfH7P5ebnAogV4hQi8GYNwy5G8cMUeAfftu+rX"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.7_1623762701918_0.5724750892950909"},"_hasShrinkwrap":false},"3.0.0-beta.8":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.8","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile && npm run test"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue-router":"^4.0.3","vue":">=3.1.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.8","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.1.1","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-rc.6","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.1.1","vue-jest":"^5.0.0-alpha.10","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.2.0-beta.3","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less';\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"be2e8a672426c46ca4f5a1baa0990ca6c58f3f13","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.8","_nodeVersion":"14.15.1","_npmVersion":"7.6.0","dist":{"integrity":"sha512-fxptwIxknC8k2dFyImXdeSuXwMRqsBXjqPSfs+Jx5oaJ7/v1JjXMl7+cxxD7Fw3zw1pR+Rfd39aIuPjR7pwzPA==","shasum":"4f95e61e48a5ff8e320b429e16e32763c0b67d3e","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.8.tgz","fileCount":141,"unpackedSize":560845,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyLmwCRA9TVsSAnZWagAAtP8P/0IL1u0gHUddgJ4syNeU\n0DuZUjllEDHC9EpMQqTurzw4WS9li2eeCsOUddDc+7SwCIjRnppROIF5AFf3\nNYwSNlgytIAvX/hkxCxi0U8CzlS7MvqganBKEvsQziZOdko+CUQPuGb8juXT\n8MhHy9rC52ExS4NP4tggaUwT93ZuioZN/mKUmx2y6K8/BMR7Ur6BriIpdKc0\nZEKrz7WnoWCWbBzpD1YnfBboweNj4r+FCAsom+0XHc65F0oi/diI1lTgm+/2\nTdIFK4QUmeFnrSYzaWcEPpAxbQJPIHpdsmpTF5Mnt068YXLklVq/Mf1n6pfV\nEAph8j1rUxuNGCVamyPnBUe8VNKQmdLvSYSjo0yXGDoUwMXJtPFar9ojXBaP\nASInPYVivc0/kSGQnU/Y6P//BXruLk8pIXoEyc/AUhRE2YeBATNffRRw4gIe\n2bfEBDATQSMhVSwjeM+mMEZvHKDYWguZWXJtbLXSn613cbvHV7ZaTSrJ79iV\nf42OnnetO6fLViPmgvzdG/Q42uqzrMGCAQU/cZqCDDp203UJ30d0WAI3/Z/4\nCKy8JxUW0hszMTtGxGJ/3rrRmKFIaG3RBJhAQV80tUHb/+QmBi5fKXLo60mw\nDx/vyRTWsSPGyp5FVPyzhWdtfD1M3ztdz/9KCFvrarMhRtB3jmoUzn3JqtAU\n9f+H\r\n=+bQd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1oBjPZorqVAkBjiSyPN+UvIUZnu01MapEZlIYA+oz8AIhAObm+D2TDvyzry64cw1kuPIMiGAGZ9Cmbheti8rudO5i"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.8_1623767472457_0.1863302384314547"},"_hasShrinkwrap":false},"3.0.0-beta.9":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.9","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile && npm run test"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue-router":"^4.0.3","vue":">=3.1.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.8","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.1.1","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-rc.6","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.1.1","vue-jest":"^5.0.0-alpha.10","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.2.0-beta.3","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less';\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"866ee5875f6aa403f5db9f47c1dda2fb50beca02","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.9","_nodeVersion":"14.15.1","_npmVersion":"7.6.0","dist":{"integrity":"sha512-0wY8qXSpCEPth/okimiUeAC2d+dhehurnv9/epXxf1iFaXx6IpY4xVhw7Aclp42MhS8H3V5VoiZaHOuigerYeA==","shasum":"095da81e19f6057c7714caf20cc964c515fe4c0e","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.9.tgz","fileCount":141,"unpackedSize":561240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyLwQCRA9TVsSAnZWagAA7i4QAI1ltBC10ETHWRZWdtYL\nDChW7DjgbEoEk/dw8ZGom3x7sbGbf61OYstCAec0rbnUGwFT0MLdcQZ+W3m6\nVbJTOhDzgtfB69KuDA673OkONqgDwwjT6DymaFbKs8/pmIjSnbmU+xb9+BZ4\nBcSn6QDnaiE9XgZ7cDo5iEg7TtL47PUum64IOPXjtn9+JZE9HTa4M8bbcbKw\n6q9cuv0Q8gmzlw7fVUwvRGKWofk8XHj0wlmK98J2tQjLJTYayoNnK3cGfedn\nK+v0MXbmLPpmO+VpH02ZocdYhK9knMV1m/f1pd8x1DrdHCwU1VYtOx09UxaZ\nZ3RripB782jCOrgu/UG7WVLgkPy3+TowJlwQWsitm98MbXOVdTULCz7cl89X\nZEWChuAyE1+nSQ+QM/pqwti6H8Y9Y/maAt2sv3mC6VC8PWie835YHUXcq1sO\nnji89XgtCq08EzSFq8N/SX/9rnUO8r9TJFUr4ms9xiUZ5fJBNA2euJxZYSGo\n0HtnhlOf9jc/7YORWzlNxMyPTTqqvANyGuCqlT+ns9wA0/UXMmsVPYnw/U1E\n1jFQ2SeM+AO7F5ds7ddhHD6m+3D2zImEJBG7XrRwgxa+RtWpZ2a8KpSoqwak\nZq9yBwXjK85DEI7sH7kBlD5z0BuLF045dCc69OAhrfcvd1/YZSyz3C8MQozN\nYfc2\r\n=+4/M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC+p1vQnFJSMY1PVkgdTiAY+wYNMb2rBhMQxm5PAvGb2AIgbpjh+anOM87ZB7X1oJxwJSXGl9UzngbxqkoSNUNqwl8="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.9_1623768080378_0.4019103224290239"},"_hasShrinkwrap":false},"3.0.0-beta.10":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.10","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue-router":"^4.0.3","vue":">=3.1.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.8","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.1.1","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-rc.6","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.1.1","vue-jest":"^5.0.0-alpha.10","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.2.0-rc.1","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue":"^3.1.1","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less';\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"b5b2f3bd0f1e4b1c3199e286d7f0405d1cdb92a7","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.10","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-xGWnHkkGF8INnJqhGE90L2RmsBPdyqjWwfgS4WsrrjGzigCLM1qUWZG+VlIRFXfSSC0ffcAYG0e04Herxi0u5w==","shasum":"9195278986215df267d2b6fbb3e7a80acfc08abe","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.10.tgz","fileCount":141,"unpackedSize":561502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2+UZCRA9TVsSAnZWagAA6OgP/R/0IJM2AW3C2hLjdypP\nNP8P2YgsIylYt+DIKw0Suw2u509XVs7WW8YNEeB/VtckCpe5FPCil5IB6uC/\n9HIXc/JQ8nnReJRirVbm6mNrnZVvhG3faTugcHeBIJMykl8opxYrFp8uuz6y\n70h7TE1o/me1ioRd359cQU1JXt/w6jFZVv18N3VGUSAAgCEkRNqowCsHLQR/\nDh/6c+F47ltVL1CwmfC0OtasJCzxqQuufSh5Khl/DAzfQmC1lIx8/7eRWww7\nLFxJj0BiUi0wiSlmP2ftq+L60T5BuCx7ldd2c9VXlcbEfFtvV+cgSY04vwRI\nUs3aXHUcWI5nWi1Q/tzOvGJ7pSsDZUnw6qjx2x2e6Yj5TU7Z8zuymy3Fo4vq\nUyoEv2zW0f/eqk0Ax329HZg8RIKHyOeNJcIPZlZdBmB2T7f2pwWKxIVzvj7D\nHN9YdKD+EKx2Lx8lAqRMVy8YeiSDW7su/WsnZXbtHLnWmDb09KuFRyw3d7Uk\nuyqgRZyB8ZKRqHrze8XG5Vegg14N65BwvvA9DbqvcVP+qE4SPmLbfKurJVzN\njH/v99wZqiP6S2qvHWCBDK2YvJlCKmnc/X5u7ADCRIvjpm7x18hqrB52TJzX\nboSYLHf6Z51H/pzMIGkFVgyACdMVmXJyL4A4eLkV86BBjXPCzlTqJUecJbrN\nhXnL\r\n=GHWj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBRllXuRDj8oaH6x5V/SaqwuxNE1N6f7FNNTe2HEa1UqAiEAjwkU/U192Imct95tkGSzrVglt2TQC9AIfc1SvjIy4yo="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.10_1625023768371_0.008314529294769502"},"_hasShrinkwrap":false},"3.0.0-beta.11":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.11","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue-router":"^4.0.3","vue":">=3.1.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.8","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.1.1","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-rc.6","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.1.1","vue-jest":"^5.0.0-alpha.10","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.2.0-rc.1","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue":"^3.1.1","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less';\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"62ac34b72b045ad8dd292b6671a00e7c3947b114","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.11","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-zHAyNhYxAMCo7DOY81zpQTJxs5m537ieIDA6yz7aj8javkgy3J0Ya0tJUlop9t728TmHHQakdn+v3CmnYr8TxA==","shasum":"5423984fd5ebb0a446f02f668c4c3aaa857cedd0","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.11.tgz","fileCount":141,"unpackedSize":561464,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2+ceCRA9TVsSAnZWagAA9jMQAJeIPbqkfDnLKif7rW6x\nqcA0qSGqItwAJPn5fn5SkWT6wgBy8OnUevLEPWH70zdtim9cxfvcc/mthv4Q\no+N+LulvosjFiKMU+v80wT7TQnnmjmTl5eARFGb42nQECVDpMm7M0pPtx2aM\nZKDJsQ+Z9DX3uxrnpb9D7ut7u0ZRoeq/OMW20zPY9eGq7GlaBGy7rFfTTqXw\nOWq5tH5i3KPBo6/yDZjSnC9hmeZXrz6h6s13BcBJnsLfh0OFJgQqFnaHrujH\nBFFPPxMOAA3rxyJSyByJe9ZPPvrN3QNHrz4JLh9DcSecw33lBy7rywdsNE9f\nBkvE22AUWp7FD9oKDUZs0LM5mm6N62JNVQ/WywSEqEpZBG3Qgj8gFIfSbjjv\nM0Dmluud4cVwSis69X+ewGNRhgTl2ZlUSys1EFSCeJw/uURbX3z0Uc/5tA6z\nD2d02MKk6RuNPcvMvBzOJ4RLIWPz1+A2iz9gJJjFVGTm6MjnTLbXgCUQl7lM\nvFtloS+HDyDPMB2RMvfAfkZgaLyJyJbX4OWHUClPrZQw+AFxLTw9rZlLJVsj\n0Oz4woAP+oWhZ1n7GmNqdayJ0izJjcbs/2sQLMihg+nXCnmduaFu7V21ij4v\nOzkeYV0EOWXZLGz3wWLCRmkyYQrlzfNqGaghM7cabeIPRyXpN0JvTwgBAAj4\nbJOW\r\n=zAGr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIANWq/Lfzt+kZ+G2P/KrIrJ/cWcBkQe/7AWd2uc2zNErAiAXn8rmQ00GJhAh+08eoWVvgbJZThjIvuohUz4iViRohw=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.11_1625024285754_0.7165369446436547"},"_hasShrinkwrap":false},"3.0.0-beta.12":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.12","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue-router":"^4.0.3","vue":">=3.1.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.8","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.1.1","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-rc.6","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.1.1","vue-jest":"^5.0.0-alpha.10","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.2.0-rc.1","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue":"^3.1.1","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less';\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"e9f8f548524e2484bff7a57e43b824bb830f2371","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.12","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-lcoQZtjetnozkGpa9hykh5xbvgSWHh2+bTY+qvrAgAPTIGEyu9vJRCuWZOOxEGtDkH1HwaWqQHUttxFXYWiNNw==","shasum":"a69316eb8e26c3d44bd5a29fc81da5810b1cfb4c","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.12.tgz","fileCount":141,"unpackedSize":561492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3TlrCRA9TVsSAnZWagAAwfoP/0hzJWL75RkYfqqm9eMi\n9HJIMbwB6K8rFUQY0LyMmfMAjkRTIEhAH9VtzpHSYe3fll8igbqQKZjSuIjX\ng2Ul+Zie6loA6m4XwwZREwlXnoRfqdzxOfNmp+jPbHKPNXTUPKTG+QatwL0l\n7mgRuFeuWqfaht4DQZpm5jQEqrQhnpybrOcDASyFt0JOnKpaWsp3CJwSRtzk\nBUZmF4rTauFikBdDaopDjYI9z487rXh7rmvaTT+qUChn2tvZ9BbVR40dStIP\nVnBqO3jPmL1mulRDXKV/buBb5zRqoHfiystWrv/b6CUpY+WQ53QkUvxh4EDE\nVFZHhy6yP0QZzs1WlrgDOua5S42Ru7chgUmvdPB1x/x0U8hTfOZ6Z/CJS9TT\n3vHiV2MlNg3t97bUox/oSiN86Tn2k6WXySMKrcRoS9r4X6gkVCbgZYLdEC7w\n34xVl8MOvjlTPzA+TUsPCAFOxeK4V6qFWLZkX1GgZL1prXnfee/VmtJwC7+r\njdurgUUwVH/uZf+U3P9IQpuZ6NSe7IF7rOiS1bWAWKrPeVt6hpmP+a2OZI6N\nGnSPzDtkriIsC6U0IPB0xAh3yMAJtdBenCyqLcAtDNR2G+Wu68TgVGSXhgss\nV1YdEv68ANF0t6Mj7Rdarv5nkCR7XMgsjvjIJMD3INyOZQyaeCmBGCZGHFgl\nyU0y\r\n=7TR2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBd5AIPcFFNClmThV1FCwNUhVn+NZhAfXCrw/eDrgVGyAiEA5UmUA96j7ELF8jatPwJ+yELh9BchgA6p1IssB2vzso4="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.12_1625110890772_0.24024267377249808"},"_hasShrinkwrap":false},"3.0.0-beta.13":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.13","license":"MIT","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"}},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite --force","build":"vue-tsc --noEmit && vite build","serve":"vite preview"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.1","lodash-es":"^4.17.21","vue":"^3.1.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","less":"^4.1.1","prettier":"^2.3.2","typescript":"^4.3.2","vite":"^2.4.0","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less';\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"a93aceec6a1fcc6b052225652d97d7cf84506424","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.13","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-VV2If/mvFHNInQZiwYmNzLkRS26o+ltku0FCTUFBQd4w4mbnzW76110Nf/CCzNf93A2wvrYKBGRodhQQ4y4Fvg==","shasum":"93300ec24a33d2f8b4d878c0afb1f0274de8b056","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.13.tgz","fileCount":6,"unpackedSize":802279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5rUMCRA9TVsSAnZWagAA12UP/1+5tSF2eDFEn8K8m07X\nnoUTibCotRRtBcFKJblfnMW03a0IfdOWJgzQ/x6JtIjjfOL6VoJ1Ntupf/CX\nNwat3WX5DjrAQLGn3Xhxdq0Z9rH7TNPp92y9JZPgEPJyfNF46KF2lSlnc08z\nXOhkmuxLBsbAWAwa9q9g55I+pTIh2PRUk92hmAJiF5Zb+pcW6iidWEoINNMW\nXDEjnBCRHMYyP8AbY2dAPfn1orcAefrpg7TIi11KyjVHA3VYpzfgXqjOhvEJ\nG2x+tTzYgwrkSXoPiMiP7WyTUjv+Jqg5BAXhjOGujFwbtsCfZqeY3JbMYt8c\n1z6OtwOY5YbHiQGmjsp4NnXImAtFR6C0f7tXm+q73CcKOWEiJdSySlRPRXS7\n09B/3Jmncd4+Z85I7IvHhdSwFg7LuEVytUI6+Ie1HnG+TYFRf/5jBiAkJdYq\nF9exwtaUorc3aku/Gj8B1cIoPqwKQXc8IkNSyA+wA7eKjZ+VsW+b/psB+XMK\nKu0lkR2vpdL5ZgYgbDDw+POrrgnViKTN3tM0vV/ERO0Yyddt+stPBV2e3itG\nxBQWF5IqxHHVn+V3BihUZ0XzLBpVGX0fNMl/36eWJkg17JEvWqKO1kcK4J3J\n8jsnZdM+SAWM9i0MaQG/ZkhD8VVtO6lOGPGT712ur5CnoQd2YlGqNMs8FnSx\nkBKO\r\n=IFh9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGE1U+Mj7riyd3GerYDrjBBOy37sGATop36qtIe5M/ldAiAZHalwFON1Igrd4PbJ1lvV9q3948cR5HIFTjH4ZS5fwg=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.13_1625732364158_0.7033549318771775"},"_hasShrinkwrap":false},"3.0.0-beta.14":{"name":"@ant-design-vue/pro-layout","version":"3.0.0-beta.14","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"license":"MIT","scripts":{"clean":"cross-env TS_NODE_PROJECT=scripts/tsconfig.json node -r ts-node/register ./scripts/cleanup.ts","start":"vc-tools run server","lint":"eslint src/ -c .eslintrc.js --ext .tsx,.ts","lint:fix":"eslint --fix src/ -c .eslintrc.js --ext .tsx,.ts","compile":"vc-tools run compile","test":"cross-env NODE_ENV=test jest --config .jest.js","prepublishOnly":"npm run lint && npm run compile"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue-router":"^4.0.3","vue":">=3.1.0"},"devDependencies":{"@ant-design-vue/tools":"^3.0.8","@babel/core":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-modules-commonjs":"^7.12.1","@babel/plugin-transform-object-assign":"^7.12.1","@babel/plugin-transform-runtime":"^7.12.10","@babel/preset-env":"^7.12.11","@types/fs-extra":"^9.0.6","@types/jest":"^24.0.17","@types/node":"^13.13.15","@types/rimraf":"^3.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/babel-plugin-jsx":"^1.0.2","@vue/cli-plugin-babel":"~4.5.0","@vue/cli-plugin-eslint":"~4.5.0","@vue/cli-plugin-typescript":"~4.5.0","@vue/cli-service":"~4.5.0","@vue/compiler-sfc":"^3.1.1","@vue/eslint-config-prettier":"^6.0.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"^2.0.0-rc.6","babel-jest":"^26.6.3","babel-plugin-transform-es2015-modules-commonjs":"^6.26.2","cross-env":"^7.0.3","eslint":"^7.16.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.0","eslint-plugin-vue":"^7.3.0","fs-extra":"^9.0.1","jest":"^26.6.3","jest-environment-jsdom-fifteen":"^1.0.2","jest-serializer-vue":"^2.0.2","jest-transform-stub":"^2.0.0","prettier":"^2.2.1","rimraf":"^3.0.2","ts-jest":"^26.4.4","ts-node":"^9.1.1","typescript":"~3.9.3","vue":"^3.1.1","vue-jest":"^5.0.0-alpha.10","vue-router":"^4.0.3"},"dependencies":{"@babel/runtime":"^7.11.2","ant-design-vue":"^2.2.1","core-js":"^3.9.1","lodash-es":"^4.17.20","omit.js":"^2.0.2","vue":"^3.1.1","vue-types":"^3.0.1"},"config":{"accesslog":false,"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.ts"]},"css":{"loaderOptions":{"less":{"options":{"javascriptEnabled":true}}}}},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less';\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run compile # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"ef85dd3f6df60a9958d61e47ef4315fa9939cb6f","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.0.0-beta.14","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-eMbKPb0ks0E025zyFzIj+uP4LE7cPa9zn6pbhy3eYt3sMmv9Z7hHQ8GihFcyk0ja99NwlFJr+viE3Zx2YvlCLQ==","shasum":"e2c1b6aea20d0a1148329bae8206fc143cc3a0ca","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.0.0-beta.14.tgz","fileCount":141,"unpackedSize":606107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5r4kCRA9TVsSAnZWagAAlZgP/2tjWH+vdE4b6m2VYHyB\nyDyo13BOeRaVpRm5uEWI6HD1hUNDZ61ZIGCB1ClR+3le/ImHiRQMihnxfNQo\nUKXTQBX83Da0tYuol4X6DnstDvr3Pm1XUMQ5xwVcoDuWtRwTYzpz61m2WNct\n/Y+OyzMoMpA+lCdMPxxJ2GuVJ7d994TuaJqA5akcw6sHfwUSu9A1yHGBewkW\nyzLiwK/vhXZ9Q/PCVu4/raacxcaH4fZDzaQKpkAOt3yVvbLha/ZTUzy3YniT\nmHwm5UM1Idhxg6ksttwicp1b7JYKK+Rec/I3Mi95vCyoY0LuYYRCHiaomTT0\nFTTZQYSRqR4MGVy3M0wZrRZuxVEmZ9pkFRsSS6Qeb26DlqhTEl5l+Ye72ba6\nHUZT5UxOxxKGoQsR8vau3y76DPVbay7TokWqEXW71ZPqf9qHEwku5rP+e/mp\ntv7dtnniyrk3AW82z0PtPsMwIEDsyiJIo0rLCMHrUnDCxYpII3QUVg7zX0xO\nO/kR/RNCtBfZZJ0uTqp5dGIatqNT9uYdefNd56efQ4GNbQTrR4piejT3fWdQ\nb7tcdIeIxgKGJ/Gg/p9sdbh5bBbDzAzTHe+oBrxrLWw7PIHsDzL0ffOvEzgF\nzSdx0CDn6MOyWhDFQaMMPVTtYi7xBw8qG9z3tWhajyF0yTb8Yq6kMOXyDg4o\nIjD7\r\n=H9vF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCd+lSkC0dVkoRkcgOG8/Eyaq0Ztw49JCXHaeSVO2SmQgIhAMyDNJ80p6UlzzlpHkZoRQTodcYSmT5Zn/0Su8Dyr2sq"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.0.0-beta.14_1625734692202_0.48068258844562384"},"_hasShrinkwrap":false},"3.1.0-alpha.0":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.0","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite --force","build":"vue-tsc --noEmit && vite build","serve":"vite preview"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.1","lodash-es":"^4.17.21","vue":"^3.1.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","less":"^4.1.1","prettier":"^2.3.2","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"a93aceec6a1fcc6b052225652d97d7cf84506424","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.0","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-BrQv7qMNmh6RYhImiUdPCMbrZnxfJUY8rS2tGeRFGGPPfrV54cb2+Ntb73w1VbLH/5LhzI57plodkct6wgdAkA==","shasum":"4678aa507db693258f06ab6b60b0c016d8133a2e","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.0.tgz","fileCount":50,"unpackedSize":898861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5uWfCRA9TVsSAnZWagAADloP/12iqgLM0lik8grQx1Wg\n4sSZfY7xFTPWqfhE/QXnWn0BNhSlf3zkDXaEHzzNiDiO1wiC7p7JpjTusb5L\nX22JOaKDV6F9QwWedGXVd75jVBnJCY6BeyqbeyYA9DQrj61lSs2RhuKOOZ3n\nwDwSqonZ9FfYekuPdHA6QVR0nO9zDf4iilNlL6R3h8XAExkoM+dKD/lHQDQq\ndWrXjy3vwoWeQiBpWxusu8KQW57ppuPRnNNP8FFG1eoYMoPYHAq1XlHcGS4b\nRbuBvN9aH98zBaypNgZ3v6Pmlv4Rh8Y7/yOvrS/M+VdJlw0MfHk045hvoRjw\nCqMG5KnBtFdXkcMzIvONTxlGRKHprvKz5aUnh2Pj17HtCPP0FpU2f+0SEAZ5\nDu3Phs3jTRH0CP3o+jgCbrdvWyKK8ylhOqwrdVcnHmSiZWSljYewEkdMqJTZ\nRD2culFBPG4lYYJPWGNqJI44lsfP5bzWyJK4B0naWFswe6WzFgCwmL295VwP\nSgT+zkp1I+gP4FvhAcDFnG2HdL87Zpd9fBN6cG1+rWQjcZVG98BxlWeYKl2w\nEGgLl/XhZoDjjuDSbxYHNwGT+WM4Yz2pMQAcPl42UKAmwjklM9Dj3xS0QMbm\ntD53slH6UrGjSmKAKMi2s1UxYFYNj5PErJQ7tCZxl5ICDmLopHztD8HlpJA2\n2aKV\r\n=Ec95\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCPPSovQ8j3EpqRgr82khUw2UDHKbRgjvDHJmvQTZ9VmQIgY3+KlHZBqxKnW7jHEjOlFGcuixWeY17VSH9UHf1i7uY="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.0_1625744799192_0.9025548940993644"},"_hasShrinkwrap":false},"3.1.0-alpha.1":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.1","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","vue":"^3.1.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","less":"^4.1.1","prettier":"^2.3.2","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"9df14c60efc9135d3cf4cacdb914985e4484b5ea","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.1","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-Ml90lJvkMHe9pl/W12IjgqdkrlKxixWaWnTqKRmrp3cvlN1eBieh9vSOlflPvjwW5q9+X5LOQVQhOC+sszsK3A==","shasum":"508d26625f1959bf7dc42c4fe64ead29525fd439","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.1.tgz","fileCount":50,"unpackedSize":900942,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg69ySCRA9TVsSAnZWagAA+fUP/3WgYMfusamf+BLbx6nV\ncyRsGUAqr2Z3v8gakRq35gghr4kcR1RsviKpudZUbMPUk9lXEXQY6hss/F5o\nuQtFhzxoKPcEBr7hqw1BE3sJRkSsVDwQ5IC86L38AMqdbanI7CxLPhsJqPuc\nwA9UYYrvF7iE8sW++LiudS082pH7XiB/f0qmEs3Wd9dc+AtO4skz1+o0fYjY\nYjIEq4GqDahtPGWXQRbhWsYIxtY4UhImiCm3jdJXyOH+oDkyxSSpKro1WFWO\n9Oif706R/Z7V/I/WZHxP8Y9YWnhHAPE9ViHxhH6Ru4aVRamhiPNacVJure77\nKvjkOqC2iHe+Ybehqa0gg/j2EMFLMKqCHaLwenMdDwPNWkpRYvtL0mlmhif/\nJURFAQFsuGhCTsbNGrojxwfwqsIdMxYngSCe5Qv9Hd6g3dRx+bh+x26JFwwY\n/+8hSA4bd67mDy/TbEp4VQ0esyXIw/wZSk4oFvPSaImMHz0+/w9Ut7hzeqVV\nn7cBpZiAejysBHLEBPpHy71ukK0HeIUuGGgOLfibNyvueziOx4olKdrLjYnv\nbac3kUmBSVFdwuppjJFLDgjk8QSw01E/vtTHpRf3JORi2Jst/rdDGseC/Xn3\nDiV6Sz6LN1t1/MYtE3IitAUWJPY5v+J4/1l7qhzBexsRkXKdmWTZd9dRt/y0\n0egS\r\n=aeBp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDPnioLUhnXCy375voRRZkkfE6E6RUnzfbWPT9iLXYfvQIgMqAoTWEkDZZUq/Ins0d6QACmE4PNVdKh27yhLm/2ekk="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.1_1626070162483_0.42598300662155353"},"_hasShrinkwrap":false},"3.1.0-alpha.2":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.2","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","vue":"^3.1.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","less":"^4.1.1","prettier":"^2.3.2","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"643279dcff96a5bc8d2b2382800ee078bf284107","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.2","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-BET/aS/aYzcYcQdCdXifGbyOCl9YypUfBsbgwVeZ6bVSxXMMN+2dbDsxLEK9u5Y1rDGhF4hd0DYT2Y2lot1vuw==","shasum":"47c9d8e55853ddd55bd3b7788dbc714a32933f27","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.2.tgz","fileCount":50,"unpackedSize":769689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7U4uCRA9TVsSAnZWagAA3SAP/1IGsAlEHQVIsYB1zM/u\n0sOwnSe5+Ti6BgRDMg6VbmXCThmeko6MnfdCcQ3KSoQg5KtVuslZJf61vIXz\nzrEpPsglQfZCx8PUakpZQkVNpQrV+QS1jStaATi00LF8nR6bEZnZ7Dfx5QX4\nTa76jP9Hg79sf6QJe20UhQz53MOpWtQhx2oG58QI6AWItQ3Ja3bnOpEiauVu\naygX5gJ0QDOLy0cfUsbRvOaiuU8C6um6NHHDMPf8Ww2Q1ZUJsvhYlfJ83+GS\nCr2vhInTElOXzEbUgTTmbXNkn0bSUWqgY5rm/l7dpb+95SRm1LDZD5fhGMmu\nVcozyoCaShvOgnQ55QIZZCAznn8/AI6bsT42EC/saGO+SqgNa1xII9ipQsER\n/ViRqOogtLOqnVJJSfY8gpS+0JOmt2lafvW5fwOPQVA0MjuJNl1ys4ZbZtxR\nIwzloNZkfiTkvHDnGjBsqxHcTFfp3FtboYWJOTE48l+maRTpSiAsc9VhQajZ\ntgJ7bQrqIAUiAfu3nQSvqV5W2c4Ya+JVP4ATMnfhyHhEnqGj/xRcnPO3+H6z\naJ1O4IYHjjdea44pGhLJgnce1cKQJeiUnRnR+oSNxIYVLSB/Y/mgtx5ArXph\nkq03TKD3vuMcQZEIAcCjRvl6GYKG4c3GRxG6gydSmndopyEjBL30IIx/5V9w\nv2Yb\r\n=Bhhn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQIjOVp7FLtS2Xsssg3DY5kUOLMhxCmcPT19fmYk5eGQIgdldavi0Xj6Yml9qy3aHcoyRCpM3L0huSc4Cpc0SFvJA="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.2_1626164782456_0.7628208587511878"},"_hasShrinkwrap":false},"3.1.0-alpha.3":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.3","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.1.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","less":"^4.1.1","prettier":"^2.3.2","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"7424906ea242552b64608a869612a47efa59b07a","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.3","_nodeVersion":"14.15.1","_npmVersion":"7.6.0","dist":{"integrity":"sha512-5+8Cmy5rble35bbCET0sxH601goY8tjOfYqJy/rBzHgeiAMhcHkY2hWKyeNTtcUwJh1jrXB7yXRqYpN+lBze5A==","shasum":"dba7b30dada54bed9305602910e22a82d59852ac","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.3.tgz","fileCount":50,"unpackedSize":769733,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7aD4CRA9TVsSAnZWagAAazUQAJ0bWxJBs+lZ622r8TBm\nTWhJgrMqvQ90Y76gpdhAfyKpvINdeqVtYChOZ7AIv6FC9T+h/rfUHr4O02th\nxop0q6nLjZqmvYRRYjjM6YvfXOtGcEE4uEDLRAhn/W0cmWp288wnG+gW7799\nwefhVTJbLLQoNUfIlrCpRCF7ctfVRMa/6gNwhzWjP4rTACZewKJ+0yqo+D2w\n34HtDs/q8lJKaI/HlWKnX+R8EMO9vNulCPKByjAsXKIKVS1I7Mam1chc1f6K\nLlMzgVzBuynyBcx1P1JOuIT797a30d4z09jEB/2/BwCbSUfgB6guNHWaPDil\nsruqMo9CLZj0x3MBR+ZYAiovE3NjBWSFw9O1dvDOMazrafgogK459Ktw3GOC\n2epNwNB+mDqCPu0iyCjBqmD1SjARlEcjJsfkWT/zD7sfKPFy/mgK4Z8qy9jq\nVFXuSaqnpSysduk55KIbhzu+Ib0Th1+KIYpLP2mgzQtSB9DppNVzhZzUmTEC\n9XpvtFo7gx0fItbxY3/IN1t+31/K7VOTv14xy5QHx6W+AAtKMJ4oj21HdEOd\nq7rNuQOZjArKh/Ogm+Pt8axpUjucYjxXhaMF68XAFeEj0vbml4yXc9qGYLy4\noF45LadDMOuTYiA1qlaXyDSLXIyQ4HKLYbhrhzGmCrh9Om7oqaNqSt6ajGSI\nb4DV\r\n=nC03\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfBACvG+7xLs4U3Akpz7mtbPopNqtI7SFYNf0PDz/4rQIgZYv1lkxLW7ivGeZC0bTdsivXWPozafdvz+BcAK3fHvw="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.3_1626185976100_0.7895892355999812"},"_hasShrinkwrap":false},"3.1.0-alpha.4":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.4","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","vue":"^3.1.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the icons that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run test # Runing Test\n```\n","readmeFilename":"README.md","gitHead":"60f58905bf83ace6fb914c98fae5d6ce38e03cfb","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.4","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-I+e7hHlJqBIYvHCr0Qdf/hFs80EVkP0NiRho28Yk7bKxAUY/stkOlN8lL0MiFBPrnuiVPkcQvD53LM6Ac0Ia4Q==","shasum":"3079a9a46793155fe3470c2e6368f088cfb9e24d","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.4.tgz","fileCount":60,"unpackedSize":786032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg97N5CRA9TVsSAnZWagAAw78P+wRy9LPnvaqwnLnGfYb9\nBCl22AWi10oBv7V5oJ/eMSPiVoode7k81otHO92UkIP7NujtURG4ZwCORzn+\nvuRZa2yQyBCEmdnFhzz5ooz9h3KaPwC1g4bGmmnJHwSsE7Fs136s+xUPVMt6\nptdTVL7mXvWw263u1X3woQChnGm0J3u1KloaEllNmZGzQejezaBP0iCfvrmf\nBEGUV83bFoTmTH57nqsWeWptz2URssAQZNibK+rm7JPqne48UhCHMmgq81RU\nPBzCnYfursH6CbEsy+9lp+2J04M5tOWnjs2ut4WBFH7fb/yVnGwqGTB8MnN3\nlKr0Jt1GMUuRlrMSax2lfPV4H7IxXHQ0SBgplwO3tFC78juyKYHUg+LaG3oO\nDwDvSRguGsbgydac0hLMreB5ag0sXjuW55lvGuqBUrMDcO/jx+1RBJJv4h3N\nj0vkw30/JONU7liclCOOruZSFrq6KkgFJhATp8WDZaUIMJENTIpJseyqr/cF\nf0BPvhwo5zUATWj+WQNMhYtev0r4O8fITjRGKMb3B95lw39KLMTE+1Sr6nIi\nMlr9D4MC9NxzKi0n2V113yqLh9TkZXSUScQjpLTwVEo5Sb4o0MPzJ+bWZFTE\nOcn8UpNu5RsGk1ZsDo2BH+kj4lBHvTOSGJRKrG7uNLjoNHLUnthQwW+bJ2ET\nwtGy\r\n=zY5U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICoYQTjndbHSCwPEVzZiyi2cK2AnNkrHye44AsOsd9/yAiEAg2G1p3hBZnVHqqQKKGRAY7JsTTOYn9gBFlCmglsdNcM="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.4_1626846073145_0.5151031417518257"},"_hasShrinkwrap":false},"3.1.0-alpha.6":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.6","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","vue":"^3.1.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"f9accd25b9836139f7c8506caa46b5cd2c134a2d","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.6","_nodeVersion":"14.15.4","_npmVersion":"6.14.10","dist":{"integrity":"sha512-dF26Ul9BS8XIcVw2y4Mmn+BClJj6+vttnxDjf56Whj+RPIhLLN8nLPBxJ1BT/PvLGaIVGD+cqYxzCEeLQA3q4w==","shasum":"3797c09682395fe08bfcd7b6d2f8ac8921bab787","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.6.tgz","fileCount":92,"unpackedSize":914370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFKxNCRA9TVsSAnZWagAAWPgP/A8DCTHroxBNWgAQPrCG\n8V2kJwB9jxRkxRyB0jcJxqrehby7mvy6tGGkepvM0eGNmlUS3ZnU0cEsU7uN\n2hRAUFNyb7e8E8jI+ZMXrOZJjt9jE8A10mkEdXjXWurvba/4wqPfI4NnXE26\nTTpzWXOHIBFovFFStKz2q3BCr6pjV+uKJZt52wgW8ydociM24TW8qLpNoF3G\nF2pYMFYgETmX4rkA/kiLc5zmu1oBvIaKw4+Dg+WHR7l/Se1xzdWntQ/ucgYL\n3TLyZhX7Jbe6Ii1eabecjOUBpFTInAA4GpJp80M/ueVA//Ir0Dm/YgUu87xY\nhr0MnvLoMBpxEoVDYVSbK3yCODHI2MS9bX3sRloHZ/jQc7udGB9HaKg48v08\noZvvqZf0JYsxI+uaF9AjwNyRRQOtPJwocD8aJZEglrruAz0pmjsqn5M68Dso\nZU8HtLB8jqfE+AsCsqBo1FGMAoCN+KtsLiHI8nztWE4U4mqfP7nnOYcvv0DU\nznGhgVcyoOu/xNoHy/pyCe5ka+74QBQuelD6UJ4w8cI+DeVguSiMCcxMGLc9\nrZ/Htaf7BZ2Q9rmfvcbnImbVp0+UzuZZLow/rq/S8lIrEz1jCCKWR9T1oJSo\nDRAkx3O3/U3sWAS6ZuV6fZbYQqEPter+oAUCA1CRf8JkfGuKJOQjfAoThL12\ns9P+\r\n=d+K2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGbjAkM4EqrBjrbOw9zGB6/SuoMDAlzdhQBKDvA3qW86AiEAuZoDHB27Iql9R9bseTnR4J4PmErrZ5kJOO+Rizm7QfY="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.6_1628744781687_0.8982079278466206"},"_hasShrinkwrap":false},"3.1.0-alpha.7":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.7","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","vue":"^3.1.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"cde3eb58be8b8dd9659401e491a61a61c527f4cb","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.7","_nodeVersion":"14.15.1","_npmVersion":"7.6.0","dist":{"integrity":"sha512-tIKCG+4NJ06RZ43DV5Nnlij/L6poAZxDZjkcLrnY4P6mG+w0qiAwLFKjC9RNAkHGm38IF7qhoNzUfk8bso+a5g==","shasum":"5358e427ac7ddf1366f07df14bb1060659cf8604","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.7.tgz","fileCount":92,"unpackedSize":914650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFpw3CRA9TVsSAnZWagAA9scQAIMjwEMKUaVtruO+Fvva\nxCzaYEt53U4q6A6Vp5MyzVCh1IlWWulGS0oJiMJx80C8RxeiwGlqLIkpmMRr\n75yFoJ97sHvV5gt1uDqBXI6Q95ev1WhfNu29+htVFaZYVYFKAxrA86kWJwRK\nbhgrTU8NpJY6uinsr9S0bCl5mFCEhovWzWC6hQhPnwCGYQpsOz2zLvOMQf7A\nJBRGYPmDkdb8fAH7FE7qXpWwTgBE6iQWB41MPqaQK3Jv3ZSb9t8NsEhg3KgC\nUw7jX28mERcYrB0uC2LI9OyC0eKGdTLWrynZAVIDUSBvneC179hIFu73uAB8\nBdm8ibTCym6QwtvNuFp14x5hszkWTq/f6Wi4TUzkLGhfBGlirBMWrgcde0Gp\nDfm72J+of45msXpds/RRc8ICZgqYlWwLvLO788RdZePtP0hdFIAKPquCT7OJ\nCQ/gzkaaoykuXGC5TvXt2NPJ1oNWSEhHR1IJy72x+QY2xXpft4mO68ocwWhx\na8DrKyG2xrbNNWjEkUcnfoPUEZNwqKI0kEpzMG7rkYyWNTguLaIkcsiCQfGh\nYf0I0DFO4I4m2BW094yAmdWL2ja2G1LLCmKZGk0na1X+M02qLYRB6mL92tCQ\np+Om6WXp5DujKJUXbI26tWBI1TqdUrmdqPVDtojGjMfF6cTYEk5DSgp5pf+j\nRfiD\r\n=9paq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLbKYMZo4DgYHY06YkZ2cF/S7eQOLQVCY9QGp3N7MlkwIgY3XJHD/KV4egl931m4cup/gFNA4eg1/FDlvZZT73dXM="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.7_1628871735569_0.9672237613383108"},"_hasShrinkwrap":false},"3.1.0-alpha.8":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.8","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","vue":"^3.2.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.2.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"aea2034e50e3c7bca166d162bcd307769a66e555","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.8","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-scpA3dHXVNgCOjS0AXjLsR14ADgST7fOL5iDk+FLwIO7owpOiR3yjL6c+W2tICxCX58hUQlkLIKwQ2/sNXArIQ==","shasum":"eda9780bd0dc0dfe8c68b975905d91992a42d11d","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.8.tgz","fileCount":48,"unpackedSize":818189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHhQ0CRA9TVsSAnZWagAATcgP/RAZV/UBVR62Npgf8RON\nYgM+PK/JgIjl6JGOQsWJNK0D0TcAV91JHfFGz3ssRH0/zOEtyQ9zP91No963\nkyiwvivzb3z2v/j8ca+Ekuo+lLPMyObHLtFgAYzjO57g5Egw/WmFNgkqPHdr\nogAn2QWaGf6MpFx1caP+RdQxgNiD47cXszHx74DhKFcV4fiykDX74tMXcfbS\nP6Ch/5f5xLhaJtIUVZcA9XzTONXjfLZBgiqF4B9+bHX5pOLrRtKi2P30FG8N\n2CS+LZO0oJQqbupj8usHF26LICTYFRCMc+fWJOMQhLR3vgSTA5ExK+Gjj6cd\ninenlS7Q5YSinID1gGZxGKBJVS6mMpG3YXczmtxHpuavjg+wnseGywvj9mjX\npDmZwxfRcCa/UrAP/Z9FB+yyBnzq33sLV9dv9N9O/I3uiWAs1Ws+5dULURGG\nLPhCmTf3llUqlM8hLjYuLsd36vRD5Fa/6l7tUQfeui0/Z6bTsA6b3xpUscaO\n+LbdBesrPRqUtDy3hjY9CtYJNK4NFo/E0THLwuJ3V1skgehqUmKF7H3CVmky\nDay+HDfdyRITNvDScDgJAqER7qwuNGMG8U6gKp0YqyYJzz0B59pA5b1nXjj2\nqVF8uhvrBqlhZ5IQZF0pq+780vTFOqTSkb8WwMg8lCb7noSH90qze38cJEAu\nOix2\r\n=NcUg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEcbq+StiICd7oSy8pNX6ny8OSR7SujaSrS5GbVLV6d7AiEAuPITqUM2ogITqjVBvuFrOKoZqt0CMS3xaDmZmVAF46Q="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.8_1629361203804_0.9521854791498956"},"_hasShrinkwrap":false},"3.1.0-alpha.9":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.9","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.1.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"20fbc790754e7fe5d188b123522a5811736accfc","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.9","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-m4zynhKByt1/Qfft9IDlSH+wtHG/xMzDpDjlnBX5sYpFwd5MP8HeBALSlUj07AT8tPyODTPSlpzlg0DNLL4ZOA==","shasum":"2dbdde5e1b94a9f2d39fbc73165c499be1695b71","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.9.tgz","fileCount":96,"unpackedSize":914827,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI81xCRA9TVsSAnZWagAAFAsP/3JMv8aVX0dqXuCS9ta3\nKzS9F3degciGFjGWiFnLw7cyAPeY01AprKVxDo6UfeSc7IS9cl8EHWbyP1+X\nQP86QAzifqHZGaABxt5OmykUaL7TlYC/lD97s086dVJsLYknCRJCdETYZd2P\nUtxLRKOFtrqHjY2DVDviNxXH59VoPxiMmo5cKAP6aOwxX9kyBYEKCwTXicA0\nXK3++xBChp+OOTri7A8SgP33hnRAA3bsdlHonWk8iYHF0vr9JA3IvJfjJXx6\nSJ98u+WCSzK+8ul8UaDJHNATELwdy7UmwE8bAT2oo6fcGeLGqNjqXDh9LK4C\nU9tfXjsdITG8RF6JAebXjmnjaYBsQEn8mB/s5iGbEmV06nHc1cKfx9vYoMfB\nhIRNIgnhw4o3lMgiI1mZOBRXJ5XrPwRdBz/d+8fnfj6ctyunwFogJyPb0rlX\nNzUjGTihR5LPSMT74sNbrt+H5OCwMbLpoBgXuRcyThHAWHuK8QTYDOVgGifr\nVXvAXw6UyWe4qK0DG6VqimINCRBJEch0APvOl2UZZquxiXkniOhLqovEq5v4\nG84cmn4Q0Fe+dSxSWLn+moyf2BQa2GX570x6UH+GcoH99azOJ2GNjyMbJUqP\nDVU+I+XrA+cPyAi5VLt9ewx4Rtfu+8Bs3E0PUT5Nh56fFkVLa7kJ+NMEqYjJ\nNoS6\r\n=hCYC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDI5W6lV58XYUbwpYCd7ZhoeqBTJa1cs0+d+j/RFB4vugIgCglvslwjY8BgVOZx9zpU9UgwtV5SJQ4qMUwaHDkXpb8="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.9_1629736304816_0.1210037409260043"},"_hasShrinkwrap":false},"3.1.0-alpha.10":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-alpha.10","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.1.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nlook [Examples](./examples/)\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const state = reactive({\n collapsed: false,\n\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n\n isMobile: false,\n fixSiderbar: false,\n fixedHeader: false,\n menuData: [],\n sideWidth: 208,\n hasSideMenu: true,\n hasHeader: true,\n hasFooterToolbar: false,\n setHasFooterToolbar: (has: boolean) => (state.hasFooterToolbar = has),\n });\n\n return () => (\n i18n}>\n \n \n );\n },\n});\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"11df1e78a23d028e22647e59405eefbfd8dd807d","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-alpha.10","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-TtC6OC1V7YMriPPt01HIkIHTBEmbsv0A7c0fvbnvdGCsr0t3cQ93hEfmA54ZpyRAt77fcI8ZeJXgtQXnoZrE+A==","shasum":"5664996aeac2b648773d47ccd18176bb07ce6f20","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-alpha.10.tgz","fileCount":96,"unpackedSize":914305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJFl5CRA9TVsSAnZWagAAbAIP/AoIW5uYMWW0sUBFtoM5\nxFmGOtjv4VoGLKOI+YwDteP4+ululwddJ2i6y+rKfc3FQ8gRPOS/X/k5SRv7\nMKPum3XPvf0kttAVC0sqLIk9nQ1xw0rG2l6efFRIVDAcISNqQ3iqwpsZX9eq\nYzOYEuLmShd6ityF/mfQTp/TAN0vQYXZb2EzZ5k6fToV2tj1P7OmoR7ZvIIA\ntaWrE/MW0wtEAG+y15GAad4iUbGyYaV1YH27WXrQZulnG6F9Eh6GMbBsSjoI\nPQbzCH9KmGCbNpIMBnZk9RSkdmwndiH9OgUYfpIwqk3JVxmTDHmWaVJhVFdJ\nG4a/bekn18NcQE56RzEmMpYsUARKYQVQxk5pvyaiX+Z7eZPi1jHFMwyDfa9U\n3FKEFSoWRkMFBRHZuf1C+QYFkERRDEVoQ1aQtDmTBuOaCyyCHj+oBsfI/h26\nrYT7eXnKk8bK79FRK2mbe9wrYiKYlqBSP7Av5LNzwg9IgMxXUhycjKbMXznU\nrjOOyi6iP4+tnMZ9HtNS7JTRkFMwMMuhCqcA58LO8iC4ooMVifasAL6GzmYH\nPk5sE2IEh6IEYcoSMfXwuqb7jY/YTWc+lXfmIOZljGBFLLH6VQuJcxSm5NNr\nbGWSBXh7jxE0PB2tHe23QsuWxu0cMcTGMvmd8E0KHWX1WPiDJ0bxE+yekCq+\nxljh\r\n=0ZAh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEaOzOz7gvb2xQZUUXtQPK03AP5u3JMK0lfk3u+5tg7hAiEAkLQZKRiF2Xj0d9wATwoEVEAB1fTn/1C4bgZZiWJ+WzA="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-alpha.10_1629772153259_0.6910475360333446"},"_hasShrinkwrap":false},"3.1.0-beta.1":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-beta.1","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.1.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n## Basic Usage\n\nlook [Examples](./examples/)\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const router = useRouter();\n const { menuData } = getMenuData(clearMenuItem(router.getRoutes()));\n const base = reactive({\n collapsed: false, // default value\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n })\n const state = reactive({\n navTheme: 'dark',\n layout: 'mix',\n splitMenus: false,\n menuData,\n });\n const handleCollapse = (collapsed: boolean) => {\n base.collapsed = collapsed;\n }\n const handleSelect = (selectedKeys: string[]) => {\n base.selectedKeys = selectedKeys;\n }\n const handleOpenKeys = (openKeys: string[]) => {\n base.openKeys = openKeys;\n }\n\n return () => (\n i18n}\n onCollapse={handleCollapse}\n onSelect={handleSelect}\n onOpenKeys={handleOpenKeys}\n >\n \n \n );\n },\n});\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| theme | Navigation menu theme | 'light' \\| 'dark' | `'light'` |\n| navTheme | Navigation Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"49bc412678b5a9b87073e2731d90da11b2c85979","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-beta.1","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-FLlUOgZNDVe/3LMbG96MPcOfyFtazQWUqNVf7xzoHJZn40wgEDthytqHcY4QBv1+uHD0ahxlUegRUv15V9r5GQ==","shasum":"d067a87b31a5238b28310e564b91678867fbc03d","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-beta.1.tgz","fileCount":96,"unpackedSize":917791,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJwLrCRA9TVsSAnZWagAAGlcP/3w9y2gGBRnina8Giq7S\nFowPEwq8ortVxlwXt2bjcB/K8KCD0ItSWqEWggiLnORrJ/l5+bVUTzyHnBOA\nx0cidzvY4PP3FiQFEGOG3nQHGFLmCUVRA3hMRoiWwESNGnXTVdEZx5nulA7W\nKrovoKGjTrgaaiDRPe00Wle9Ph4RvrK8ZNDmFGB7tagxg2D7ZWh1h7rS3ILZ\nue0ahv/jXwlQ5UNsFn2t/fvgJfDOdNaSSpM4MIMDmZjZjgNT1T7jHidr9S/1\nGlNBszFNvditnzbFV4sEOReTUFcRTyzhAzZdFnl6HWl11GFOHPkQoSFcUeYY\nkSAHfX91R63rI6L8/5/3T9+UL8IGGCTK0KwoerRGjq13sc0CQ2Jih9R/S8ZD\noRoIC9jsn15B1/VDWoyC7ESTKlseJauJq4TYF/SckFcqa20Qx50f56SpZ9cZ\nz+g6HXtEYjgRCV2xo/PgJeU+8HtcwgY0X7NobDwfdsD6dpkMGqnKpK0Etf3U\nYFjKXPPQcl4IRVl5SVemZzwxIcIuh7vgo00TCTD0le44EgHyHfhRJXZH//nl\n6IDqtzReTQf1IHs4fqtt+ZkNE5U2QlHArAAzUXsJAbJ4EvR6t2wrNyB1pOef\ntzt9YjvcsXn0R9r2UVGzoJyx1ViG7/BvtCdqvJVUKRsQjHAJuqu/C4iaM9XJ\nD3iQ\r\n=Z+no\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkD9lktr73sxS4d6sTjLkMQNj/n6mxTmGhpLy+d+01cwIhANVSf/HwCwF09yPbvuzjrUvqCWhdoHNGlGEV4HzloZ2N"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-beta.1_1629946603087_0.006282808090269709"},"_hasShrinkwrap":false},"3.1.0-beta.2":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-beta.2","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.1.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n ![](\"https://user-images.githubusercontent.com/5404542/130903472-5020f0ff-a1c3-461a-9072-134b5fdd4c0e.jpeg\")
\n ![](\"https://user-images.githubusercontent.com/5404542/130903580-def38691-e912-4a05-aa50-8ab112acf9f4.jpeg\")
\n ![](\"https://user-images.githubusercontent.com/5404542/130903670-558423f1-987a-446e-ad56-1d7791e9ad5f.jpeg\")
\n ![](\"https://user-images.githubusercontent.com/5404542/130903737-f8a6a404-8445-43fd-830b-d72974edc3ff.jpeg\")
\n \n\n## Basic Usage\n\nlook [Examples](./examples/)\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const router = useRouter();\n const { menuData } = getMenuData(clearMenuItem(router.getRoutes()));\n const base = reactive({\n collapsed: false, // default value\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n })\n const state = reactive({\n navTheme: 'dark',\n layout: 'mix',\n splitMenus: false,\n menuData,\n });\n const handleCollapse = (collapsed: boolean) => {\n base.collapsed = collapsed;\n }\n const handleSelect = (selectedKeys: string[]) => {\n base.selectedKeys = selectedKeys;\n }\n const handleOpenKeys = (openKeys: string[]) => {\n base.openKeys = openKeys;\n }\n\n return () => (\n i18n}\n onCollapse={handleCollapse}\n onSelect={handleSelect}\n onOpenKeys={handleOpenKeys}\n >\n \n \n );\n },\n});\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| theme | Navigation menu theme | 'light' \\| 'dark' | `'light'` |\n| navTheme | Navigation Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"35794cd32a45448613aabd5cc04c98773639c756","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-beta.2","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-M9ue6byQjx/yGk21NqTdrQdAng3PAO6RlJriIwrFEl6ifVnDygYiCx4laPa4nURDJ5wtDN8k2dbpmRzNd6d3Wg==","shasum":"ae8f3480657cb8ee6e41e5b23dcad64ac7b379bc","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-beta.2.tgz","fileCount":96,"unpackedSize":918370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKlMaCRA9TVsSAnZWagAA3uoQAJgY14yWLPNzbHDAmPdH\ngUH1ZPOm/qnGfF6ncwqo8ZKwG8RS3NtVYDwNmyfF+8Y5RituJJnVXHCSYC+O\nnzKvnO1kJ7u37CaQxTHP6d/8JnGckKPAdCOj9K6IGzPMR+D23ao1qdyy6NkC\nMOu1uN7NJ92ylROrtMK8d9uP321IcFLi+FLEfs+68pLxFQHau5L28lhig0d8\nnzuJh0591a5RiXx2Rw1hidJYq2BpyG4F/eVhR9+EndmDCrsE5s2OnZglD9KP\nx2JdDkAvKbJ+frRiJFaDgweb/YEsSoigtH6XpFhnBTcqoywnkT/JbK+8afwL\nmlownQfHI7F8+CPHL7PLgwZBTN2yIcCpAKa4wTenj5cMkDT8tW7KCjLHuOKY\n9RF64OSq8WWs+Yxr8hB3smEa9s2yCXVAywXUiKWuLnyWb6rBuRIooFRPSzLj\nnvRL9hnmu8+vQhUJz1Fq0gNX1MDT4G4Nontdx21u2KxNxoRn9EueSBJO+24h\nFpDilUTqxWLvl/aWpF7/tGQrhK8eUU62GhCnMH+Yz6FXp6/yuznf9v+XPkaF\nqC4UqJLl6xn2IfGn6ll+ySdYXqJvbWh97Qv0GzZE9VhXWyZlagCDCQ1hvIj3\n88ji5Jj3k7n0BICxXyD1WQJlhSRAcYb3AZwV22w7szPGoXWZ0gXKLoG2v9Ne\nZX1X\r\n=tzGQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCK86ivYwSK9l41mCxIo9sLMc86jdnu3vYojvTYCMMUyQIgZFkAjpmGeFKlC3SuPgM5MXJbGp1x+Ht9fp5u4UNKMmk="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-beta.2_1630163738001_0.3024030862942557"},"_hasShrinkwrap":false},"3.1.0-beta.3":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-beta.3","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.1.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nlook [Examples](./examples/)\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const router = useRouter();\n const { menuData } = getMenuData(clearMenuItem(router.getRoutes()));\n const base = reactive({\n collapsed: false, // default value\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n })\n const state = reactive({\n navTheme: 'dark',\n layout: 'mix',\n splitMenus: false,\n menuData,\n });\n const handleCollapse = (collapsed: boolean) => {\n base.collapsed = collapsed;\n }\n const handleSelect = (selectedKeys: string[]) => {\n base.selectedKeys = selectedKeys;\n }\n const handleOpenKeys = (openKeys: string[]) => {\n base.openKeys = openKeys;\n }\n\n return () => (\n i18n}\n onCollapse={handleCollapse}\n onSelect={handleSelect}\n onOpenKeys={handleOpenKeys}\n >\n \n \n );\n },\n});\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| theme | Navigation menu theme | 'light' \\| 'dark' | `'light'` |\n| navTheme | Navigation Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"e76e047c2f507ac2c45974c3b2274a1df2b4bb04","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-beta.3","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-Jx2z58Hv2mxzJZ5CKx3YniMWlzwI0AFGsahgIowFMx8P7ERj++SubGSxOjfMkYaOVvpD8VECru9Bs8VAXykUrw==","shasum":"f6a2b89588439460b9890ee1225244e61ddd8659","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-beta.3.tgz","fileCount":96,"unpackedSize":924388,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLOdMCRA9TVsSAnZWagAA4LEP/A4qcEkELrUW2xK5A3O+\nVb7LUHsDoyAF0rzDZwh2axio0XNv29tYxcQhVuLG+731UGHG+MacZhM5hEGQ\nLY1Ds6MujCGc7Zx7sLO3pL2sbDeLgjsf2lfb9SoT0SiV/fgw9FeAlHNw7PW8\nSRbNLiiqAEpm/Up17RS0rAPQAbwJafT92RM4QuaKa/1qtjPOk3DbFtxx4gFM\nurFVyRCOqZs0wRcJyPDDkrtsg95+cqCbSc+nI72BRI0K9oUVV7esR7i4tFZj\n2L0e620Aa2tCf2dW1x2x0PbZ1rWYFSK7+wdWTraWtjN2PKOTM4+M524YstAu\ngiH5HsHFK9DvFfZrUbYLjgIm7RU5k04p4ZvPKupMyx/7vpCBLLOVHaANIVV4\nkGLZpbaxcEWqy3uDfkRActjVwsMZ1H3Qmi8Wc/oR5GbPyZrKonu5TXfe2JhN\nCUJ+u/dwKhyYgSfqDZrzY09eFNUCOPCvs2l1JP5P61obtQb1VAkPj6Sx9z0j\nCmCTAZTgObC0qcelpOKdAM0b4BpJZmxXkp8FfDOOS+ZiJokPXy+28L8/U45h\nKABwFGr4uzdTZ3lrWwoISmM/WsvOzkKWtLVuk2PCOLJbx9VfYMfI1l1wZYBu\nEo6FeEa6sNa+pnVUA88Bhfx72UKAdnC73o26OICHsxLLZEOXF4ubpSrKsj1L\nyfiq\r\n=7O3h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICzfv/3FaJM1ONv+GiRMoxaVMJaW7PAtTG0m6dU7Nna4AiAQfKefMxSEzhYWJbbXNNtYBKcMA5YSYP5gOpC4Q4Mphg=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-beta.3_1630332748622_0.1265900024172626"},"_hasShrinkwrap":false},"3.1.0-beta.4":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-beta.4","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.1.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.1.0","vue-router":"^4.0.10"},"types":"./dist","devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.2.4","@vitejs/plugin-vue-jsx":"^1.1.6","@vue/compiler-sfc":"^3.1.0","@vuedx/typescript-plugin-vue":"^0.7.4","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nlook [Examples](./examples/)\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const router = useRouter();\n const { menuData } = getMenuData(clearMenuItem(router.getRoutes()));\n const base = reactive({\n collapsed: false, // default value\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n })\n const state = reactive({\n navTheme: 'dark',\n layout: 'mix',\n splitMenus: false,\n menuData,\n });\n const handleCollapse = (collapsed: boolean) => {\n base.collapsed = collapsed;\n }\n const handleSelect = (selectedKeys: string[]) => {\n base.selectedKeys = selectedKeys;\n }\n const handleOpenKeys = (openKeys: string[]) => {\n base.openKeys = openKeys;\n }\n\n return () => (\n i18n}\n onCollapse={handleCollapse}\n onSelect={handleSelect}\n onOpenKeys={handleOpenKeys}\n >\n \n \n );\n },\n});\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| theme | Navigation menu theme | 'light' \\| 'dark' | `'light'` |\n| navTheme | Navigation Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"3f18261bc0296d70781b9792fa14611364374f66","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-beta.4","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-ZPve7Q6ch8NDCKbJqcKCBZljbc+VMw5Nvmd2t+PV67GmSQ126QbkMNWioSANgQQ1nxJ27DSv3hhBDJ65z44MfQ==","shasum":"3657b09bb66b7dac8b817b2186d7fd8b45bf3278","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-beta.4.tgz","fileCount":96,"unpackedSize":924679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLffbCRA9TVsSAnZWagAASQgQAJnf5YM4+jvJbHtN2Wed\ngZgFYiJxonIvJGpzTY4kKRy7g7WjnLzt+DUi/kpjoImN6WMQIssoqjANZV1b\nFml/SwKR4ehVTxqrWQRaCrcPjcaI27pdOUSMXiLvlrXQeG/r+Xf7vKlOyZye\nRGb+/bWQDqr/CnXSUY/dsKYQuDnzmEDCVyt3XfsJeJR/UtBlhTsgAioLxDvA\nqLfaKPdfH55AWFXzzvu0o+e+kZ7viPHT/QDmdZppsqu+7lSjURHAvhqelltG\n/0Fb9F/FTCjgxUAw1YSQYu++fWiS+2/gKMMuf3G8HH5qEm8iOTDuTMJdyLk6\nQF1euzzfHbhgNZ2IQuLST0AHN+zR967HHVj3fufWlY2mcoO2qDhGmvynK9Z+\nZTFyM0bOlM8U9tj0vs3fXT2TvdB5iYoLBebnMVQmg1VWJHzg6s8APl+KNHIK\n8LC5R+FO3gHqdaIiLCjmKcGMuzTEf/FSxBm9Y5mBc5laDBEzD5PspNxphcoR\nml9yLALbi1TV29LG477PQiScKz9nW1VgMc6edBRcf+UNVX9ruhocjG/zVGQw\nz+7gqmr9aLKYqnvc76KCmVO1olxGfPgtBy5FDkLqcI8ULPN6KKFemBdWPQCC\nRmLNeI9/OVmvewCroWQNrFVFZP738Z9ZIB2aYNrqG6THsRV3bLPbwhRfRQud\nZX/m\r\n=GlBu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRezu/aYk4pUKRlANyFXaUxcnMqTf7P+YUyaw+0PuySwIgDGwdfzet42ipy4QChrW2IYIXRBRQtzAQApvQn0HamfQ="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-beta.4_1630402522880_0.396213277367796"},"_hasShrinkwrap":false},"3.1.0-beta.5":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-beta.5","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.6.0","@vitejs/plugin-vue-jsx":"^1.1.7","@vue/compiler-sfc":"^3.2.0","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.4.0","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.0.24"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nlook [Examples](./examples/) | Use Template https://github.com/sendya/preview-pro\n\n\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp();\n\napp.use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\nor `TSX`\n\n```tsx\nimport { defineComponent, reactive } from 'vue';\nimport { RouterView } from 'vue-router';\nimport ProLayout from '@ant-design-vue/pro-layout';\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nexport default defineComponent({\n setup() {\n const router = useRouter();\n const { menuData } = getMenuData(clearMenuItem(router.getRoutes()));\n const base = reactive({\n collapsed: false, // default value\n openKeys: ['/dashboard'],\n selectedKeys: ['/welcome'],\n })\n const state = reactive({\n navTheme: 'dark',\n layout: 'mix',\n splitMenus: false,\n menuData,\n });\n const handleCollapse = (collapsed: boolean) => {\n base.collapsed = collapsed;\n }\n const handleSelect = (selectedKeys: string[]) => {\n base.selectedKeys = selectedKeys;\n }\n const handleOpenKeys = (openKeys: string[]) => {\n base.openKeys = openKeys;\n }\n\n return () => (\n i18n}\n onCollapse={handleCollapse}\n onSelect={handleSelect}\n onOpenKeys={handleOpenKeys}\n >\n \n \n );\n },\n});\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| theme | Navigation menu theme | 'light' \\| 'dark' | `'light'` |\n| navTheme | Navigation Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"45f4c856bcd71ad191ec50bc13d08b39aa1f704f","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-beta.5","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-I1mm9PxjAbHThsoDx4dK31wGwF2YBA/evv2PZ2TOS6+tBaPeHY3OrT68EBwQTIrDP58jfTmx5aq25cZ8ZgtykA==","shasum":"0f842a438cdce5f3eabc306722f04dd9743d6d2f","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-beta.5.tgz","fileCount":50,"unpackedSize":838106,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOz82CRA9TVsSAnZWagAAnbEP/0gIolxsNAIQJ4fh7+Hr\nPFId9vlfSKqEnEKxbLxIUOrVr2EcK1Q+OI0sIEA0fuF560RUqZGUvWvcCeIU\nYe7goMQG9Obpd3USmJ17JOUIC5m46t7lwpcaMadozlZLVvF2FSrf076CgQTf\naLS35qUmT+WwubDzG0Qt7xWn5sCnTqkG0h6V6y6LMWIgWBSoIInoIQERFzVk\n4wJDevx3nv/RfhloSRTYD/vHQSz0V13teImo82nXAKBpgWHOyY7EwbjWg0HT\nJwLTzF1pAqvAbE2yrk1cIpEmCADOzJZvhIfe1ecJJ+8JG4nT2ZMeJ3UJBmzL\neJMxHeLyI5AOZlKYQUT23HreVEGxkcCEEoccV/OO+itoAtTAZoCH9CMLGnbb\nJ42EGpRmDCuGjTTuv88+RyiTMMmG654HhveTOOM8WczvGAjDbAsKO2GJ6e1w\nDm+8SOxO7CclbGNDrfbDikvbQr2Rosr25oRmQNmYoVN5/ZDlfrilF7kLYAWp\nTUwMjltP6aay+bfpuqoXp+olSYiSGmfv5B3tVN671M13XeAekWHLVNPigz05\n8SaQhTtznSQvBalDWir3VuFVcXGjxY3nkKvJb0JlprIuGv8ES5P2UbCtNql2\nTlSJAbew8h4k0TeVPXE+hotOxMyG211oPgXof5XVmcFX06/YYuDu7zZOObHw\ndaxu\r\n=MrHd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRGZsUAVX4fWNSp3qcMSSr63AuU/R6rvDdXiMLVkm9sgIhAM6a7SMwXlIjoxm8kSZc5umsVnaEdQiG3pIQcX5JOc3S"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-beta.5_1631272757844_0.5857928752479316"},"_hasShrinkwrap":false},"3.1.0-beta.6":{"name":"@ant-design-vue/pro-layout","version":"3.1.0-beta.6","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.6.0","@vitejs/plugin-vue-jsx":"^1.1.7","@vue/compiler-sfc":"^3.2.0","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.5.6","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","gitHead":"b215b43cb12307759107a38b41e1080e3feae96e","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0-beta.6","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-yGovO7R8Db9scTQ0NH+jjBVR2YN1KMBVPImmJUdRGgqq02cz1iehDnFFlR3XTySLYSGBMRjLlFGc/KSBYSKEeA==","shasum":"10b4828f2d0851e9dbf55e363891c1446ee937d1","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0-beta.6.tgz","fileCount":50,"unpackedSize":745721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO1zbCRA9TVsSAnZWagAA49YP/2f+9WsZcpB2vC1RpMvK\nIrLELQeOXh760WK83l68vPc04zO474kwpfoNc4mIPbndfEt37XA1IHxCYse9\n5IROlTbabQ5xLRZhNYC7T+ygh5/dkhiaPXvBNFGmKuQ5c75jj3HHTwKALfSi\nGX9jS+xDQWU4nvZu7S3828X8zHCkhs8HiuINaojWartEnOPI4edA3gnC0kQM\nHzgo1eZQIIy4YiL64ojiCi1ZK9vFKe0gRmwAZOaIgTLQ7JOc7OSl18QWqf7Y\nqrHyn4XpWDHMFMWljvDmjlnn31QwqqkuRErW+TuhYY8RuliEnv5ENYke7tX+\nGPT1ibtF/0MGbIt4uAUQe2wbsDgF5E5zCsxgQtMaRAvnYJ8EQXcD7Rsci6xJ\n78pgw1SE4nyzftRWnVwIFLjN4kIOCst0H4Znbd0fDiDEFqX3T30ODKFM8Tff\nEouPk/+2UP/Cg0WVvjHb6zSm+qRFR/uQlrGJQpdnrAh/8Mp5XxxGwc0DYkf8\nD5ze9XJTa095tAcgA07vW5DAYNdQpjGHr8XFalO1+E3VROirn1H8+yjYn5lp\nq7o08d1mdTHhxANGjTVq8AmaNVo7xXB29Hl7jPp8y4AlJox/8ZBXYiAaC4Gi\nj8N2mzgh24SezEkHTFkHVIHIcEJ8HOHR1yTckpFC4Puetymz2P5SLkRJamMa\nNULT\r\n=s6XV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGCbNJ4k1wNXjset/n95h8ADTZJMN+xTWubkUnkAHb2xAiAiZ5WAmvcTmBvOVA45o5bew2z04h+5G6wHhk4Sj6UuDQ=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0-beta.6_1631280346756_0.4841900570504154"},"_hasShrinkwrap":false},"3.1.0":{"name":"@ant-design-vue/pro-layout","version":"3.1.0","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.6.0","@vitejs/plugin-vue-jsx":"^1.1.7","@vue/compiler-sfc":"^3.2.0","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.5.6","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) | **Use Template https://github.com/sendya/preview-pro **\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| theme | Navigation menu theme | 'light' \\| 'dark' | `'light'` |\n| navTheme | Navigation Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` | `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"b072d6056f923a6061d2442a6418fc7d5a58005c","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.0","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-H2qLDy1Ftz9auAUhMm3KHLiKvGZuxmpNWhZWkRVpAqcRfOfNDxNxrHrjgsmAK+69K2uQIGKIU4PHf3XDAErhew==","shasum":"edbe916047e578d83b92f6a8c74b4bac25ecd4a0","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.0.tgz","fileCount":50,"unpackedSize":750689,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkOdXwIjIc70KQub5HPJolz58Ycgw3J48PhwDE+3OfWgIhAO9PJ90LC2+QgdaQ6JxAApJWnE4pgCpZMN7aZ2Zr33Jl"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.0_1633272419501_0.3987893013215791"},"_hasShrinkwrap":false},"3.1.1":{"name":"@ant-design-vue/pro-layout","version":"3.1.1","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.6.0","@vitejs/plugin-vue-jsx":"^1.1.7","@vue/compiler-sfc":"^3.2.0","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.5.6","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) | **Use Template https://github.com/sendya/preview-pro **\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| theme | Navigation menu theme | 'light' \\| 'dark' | `'light'` |\n| navTheme | Navigation Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` | `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"6e7be526e8df4df75bdc44ef2e6472de1a73944c","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.1","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-E4lMyxuLEmpNZ5LPEuf6j7In+LaO6zQ8GWUHM9BnvPajFYh8qTHAarJ5k13Whz9rasLsa/mLoV+pJwurdC5/rA==","shasum":"b02697e700d56a0531beba50070d065c283519d1","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.1.tgz","fileCount":50,"unpackedSize":975077,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG6y/aaVtPcybNADC3XbJpzVfb31DiwBZNKLVqml5mqIAiEAuyAH/fSE4GgYJosYAbzpYOACkfBYRK48wkuhltKRYlI="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.1_1634722494235_0.5199605975867259"},"_hasShrinkwrap":false},"3.1.2":{"name":"@ant-design-vue/pro-layout","version":"3.1.2","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.6.0","@vitejs/plugin-vue-jsx":"^1.1.7","@vue/compiler-sfc":"^3.2.0","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.5.6","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) | **Use Template https://github.com/sendya/preview-pro **\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` | `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"6e7be526e8df4df75bdc44ef2e6472de1a73944c","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.2","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-34g7ST8Q0IVtHWSsA3yZrrwM3snrtCnuxpSkuuRvLSRusgGpEK8B48Rfhs/1pQLt781VVxOK/hVrP5fI56Z5lw==","shasum":"0dca3ea487c140af819600397fa966e66e7f66c6","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.2.tgz","fileCount":50,"unpackedSize":975248,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHJ75nMfTrAFqi3o8ScS/MweId4KdBsiz4Z9XGGkjT1DAiEAhxThXBgFMArlFzrwh3dh/5EnnXGu/xiZLVfwDQoMNt0="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.2_1634893175331_0.534759423805728"},"_hasShrinkwrap":false},"3.1.3":{"name":"@ant-design-vue/pro-layout","version":"3.1.3","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.2","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.0","vue-router":"^4.0.10"},"devDependencies":{"@types/lodash-es":"^4.17.4","@types/node":"^16.0.1","@typescript-eslint/eslint-plugin":"^4.28.2","@typescript-eslint/parser":"^4.28.2","@vitejs/plugin-vue":"^1.6.0","@vitejs/plugin-vue-jsx":"^1.1.7","@vue/compiler-sfc":"^3.2.0","eslint":"^7.30.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.23.4","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.13.0","fs-extra":"^10.0.0","less":"^4.1.1","prettier":"^2.3.2","tsc":"^2.0.3","tsup":"^4.12.5","typescript":"^4.3.2","vite":"^2.5.6","vite-dts":"^1.0.3","vite-plugin-dts":"^0.5.2","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) | **Use Template https://github.com/sendya/preview-pro **\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` | `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","gitHead":"ac91153873b40d33cf92989629b06f1bd07f3996","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.3","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-ikEZt6aH6qGkN9yxTw3e3mN38H78LRxVAwoDAim36Zwww9n3K8zO99pN2OvrUIcYEx05fE20tDgCfCWK5Xsg8A==","shasum":"a77660d499e5d5b9a75dcf409fdda31b20a8a7b6","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.3.tgz","fileCount":50,"unpackedSize":975609,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICxNhWZeLmJ4xUCFS5EIAcBBeC8tycNpPfHw7NLkj17ZAiBMDhf3DkTkvp7o0GePUeDCqdsyhrujXyEeDw+ygjpSuw=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.3_1635421299604_0.2972753687412495"},"_hasShrinkwrap":false},"3.1.4":{"name":"@ant-design-vue/pro-layout","version":"3.1.4","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.9.4","@vitejs/plugin-vue-jsx":"^1.2.0","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","tsc":"^2.0.3","typescript":"^4.4.4","vite":"^2.6.14","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.4.tgz","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.4","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-p66R6H++yuLRpeppEMtRQeA5H76rnDtYWBapZ9+/jShVy0/tHxHkYTmjZHb0n96KiepAn5i024AdrgT8OSSVww==","shasum":"335236e5532ead5766423b49802c97ef2267b44d","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.4.tgz","fileCount":3,"unpackedSize":12209,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlcJlCRA9TVsSAnZWagAAIIwP/R0ojfKy5kBy84cwbupf\nNYbrBB5XbxjZHjnU4iUikjuZXAh6sJChI2o+zQqWdLaceL2JuU0RzCKp9S18\ns+wSF8NlNRo/DJHWgGp8aft2V98TnzO4eLNgwoq4fn78TuhaRlu95pEZIRgT\n+R++pIA5q5rrDGsV9cRLO23zRye0EGaaEtr+zBthR5TAp26BZ5D10oM0f1J8\nR4+P1HypPZg3/5f0+VagdGmdiD3+3mdez+LPlewjhwcOKsi+np93GnfeJqXd\nehH2K23glJuwUJCho2pOJ/3CsYMdoiaPaTLC2RGtEA1HJpGWfyEjP3VSf7Az\nas5LrT/XxDF2HFZb/xIcq+G83vs29yZkR88bko1RbaJgy3QuhwChOh67Bj6T\nfB4bWgGHmO5zDl3GyNwq1wwXWbLvA1bbQwLxmTgKhJk4MyKAy7cf4JiOVnrH\n7pN8LFut4LcwtaVO3haN4WhvgV3Q1139rtN4KE91KXkx8vUAFY3PDo8AguJJ\ncEpPs9MsqsogNunpJYlYL/xyMEUg1GoH9qa0PeE3BOKnUE6Wr+cHBxJvTGrF\n3JAKJmd/Q202Z7eRUM/GrsiGoKG3FWDAtwN2ehNSdxMhPTKK390LfpAU0+4g\nerV3ieoZrPRBLz/ApbwHSiVSCjfaazXsbTzBiTLOHU9lGrmyl9xeK2X7g98p\nLBNn\r\n=9Z+3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFlrjfv+JIrWIqb1Z4uM77wg89V66U/6M9F72kJjv3VEAiEAmQZRMiilaeXyjohPt1UR5lfQTFHmiOhhyDqwEW0mKb8="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.4_1637204580903_0.5486421168041591"},"_hasShrinkwrap":false},"3.1.5":{"name":"@ant-design-vue/pro-layout","version":"3.1.5","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.9.4","@vitejs/plugin-vue-jsx":"^1.2.0","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.6.14","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.5.tgz","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.5","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-wmoU872ol5CRj+fKUHy4uRqNuPZ6MzYKaZb0v6RK1Ncko//kwWEl8A997p7azajGIe/xuT+ee7eyxYUyVbVsjw==","shasum":"712a16e350589d67bc13254de8205847e0597156","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.5.tgz","fileCount":51,"unpackedSize":991234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlfGjCRA9TVsSAnZWagAAnagP/2Chq1ZCur4j0FoKBM1Z\nhj1KvJ3NGHKqD8U4ie7ompAD3HFlGG1qzrEpvj6w8kIjcYjZgjXNrHiOdDgl\nDcFLSBmueJcxaCwTFMbP0jYz2Y9ST96oeKiivqSjmvtsR1r+Kbhroaats3r5\nU9UH0vlvOQmf4bKLwE6JYmFIj46JCJJfxeK3TygOaVSi1+mKZ3MWhVDwOaM1\nSUkQH+Gv7VlzAoO5YYD0kqMIDyoiDgf+lSGNC1yDHZ1kQE0WpjlOeMbRsToF\n5StTtXTWXonJv6qvHH/ylB5/a6vumUL2QiXDi8RwqXEK+j8CUMCiNtfe62rO\nqlccB+72xkFAPJjBFkkTq/KmOPVC++2AYY8rvxDxYYyXCrg8qTVXk7sMVpYM\nOZvaOZGtPKiXc4eRqZCgleA+Rf0otpxgtefXGPOHJZ7jVdQ863obuCudGWaI\nxFMYIyo+7E57LJa6gYNPzWb6i4UC6bFimVJ/hcAYTeuug4EiDvpcTuuURLoh\nuuO83Qve3eX3HK43qClqbuwmWD5C5ec+mLpdoobs49QLMpGEfEPi/XeRIshp\n67aqponYK8wqIwSRjX/JObJPMRkrf1pBzxXl3D7AtCfCKY1h14yZ/zfkiA59\neDG8KM0d7g03xPRd7I9h1n4GMGYZhxb8NOeMaFJ2JNFoyNXC3CpH4/uN2UNa\nCT8Q\r\n=mQjF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDSCd1cV905iE3fGd3IykULnFPeg/YuUWhvjDvxJMD24AIhANw4uAlROEBaCl4vMuRRMBxAu2WyzX7SgVq5oE7XEUsK"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.5_1637216675527_0.6565701062073812"},"_hasShrinkwrap":false},"3.1.6":{"name":"@ant-design-vue/pro-layout","version":"3.1.6","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.9.4","@vitejs/plugin-vue-jsx":"^1.2.0","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.6.14","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.6.tgz","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.6","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-9LY/kX2SKWImWhgTiUUf8elWEhJrUdQQ2mVNC0QmOlFH5E2LS1NH1nAWa1DXy4X5L2/h1vcL1zFkJoGaKc0bgQ==","shasum":"5cbd8e333562300050c5ea7a44a83d8240bacb42","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.6.tgz","fileCount":51,"unpackedSize":991230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlfa7CRA9TVsSAnZWagAAMGYP/A61NJFabaKCV7/EkGgT\nzeuLroyGHbmqpXE24TuAqVNtJEWIcipdJjx8qeje2dp72P4epYuVo8snS9LM\nP+iKRBOa/y6NGkPGtDQqRoGZI2Xvzupris8b8klihN5fL4Va6F8iQCqZ/hxf\ndyfLpIPlrFIIwBz9DATIBmEYjZQewVzc8UJCv6TL7TSNQuDd043cQBL78K18\naNALxIOG+AyE/6hFfqREZXONbUjqfAUcfVSbmx4jfJjHkW/V2CTEQmguKeHH\nmnwoZ8cYTQ4u0TRrc3GuWVVSG8DpPVJOSEAnPtlhSnZNQgAwvu5svU98MtJw\nZn+Wi1LvXxDA66XqE/yCLKgM0YADfEx+JFwN66Ovf4GUzQJoT6hQUtjs4bcl\n0IDrbUHga7lGG+UKOrS8F2ODuZwvn7CUxdgASGYzSI62J6AcnIhcjmKuLO7n\n3YtMJe9X8eZiDtza9OmNag4xKxLArdCUW7xu65c2pFJ+dVpGLv8W6vglKf1y\ncozbzicBVengJFGrF0dStomFy12X5PzLH/VSmRvoBzPhrwCQNmZh6SwbeiKc\nsXZg+s0/rTKkDZoJ6wnFoaWK41SqbRaeCZ8pwaTd41T548sIgb68auxf79LF\naKP3zsH6y+ciQWSsxyUyKKzl2KIfDL+dFgJ0u826Dzv1XrYzJznA2tsbsGEO\nthfs\r\n=ov5o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICE+sqA5BJQFFDShs6GOyjD81qr7PKhsQtr+ngjZDyJ6AiB99Uo/5UvhIKYiAfYdgWxqW1cP72dBeprIlm+3dHX+Hg=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.6_1637217978849_0.5547744757497373"},"_hasShrinkwrap":false},"1.0.9":{"name":"@ant-design-vue/pro-layout","version":"1.0.9","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"yladmxa@gmail.com"}],"license":"MIT","peerDependencies":{"ant-design-vue":"^1.6.2","umi-request":"^1.2.11","vue":">=2.6.0","vue-container-query":"^0.1.0","vue-template-compiler":">=2.6.0"},"devDependencies":{"@ant-design-vue/tools":"^1.0.2-beta.2","@babel/core":"^7.11.1","@babel/plugin-syntax-jsx":"^7.12.1","@babel/plugin-transform-runtime":"^7.5.5","@babel/preset-env":"^7.5.5","@types/jest":"^24.0.17","@types/node":"^10.5.5","@types/vue":"^2.0.0","@vue/babel-helper-vue-jsx-merge-props":"^1.2.1","@vue/server-test-utils":"1.0.0-beta.16","@vue/test-utils":"1.0.0-beta.16","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-vue-jsx":"^4.0.1","babel-runtime":"^6.26.0","cross-env":"^5.2.0","eslint":"^6.5.1","eslint-config-prettier":"^6.4.0","eslint-plugin-vue":"^5.2.3","jest":"^26.3.0","jest-serializer-vue":"^2.0.2","np":"^5.1.1","prettier":"^1.18.2","regenerator-runtime":"^0.13.7","vue":">=2.5.0","vue-jest":"^2.5.0","vue-template-compiler":">=2.5.0","webpack":"^5.4.0"},"dependencies":{"ant-design-vue":"^1.6.2","classnames":"^2.2.6","insert-css":"^2.0.0","lodash":"^4.17.15","omit.js":"^1.0.2","umi-request":"^1.2.11","vue-container-query":"^0.1.0","vue-copy-to-clipboard":"^1.0.3"},"config":{"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.js"]}},"description":"ant-design-vue-pro layout, easy to use pro scaffolding.","scripts":{"lint":"eslint -c ./.eslintrc --fix --ext .jsx,.js,.vue ./src","compile":"vc-tools run compile --babel-runtime","test":"cross-env NODE_ENV=test jest --config .jest.js"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-1.0.9.tgz","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@1.0.9","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-9mCm3U/NpsRcl3FImzfNKvnCXwRky68WtVVCalnSE98C2YmXj14dgahluWNOzPlfQPYICYgTnYnk2tBObKUwpQ==","shasum":"e39f1c3cd1321f87f382941cf963b99643bdb6b1","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-1.0.9.tgz","fileCount":76,"unpackedSize":209096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhmIpJCRA9TVsSAnZWagAAFbIQAIalo8V7ZjCLlTnbZp5S\nt1bhExgCdnKqHqpibG7/OUlT7tZTRgQetQ5VGhv34zSPRK4gsMWyO5DjxdTk\nOA8fqJp/WhjnGpZ3Ps/qBy+1fdd1qd4SKwyvtDgLMmCwKpVNGZcKbh0j5srI\niIK0i1g5r/93VlgudehpSRDB+CDOGHPuVTQm05ldDSXG7DckdigmVWxZMuAl\ni4TbavbwHGLUSkhkNVllDYM3ljMLJGRuQcJjwlZPB0yFC6KVJRTNL/xA3lo6\nPmAFESpni13NYLgKRYohz62pRokUMIZJjhxrVe/RHTJn1qP7UjOXhfH8qEOU\nur4cF8YWVQOiMFO/GGwDRtlLWgkVijoaghqh4Th9VHbFNHd0h8VQRORPmYPd\nInXlS8h4n56AAdIM93e/DTvwnZDL6YF7V5JZRiL5fa2WeU0zABMYVeIxs/Ai\nADoEgNQbDYrp7S4y/x4gQUBQA2o5IswGjZ+UWcRXh4R9YJbU7d0A2e0IT4P0\n5NTFuLFkM76P99ZRb1CYT1h88AYMgdaG9J0D+08qCVOJ2tBufesliONShdA2\nAfjscxXx8Ba5X1R+afh2HlUbhLEjILysuWylSS3QLXYatMG2VvQ0zbekjCig\nI+hrJ7ZV+WGdfUTp6Lo0XHnWWzPecZTlxOWKh9r4Z07s2v8jxi5NbMOvm6gQ\nwZ5g\r\n=no42\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCILDI320oMy8TnaL8jtkyGDp+7rW/wK919NfK2L7U7vQIgE01MMHjzbaO44xcUkq7WJJtGZStgL8BULO/fgOE1swU="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_1.0.9_1637386825586_0.21883784705282672"},"_hasShrinkwrap":false},"1.0.10":{"name":"@ant-design-vue/pro-layout","version":"1.0.10","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"yladmxa@gmail.com"}],"license":"MIT","scripts":{"lint":"eslint -c ./.eslintrc --fix --ext .jsx,.js,.vue ./src","compile":"vc-tools run compile --babel-runtime","test":"cross-env NODE_ENV=test jest --config .jest.js"},"peerDependencies":{"ant-design-vue":"^1.6.2","umi-request":"^1.2.11","vue":">=2.6.0","vue-container-query":"^0.1.0","vue-template-compiler":">=2.6.0"},"devDependencies":{"@ant-design-vue/tools":"^1.0.2-beta.2","@babel/core":"^7.11.1","@babel/plugin-syntax-jsx":"^7.12.1","@babel/plugin-transform-runtime":"^7.5.5","@babel/preset-env":"^7.5.5","@types/jest":"^24.0.17","@types/node":"^10.5.5","@types/vue":"^2.0.0","@vue/babel-helper-vue-jsx-merge-props":"^1.2.1","@vue/server-test-utils":"1.0.0-beta.16","@vue/test-utils":"1.0.0-beta.16","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-vue-jsx":"^4.0.1","babel-runtime":"^6.26.0","cross-env":"^5.2.0","eslint":"^6.5.1","eslint-config-prettier":"^6.4.0","eslint-plugin-vue":"^5.2.3","jest":"^26.3.0","jest-serializer-vue":"^2.0.2","np":"^5.1.1","prettier":"^1.18.2","regenerator-runtime":"^0.13.7","vue":">=2.5.0","vue-jest":"^2.5.0","vue-template-compiler":">=2.5.0","webpack":"^5.4.0"},"dependencies":{"ant-design-vue":"^1.6.2","classnames":"^2.2.6","insert-css":"^2.0.0","lodash":"^4.17.15","omit.js":"^1.0.2","umi-request":"^1.2.11","vue-container-query":"^0.1.0","vue-copy-to-clipboard":"^1.0.3"},"config":{"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.js"]}},"description":"ant-design-vue-pro layout, easy to use pro scaffolding.","gitHead":"750db02a02ac31197f81f3f98d108b94067b9681","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@1.0.10","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-G30F9G8dOjMw+LaNfzkHuOPOqdlnpqWDEi3CXv+Zw5GLpyVAYFNkSb2J2/3GgIKCIsBOE62S0DxRvh1nQk3FsQ==","shasum":"7821062cc35be72a10c72ecc2a022967691e04d7","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-1.0.10.tgz","fileCount":76,"unpackedSize":209078,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhn4yxCRA9TVsSAnZWagAA32UP/iw9ZuiHy46G/nBrnWd3\nZdMGmsB8zTd7TwABNz4i6f3fcAqatw1MZHvHn7g4kgtSB/PCHq0KGs7ujmZU\nslR/+CkAyU6LvJ0LoQZyPe+gY926FWdP9Q41nRw8rMkinhKXuLfHGuX4S2Kk\nbY45UvPGxnldDSDpfdD3kbxfo6jrWsuajQck9YsMUNkUHVRYMDVD8BngUcqQ\nCcp6Q7yAfoSmpQjv5nX0Nre9vjQlg+0swf2BvAgNDP8PBmHAH8GLWmCwHqv7\nmOcoUtpbTjLEGFih6DPbuvsubsje3kP1JG6qXfpLdv3CyH4ewk6CeTBxup9E\ngyRSkAiFskb0r9MqAlj3EzXwk5Ljj4L53agtKyu9KgfJmYEEfoRC7OniPv+N\nPLAZk3B/fjpBXiS7rLTlF39ussGpPhvmaNTnOmZFbN1BLB0EaOUTfnkzoV6z\ns54NZyN0Rv8IuKrVTwOJXlEYwbfc/6/z1NtPPBd8/gToW+wS89IUrETFi3v2\n3oWrPL70RKXo1P0AMbfjCh/jWuOFU0qaEunMmcRDGeCHtpJG3Kd0T7TuxsrO\nAQPSf7vWmV5u9xJcNz+syvcMASxcySpht6KUZ4Y5rdI2kAucnelGuB/6vTCq\npaagh8zJKf4ig9eM+H953AIViZr2AE3XTwMOiUg3lty/r6Tw74I+Okleu2wz\nUeLG\r\n=wN3X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrU+EOq0p1Hpr0j6817g4OKh+NFxmOmT/7Oy1zNrzvKwIgSAqwLB9AHD8tJ7i8Z8CN9RIhtJuc8Wd1CdCLbe2HbcI="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_1.0.10_1637846193334_0.5416133836199872"},"_hasShrinkwrap":false},"1.0.11":{"name":"@ant-design-vue/pro-layout","version":"1.0.11","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"yladmxa@gmail.com"}],"license":"MIT","scripts":{"lint":"eslint -c ./.eslintrc --fix --ext .jsx,.js,.vue ./src","compile":"vc-tools run compile --babel-runtime","test":"cross-env NODE_ENV=test jest --config .jest.js"},"peerDependencies":{"ant-design-vue":"^1.6.2","umi-request":"^1.2.11","vue":">=2.6.0","vue-container-query":"^0.1.0","vue-template-compiler":">=2.6.0"},"devDependencies":{"@ant-design-vue/tools":"^1.0.2-beta.2","@babel/core":"^7.11.1","@babel/plugin-syntax-jsx":"^7.12.1","@babel/plugin-transform-runtime":"^7.5.5","@babel/preset-env":"^7.5.5","@types/jest":"^24.0.17","@types/node":"^10.5.5","@types/vue":"^2.0.0","@vue/babel-helper-vue-jsx-merge-props":"^1.2.1","@vue/server-test-utils":"1.0.0-beta.16","@vue/test-utils":"1.0.0-beta.16","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-vue-jsx":"^4.0.1","babel-runtime":"^6.26.0","cross-env":"^5.2.0","eslint":"^6.5.1","eslint-config-prettier":"^6.4.0","eslint-plugin-vue":"^5.2.3","jest":"^26.3.0","jest-serializer-vue":"^2.0.2","np":"^5.1.1","prettier":"^1.18.2","regenerator-runtime":"^0.13.7","vue":">=2.5.0","vue-jest":"^2.5.0","vue-template-compiler":">=2.5.0","webpack":"^5.4.0"},"dependencies":{"ant-design-vue":"^1.6.2","classnames":"^2.2.6","insert-css":"^2.0.0","lodash":"^4.17.15","omit.js":"^1.0.2","umi-request":"^1.2.11","vue-container-query":"^0.1.0","vue-copy-to-clipboard":"^1.0.3"},"config":{"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.js"]}},"description":"ant-design-vue-pro layout, easy to use pro scaffolding.","gitHead":"bed8717f57c743513703c71e532193cc152490fa","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@1.0.11","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-8rn5eC2XC6DhialrGTVltxY/FgmHoRLJzVaPxPWlMV+RMNRH/Ppy8be9K1SsvH8stta5OQiF4Eu1GHnedeFhhA==","shasum":"c803f0bda76badaf3bc233973779696a4aedfd52","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-1.0.11.tgz","fileCount":76,"unpackedSize":209330,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpi6kCRA9TVsSAnZWagAAFu8P/0TkEY1XVhCDjUAQ7cvZ\n4++PZPzjHa6EnvkAOx2Dd6Zzj8WaEu9A39bCBeIhRwM7RKVYuLRTvBHNnpxb\n3+d7SOvm+SdNT4C+wLgHZ6AmFphkwJgPVtT6Ya/G/Vk0BGY9wUiHID24Bg2Q\nfi26ozsoYy0t8xOwAxdiLTyC9aTWzaHPzuTS0ncIfC4rd8aRvqYPwI9zaQZc\n0ka1enjQZgVQi3pUW+KuH+EO1WPjMo2uF4a/G8ctyYalZEO2KgsJ8gSnf79V\n6XXSxpvLygPYQMzS+M635gkY+Sa0uPYpSuj75f3QjtS/lZOQrkZpDUNixzR4\nYEIc9QtS555U2GGO2Iw0Uj32RXiHaR2FlzxKWPEDkJRmwDwP5LD5RPM+mM/i\naBJe5SOamBfGfYoh3Hy6m/oDBunm1oW0gprH3esozQX+PGpTEclfRz2T0VIp\nQ60x7QmErFqE1qcPaG+v+GT6HbmIPEjXfVuNN93AVv6g3W9Nwa4IJP/76sDJ\n//i67TUEk5DpnA9Zp4q67MfPqB7BsEfJNGJE8LjrAOPFwmGl77nEgXfVkESl\nQwbadUd3e1kKT5MFaT2yLMQSRgig0LsFOtsYxJmjSZNZkh3hIMvkXNjO+K5w\nQyPfpRwhYt5x5qYvgQLMWvy0G0+BTv/ZVQBwe8RVLdBWxpSx74ArAfvJ6AvI\nl5k7\r\n=tV7I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaRtciFpC8Ajy8a28KZyJrx8NVbGNQ9mULLUwYUXwv2QIgLmqGwX9uvhMZ7ZEoEsg4CR0gX6/W+prcmQPbF8Sw90o="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_1.0.11_1638280868353_0.42163776150855914"},"_hasShrinkwrap":false},"3.1.7":{"name":"@ant-design-vue/pro-layout","version":"3.1.7","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.9.4","@vitejs/plugin-vue-jsx":"^1.2.0","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.6.14","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.7.tgz","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Branch\n- next : Vue3 + ant-design-vue@2.2.x\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.7","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-nNq4DKgnZJr8fTvw/UVsg65+PnelYLRhuWCDIDZosXE+Dcfe24WD29n4Efi2GurebYYWgE6TAHt9FFWf/Xp6CQ==","shasum":"ecd53436dd3789bf3e039927441fa5aae0b83f2c","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.7.tgz","fileCount":51,"unpackedSize":992407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqf6MCRA9TVsSAnZWagAAffQP/2t7pN84tirxYeOlU5dy\n4miez8UKefcpI9RZAkvehYOCODdIB+DN0wYp6I1DicD1L4hGjEmhcHaXZ+ih\nB5zZEnB+xpEbqp26XlbM/7+AZoGOMtIvZlzAUBJNEAaRpwrl2mDNY8ZJo8/C\nWzsOef4ilfVf+vNTKu7DPWvaKBESow3cGkZV7iQuMXt3rtasWrNm3jjhlLoE\n3JmEm9afTnf7KX4IEZ7htqoyVcoVGVW+3WF1oPHAGwfDwZui/QCdtJ9hZnR4\n2QhEP4rvOG02v5bz8/5WKcjrHUfA+WAEWOvDn3ONyIILY2bqIz9luvWfUKeJ\nOEF3EqrGt4N5kbfvgd3CW36Q/99Owz4cYAuc1sdigFDzWKhIsjWM4ltgcxU6\nzXrn2Vdfms03cpboRKyO7rU8rHKVeW2RcESORmoMEbv3YxrauAUvxJC1D6Z7\nzOiB7oJEtIkioNDeMfswAVAvK8gU8yOuUtdryLN+1p14eYHALQw833TTxArH\nEzkFy2RolKABvvcQvqA3zbb1glsEeUuHu/8qpgVWeS00G5g37D9pJoYbJzyS\nQdnhPOxKkyFa6YPAg4f4zA3qTFyEQd1GQokOmqNhw8tKPBxmUv1W2AapiCZz\nN6sriExUIMyiwKDdgcUN6JhQERzrJsuzLZ062pVShqPNfjr6DWR6VxuKbeI5\nUCuU\r\n=2/PB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHnZBiLVH+jIOZR7gLRzzM0pTLxnYFYexOLBeln5cGfTAiEA/rmnbuXn2Ufnxojk7h6/sFKhjUxus69xg5fnd0uqT9Y="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.7_1638530699826_0.3480111675342863"},"_hasShrinkwrap":false},"3.1.8":{"name":"@ant-design-vue/pro-layout","version":"3.1.8","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.9.4","@vitejs/plugin-vue-jsx":"^1.2.0","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.6.14","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.8.tgz","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Branch\n- next : Vue3 + ant-design-vue@2.2.x\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.8","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-yaxLvcueIv6GlpvVteGEo/59vMZleVJQTeXSfLir/NwM8vpwI3MdR1lHG11Gf7nHkXkMbJhjLtPr1ZRuvyQ1nw==","shasum":"368a3204c9fcfc43f0743111a6be5b18593569c4","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.8.tgz","fileCount":51,"unpackedSize":992585,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht12GCRA9TVsSAnZWagAAfS4P/3AvVJXr7/Nr+YS34+XP\nFnTm+DmHKUqtbLXIoPOtHQbkSkxA2uvi9MhwwNZf3u14XbSvEb3NN/SbTgKb\nRyq3j/gnaEebkfqx0/rNzlXfFc6oh3Uj5V3T5MTgZ5cv/IncJDdjcPNX+nYs\nDiwqk5SAqmvE9WF9tN4LTfuWaw4yzJFD7pD5mSxaE3iZtwciZbvhZuiNDUQ/\nJG8e4rsgQiLvdHkJJk9tg3NB44H3TBjChOudC4Rzhn5DKhwg86FQOq4nRCIX\ngxfPlNtbZHjqJ7gZdjEraqZQv0mWZyvNEd0qSDBjNp27C6j7bnzc6Su5WB/G\nUHq50F6aoJb1Hpt4hUXsp8Au6q5pK5JjZaMiH3eq+ZbmIeeIUA63jvx9J9wZ\nEYwdDETExcvzS0zKmoWzbLTLZYTt9qaGoXnJOyRM/ybla6y0XLZJJFzFegpU\nxB1h/A7xKbr0zVNTag07lE7Qy3bJUXf/iOTsrGeanBNyxyDTdC2GPfLY4NTX\nDKW7mzaz1CaoWXLhM7LzYZVeKOjkqR7gSxNq4t5a+gK79WwOr9CcFXQ2M2RF\nc2c5lwzSHyK+phUvMzwXg79tk14qzWaoprLJt7Vm2WG2dQLtWI/nScUNzH4l\n3iEErFVQjsiln5ufr1psB+bR8U3Mmt3WG4ZaNzMrjbjQcRyPoLMCXFgm6AHM\nSlPB\r\n=db5i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCS//Bzw+uBQo0kJsOOLaUoAhRttXiTflaU/LrDl3XUSAIhANibzN5OY3L9i5aWFly19IuTsF2M4a8rQ9SFBbbLunMi"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.8_1639406982371_0.555431458642192"},"_hasShrinkwrap":false},"3.1.9":{"name":"@ant-design-vue/pro-layout","version":"3.1.9","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.9.4","@vitejs/plugin-vue-jsx":"^1.2.0","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.6.14","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.9.tgz","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Branch\n- next : Vue3 + ant-design-vue@2.2.x\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.9","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-7qmvhJjPTv/cT4mVkufJYCX2Hi5Alc5/Na5CTnJjzaO59H1YNZIrMtN2r7SU8SUciJzDp0cBLgRJw5SIhBW/TA==","shasum":"c1e61a189a24390b41968be901806d1fced2908e","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.9.tgz","fileCount":51,"unpackedSize":992608,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuAtUCRA9TVsSAnZWagAAmrAP/igoac61bmRrz+uO0D3Y\n87WCiHk7Jlw9lIY3om6Ct1vqZUgf2op6ek/llONi+m5eibaH/0cl/vskUFHx\nyifjW1WGK3Lli+yHngv7miY+VTXSUhTA/BCDZl+CNIRYdukl9eq059khtBye\ns5vvaeFFeHkR25p0aFUysbKfrm+QmawCEpD8Lm7Q+xM53SctUs+4RhxIbCEu\ngY9H4jhcjkmGwRA9khAdpYEAsL8c9DdwDYVoT+V8nTbhJyIPXvW7ck5ZhYz+\nvgbmUs8yX6GE8yiYQgx8YnSe3pHmypCwuoQ2TOXnFXkFconZZf2NWSfuBpKm\n9DHhotUo9k1L8Sg7Iem/LenAU+pQPjvkDIFLhF3AaF8hPrTiVLdnfRHg2RTg\nvqstwFPp6FF1FFbpySXCpnmdCAEPlr7x7fLgTqNfo33OhgdHzks8gVIqw19A\n4d9jq1WWbxFbhgzvlqEdnIkk9SC58ocVWpWlCGlP2h9qlMN7vJP/t9vFMS/L\nd1nPHNTJDZnwBtJK/C1O46oKPOIo+REKH05yeRKMT6roBXgh4gieTbqEmiSD\nz0V2WXYuOjzLJ9/sB2r3x9zkxmIT0yz3WuCMb5ffMHgkFI7hnMjp28nY+KqN\nap3e+wKmelII7RKYVExdZiB1m4UhWKYmGIEZrhPcmVH2onY24MyqHgkRZ/CD\nirpo\r\n=N4sC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDei/Kzuwdr+uvq62fpcNVC8tGvRSx93YVS23NSdvQR+QIgXeNfcUceHD7taED0ggKdL0FYxvn2eU1qpL3z9d0h23Y="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.9_1639451476777_0.025807374482644585"},"_hasShrinkwrap":false},"3.1.10-beta.1":{"name":"@ant-design-vue/pro-layout","version":"3.1.10-beta.1","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.10.2","@vitejs/plugin-vue-jsx":"^1.3.3","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.7.6","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Branch\n- next : Vue3 + ant-design-vue@2.2.x\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.10-beta.1.tgz","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.10-beta.1","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-24tv8coPpGelOHcjqE1FZUYbmkqoXXqBNmEvYaOCibU8F6b2dona5XNpc+rb7SIZcjsaHFUpKQUMRnCYgJoBTA==","shasum":"c92de8cb3299ef368ad55d50e01d1d5ccb15a0aa","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.10-beta.1.tgz","fileCount":51,"unpackedSize":915990,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxcFWCRA9TVsSAnZWagAAbZAP/0G/POlPyFjHkxepwgtD\nJUiNb6iblGKkldJsmQNqk8d3ffF+szrmVD/VstwiUXJbkbAZRqSVCG+wqeEq\nAVZQ9pc/mGRK/vG4LemTMZrPNXbjiLhnCvInCR1B4gt21v3vVxCRtyDSz+G+\n8W0+LyHTOrYK+A7hP6RyKpxm1JQjOudynt3B4ewrfa/EgbAOP08u+XV86VIl\nSJjzpxBC8+7dp0WhIVgMheQMGEnvvLDbev9ouNonYjvYRELihTBNpONCPLZn\nn3p6/ZzONxyhxSaNxmIsgeZLUGDKTQ5ZDRmb1L2e1vcaXB701LQTso5ojUw/\nPtazmzQPPsj3HjZvH9w8AGZ/Lpc3tR9+kr4Fvk/kUaJ6ySWvNu/iYfz6yfhb\nye2YJguQCK70KbzBvKKLGmi9ONLMGhKpVNT89pC01cNWiZ9RXi0UxbN2PniH\nu09P8PjdMnxDicykvFEvJIw0ujoWvA6+dBnEgV7dlG6lbC2aUzkxB+hs4HIP\n3Rlz0FSHKpV/X32Tee6ZR1E94yWM2+ci1l4O1mlC/kiDMKD/Jx901TKI/1CN\nU/j8pyxmDw0j4wrwxlyxPk0WUXw1dhrWxiZEu5G/s36QxXNLo+KSOHV7CbKB\nbOofi6E+B5ZFvvrc4Iuto4iOHMdAELCqrxD4oUSP+YEF03D9bnLZVpVcHpc2\nGqup\r\n=ooss\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeb12wyntQkvN0/Y+gOJZeaD2zqJe6PwJieHZqeeF7pwIhAM4MP94DUXNuyPFTH9OSWvhY1Mg5Ti2lK2erxmpcIkA1"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.10-beta.1_1640350038391_0.4959949832665682"},"_hasShrinkwrap":false},"3.1.10-beta.2":{"name":"@ant-design-vue/pro-layout","version":"3.1.10-beta.2","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.10.2","@vitejs/plugin-vue-jsx":"^1.3.3","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.7.6","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Branch\n- next : Vue3 + ant-design-vue@2.2.x\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.10-beta.2.tgz","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.10-beta.2","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-VeqYUOjkxy3HUkTI4b0xFWCYa7Dn0tmsQj9x+26NJ+MdMckqXF27fHiYpv86yxz+c7+6NEG4Q7L0bQTQTP6zAg==","shasum":"046231db96b92f85fae2f26f86702c0a6c2dbf26","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.10-beta.2.tgz","fileCount":52,"unpackedSize":916138,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxcULCRA9TVsSAnZWagAAZ40P/ithnb/31/vH2WYwT07N\nvtawKtgJ4+MxKbGEpL2hKJnJhcuYROonbDnHjrZ3WPACG3ubuOj7CMAKgHBb\niAsqXx+ZXduBst5VU+Oi1XNdaobpGrSECqrrIvi/2szEQwNAcWmnwP9ggaFf\nsYB9GYNJmcHtD2Uc6OFyof++tgnasrmytBSAIbqCx2f+aL+sDkE4hdmHckfc\n+K88dntRTLLBeg9YEDZufDvVoOVXp5OrP8P5SuDWbuApxmuuuGFEhcdBmi+i\nql7lYqtp5Er79L2n+/TIavACvkkiEuJ88skIZ/Zt+FZfceHfZobt75HeRnUJ\nzWgmkvUMQEroun8PmYBbgrLXyzoOTUpAm3e12YnRsA+rrg5z/YF87kqOMv8q\nUlRSC+iHFxQN2DE+rnHFZnJbZON/Rr9w5FzwX0StqpsQi6D2nIZKfvAhQhgp\nMh+K2VDtVysW3eOtA+TywAl+qm4gHHSMjB/52AZWKnOWv4+QYlfgNryBBmp+\nZrHzfPbgiQLIKMQo72apA2CQGVKI2KT5XaEReVvW/KDfhqzLCREdYKPUqUk0\nIwwmTQp6WVncXhepNWu1eBPwWsCC/LX9/3hkjAyP1zPc5suQ0brCxXG6Gfua\nN2gLv/4WFQniaWMD260a5cy21EDHRJ/isr6AgSymirFAiGWlJ8iHVd90JuKV\nDfwB\r\n=QT+V\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgxgfSOOFxVMCrEY5SgcElgOxPkku8OhdrcRVB958z7QIgRbGSc9XbsTukwuBLQH0deodec/llUAzNjJtCash4b2A="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.10-beta.2_1640350987571_0.6286622127836154"},"_hasShrinkwrap":false},"3.1.10":{"name":"@ant-design-vue/pro-layout","version":"3.1.10","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.10.2","@vitejs/plugin-vue-jsx":"^1.3.3","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.7.6","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Branch\n- next : Vue3 + ant-design-vue@2.2.x\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.10.tgz","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.10","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-a5npmxgDC7NI8IzFtjWWR2qEpwp8BLfS+J0sEHROs+t0n0JCrvuTda5oDE4Ft0ncY5JTHVjqZNZfN5DAExKG7A==","shasum":"e5b65c1a4d2ecb6f7fd012f40b71352d8b603206","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.10.tgz","fileCount":52,"unpackedSize":917278,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxchnCRA9TVsSAnZWagAAPQ0QAI6dVBKVHlgBMvMsHFYb\nkEqrsloXLmn7uF4A1dxnmbp69JPTuHN02JLtjTotvap4vcBqkPJLDzy0KVQq\nF6sRO2KfHi+LrH3ba5jS3xgWWcmOZ6x6lrYyErruH8pc/mrZarX6IcVqD2eN\nFRlDwYj3vtA6Stwvgu+YimENQxBDMKl+muazQHxNOxBS7FCntALRymzoH4FR\nQX6V7S5cymO7s3sS+AJsnFDuP4vNU5aEcihTzAW/OsYkRpCl4Mx3OT/7Suws\nYIazF5MpsFdzL34E4hLajWWORaMQ61VrzfdQK1ibymg53o9JLePFzALAMcry\nweeH1X+ArZH712TWwfM7LXZMaNijqcj1BsM7QE4UIommi8I7hy9lgC8Yj+qI\nzy/9hAVDKy5NOq3urI6c6fcyQqGbg22cvbNeae4KzxRzjCI69B3ItXFVGOGl\nUa7sETjZ39nzeGJbM+1ywfDsSYo3t4IFvHMZT2qGXd2iq0fD1yR9oy02MIqa\nb4ZAzTcNv/k5xyDDMGAuZgfnSQX765OVOCNP1LhmULOb+s8L/5v9IacaW8cx\n1Bijf9J0+blUh9IfR6S52l9LlvP/macIzasbJ0c9UjhCzsZmWICf8EoFuQnC\nGt1S4VtW+raJ4LrGxrnQ21bydRtcPAiwtcrbWpnp4uTBkw5b6c25EXHDkvT1\n8uPl\r\n=VUaK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDR2yRzhpRV7kePReyFtJvLY9JbPShAnbtjCZWV5wAwNwIhAPKj6AvSUjz49xjftbucJ0v6x67OO+oX5wFfcSLaU2/v"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.10_1640351847647_0.07746632364382133"},"_hasShrinkwrap":false,"deprecated":"import less error"},"3.1.11":{"name":"@ant-design-vue/pro-layout","version":"3.1.11","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.10.2","@vitejs/plugin-vue-jsx":"^1.3.3","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.7.6","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Branch\n- next : Vue3 + ant-design-vue@2.2.x\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.11.tgz","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.11","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-C3gjeHRjRDjodeSBgdX/m+qMy7cemgrhDpOs4pdV+0HCM/oLxxiJ16Dt58QmFJGtBhpUaz5zKG0AZpImo1Y4pw==","shasum":"fe098423a2ad012ae5c286d9827ccbe0f8737530","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.11.tgz","fileCount":52,"unpackedSize":917278,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxcrQCRA9TVsSAnZWagAAkPUP/3ameJ0o8nIJ0M7aR8Qw\nsvp3PVMl6HoP52cPwm2d7Ko199mjVa1NoHwETWy/I/RBQWwrP1r5AX5aixCG\nDI/AuOJ/pswKdDmiAkbeJZTn5frkVDu5NDF9hHMeN46E2JV5mUzYCidD7v5K\nIS1PeijJyWV78BUmQsb2AQ7jHf2Xx9IgEXVEUKldjaMyQE87ie6Vv8xSQgAz\n6n3wmQBj2wkO3rgWRKoxHDJemi4V9cehvJCO4Yju47ExLRrweVImF9G6yfok\nV5k7BssI+te39H525vNphlOiq7dkpr/T1tsa/nqXEpGTPnM8HUOSjRPC0Rcd\nV8f8CLHjeWHHoN4hLNZEh4dtPYIrTaqi0u0qKiCUF7hvQCKRPI0kLHoUflZA\nw9t/Xvma+PMV1Qr0vJDy9yZOsdwZdUHkY+LUBxmzFoQ4AhTncANpg6PJ6/0v\niUnKaO8rfYmcDYXCOVo9Zkr9cDmy/7K2bG6rHb2Uym3bljrCS9e6sudJCIxN\nUhjk3zPwlfpd4KqdsyZh+sHv8I8xxABHZYpvWWLea1Ea5YX+PGXlWDnr5xyh\ndpfvU8mqZrzJ4J/i4xdGBL2Rb9octuYvR/e1JoQ9+AfULJwVCjUNj8gR68ho\nWOziHE1UmE4p06JDPgWtLhMrQfCrb5IGribtlE4ckwiYJ+r7tFepypFe0SX+\nJPte\r\n=xO7K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgNFKWJYpMZR/ycMUTbeBFbKnXu8Q+Ke0bESMwwQaR5wIgXYrkJG0v+/2m4SDtjJst9rpSQffszvJgUrpSgPhXX40="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.11_1640352464139_0.8759360871910826"},"_hasShrinkwrap":false,"deprecated":"error import less"},"3.1.12":{"name":"@ant-design-vue/pro-layout","version":"3.1.12","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.10.2","@vitejs/plugin-vue-jsx":"^1.3.3","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.7.6","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Branch\n- next : Vue3 + ant-design-vue@2.2.x\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport 'ant-design-vue/dist/antd.less'; // antd css\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\nnpm run build # Build library\nnpm run build:types # Build d.ts\n```\n","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.12.tgz","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.12","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-Hf7msL3tjHPs5NaxRk6f4iERHXbcRGsCIOeFFyix10yySZ6GclPX8ZNSxM3d1RRhDii9ZUVaDc89BtoG4Oz6ew==","shasum":"c495d83a8dfa112de2e7721777e173e99ca9dbeb","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.12.tgz","fileCount":52,"unpackedSize":917289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhxcwOCRA9TVsSAnZWagAAYmIP/jcDw3kRhO3RWBZ0XWc4\nGBEWea9XErpy+LYwxAvdofMuxl0EJN2PktyBPi417shOhFLPYuIFn+Tw3J/R\n44zjyM5NzjQrBxPL8YR22QLOwKAx2tmIr1eUeJI/qWhrtMhHhT/Hu41AvoeX\nzJvYI2gkCfxydIJQURILPKW6AE7T/hIHkmi4tMEScAr+ZXO5rX3Ot9+e9g9X\n3A0OJXzmYdugaaRWQ+IRFFYm8D7xPq5hbOn0UEaXIvUEUu/u5dkv/J6KnfME\n4I2zvQpcPOGLvnOJxmJ8v5pRPzJK59ehTk1aqooRkZTlQESSIbEX4I1G2DjG\nAVONlpS2H27blwGmAzMw9Vteh1McfKDyTvw/FOWVx32oLYptvYQJuvitz3MQ\nRxddChf35GBpNj701C53UExMquIX7KXnPul6RdM4cfCz1iBMyrmpK4cYyHKS\nlp2LWWmIqia+NTj8IXwsSBiYpUhqG0xwyn8iqUUniCUhb+T4efaRs3UoR6LN\ndjPIv2xstLB3IDmrH8rGrdB9CVGg91tb5suyZgKBxrKQmWM5QptmkB7p9vY9\nu8I0FaBrQmz09yWjb/G9k20eHtxaVA9fAtfBCnFuWBCcyjLlIp/pmarlhZQr\nUdjVwuhILeE64ropK228Z5VEpndJIMSTXhySd1ojyEcCAyVaABdDvIVu8DvA\n+Trn\r\n=qmuU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFcLvhYnkUM3vF6e0rhSmCsQk6T8CnlSJkA9apohflo6AiEAiabc7k6DjQb+wfsDC92KCTYnQVLtty3AnG/FCWdOCro="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.12_1640352782434_0.11245997934853369"},"_hasShrinkwrap":false},"3.1.13":{"name":"@ant-design-vue/pro-layout","version":"3.1.13","license":"MIT","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"types":"./dist","peerDependencies":{"ant-design-vue":">=2.2.0","vue":">=3.2.0","vue-router":"^4.0.3"},"dependencies":{"ant-design-vue":"^2.2.8","lodash-es":"^4.17.21","omit.js":"^2.0.2","vue":"^3.2.22","vue-router":"^4.0.12","vue-types":"^4.1.1"},"devDependencies":{"@ant-design/icons-vue":"^6.0.1","@types/fs-extra":"^9.0.13","@types/lodash-es":"^4.17.5","@types/node":"^16.11.7","@typescript-eslint/eslint-plugin":"^4.33.0","@typescript-eslint/parser":"^4.33.0","@vitejs/plugin-vue":"^1.10.2","@vitejs/plugin-vue-jsx":"^1.3.3","@vue/compiler-sfc":"^3.2.22","eslint":"^7.32.0","eslint-config-airbnb-base":"^14.2.1","eslint-config-prettier":"^8.3.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^3.4.1","eslint-plugin-vue":"^7.20.0","fs-extra":"^10.0.0","less":"^4.1.2","prettier":"^2.4.1","typescript":"^4.4.4","vite":"^2.7.6","vue-tsc":"^0.3.0"},"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build && tsc -b --force tsconfig.esm.json","serve":"vite preview","build:types":"tsc -b --force tsconfig.esm.json"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.1.13.tgz","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@3.1.13","_nodeVersion":"14.17.5","_npmVersion":"6.14.14","dist":{"integrity":"sha512-l7hOx3B2sIujk+kYwqOdS6eSiXLACAPxXm1z0dcm/MWMegDf6+0MHganGI7SvKmYMeko/IUY4YUumLj4P4FuBA==","shasum":"3b3714f5f1ae520768646049e14eb51c2f637c8c","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.1.13.tgz","fileCount":52,"unpackedSize":916190,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5B50CRA9TVsSAnZWagAAi2MP/imHmUYtbIhDk4fnODH7\ncBC+vnyppXdy24+NpHq8WQmn/HsYL3DU4EqY6L/SP1miV1cFv7/lzRZmxg2j\ngbHVxajiHNtnRRxyxxoKskYzkax0otDVBOx86Xo3DXlGRim+On1xCLMOiK5A\nBQuOLIWg3bShdUq/TXdvsD9E0f1wROfeN9zGtGH1mtYUbtEOE8F6NZFi2zOu\nij4eY/Zl2QeFPnJp40459GoRg3mrGuErxB3Q4S7dZizx7gFQxoqmxZe6kEN9\n/t0zNjoVF2pZ4FCvHvtVwAPckUyACMZPVwbvX9Ke6dMQuDk04n1OKfYPdLqZ\n4zTYBuVWLatzdijXJfcFSEai0sAFmj6S0skEvZP/xMBvXOugnz/oW16eW3/a\nZR4DQrWDllmqoYg6lx1emBHuSL9TxcJ8/5Rm4foayjFJDvRFeejFQOmWzZIE\nK9mz6qNyFPdt9vdD+X9QVXYHXdTD4goQRYbES/kXhyvvSvrJIsppPliXLo99\n1XFRoZg+e78aCwrpe2gTWSjNlO7VTnlTOEyvDqdkObTSc5iH7h/1a9aQTtui\nlp1O3Iunmht/cwIavFby/b79typd6sJDwLHR822PX22ucSzvi6/FJHr8RCN6\noAHtU+/SyRkDjZXIJz4JcBIfRiUcOwGAA4AK7TXxsO4n7NTtxpqlYvjt/5eE\nLi7R\r\n=47AN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDyOxM6WR//8bkBHkCCs8lztVU26hmhYpQows1sLPw82AiEA6GKWqKaxP2TI2EoscegiCMD65X5BV09GFgLaedZZVho="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.1.13_1642339955832_0.7243427511735265"},"_hasShrinkwrap":false},"3.2.0-alpha.1":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-alpha.1","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","typings":"./dist/main.d.ts","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"}},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.0.0-beta.13","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-alpha.1.tgz","readme":"ERROR: No README data found!","_id":"@ant-design-vue/pro-layout@3.2.0-alpha.1","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-MXrf5PjSPkM/XCnfsWSBMvsDaqXdOZQtXA78fNgxQ8erAK6aCiFztvCqMUT/s/gIhniWUhbxQZMBi7Rz4DnjdA==","shasum":"58c0565102212a8cd47a1d2805aa1506814d966b","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-alpha.1.tgz","fileCount":51,"unpackedSize":1064952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiLAuGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooSw//YiKx59FI6Ah8g7sMaDZUr75A4rBBPDS2lYjf/MPxNOmxCU5N\r\nt1zYTgr2GuMcwrlMYbhr4P5xiTcM7fugAxCXCB1DWkJFoetK9/UL6FkFrMvw\r\n4rRZ8A/iHYtFFb6dF2xTUu/y+OtYEjy5FveIMg6uWtgxPPRXAJhY+EcHqIdd\r\nMKqSBRn7guQCa/t3JX0SXwt+VultbaYNGCF2nKMOwd9EfTsOz7NYlZE6IjWL\r\nkWoA6GsG40kPR3dXzHLkbxjoE+jSpWmmIxgqM+DIk8DgYs6oxJbntvlxjTNj\r\nKJDot81dwOx1XiRTXAaSD5DxO8nE3JoQL5+aacU2rfyZ6TdFXep/bUGbrYPv\r\nYIwtF6+JidfrZw2Tlw0LZDwZQLwah5/KkPQDVfI33/OUf5IMEXvApO7n/ke7\r\n2msNbewWOx3l+LxlchOUkT7cpNlVm98T7XkphUBLaK22lvyDEo/ZY8AcRlze\r\nA9Fa+UD3bHNZt+Z9ZpqL7oTzGDuxkDsVJI93E5kLLGMT1BRcoqusXveGVFlQ\r\nKRcbTp9z+5cE0sRK9BTeWT1qDfm2l9MBthKS9XecKX+swQlOIMEPitHuAvP8\r\nIAXxxzW6sXBaeIGUy9MV2sSgcRYqTv5abBMtu7+vCRi26JEA1RmcuXzCAg3A\r\noKtv8j53vFLsYmbSuR+3EJRl8JL7cIIqChU=\r\n=MRTN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGSr/LFe+p3R0HymrI7GeNQ8rthA29rjHcdsfxUcADOaAiA8nDh8V8l7j2z9g8JMWejliWdtq8msXQa0o+lhgkGlGg=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-alpha.1_1647053702699_0.2762355722237846"},"_hasShrinkwrap":false},"3.2.0-alpha.2":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-alpha.2","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.0.0-beta.13","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-alpha.2.tgz","readme":"ERROR: No README data found!","_id":"@ant-design-vue/pro-layout@3.2.0-alpha.2","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-6BenpgkWO9j73zjSWDjkYxW4CA9njgowFVC1+78grQqpWHKydDBKxGgf7gIF7GMdq0pOrSjyAilRHEKWAgVVDQ==","shasum":"95f4c59b0c059a48590e0fd208eeec36e232e982","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-alpha.2.tgz","fileCount":51,"unpackedSize":1084041,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiLBFIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoS4RAAiVauahyW1G0c92Zq9rePyXFu4ie1fTonTfNLsq/LfkeFnzrC\r\n8olXevQTirE2xgp8cWn9hCK+x6af7Rr0PMNU3B7gfuIQYMAAN/aIYjmDwJUU\r\nAKmqXZY86DQO9WJ9gIjV3lmvkLwOp6uQK3qXhaWquOdt8XDCVqyKXQNU+J8Y\r\n9ZGKBcco01KIlCANFknnVNU6F5NquqOOj/7W8Sfcj1gw4pYbHaw4oYnfv0nj\r\neiY7gmxjB0DMoQCWT2W9OdwH/IIqdO5oN2d1dDV0F6xQobJzixh4+0Z+j5lu\r\nvKaeUXjv0JV9uabSZEYprY9a9/MxzkuEVjnQLVdFUMFndFw0pJAieNJr7J1F\r\nrAFp1HHqSh4dr8QUoCn95cvjNY2ZisdsjImvL+9wM+9HGGADOUDO1pmxbCA4\r\n+DZ0vlUbEYb1OUMyWXA7t9zqASZzspTd9M+wUuuZlEj+TWDvEIe8kR2u03Wm\r\neyadyaRThP7KxIdwDp05YZVhruBCJW8115iEa83ZBfRyOQOZ4VLhIvtJT/eW\r\nKVzUJ13kOw3C8YjlaccXhkDGPvtURYaLkP8afj87DLwFJ6Xwq8vrW/w/vuvw\r\nlJR1wUblMqgiK9XvFqoP7El5mywkOmqwH422/V5mz7WyaKeA3lRUcdgzwS9n\r\nT12xZZrdEcH4PWSlPR0QNzhSM5nV3NRdyt0=\r\n=Mbq4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHRZ8zQFPEvmbBhvSnKBd2mUH5I5/atLlQZsTWoy6sauAiBncKyMbIcwRoDy62MiOYFnLF857GJhlZuQF0A8kC90WQ=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-alpha.2_1647055176693_0.4189884958752881"},"_hasShrinkwrap":false},"3.2.0-alpha.3":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-alpha.3","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.0.0-beta.13","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-alpha.3.tgz","readme":"ERROR: No README data found!","_id":"@ant-design-vue/pro-layout@3.2.0-alpha.3","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-/JdgkSOagxzrC9FbsyM/OQt9f8tE7TvTwv6WKRuw8nKWfrt0HqjmFJCo4uh8AVOKioUf3OSt6JtZE6VnaXWG1Q==","shasum":"523fe3f2d0784f953598099c51f5efc7afcf4106","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-alpha.3.tgz","fileCount":51,"unpackedSize":1151556,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiLzc2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrvjg//VVUMYLx8ZTK7RbFsGiwq3LRuxcWU1Z28LD/PZz50j7xvuFB2\r\njh2XDYE16yQ+3yQnU54ib9QL85KvaA7wOsJcNmMr06jowpePuSFXK5nRPlp3\r\nKxl8CxF3+wdB6IbxMIJCU3hVSNMRmHr1UYS7pM2wdiC8ThhwwRYczS/OGxR5\r\nYqR1MvqOdp0Yr0gTtcIN9+lQCC4YVF3asAXPKphasmbyS9Xv8SNIEYL8G69K\r\n378TAFWeD6yw/bGIZuOIr7D4bSxbfcbjmtoulotUsn7LDqx8zdkeCUyWGnPt\r\nzPj+3mKQAXFyH/ym6IJihiQLzLzYJ6JuMN9vR2F8WV2Px8PRrDdDRpOAl2rF\r\n2/di5WQXBlngcGW8f9d8ro2AZmiwLI6T/ZXZJFLVugQab1OGMIKY7PobRGOC\r\npvpUvnxcNJ5K0DsxxdSJYoV5jJjM7BJd7LORm+dOn/uADNzkBNLDgOtVzLk5\r\nSogc5m/8rrRfmmoVaJ0UoDQtRwEPlMZM1c/pO341TgHvV6wJ2Ohgn1IjY5Wr\r\nVGoOWDKy8KM6Yom8tOHHFeBzzRQ3EW8P3zGuhn4U92sfoCKq7kwuj3XpUMgr\r\n9Kdqrewv9DRhAX87gbxwmW5UpB/olg1CIknSvm38F5kbEO7QpKcQrex2KoD2\r\nxoEgyN5Y5itPJpKdFW9oc7BV7NRHEKUdCo4=\r\n=7t9n\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGRuHqploIfl8JcPB58pVyySHiUkNm1+eg6p4WJzk7qcAiEAkBiMKdksrzjxuweGII3w/xzD5qidRUgn+6IuFDctxSI="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-alpha.3_1647261494686_0.12508526158296274"},"_hasShrinkwrap":false},"3.2.0-alpha.4":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-alpha.4","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.0.0-beta.13","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-alpha.4.tgz","readme":"ERROR: No README data found!","_id":"@ant-design-vue/pro-layout@3.2.0-alpha.4","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-kZUbGrPGqmxZSDzDDW6V37wjUHHu5OdA8J3sT0CyTg+FgU8M53wdRg8aexObvKTr5NGd12XRDAVNPRE6Fjw0CQ==","shasum":"ce20d21f3de37c51d18d8fd11cdc48ab2bab15a0","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-alpha.4.tgz","fileCount":51,"unpackedSize":1194914,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiLzluACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpBQ//VLrN2kY5oxHTGNfvvf4J55WcxiPsTPnkOBsT7pwbReKBolkX\r\nB76h54byYIcNwHe0KTaLy5gJ/FPfnjWfqNLg8A/zsmauPIoJAX7ok7BfB8qR\r\nbwVcS/ad1RmarrtW4kes/CmSKsJlaNPSUXpH9sRhXao8NRb3BD5HfnYBShAT\r\nr7SNdS6ZczP3OBK7owdNkiWmHc6+VP8O9E6aXk/fNPR4NcXWcnzsZxqlEMgh\r\nlt7Ejo2gWnUXbsD+ZC8SFl8YiK6vMXaNgIbD0OtgPvo0L6OwhUM9KqO/B9YY\r\ndcLjBQ/iy3wEuAXV/nWps4jaC2dFqW9Var0WPbl4uLP3BUyRpNb7mS95aaqa\r\n2V+8xqc1qr5a2X7nz0WAYZ/eGH8lzpq2Mu4C1uMriFxfqaSk6kOr7QahO/cC\r\nr2Umh/2XRgbxqpJKxdVPGuOM/SX6gXVewjtRbeFkvKa6O4LOH1eWStHtLMGS\r\ngsMYBatU6LnE4e+7PT1Bfwb/hAN/ya7yOy6v3aQmf1sDW8Duzno8URJRnnjT\r\nCGLCjL4f3b+lB8iVFzl94lzgjU5LAgMl5/v9i9gUREDiGvNfUbTAnNd3f0DS\r\nXZrjfoXddbsG9sFL2gwajHDcpOonbMybK5BKlyACfPKCWJYJnIUAd74taQDl\r\nuImfzgxrgmE4rSYIxrGw4Bizx+IWobm7CPE=\r\n=rbsE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcf52kRbXWlHwgLlwVxUZBCTFKwb/PNxKxZdd68/oUEAIgMFsXQDKSOBXlw2Y0xaGRzZiVwo5fcReCZXNYW9u13gs="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-alpha.4_1647262062416_0.5243951408517695"},"_hasShrinkwrap":false},"3.2.0-alpha.5":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-alpha.5","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.0.0-beta.13","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-alpha.5.tgz","readme":"ERROR: No README data found!","_id":"@ant-design-vue/pro-layout@3.2.0-alpha.5","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-nugJegOfYqiaCkF/hKilH412IA+O0DPCE5zJcdukaiLHi4YKCrEAIzr7jiMA4jWf749ne0MJ5axuK6rN80OkWw==","shasum":"32f46d49ead329106b5d737a527dbb76f6b84711","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-alpha.5.tgz","fileCount":51,"unpackedSize":1197218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiLzomACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobsBAAhw9nw+BgqujMFn7sqYLv0DPZVXJmNFuMIdHYpaySkTOKj5bW\r\nszqB+mDvnUINSmnEQqH+QiMaEA9/hFtLFGHv9XFibpPRulfMVfBecYa4VQH9\r\nvstWOVbhcayGicriUYMd473NO3YYPSpEW5ZbjJTkN7DYe9S/Q2zTmoXjemnW\r\nDxzN+ExAYoqlFOLHbvuUs31B/H4jxp1EAMOIX36RFEwodyglAPQ1dZEaAZvz\r\nczoj/cL3Q4uIXbdFJgJATfXTd0Zu6bxhvW3qWcjckFVj9BbLxdvUQCVkwy+q\r\nYdqKdr0RU1+eGSX+eGzFCzqgy/qaClHbYvu68Vbma1rQS6xkbuwf99HqjF6E\r\nnn6UbmcdUY/WrMvmFbZTYsflJVMauUjXpCOFeufMYLetErq9prQU2FLExwXW\r\nhsCac5GyowniSTP68tw2tS85ujxqY2dI6PE+YV2S++4odkYpSqwCuWh5c7Ay\r\nP9lPe6JsuCS3hqhKww0DQC0AAF3HWPJ0s75eTsZ3tZvJNxzxoHlEN+pRLJrk\r\n+CSXWwXnm4MvBhJHoDs2pvMmaGihVgGE4qcd3ZeJAasFBJ34/CwpHL1pE+aS\r\nJrwIJTkv6cVW+ILfEZzH1/kG6cXtr7XwowJfpx+TuTAivH+pa3afmPctOVid\r\nTUEjA1HGiyB28Js02+A6LqRIWIohBWijh0o=\r\n=p+mf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDznTQ2R+oXHJhe4nD1/QOSaK6+2b7+vkOcNFnDKCctxgIgKo359+tRBrtiHEx4cioC065WudIpER2vwEvoWk0IeII="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-alpha.5_1647262246423_0.7317607271802133"},"_hasShrinkwrap":false},"3.2.0-rc.0":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-rc.0","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.1.0-rc.0","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n## Branch\n- next : Vue3 + ant-design-vue@3.x (beta)\n- v3.1 : Vue3 + ant-design-vue@2.2.x (release LTS)\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\npnpm build # Build library and .d.ts\n```","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-rc.0.tgz","_id":"@ant-design-vue/pro-layout@3.2.0-rc.0","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-WgHjrgjfUir1/0EacNKeVc2e7vC3OJfZH3gKlcjUddvBIpyEGLC8nKUmois7wBeCpGdTn2SgAQwFGZexQ2YJbw==","shasum":"88aac22aff12efa4b2d0ba7aa4264aef156e65fb","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-rc.0.tgz","fileCount":52,"unpackedSize":1234575,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMFp0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEgA/9F5tBLVJjhO9Vucx9cLKyaJhq0coXe0jx53dl7vFfpaYDLDQ3\r\nC16P4UH1EPMuh153B9oXM7Yet6veFFWA3xJJ8Hnw1FoQv71j1kIIkoui3n0X\r\nGp4v4IoVOJPCtTipREOfwDHhThGdLJjyf1CQrwXjJE2FjVOBZPUdwIgXOQsA\r\neqeBi5hUOpJLiFawqMTpjRwEm/50TqzsRjoRo8QKoB2KybdO2WfwyTLQoyjk\r\nv1BX3KK6arcIlTdfXFS4jgNJBsuw8bFdRpbzOv7FufB8awJGuKUDayJy0JxC\r\n3Dqb3qneN6J7vvW3C2fagwhRf6B+D3VEpOXrbw6+S0n33/xWp5P7QVkeRybG\r\n2ILDg/5jLbKtOkm/k5FWfZzbfPnjMl1GH6YgKlN7g3i30CamWr0MSDjdtLlW\r\nIPaEbwHNVDpDQXX08rjMSqYnN8lOZxivvJH64gLBbZsrvePcJ1pQ0Xs0W3b/\r\n+S685Ir4AOi6uFsVTPacy5lwiO3oLRkgmmS19KXmREV7ZJ6SJJ9XTnLcY6/F\r\n3Ai8Z5OynclcBoVSnLMGl1RrgbWCzNKhPen03wUv9q0sI5yv4iiU8YFeuj0/\r\nR3lXvJ+mxL0PBmA4BecsbadaWGAoj9Uo18JPYUXXvkmv8605p/JgDWGZv2Ds\r\n095rYlK1WqhMZdyuq4DO7E1CuQcRpR2pw3o=\r\n=v3lq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFS5ZqTEtY1zgRl7vbWzs9wkmPsqtCMA3mjf8oDe/9umAiAJahf5VShZMG+aeKZhUahZ2bFUYMOUysJfchpXOgnxRw=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-rc.0_1647336052588_0.21077665838452941"},"_hasShrinkwrap":false},"3.2.0-rc.1":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-rc.1","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.1.0-rc.0","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n## Branch\n- next : Vue3 + ant-design-vue@3.x (beta)\n- v3.1 : Vue3 + ant-design-vue@2.2.x (release LTS)\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\npnpm build # Build library and .d.ts\n```","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-rc.1.tgz","_id":"@ant-design-vue/pro-layout@3.2.0-rc.1","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-U8oA/K0XTnHQ+c69PMG7Ys1ls0qf8h0q3JsJg+Uq+owC/RRD6dF091h0IymOK2NWEm+JYgwlZkw69VpnGqDQlw==","shasum":"9416c69ad809f2c84623426b00841b8a256ee4d6","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-rc.1.tgz","fileCount":52,"unpackedSize":1242415,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOxNJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8Fw//dTBYwfv5Yuwlh3AzZUkAPgLOWfOf7AxwRGFdyave4jxZnlE7\r\nlPRLYoCSoLYGPbJ4UrLXdPOrtQhnfDIRKxiTFYvjoLRSuvqh3IO/wx0un8m5\r\nuC5aQjlHjT5ckQzvfSMJzpucilTl963ewVm5VqPjDesTp4RHov7EVCOkLWWQ\r\ncK2+PmoexbIx4ERTz8FtN99VHvtmK7zeaYeBzkndszh+Ay3jfwBIjwy7jfqj\r\nuD5dOWHC6Vy9Kw3DcxaR5RDInJsTlUdfp8EmCPHz2mwEXrF8SdsDyZzfArh6\r\nSkgoDscfNyIRE947KkdO7AGw8YiiKV0VQXqJ5CTPwQiilfWznW939hMKNqvI\r\nW+ibrkPWiUT5pPexM5tU9Nap1CwhFGiLvg4sMxbySjxnYI932YJT029UEiEN\r\nBcjrft1VU6icQhUt6tau2/5SNFcuzxnPWqyS8mp7IpxlsbfVjHS216RfAAvt\r\n6V1EO+LzH5VcReTruNnDhthM7hHE5Qu0tgLfntvis0P8quVKVm0+v2LtLm0L\r\ne2HWSAJ/XpAqE8XzyCO2ATWqk2k72kmoh5lekh/or0Cf/Qh9K8i1Te1l6eEH\r\nu26P4qfJ+ppsg3xYokmWr2wfLKmLVD1ZId98FBBGni6/kZ4Cu4CTOktmjy1D\r\nSzKrxQt5NBn2hPNaZRRETFX7sEJyxZS1VMc=\r\n=D1rk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEhTdPIR1p8HYK2aNJVR3fHq9jkH9zyfIo1eRzEq7o6xAiB3Kf7ueq+UUXAM/oLWWauisiK2i55M/44OEmxQTz5q+w=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-rc.1_1648038729328_0.199761693706622"},"_hasShrinkwrap":false},"3.2.0-rc.2":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-rc.2","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.1.0-rc.2","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n## Branch\n- next : Vue3 + ant-design-vue@3.x (beta)\n- v3.1 : Vue3 + ant-design-vue@2.2.x (release LTS)\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\npnpm build # Build library and .d.ts\n```","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-rc.2.tgz","_id":"@ant-design-vue/pro-layout@3.2.0-rc.2","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-DvK8zjVaJLeVxmm70o6fKfhnhj1zSwxNISzocWByy3KJYsfWZqbRIoyrV42a3XkBt2+9tD+WStHc6qVWFO/dXw==","shasum":"f3701a0448bbdbed2c23a5311748b6336b6c4345","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-rc.2.tgz","fileCount":52,"unpackedSize":1248140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPV5JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoG3g/+JNmiqHuPj4BkPk6vG8LSizxL/x5GzdCn38r1roj3Ml0VPI6+\r\n1jIr/P5aNJtz9m08EZqJSMBrYCHxtYLO17N4EGTfQOsnkJ3Uaz/yvPnW9BUw\r\nULJPBXIb+5hWBUFbD8QnvCQb1Q39qkBo3UNoDT68RPVIOzEvMchTu6dTaI2n\r\nRhwjYgnIe27fTJpQZV2ays+tF3VBvXFMeRQjvyxJBaUFmyNZIp/4K3D6zCax\r\nCiqudlueeMv1eahVWD7XgHAgJrPuU6Xo7Bff76pNHcl7qb9FUn7AIl9QFXF/\r\nwtfW73DFKEdMswcOk2rIGKl+92r4tRGMuU+uFQQJaiZyNyFHmcgMAFU0Hw2S\r\nDMsWlTi1bYUN+sp89uUnpr3qv8o27xuLGAnMpUGp0pX+VjQyz6igp47GHz4I\r\n9VoCkuyzQTmofkmAVXmDa8Bd2146lFyGHXEE0QoO/XZNHWV54K4EV+v0mVe8\r\nqSVMtqWEavKYnoZUpuPty0p9S/2Q2/t2slif5+lSCLJcXZtDS+qRv6IrE6NK\r\nQR+qxC1SNeYU20z+/2kZ9EorRrNT0OMepUmHC4bAzqrpYaxiCZVg/C/n1UiA\r\n3HypdmFCjN/6vDcSrXmY8u3ksYilD1v4hgKWPYAtbs/Mn2rph6jVGwslNmHQ\r\nu2ibU26d3uSgy9I/oRxu6klxD+5jHXcdOSM=\r\n=e5MX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID5PZo0bQD2Hzx+PtzxAFDf/OfTZ6sPXYIXHY7eH8ajMAiAmP839EvX2cib6Fdund/sBqSzSUd2SMfpiDitHkvw5sA=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-rc.2_1648189001093_0.3208257891326054"},"_hasShrinkwrap":false},"3.2.0-rc.3":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-rc.3","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.1.0-rc.2","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n## Branch\n- next : Vue3 + ant-design-vue@3.x (beta)\n- v3.1 : Vue3 + ant-design-vue@2.2.x (release LTS)\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\npnpm build # Build library and .d.ts\n```","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-rc.3.tgz","_id":"@ant-design-vue/pro-layout@3.2.0-rc.3","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-8pBlSEmrXdsgt7FNfoNRiHRhJlTdeCDcrkn3mheuX5XsogHBdmKJ+Tye/N9eXg28wmwsWGd6+MKrrH4s1nN9IA==","shasum":"24edc2d47899115be1990ce313703b327ed252ab","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-rc.3.tgz","fileCount":52,"unpackedSize":1248542,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPWUvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRrRAAkkzxbKT2dHQJJRsPrq/oLEKdgqVSD6SaOdyMBnUcCdzD20t0\r\ntfkvhSk2DavoRbcgAnj10XHGxMvMiVYEO6m0FxR9zFPDTqcEYsWFbsNx8eOO\r\n7fJXt/VGUA4HUk0YJY+5zU4EuQwbqRjmCHfHKnELCSHeY5qMkh9vw2pXROfK\r\nvFU2hyeLbWQ2z5tMxNWq+2w+mKCAJ4B+jhqBPqX20gBG127sEOYINHWZ/Sx6\r\nEpgHxqg9zxGwPuUtASAcYm/tdBmqO0j/oxdBZ1RIprpQJMllJ8dwK+QqznMZ\r\nUYn+5k+or0tOnBTP+vBjGmo7UawJkgRdUMIIOKcSJ9HjLqt/ht4FDuyCfVcd\r\nSonm0+ExZN4vhS4G7npPPzaylWrSoeJrx3Pw7B5erW7ObcL2ep2jN5Ck+vfs\r\nyLcDVWV43hwt2iYakiWJrruLO9agRENpnD+q1wPvJZ9Toug9+GAxuUs+Vftr\r\ndqoRyyqkw4j+Oig5hm4DaeWkpr53cl6tAQGD0upbhC81fNkA+vIDAc+4BVx2\r\ntlQxPgHPYt/KFF9YP0L7nCOLWkqd/hN7XOSW8Xl2eaegjHNjKYuZBOvZj647\r\nBsuYjd0Cy5i+H38EbJVlhJrLPhlOU8Nj2jIopPK//9GV/lJeXhX6MAyKtMkf\r\nlstTVSnDCeFMkdveuQbmWK7Ve4xileKncc0=\r\n=9us0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2gd1qVy8Nb1v1IAfxaaIqV7QZI5xeRqUUp0eu5Xu1ZwIgUcaaXAGQr2WLRd/HUBsgDKNHCxCGs0jWddRjKkrBoYk="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-rc.3_1648190767609_0.7707465691331978"},"_hasShrinkwrap":false},"3.2.0-rc.4":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-rc.4","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.1.0-rc.2","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n## Branch\n- next : Vue3 + ant-design-vue@3.x (beta)\n- v3.1 : Vue3 + ant-design-vue@2.2.x (release LTS)\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\npnpm build # Build library and .d.ts\n```","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-rc.4.tgz","_id":"@ant-design-vue/pro-layout@3.2.0-rc.4","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-8PmZeNzYD6pgNsTC8nf06ILbMJEcq4k4QVbG6xzlQfGjSlQrS7D13hNVnUobKnu7WNQm+YL2QiKpQtcLb6ECXA==","shasum":"f6e707cd896324df14b4d6073ad519e72b7d19d0","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-rc.4.tgz","fileCount":52,"unpackedSize":1248861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPYQiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFpQ//SHMY4a8RDAK9A+k2SGulmw9Y+p2ysGfA6h78uOs3rxEZlXP3\r\nDu+T1w6X63+xf52fQdX3WK2EdkfGYU2spsAcQPT1TEovaUK/AdkCnB1H1eRJ\r\nurT5Am5hwezPpHZvkFwMHUdy7Ryi0mLMb9JDMK79YipIno371eJNVERTiZEu\r\nJISW1ZFS5p83haSQ0XunXx8vyyZy+guXM7vFiMVtx+/jMeWQfjJD1Q/V2cyt\r\nhp2fKcMubVVe5SUi6wstY5eVZSTMqcmoTBC8e9hiAmjouLfE5qg0N+RCEXuA\r\n/mWg4etbXpEkBbB5Ec4GA9TxzafV83AreD2IYh47SkIfT+RE6zUDQ/OK9+ru\r\nJoXCVnklcrnl9JAIlDSlTYgkonOmZFfH2+pHepdUn3IVLCsBAIqiUuz/TFMm\r\nSY/aMiQkJdey9s3TqK5nIzr9A5leNPOoYlZonkoZH2IUl6JmZ8pUd6yhVQ1b\r\nkI5sxnrGIwHN8CknsjSX/j3ijYGpOHfMPD6AkHgB9ExTJFMAoLGnOhbnJquw\r\nILXmvSzGjuhpiZSO2LKq16NCO9OYm4CU0dkDBh7E/tflT0IJ/EyD559e1Emc\r\nqwr3PjSuq+jwxvzouyKReoKz/Gf00iRBskyTYC0pQDYLpfnptNqUXgLKfqO4\r\nL1dFG6gsdu+DfTNPyv6/uA3EX/y3xsoP31o=\r\n=RefZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCpbRywipLoeadXasWb6s5yaOqbaHeoQnIUCJuj93KbugIhAIvdzL9YdbHg0PzL5BJM+DjfC5iX56pnxRD5cEg0+qlM"}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-rc.4_1648198690188_0.6968186493356712"},"_hasShrinkwrap":false},"3.2.0-rc.5":{"name":"@ant-design-vue/pro-layout","version":"3.2.0-rc.5","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.1.0-rc.2","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n\n## Branch\n- next : Vue3 + ant-design-vue@3.x (beta)\n- v3.1 : Vue3 + ant-design-vue@2.2.x (release LTS)\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout@next\n# npm\nnpm i @ant-design-vue/pro-layout@next -S\n```\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport '@ant-design-vue/pro-layout/dist/style.css'; // pro-layout css or style.less\n\nimport { createApp } from 'vue';\nimport App from \"./App.vue\";\nimport Antd from 'ant-design-vue';\nimport ProLayout, { PageContainer } from '@ant-design-vue/pro-layout';\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount('#app');\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| headerContentRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| (props: BasicLayoutProps) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| menuSubItemRender | custom render Menu.SubItem | v-slot#menuSubItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ----------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string` \\| `number | 16 |\n\n\n\n\n### Custom Render\n\n#### Custom rightContentRender\n```vue\n\n \n\n```\n\n#### Custom menu.item\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n```vue\n\n \n \n\n```\n\n\n#### Custom footer with slot\n```vue\n\n \n 链接1\n 链接2\n 链接3\n 链接4\n \n \n Pro Layout © 2021 Sendya.\n \n\n```\n\n#### Custom footer with props\n```vue\n\n```\n\n\n### Use WaterMark\n```vue\n\n \n \n \n\n```\n\n## Build project\n\n```bash\npnpm build # Build library and .d.ts\n```","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0-rc.5.tgz","_id":"@ant-design-vue/pro-layout@3.2.0-rc.5","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-cSzstzDr5lQ8o8XB/2yGM2RJbqSx5evt6SnTqEp5WTMrsdYBMg8P/zViE3thtiMKrAOFQqiDtNi3/ymRzy5HJQ==","shasum":"44d275b357904bf0f6c0663c6169e9dd4ee1bd5b","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0-rc.5.tgz","fileCount":52,"unpackedSize":1248897,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPoR3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosXQ//cX22IKZuxTxFRrr4NVTcKH0zNYy8E/eSBUyevzBbgnkCghVD\r\nzIMfGj/SbeV6fQkq2BvNT+C2IICbEYxSXTARjwj4OqAjpWO8O05kYbvJ1gWO\r\npc7omLnEGscXcrZpezsNSP8hkQdyTet5TNxNax557SZDWc2oH4SJS3idmiGz\r\nTkTpxnQreajxhzTR8tq7BDH2CU2QP9as7QhUSPwvHZ0YUFCHEK4IaZBGZnDi\r\nTizvwN2CNsaMHFyKMQ97GesSu9MKxSref/wWM67UcHjJeyf7nkCbK6F5McvZ\r\nxIuYtG0OEYExAiQN2wGbNT2jfhPJZGPEo8a40ypucKE/Uw40fAhLbAlPEzAZ\r\n1pzCB6NBBCwjVecxh+389VXoFJk1mbxdeVcIxgbJXaAuaahbNJ5XXRn8iI9D\r\nY6TWluFkjQLJpTz2q7MKo9g5VVYex6YmAr5caN9k9hKJUW6Yykvc8DSItwpy\r\n03ZIAa3yvpRU9YCjLMSTWVzdTzxaug5V0yv0jH9xaRYR2KLLBob/g1ruB52b\r\n1/PzSDzqidl4on7UY0j4bWTmGegs1Ge1cCSTp1rlzk3zjHRJhpRK3qt+3K40\r\nt7EiEHAhG6Q2YoqP4lWSzXONKm47szlv01NSGSealwqi5wsMd8jaWTRKL98m\r\neiMxbk5eSfTLTHAM0ZV6eeM/d69wbrciiPo=\r\n=0bPx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG7lQ+wp5jSaMNNcHL/z5K+Qs3MjvaoZzldF2U94Dyv3AiAg03CvNVHdo8BeUJHi70w9tJuQuA492KTFK26uXskxzg=="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0-rc.5_1648264311141_0.7735088650219009"},"_hasShrinkwrap":false},"3.2.0":{"name":"@ant-design-vue/pro-layout","version":"3.2.0","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.0.1","ant-design-vue":"^3.1.0","omit.js":"^2.0.2","vue":"^3.2.31","vue-router":"^4.0.12"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.0","@rushstack/eslint-patch":"^1.1.0","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.26","@vitejs/plugin-vue":"^2.2.2","@vitejs/plugin-vue-jsx":"^1.3.8","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.18","@vue/tsconfig":"^0.1.3","eslint":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.2.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.5.1","typescript":"~4.5.5","vite":"^2.8.6","vitest":"^0.5.0","vue-tsc":"^0.31.4"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.0.tgz","_id":"@ant-design-vue/pro-layout@3.2.0","_nodeVersion":"14.19.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-88uLFQgrv/FLvQYa4IuzU1WIU5A7vqW5MIG1ilj7+ke6pzztldfzvcSmpXP8IRJF6t+xADcujNffbG/MygElPg==","shasum":"01646943276e8eb72ed35782f742685fdb82857a","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.0.tgz","fileCount":52,"unpackedSize":1253333,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpZBCTotrReIy1w1YjNyKqYEZHt5LeG19F7QmhwF0EegIgQKFPrUs+rWCNS+oRavU1TAfkZ4FdWaw67NuxOEZlBko="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTP9NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmookA/5AW72mEgbnFFXxg5GkXT32wst1b+338aghT79559brgRLLz4w\r\nnzBrFZPVncX9x1LaIjqGWymrfa6ewYUv428eI+BKOclJPws0yY3bpO5zU1xK\r\nqqj00ytxx4iPkCsqI+qGRhTgeuwmvA145erqNYqVr6YOFyKXgMF8eKebske0\r\n6iqCY/5Z9Q5g3n6ZOJFakLcaVivZHP76cAH0KR6OXR96H2PcrcrciXPkgE7R\r\nuILUUKsAfNoXfR3tvDZHuwbV1VqJlfYb+zaP79wwQ9Ue8SrTrWSjQAwAhxqw\r\nBTkpOba+Ro8ZisOePYPs7Ei+gePvK17nw7YCcNdgFaAh8U/pvA9gkUeJstWt\r\nrEWCEEwt7sYamq1X201YQGa89ji3npRKXYgaMXtKZsLrTh385wbJF7k1auMY\r\n28NP/Ovc+df9ox3DiYT7cr6gA0mxK178ODF0Qxg6Lv+GWZB31ytucuVOYYX9\r\nqHtBD9uXMREVHBWTuT2ixu9zxWgHAr72c6FWQC1nNyx3o0Gr/7lHundaWZ6J\r\nmxHfRoBww+u6O7mJP/z0XWV57xpGcKSjBYnccTQYM/Zv5et92ESBPlBLKwhO\r\noMPmZ5Pp/Q9ZMxRQR8LykmxekP4KuyQB8D723D/i2e6HTqaS+ch7YiVLKBOg\r\neYchv5AW5+ti30nXWgxfOw4FeLNb4Zggm0w=\r\n=8xnA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.0_1649213260867_0.48380216384547614"},"_hasShrinkwrap":false},"1.0.12":{"name":"@ant-design-vue/pro-layout","version":"1.0.12","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"yladmxa@gmail.com"}],"license":"MIT","peerDependencies":{"ant-design-vue":"^1.6.2","umi-request":"^1.2.11","vue":">=2.6.0","vue-container-query":"^0.1.0","vue-template-compiler":">=2.6.0"},"devDependencies":{"@ant-design-vue/tools":"^1.0.2-beta.2","@babel/core":"^7.11.1","@babel/plugin-syntax-jsx":"^7.12.1","@babel/plugin-transform-runtime":"^7.5.5","@babel/preset-env":"^7.5.5","@types/jest":"^24.0.17","@types/node":"^10.5.5","@types/vue":"^2.0.0","@vue/babel-helper-vue-jsx-merge-props":"^1.2.1","@vue/server-test-utils":"1.0.0-beta.16","@vue/test-utils":"1.0.0-beta.16","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-vue-jsx":"^4.0.1","babel-runtime":"^6.26.0","cross-env":"^5.2.0","eslint":"^6.5.1","eslint-config-prettier":"^6.4.0","eslint-plugin-vue":"^5.2.3","jest":"^26.3.0","jest-serializer-vue":"^2.0.2","np":"^5.1.1","prettier":"^1.18.2","regenerator-runtime":"^0.13.7","vue":">=2.5.0","vue-jest":"^2.5.0","vue-template-compiler":">=2.5.0","webpack":"^5.4.0"},"dependencies":{"ant-design-vue":"^1.6.2","classnames":"^2.2.6","insert-css":"^2.0.0","lodash":"^4.17.15","omit.js":"^1.0.2","umi-request":"^1.2.11","vue-container-query":"^0.1.0","vue-copy-to-clipboard":"^1.0.3"},"config":{"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.js"]}},"description":"ant-design-vue-pro layout, easy to use pro scaffolding.","scripts":{"lint":"eslint -c ./.eslintrc --fix --ext .jsx,.js,.vue ./src","compile":"vc-tools run compile --babel-runtime","test":"cross-env NODE_ENV=test jest --config .jest.js"},"readme":"English | [简体中文](./README.zh-CN.md)\n\nAnt Design Pro Layout
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n## Usage\n\n```bash\nnpm i @ant-design-vue/pro-layout --save\n// or\nyarn add @ant-design-vue/pro-layout\n```\n\n```jsx\nimport ProLayout from '@ant-design-vue/pro-layout'\n\n// by jsx\nexport default {\n name: 'BasicLayout',\n render () {\n return (\n \n \n \n )\n }\n}\n```\n\n```vue\n\n \n \n \n
![](\"../assets/logo.svg\")
\n
Pro Layout
\n
\n rightContentRender\n
\n \n \n footerRender
\n \n \n \n \n\n\n\n```\n\n\n\n## API\n\n\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading`*` | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'sidemenu' \\| 'topmenu' | `'sidemenu'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| theme | Navigation menu theme | 'light' \\| 'dark' | `'dark'` |\n| menus | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| isMobile | is mobile | boolean | false |\n| handleCollapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| headerRender | custom header render method | (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | (props: HeaderViewProps) => VNode | - |\n| collapsedButtonRender | custom collapsed button method | (collapsed: boolean) => VNode | - |\n| footerRender | custom footer render method | (props: BasicLayoutProps) => VNode | `false` | - |\n| breadcrumbRender | custom breadcrumb render method | ({ route, params, routes, paths, h }) => VNode[] | - |\n| i18nRender | i18n | Function (key: string) => string \\| `false` | `false` |\n| handleMediaQuery | media matchs callback | (querys: []) => void | - |\n| mediaQuery | media matchs | Array | - |\n| openOnceKey | menu only open root key | `true` | - |\n\n\n### PageHeaderWrapper\n\n| Property | Description | Type | Default Value |\n| --- | --- | --- | --- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n\n\n\n\n### SettingDrawer\n\n#### {settings}\n| Property | Description | Type | Default Value |\n| ---- | ---- | ---- | ---- |\n| theme | Theme | `dark` `light` `realDark` | `light` |\n| layout | Sider Layout | `sidemenu` `topmenu` | `sidemenu` |\n| primaryColor | Primary color (*development only) | `#1890ff` | |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n","_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-1.0.12.tgz","bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@1.0.12","_nodeVersion":"14.19.1","_npmVersion":"6.14.16","dist":{"integrity":"sha512-qVpN06fm91cqaVT22LEKnel2KJsy5oVeDONcQ0/ED0OUCLCG4pZvjyIulWMNp7fHNCF6vkXgHnWC1UXm7sIikw==","shasum":"e43200b0b77f3fbad92b530ea280fed8e4a32a70","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-1.0.12.tgz","fileCount":78,"unpackedSize":228548,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH+Q+mX2l4q5plRoWKWX73MznGIfNCFftKuETcaYwQcXAiEA5+pMeSU1uMM0Y1YS8uIbDpPFAa6G57Me3HZv3LAikd0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiV++VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUbA/+KUMX4OXw5M0p21M8BrL3alOSVY5soMMWid+hlZa0JozuRtGx\r\n3c+xwcpTVFE72Cd+yiFwPtog4/+rC0SZS5QBJGnV1UduRYXk4yJnY1i+7bye\r\n/wwjoz0VS1EaO5cnbtHaM2vQK6y4tRgj30oGna0MLwyYhk3l+8BaS6T8uC2x\r\na/BporQ7q9zX3ZhoipcKMvTZitU4MtP5ZDyffd/aKQ2NfOcxyXmPvv6xlRiZ\r\nFOnwYr3qgrNwf/hn+058tt/WoqsobJbRWRK8zR+42jEJEr7OIGYN6Z7EaqSr\r\nW+fb9p7iH4uJB8z6wxv37QdfVSDFVN5YQePxVNHuDDN3wphJr1MOFkPCnoRC\r\n6IVujertypK7bpUm2kq/PBOcilKR/HR36rbgafaLwDZTXXui9MElRzGEXNMM\r\nj4s1a6MVUPJ7Vp101x4PGPNFDTw1iME5FdpNnQt2Z25dKspfPdzkMO+jiWZz\r\nkn7jdNyrhIf9W/8DTT0Bj+vq5gK5z2K3+Swd0w0DeLKlz1XvgEQVFDVoDD78\r\n9bBpFxxnfIhl05u+44P4diwCEJorYjM5yRWKN6XVsKxUxT3nIDnEJvgw3eGr\r\nslCcRi673lP3b7WQzjNMhJ6JHWW0hza6mU6y1Rc2Ix9ssz188uOpeWPxpo4E\r\nTgBmPrLx4yOHnhHmXZmwkuwEVbY9wsdi5pI=\r\n=Lmas\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_1.0.12_1649930133516_0.43573371192139243"},"_hasShrinkwrap":false},"3.2.1":{"name":"@ant-design-vue/pro-layout","version":"3.2.1","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.1.0","ant-design-vue":"^3.2.0","omit.js":"^2.0.2","vue":"^3.2.33","vue-router":"^4.0.14"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.2","@rushstack/eslint-patch":"^1.1.3","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.27","@vitejs/plugin-vue":"^2.3.1","@vitejs/plugin-vue-jsx":"^1.3.10","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.20","@vue/tsconfig":"^0.1.3","eslint":"^8.13.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.6.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.6.2","typescript":"~4.5.5","vite":"^2.9.5","vitest":"^0.5.9","vue-tsc":"^0.34.7"},"contributors":["tangjinzhou <415800467@qq.com>","Sendya <18x@loacg.com>"],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_id":"@ant-design-vue/pro-layout@3.2.1","_integrity":"sha512-Jh9WAb/2SSUCk8iOW8+b/zGx+XoO82t/EIJr3P4zQK/+U7tNIXKV95synCadWVEqBiwcYcyPDNwCdv0biMIU1Q==","_resolved":"/home/sendya/projects/vueComponent/pro-components/packages/pro-layout/ant-design-vue-pro-layout-3.2.1.tgz","_from":"file:ant-design-vue-pro-layout-3.2.1.tgz","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-Jh9WAb/2SSUCk8iOW8+b/zGx+XoO82t/EIJr3P4zQK/+U7tNIXKV95synCadWVEqBiwcYcyPDNwCdv0biMIU1Q==","shasum":"49726faca4ff99ad783644f22e8857f98c881b04","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.1.tgz","fileCount":52,"unpackedSize":1257640,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFe544zS8r8C/6BjbT62RsPnc2jwwFIDggDoVmyt84QyAiEAivwrcHKHYBRsGXNeRzYE3EnlFG++sCAdLp7z+YbLUBI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXuwOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTyxAAhXHwbcgfRA+xYhi/w7gXavpV/3hAtdFXtEcpEI6ypFu6jiML\r\nHfuzpRwd4+FxJKEqQwxVtkP9C3JhQ7qzIGgriCUqPr8mJw/8JvxlZA/UhFcX\r\nz2OR1BbbFzRPgywSy11WPUCNbjwJh8sNX6Ud0+1jJVslOHXEGW9QsfXkGofp\r\nhzUcxnbNgcYI6Gpg7PC6fgTTmZxAKoTl/SCqHrQtQdoKsa2sjP3LoUEvuJtp\r\n/ULL+zHvbp86wqXhKeAbdi8GlQleBzSByvBRZvTiTFBYCgp1h39pQLcRjD7E\r\nRzCMwPCZ6ugzQ4px7b0crpQUEaDHSaHeON1Fj4TI0fRaNbawO8ilK0k3e/HA\r\nyg+0bZjyejRn+lVQv99whj/A6S/0lm267C9ohWYjzWErbFGEv9RNuzb2Tgt3\r\n5Cd9hEwR4QAfjrdLk8y3P9ByFE4ilJPH0jj4YJvevXNLoOPaSVOQU69bKZvD\r\nxHEW6vxxqkmJozDxsoeicTjJh1RfkvDn1yQ9/TFW/7X+3uuAbRdJWUmk1GCt\r\nwNJi7yA8cxc+GQGFu7nZE+MbI1cAZ5tARz6aRqLlQUXye+QYBbA0OACECdpT\r\nQ5bJ4ZHct5Zrgph/GdFVUXsEjwD6bZmmBW6OQqYhHZFixMH97cWpxa8mC0De\r\nrzDqp+ByYtMn7XIIrYkm/YGlIyLzNohMJN0=\r\n=OEYR\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.1_1650387982073_0.8276357402388796"},"_hasShrinkwrap":false},"3.2.2":{"name":"@ant-design-vue/pro-layout","version":"3.2.2","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.1.0","ant-design-vue":"^3.2.0","omit.js":"^2.0.2","vue":"^3.2.33","vue-router":"^4.0.14"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.2","@rushstack/eslint-patch":"^1.1.3","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.27","@vitejs/plugin-vue":"^2.3.1","@vitejs/plugin-vue-jsx":"^1.3.10","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.20","@vue/tsconfig":"^0.1.3","eslint":"^8.13.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.6.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.6.2","typescript":"~4.5.5","vite":"^2.9.5","vitest":"^0.5.9","vue-tsc":"^0.34.7"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_resolved":"","_integrity":"","_from":"file:ant-design-vue-pro-layout-3.2.2.tgz","_id":"@ant-design-vue/pro-layout@3.2.2","_nodeVersion":"14.19.1","_npmVersion":"6.14.16","dist":{"integrity":"sha512-EMNPJU39PNJGcK9OIaWtGPCGBwc2Mm+Dff+6dclL2obR3a18IzLboyvxpo2cMzE7UG2huspKErkmlpJwTyQ3Pg==","shasum":"77f13b7f26fbfcfb66b9ca5ddb6600523a92f712","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.2.tgz","fileCount":52,"unpackedSize":1256480,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDV553hX/3xeUKzVV6dXd4B8O82pSs69dqy+yzKU2H8ZAiEA6EWnQZQmuEKoLr0vCF9dsbW3OZJ2SUyyZKaXpAmmzbo="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZL+7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+yw//Q0AZklBpTdECP28Ck3EieXFtpdPnpohpRxhXwnA2OA/zyq0S\r\n2/jX94qAz0u+XSTn71Z7DtL92ml+fXO+bIqSALkx29eA2TsZR9/dYf8GPVUa\r\nGxBMQK2gk7pMhttzVrXW27EgdaEoVbTF7WzqOzU08E0YraEbtGbWZ5IlqDq/\r\n5hhMkuInSeLqRot+dAj6Fo+9RFixtsGug0MjVWd/TnkZN1XmtdmDLr13MHDr\r\nBWFRRoSdny9nx5J56dCAkfbHPp6nm3fborM76o3aAskHVD5xy6yxbkmCQrgt\r\ndyr+bJJU3PqP7qWxXpgaN8IoCsV4oSO6xp8HJni1NqNC0j7GVVoRZK9mbiND\r\n3sxdNNwvYWOXusbWk8X9naxjt7RaIagc3eRpwYLyNFU1yguZ1zMl3OCldi23\r\nOA2kxn9zBmPKJvCwpSZSFVK2zD/lVxPdlSBlvT5bHPaHq50pMZsiB89rKuEs\r\nmSf7ERxzsWGXzuXo47Q02FKbtwRaj2nytKA7+qxV3Z/AD2h/3NOj/jk6XL9N\r\nEYUyPvXrzrrw5/udimYNqLPDwGiy+Q99PQdZB5OEJi0w8xls3kqpSw9RjOho\r\nGaoaUjMlsin59xt6A8F5WHn0cbQCNSUP3UIKq/u21A7bDhj2yPoHq2BgoWKk\r\ngM/566k5JzvEVhxlRmlR7Zxr/Ra8VbEYQoM=\r\n=7Dst\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.2_1650769851584_0.5278026477568094"},"_hasShrinkwrap":false},"1.0.13":{"name":"@ant-design-vue/pro-layout","version":"1.0.13","main":"./lib/index.js","module":"./es/index.js","repository":{"type":"git","url":"git+https://github.com/vueComponent/pro-layout.git"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"yladmxa@gmail.com"}],"license":"MIT","peerDependencies":{"ant-design-vue":"^1.6.2","umi-request":"^1.2.11","vue":">=2.6.0","vue-container-query":"^0.1.0","vue-template-compiler":">=2.6.0"},"devDependencies":{"@ant-design-vue/tools":"^1.0.2-beta.2","@babel/core":"^7.11.1","@babel/plugin-syntax-jsx":"^7.12.1","@babel/plugin-transform-runtime":"^7.5.5","@babel/preset-env":"^7.5.5","@types/jest":"^24.0.17","@types/node":"^10.5.5","@types/vue":"^2.0.0","@vue/babel-helper-vue-jsx-merge-props":"^1.2.1","@vue/server-test-utils":"1.0.0-beta.16","@vue/test-utils":"1.0.0-beta.16","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.1.0","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-plugin-transform-class-properties":"^6.24.1","babel-plugin-transform-object-assign":"^6.22.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-runtime":"^6.23.0","babel-plugin-transform-vue-jsx":"^4.0.1","babel-runtime":"^6.26.0","cross-env":"^5.2.0","eslint":"^6.5.1","eslint-config-prettier":"^6.4.0","eslint-plugin-vue":"^5.2.3","jest":"^26.3.0","jest-serializer-vue":"^2.0.2","np":"^5.1.1","prettier":"^1.18.2","regenerator-runtime":"^0.13.7","vue":">=2.5.0","vue-jest":"^2.5.0","vue-template-compiler":">=2.5.0","webpack":"^5.4.0"},"dependencies":{"ant-design-vue":"^1.6.2","classnames":"^2.2.6","insert-css":"^2.0.0","lodash":"^4.17.15","omit.js":"^1.0.2","umi-request":"^1.2.11","vue-container-query":"^0.1.0","vue-copy-to-clipboard":"^1.0.3"},"config":{"port":9528,"entry":{"@ant-design-vue/pro-layout":["./src/index.js"]}},"description":"ant-design-vue-pro layout, easy to use pro scaffolding.","scripts":{"lint":"eslint -c ./.eslintrc --fix --ext .jsx,.js,.vue ./src","compile":"vc-tools run compile --babel-runtime","test":"cross-env NODE_ENV=test jest --config .jest.js"},"bugs":{"url":"https://github.com/vueComponent/pro-layout/issues"},"homepage":"https://github.com/vueComponent/pro-layout#readme","_id":"@ant-design-vue/pro-layout@1.0.13","_integrity":"sha512-O0Kixs9C0noECnAVHxnhvkI0MKWqnAJaV9H8O6tr3ad3Bpr4IAPd+f7y9o3y57eDhfZCPaLR3quM4nxfHSgYWA==","_resolved":"/tmp/e64a413ecb95fb6c4d448cf47f722018/ant-design-vue-pro-layout-1.0.13.tgz","_from":"file:ant-design-vue-pro-layout-1.0.13.tgz","_nodeVersion":"16.15.0","_npmVersion":"8.5.5","dist":{"integrity":"sha512-O0Kixs9C0noECnAVHxnhvkI0MKWqnAJaV9H8O6tr3ad3Bpr4IAPd+f7y9o3y57eDhfZCPaLR3quM4nxfHSgYWA==","shasum":"08cdfa3b7eabc50ad219ef58a29f43371a819b35","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-1.0.13.tgz","fileCount":78,"unpackedSize":227689,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGFYURwAgPWAl9U/z/n5rYfjusLjZSTfeQ+T+hgR9BTYAiBAGAtI//fARrcyH8RmUFZ6b8oxxHf8n4YyIs6jbRMH0A=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJilDD8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHBw//R6j+aJrdb7Ul9jMX47kQhfJ/WzPdCs0d3x1wDbv+Z+Q6VBsL\r\nRAf32Hb0TkGzCwQ4fHV0rdn40gbCN0Jg3DSUZz9Hn/c7f5Q4jS/dHEBkcd9z\r\nLQJBhZR6zXA9A0yJ/zNwsZIWKSverRcXsf9qVMrXOqlT79t8DtsFNt9liu4N\r\ngEszSPVc2DQUtTcJGUTwF/SQk8lv7I9hamwQqgOLEBYcA/NSlJNx140A8yZK\r\nEci05bc1ehT3kwEgcgcy3ovOx3OpiEETr/JDv+uaerphXZTqQhT0CuaLZJ1+\r\nbRnmT4xHYjV/9LkKVw05cM2z6jOtSf9rUeGzCja+g9Dc7oyikPMIDN7fZVg8\r\nE3HFyTalyBxa0xRGppWDNzz78aIcbJUao0u8d7/iJIfB3B9vAbOklMmrh6yq\r\n8ym+GezlyjMelHB7p4cnhAFllHzXW8eaNTD4ynfeFoKFcH6GN5M8/1A+DaRl\r\n1VrLlUHQxu4yTgyk6uX3pPbHCkM70ApB6ocOAkKIz5rkoIHfFLrcLTcEj8W9\r\n360rcbh/OBBZFYDKKQ+jsprqLicja429/k6TeMbWRg3kpg0nGoqDkWaMN6UD\r\n8I2ao6V3xTM21TLsijqJUd1QrShXO8QHZQCuiCmK5a5XB/xNTbW77qda4eMw\r\nz3hxBGmPu5B25xjWiqJ74KuN1BfLYnhqMa8=\r\n=fmvi\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_1.0.13_1653879036338_0.1181492743842758"},"_hasShrinkwrap":false},"3.2.3":{"name":"@ant-design-vue/pro-layout","version":"3.2.3","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.1.0","ant-design-vue":"^3.2.0","omit.js":"^2.0.2","vue":"^3.2.33","vue-router":"^4.0.14"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.2","@rushstack/eslint-patch":"^1.1.3","@shared/vite-plugin-less-copy":"^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.27","@vitejs/plugin-vue":"^2.3.1","@vitejs/plugin-vue-jsx":"^1.3.10","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.20","@vue/tsconfig":"^0.1.3","eslint":"^8.13.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.6.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.6.2","typescript":"~4.5.5","vite":"^2.9.5","vitest":"^0.5.9","vue-tsc":"^0.34.7"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_id":"@ant-design-vue/pro-layout@3.2.3","_integrity":"sha512-rXc5OPtuIkUqRuHdJ2+oMZJxMbn2S4qPGIhzKavQVnAcXt0TRvN9V6bZhFkR2EvXfkGl1woYgAEDv3F3o5V1Ww==","_resolved":"/private/var/folders/0q/fdkb8kf95nd6yc7xgk1fgvhc0000gn/T/234fcbb2f0c3f6b98ec006939dc56b0f/ant-design-vue-pro-layout-3.2.3.tgz","_from":"file:ant-design-vue-pro-layout-3.2.3.tgz","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-rXc5OPtuIkUqRuHdJ2+oMZJxMbn2S4qPGIhzKavQVnAcXt0TRvN9V6bZhFkR2EvXfkGl1woYgAEDv3F3o5V1Ww==","shasum":"72044acfc7c942edf36a4fe193b9483203ea9fb2","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.3.tgz","fileCount":46,"unpackedSize":1175401,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICo/4/86ZKQVGj8F9A5n70obJ+cT/pGEPxZxfhLHUEVhAiBMVevygDVeYq1AXLkiuiHW4nyy4pziv5QQUN5cSwtNeA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2iK9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqziA//acJWGkz2qpqmLhIBgnodqRQ93IXJ/GGtbpw+0dSJ2D342VD8\r\n7+rB9WPlmfyHs0Khc1jJMocLyt4GBnJ1tSVFV7v9pIjJZK5pyCsydxD+0KcM\r\nBWClrbMNioLvmE+THAb5mGyh0C6lZEZWz3EdDlgvPa+Yag1T56wnt8eLGJfQ\r\n2lfM7Bh6/zICBJ8x6mf0Yg2+o44YpLmtrm5QCeVhy758DtIHHSrupo9WDTaX\r\nfpXA7MSgePzZsTi7T1F6Be0BxmYSOHPK+y3F4AlTWqpRwFjucNRsJHY1rFCv\r\nTpq7N9itHnoGgFgD4/KUJpdfCoqSv+ulZav1ovEvcbELIKXbtDqxlSNCakHB\r\nLFHtNoLSrNGExoTrDYdG++sHTVoYf9dk8e/WdfYq49Y6IY5zQquPBRhD1OX+\r\nqbMRGr2v+WkJVowd9pv6oVlokURV5NhT57tLepzAEv/VbVtWbhPyRsLIdsl4\r\nHUpaMz8q0sTLGWjzspCEN+PdR0x006cxe/FetPJsPdZt8aCdDg3BBVWCt4VI\r\nD8p0znruvVcbfi5meV529uwNAWm+wyOnp9Wiw+wjcYB2QdgEml6xg+tumSu7\r\nUFiwYpXjepUI8EhRx5bb/4VBGjhaDi0pDiqON/QrrGjsCv35bkQKJ+NMY8TV\r\nN38rqosYS0d0PGK3GrJ3HVf6gb498RoyLrU=\r\n=hY0E\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.3_1658462909395_0.004173998136293822"},"_hasShrinkwrap":false},"3.2.4":{"name":"@ant-design-vue/pro-layout","version":"3.2.4","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","prepare":"pnpm build","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.1.0","omit.js":"^2.0.2"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.2","@rushstack/eslint-patch":"^1.1.3","@shared/vite-plugin-less-copy":"workspace:^0.0.0","@ant-design-vue/pro-utils":"workspace:^0.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.27","@vitejs/plugin-vue":"^2.3.1","@vitejs/plugin-vue-jsx":"^1.3.10","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.20","@vue/tsconfig":"^0.1.3","eslint":"^8.13.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.6.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.6.2","vue-router":"^4.1.5"},"peerDependencies":{"ant-design-vue":">=3.2.0","vue":">=3.2.0"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","gitHead":"abc282acc3a451b5e82c67f40f779e84a7ee61fc","_id":"@ant-design-vue/pro-layout@3.2.4","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-VQpW3nRir8EMrMvGlXaz26AqfaqKd7hO/alz/xoh4BOXd+jXRIogpS3zF00wwOvJtAFc/oRpTz9LjFkJK2M80A==","shasum":"b92cd4ba025c28a70de7c0a53d1282608f49f75f","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.4.tgz","fileCount":50,"unpackedSize":1245491,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDlu1+RxkJ6Y9CWWLoG7QUkvNqp809XBZLokO/ddJ2OlAIgJI0ApDTD74wfUrl+hTT6Mh3i0h2fPWy/vkrdFhH4NLg="}]},"_npmUser":{"name":"sendya","email":"yladmxa@gmail.com"},"directories":{},"maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.4_1685694325453_0.26432276275117816"},"_hasShrinkwrap":false},"3.2.5":{"name":"@ant-design-vue/pro-layout","version":"3.2.5","types":"./dist","style":"./dist/style.css","main":"./dist/pro-layout.umd.js","module":"./dist/pro-layout.es.js","exports":{".":{"import":"./dist/pro-layout.es.js","require":"./dist/pro-layout.umd.js"},"./dist/style.css":"./dist/style.css","./dist/style.less":"./dist/style.less"},"dependencies":{"@ant-design/icons-vue":"^6.1.0","omit.js":"^2.0.2"},"devDependencies":{"@rollup/plugin-typescript":"^8.3.2","@rushstack/eslint-patch":"^1.1.3","@shared/vite-plugin-less-copy":"^0.0.0","@ant-design-vue/pro-utils":"^1.0.0","@types/jsdom":"^16.2.14","@types/node":"^16.11.27","@vitejs/plugin-vue":"^2.3.1","@vitejs/plugin-vue-jsx":"^1.3.10","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.20","@vue/tsconfig":"^0.1.3","eslint":"^8.13.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.6.0","jsdom":"^19.0.0","less":"^4.1.2","prettier":"^2.6.2","vue-router":"^4.1.5"},"peerDependencies":{"ant-design-vue":">=3.2.0","vue":">=3.2.0"},"contributors":[{"name":"tangjinzhou","email":"415800467@qq.com"},{"name":"Sendya","email":"18x@loacg.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","vars":"lessc --js ./src/style.less modifyed.css","types":"vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview --port 5050","test:unit":"vitest --environment jsdom","typecheck":"vue-tsc --noEmit && vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"TIMING=1 eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"},"_id":"@ant-design-vue/pro-layout@3.2.5","_integrity":"sha512-M87KEnnt3h5zLlYXPST4fTGHkuwnJac6xbBGOUTjNjMraOyyO9afx++UNdeOc8gtjtasOBcp9VYGFrGUQyJxVg==","_resolved":"/private/var/folders/gv/68jyrcks6l1dr6476z9nw_800000gn/T/491d3145a8d0c3f9961c70d4123d565e/ant-design-vue-pro-layout-3.2.5.tgz","_from":"file:ant-design-vue-pro-layout-3.2.5.tgz","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-M87KEnnt3h5zLlYXPST4fTGHkuwnJac6xbBGOUTjNjMraOyyO9afx++UNdeOc8gtjtasOBcp9VYGFrGUQyJxVg==","shasum":"a75dd9eaea34cde3503a2ad660e231d1d8b5b7db","tarball":"https://registry.npmjs.org/@ant-design-vue/pro-layout/-/pro-layout-3.2.5.tgz","fileCount":52,"unpackedSize":1513840,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICKo1SR/JyiZRnua/EKDEAhhhj96hBP4tY8yZaVe15o1AiBjdFeq07oNWpZam73L0+mr3iNd5NC8kQDwfYVSUgSuvw=="}]},"_npmUser":{"name":"aibayanyu","email":"aibayanyu@qq.com"},"directories":{},"maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/pro-layout_3.2.5_1697932735506_0.5227510196886807"},"_hasShrinkwrap":false}},"time":{"created":"2019-11-19T04:04:49.519Z","0.1.0":"2019-11-19T04:04:49.877Z","modified":"2023-10-21T23:58:55.978Z","0.1.1":"2019-11-20T06:30:41.175Z","0.1.1-beta.2":"2019-11-28T01:32:08.628Z","0.1.1-beta.3":"2019-11-28T01:40:35.323Z","0.1.1-beta.5":"2019-12-05T17:07:08.542Z","0.1.2-0":"2019-12-06T06:47:02.302Z","0.2.0":"2020-05-04T13:37:41.408Z","0.2.1":"2020-05-04T14:04:26.617Z","0.2.2":"2020-05-04T18:06:05.416Z","0.2.3":"2020-05-04T18:38:35.857Z","0.2.4":"2020-05-05T16:06:31.192Z","0.2.5":"2020-05-06T14:16:30.442Z","0.2.6":"2020-05-14T12:59:46.975Z","0.2.7":"2020-05-14T13:28:47.607Z","0.2.8":"2020-05-15T02:27:42.328Z","0.2.9":"2020-05-15T10:19:28.996Z","0.2.10":"2020-05-19T06:59:38.650Z","0.2.11-0":"2020-05-21T03:18:08.797Z","0.3.0":"2020-06-02T16:34:58.398Z","0.3.2":"2020-06-03T14:08:35.232Z","0.3.3":"2020-07-04T07:58:25.487Z","0.3.4":"2020-07-09T16:41:32.441Z","0.3.5":"2020-07-30T10:09:41.874Z","0.3.6-0":"2020-07-31T02:42:07.162Z","0.3.6":"2020-07-31T02:54:14.449Z","0.3.7":"2020-07-31T03:26:44.043Z","0.3.8":"2020-08-04T08:20:00.383Z","0.3.9":"2020-08-05T03:08:27.147Z","0.3.10":"2020-08-05T06:38:36.279Z","0.3.11":"2020-08-05T07:06:10.298Z","0.3.12":"2020-08-05T07:13:23.198Z","0.3.13":"2020-08-06T02:48:21.104Z","1.0.0":"2020-08-06T07:11:35.488Z","1.0.1-0":"2020-08-12T17:24:14.875Z","1.0.1":"2020-08-14T07:45:56.010Z","1.0.2":"2020-11-05T02:57:50.926Z","1.0.3":"2020-11-05T03:27:38.695Z","1.0.4":"2020-11-05T03:38:06.965Z","1.0.5":"2020-11-05T07:08:54.590Z","1.0.6":"2020-11-26T08:35:03.210Z","3.0.0-alpha.1":"2020-12-02T17:17:32.107Z","1.0.7":"2020-12-09T17:03:44.672Z","3.0.0-alpha.2":"2021-01-07T03:19:29.542Z","3.0.0-alpha.3":"2021-01-07T03:56:41.744Z","3.0.0-alpha.4":"2021-01-10T13:52:42.051Z","1.0.8":"2021-01-20T15:40:23.791Z","3.0.0-alpha.5":"2021-02-02T16:30:56.554Z","3.0.0-alpha.6":"2021-02-03T15:05:31.872Z","3.0.0-alpha.7":"2021-02-09T06:57:36.108Z","3.0.0-alpha.8":"2021-02-23T14:58:55.004Z","3.0.0-beta.1":"2021-02-27T09:52:17.007Z","3.0.0-beta.2":"2021-03-04T06:51:14.152Z","3.0.0-beta.3":"2021-03-18T14:48:52.102Z","3.0.0-beta.4":"2021-03-23T11:59:18.444Z","3.0.0-beta.5":"2021-03-24T04:04:54.300Z","3.0.0-beta.6":"2021-04-26T06:51:13.947Z","3.0.0-beta.7":"2021-06-15T13:11:42.136Z","3.0.0-beta.8":"2021-06-15T14:31:12.596Z","3.0.0-beta.9":"2021-06-15T14:41:20.542Z","3.0.0-beta.10":"2021-06-30T03:29:28.763Z","3.0.0-beta.11":"2021-06-30T03:38:05.937Z","3.0.0-beta.12":"2021-07-01T03:41:31.091Z","3.0.0-beta.13":"2021-07-08T08:19:24.317Z","3.0.0-beta.14":"2021-07-08T08:58:12.396Z","3.1.0-alpha.0":"2021-07-08T11:46:39.339Z","3.1.0-alpha.1":"2021-07-12T06:09:22.640Z","3.1.0-alpha.2":"2021-07-13T08:26:22.602Z","3.1.0-alpha.3":"2021-07-13T14:19:36.221Z","3.1.0-alpha.4":"2021-07-21T05:41:13.294Z","3.1.0-alpha.6":"2021-08-12T05:06:21.932Z","3.1.0-alpha.7":"2021-08-13T16:22:15.756Z","3.1.0-alpha.8":"2021-08-19T08:20:04.119Z","3.1.0-alpha.9":"2021-08-23T16:31:45.005Z","3.1.0-alpha.10":"2021-08-24T02:29:13.512Z","3.1.0-beta.1":"2021-08-26T02:56:43.294Z","3.1.0-beta.2":"2021-08-28T15:15:38.205Z","3.1.0-beta.3":"2021-08-30T14:12:28.853Z","3.1.0-beta.4":"2021-08-31T09:35:23.095Z","3.1.0-beta.5":"2021-09-10T11:19:18.093Z","3.1.0-beta.6":"2021-09-10T13:25:47.167Z","3.1.0":"2021-10-03T14:46:59.905Z","3.1.1":"2021-10-20T09:34:54.431Z","3.1.2":"2021-10-22T08:59:35.475Z","3.1.3":"2021-10-28T11:41:39.861Z","3.1.4":"2021-11-18T03:03:01.061Z","3.1.5":"2021-11-18T06:24:35.730Z","3.1.6":"2021-11-18T06:46:19.025Z","1.0.9":"2021-11-20T05:40:25.781Z","1.0.10":"2021-11-25T13:16:33.725Z","1.0.11":"2021-11-30T14:01:08.549Z","3.1.7":"2021-12-03T11:25:00.050Z","3.1.8":"2021-12-13T14:49:42.545Z","3.1.9":"2021-12-14T03:11:16.978Z","3.1.10-beta.1":"2021-12-24T12:47:18.605Z","3.1.10-beta.2":"2021-12-24T13:03:07.751Z","3.1.10":"2021-12-24T13:17:27.883Z","3.1.11":"2021-12-24T13:27:44.341Z","3.1.12":"2021-12-24T13:33:02.646Z","3.1.13":"2022-01-16T13:32:36.123Z","3.2.0-alpha.1":"2022-03-12T02:55:02.880Z","3.2.0-alpha.2":"2022-03-12T03:19:36.961Z","3.2.0-alpha.3":"2022-03-14T12:38:14.905Z","3.2.0-alpha.4":"2022-03-14T12:47:42.634Z","3.2.0-alpha.5":"2022-03-14T12:50:46.617Z","3.2.0-rc.0":"2022-03-15T09:20:52.798Z","3.2.0-rc.1":"2022-03-23T12:32:09.530Z","3.2.0-rc.2":"2022-03-25T06:16:41.315Z","3.2.0-rc.3":"2022-03-25T06:46:07.750Z","3.2.0-rc.4":"2022-03-25T08:58:10.364Z","3.2.0-rc.5":"2022-03-26T03:11:51.383Z","3.2.0":"2022-04-06T02:47:41.290Z","1.0.12":"2022-04-14T09:55:33.707Z","3.2.1":"2022-04-19T17:06:22.245Z","3.2.2":"2022-04-24T03:10:51.793Z","1.0.13":"2022-05-30T02:50:36.494Z","3.2.3":"2022-07-22T04:08:29.646Z","3.2.4":"2023-06-02T08:25:25.661Z","3.2.5":"2023-10-21T23:58:55.782Z"},"maintainers":[{"name":"aibayanyu","email":"aibayanyu@qq.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"description":"Ant Design Pro Layout of Vue, easy to use pro scaffolding.","readme":"\nAnt Design Pro Layout\n
\n\n\n\n[](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./package.json) [](https://v3.vuejs.org/guide/composition-api-introduction.html) [](https://npmjs.org/package/@ant-design-vue/pro-layout) [](./LICENSE)\n\n
\n\n\n 💻 Preview layout:
\n
\n \n \n \n \n \n\n## Basic Usage\n\nRecommend look [Examples](./examples/) or [Use Template](https://github.com/sendya/preview-pro)\n\n## Branch\n\n- next : Vue3 + ant-design-vue@3.x (latest)\n- v3.1 : Vue3 + ant-design-vue@2.2.x (release LTS)\n- v2 : Vue2 + ant-design-vue@1.7.x\n\n## Install\n\n```bash\n# yarn\nyarn add @ant-design-vue/pro-layout\n# npm\nnpm i @ant-design-vue/pro-layout -S\n```\n\n### Simple Usage\n\nFirst, you should add the `@ant-design-vue/pro-layout` that you need into the library.\n\n```js\n// main.[js|ts]\nimport \"@ant-design-vue/pro-layout/dist/style.css\"; // pro-layout css or style.less\n\nimport { createApp } from \"vue\";\nimport App from \"./App.vue\";\nimport Antd from \"ant-design-vue\";\nimport ProLayout, { PageContainer } from \"@ant-design-vue/pro-layout\";\n\nconst app = createApp(App);\n\napp.use(Antd).use(ProLayout).use(PageContainer).mount(\"#app\");\n```\n\nAfter that, you can use pro-layout in your Vue components as simply as this:\n\n```vue\n\n \n \n \n\n\n\n```\n\n## API\n\n### ProLayout\n\n| Property | Description | Type | Default Value |\n| ----------------------- | --------------------------------------------------------------------- | ---------------------------------------------------------------------- | ------------------ |\n| title | layout in the upper left corner title | VNode \\| String | `'Ant Design Pro'` |\n| logo | layout top left logo url | VNode \\| render | - |\n| loading | layout loading status | boolean | - |\n| layout | layout menu mode, sidemenu: right navigation, topmenu: top navigation | 'side' \\| 'top' \\| 'mix' | `'side'` |\n| contentWidth | content mode of layout, Fluid: adaptive, Fixed: fixed width 1200px | 'Fixed' \\| 'Fluid' | `Fluid` |\n| navTheme | Navigation theme | 'light' \\|'dark' | `'light'` |\n| headerTheme | Header Bar theme | 'light' \\|'dark' | `'light'` |\n| menuData | Vue-router `routes` prop | Object | `[{}]` |\n| collapsed | control menu's collapse and expansion | boolean | true |\n| selectedKeys | menu selected keys | string[] | `[]` |\n| openKeys | menu openKeys | string[] | `[]` |\n| isMobile | is mobile | boolean | false |\n| onCollapse \\| @collapse | folding collapse event of menu | (collapsed: boolean) => void | - |\n| menuHeaderRender | render header logo and title | v-slot \\| VNode \\| (logo,title)=>VNode \\| false | - |\n| menuExtraRender | render extra menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuFooterRender | render footer menu item | v-slot \\| VNode \\| (props)=>VNode \\| false | - |\n| menuItemRender | custom render Menu.Item | v-slot#menuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| subMenuItemRender | custom render Menu.SubItem | v-slot#subMenuItemRender=\"{ item, icon }\" \\| ({ item, icon }) => VNode | null |\n| collapsedButtonRender | custom collapsed button method | `slot` \\| (collapsed: boolean) => VNode | - |\n| headerRender | custom header render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| headerContentRender | header content render method only layout side | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| rightContentRender | header right content render method | `slot` \\| (props: BasicLayoutProps) => VNode | - |\n| footerRender | custom footer render method | `slot` \\| ({ width, ...BasicLayoutProps }) => VNode | `false` |\n| tabRender | custom tab render method | `slot` \\| ({ width, ...BasicLayoutProps }) => VNode | `false` |\n| breadcrumbRender | custom breadcrumb render method | `slot` \\| ({ route, params, routes, paths, h }) => VNode[] | - |\n| locale | i18n | Function (key: string) => string \\| `false` | `false` |\n\n> Menu generation requires `getMenuData` and `clearMenuItem` function\n> e.g. `const { menuData } = getMenuData(clearMenuItem(routes))`\n\n### PageContainer\n\n| Property | Description | Type | Default Value |\n| -------------- | ------------------------------------------------ | ---------------------------------- | ------------- |\n| content | Content area | VNode \\| v-slot | - |\n| extra | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| extraContent | Extra content area, on the right side of content | VNode \\| v-slot | - |\n| tabList | Tabs title list | `Array<{key: string, tab: sting}>` | - |\n| tab-change | Switch panel callback | (key) => void | - |\n| tab-active-key | The currently highlighted tab item | string | - |\n| breadcrumb | Show Bread crumbs bar | Boolean | - |\n\n### WaterMark\n\n| Property | Description | Type | Default Value |\n| ------------- | ------------------------------------- | ---------------- | ---------------------- |\n| markStyle | mark style | CSSProperties | - |\n| markClassName | mark class | string | - |\n| gapX | Horizontal spacing between water-mark | number | 212 |\n| gapY | Vertical spacing between watermark | number | 222 |\n| offsetLeft | Horizontal offset | number | `offsetTop = gapX / 2` |\n| offsetTop | Vertical offset | number | `offsetTop = gapY / 2` |\n| | | | |\n| width | | number | 120 |\n| height | | number | 64 |\n| rotate | Angle of rotation, unit ° | number | -22 |\n| image | image src | string | - |\n| zIndex | water-mark z-index | number | 9 |\n| content | water-mark Content | string | - |\n| fontColor | font-color | string | `rgba(0,0,0,.15)` |\n| fontSize | font-size | string`\\|`number | 16 |\n\n### Custom Render\n\n#### Custom rightContentRender\n\n```vue\n\n \n\n```\n\n#### Custom menu.item\n\n```vue\n\n \n \n \n \n \n\n```\n\n#### Custom menuExtraRender\n\n```vue\n\n \n\n```\n\n#### Custom menuFooterRender\n\n```vue\n\n menu footer
\n\n```\n\n#### Custom breadcrumbRender\n\n```vue\n\n \n {{ route.breadcrumbName }}\n \n \n {{ route.breadcrumbName }}\n \n\n```\n\n#### Custom collapsedButtonRender\n\n```vue\n\n \n \n\n```\n\n#### Custom tabRender\n\n```vue\n\n \n
\n \n\n```\n\n#### Custom footer with slot\n\n```vue\n\n \n \n
\n footerRender headerTheme：{{ headerTheme }} width：{{ width }}\n