{"_id":"@alifd/mobile-pro-layout","_rev":"27-e2c0f610647561e718f6c54fbb974e44","name":"@alifd/mobile-pro-layout","dist-tags":{"alpha":"0.2.1-alpha.1","beta":"0.2.1-beta.4","latest":"0.3.1"},"versions":{"0.1.0":{"name":"@alifd/mobile-pro-layout","version":"0.1.0","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.1.0","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"a1e5a2cac07f4674bfc1a40e8cc1fc2a5a3a87c2","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.1.0.tgz","fileCount":106,"integrity":"sha512-zrlwIFqDfcevJAIJiHLTnvXHwq+ARV7BXS2zOQaWHi6ignylyRu5wfJiXKrRT+qnnnkXl77Ry17R7YAZhCCSDw==","signatures":[{"sig":"MEUCIQDj9h4KGp+Vs7v4YOyiAREBGWjZj8jYRF4sFhZKxichUQIgbvxWipSiVj0FMhII40eaKenL8tgy3uL0w7IrXJUDGg4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3739798,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3qDFCRA9TVsSAnZWagAAoTAQAIkoeGxcUbXyiO1feaZE\nZPfP2xvY7fuZ7PQfeic8acEvycF9a9B07TgICJutxDRDeD786jwL6uQTyGx0\nib/hqZ1uc9KMEDMvapc3Cv8iyGK0SkElUT1fpU/V6OgbC9D9s5DRcoIieSEH\ndxfIPizpvuBmWvq5qDnYaF/VCeAnNfATXevPQ6VvQ+SUpHyYAXKoZ1lcxqXU\nJlAm8gQr3wAv6/t1MQNCa62BQAhkZOInHojnuDxEa1TN6YaI5en1Z5OOO5D+\niFmld5PuKz9pk9zcmIy1vzhZF4huONQEpT+toC7b8cx7ddJVGmdoI8pWRweg\nKNG8ulyPbn4jZR1h3HlxGQfXlWo5ZyKPRzP23gZa1k3xpbDcq79TezuJVqIZ\n2Y/17hz2f3gM9CFeRlVEjz2eM4lC61xChb7hycMU8BKT80zj07aI5HYi6qHh\nxxl5tbHwKrYPh67ly1WYM32COMOP7tHwUfcXg7RxuchJ1y46IJFlAcpvcoA1\nOS0ahgaOxUH3wYo6y6g4jNDzkVFOGLkDhWrMgEkDoNaeTc2l7DFmpbdjW0Zo\nM9aRrQ8T109LcRiV67vKAYr4iPrWEX3U7z7An2ewbe7KsMYj+ckpFtrX4PUn\nS/R9+uLdrwcph5WCZhMV94fYY6uKmzT/RFr4ZCAxi/rnzqMJxBjeM/yj+0ri\nmHbM\r\n=vk5q\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"6ae40ee37d579029b758c55f47cea7dc765e8d60","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.1.0/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.5.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.5.8","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.1","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.1.0_1641980101323_0.3249521945891387","host":"s3://npm-registry-packages"}},"0.1.1-beta.0":{"name":"@alifd/mobile-pro-layout","version":"0.1.1-beta.0","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.1.1-beta.0","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"f0a42a0ffae0a4fd88534ae5886ab1c4e6f213c4","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.1.1-beta.0.tgz","fileCount":106,"integrity":"sha512-zB+Yh3J01NjRCsYh9IMXQzy7q8h+jn9PV6Q0Ho1Xq4Dq5Jbe2g64Q+WjWFKiZNaXetw0Vx2IdaytZ+YkaAAhLA==","signatures":[{"sig":"MEUCICXT/jyzpPPQmWcaNhFZq4jqHqd8eIXxBhysIjF8lsrsAiEAvckltHsSogRcgzkncgsL25mQpT36fJtKpPpzH2dDYdI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3735748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7hGQCRA9TVsSAnZWagAAbr0P/RQfqI0vwn6KX/zSANSv\nIvsswdJKflHEn+HrZs+Zu+fp+QTLSzvGsjMmO9HXSNUzutS7E/zHPLGXYp93\n4hK/fWVaJmGlzuiknhcL+Nes5k7+lWnnDd7mrrRaA3FToc3ndGKtlceh8Z2V\n36yWezhCYLSejAt6j+F/oJDBPLxAmcG2Rovi/pNXul93GJa060sN7wPRzM+i\nAEkVlKWgr8yQ8+uobKIDGwTWPdcbAC6fMU9gUEpDCtr7oJ7U853bpWRqzeU/\nTmI60NIlbdxg9+2rzZehoEf+tVLQwnguZnSThLWvvM/P12V/j6iCYOjk9Ha2\nDZExR3sNt+OxdjoLtMDxCZ+MUUg2oy6pbDNhrGXK5x+lcabF4iqj4i+fdhOg\nCJFuLLgHfZ4T6i40OQb4+JYGM9MpKLnC0khr8xiD9u24+EByU9hVx4mUdWYm\nVfoz24bbNtRduYLL6g3mEa+hMnNP50uZKIi/Z3KyONR/X2uYz7peT1n3F9SD\nzBDB3VkiRbP+LNQq04WaK7BFPkRCxMHHd7PQkUenhC31lKeGsJcZyMM5biyb\nH5DpR6kahMk7CVHth+TsmyxWVeIATAoAGtxtZ/sUYj5JvzlWVAMR33dl+gXW\nGQdhHU/B2uvzr1Mi2G1sOzAWxldnio7eaHGFTa5LgaOLtQxbSRE3SrZNoTR5\nw8Wo\r\n=HDz1\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","readme":"---\ntitle: 移动端自然布局\ncategory: General\n---\n\n![img.png](https://img.alicdn.com/imgextra/i3/O1CN01yuzHHd1ed2c3pW6Y8_!!6000000003893-2-tps-679-596.png)\n\n一套面向 Fusion Mobile 的的自然布局组件\n\n特性：\n\n- 12 栅格布局，并支持自定义 `BreakPoints`\n- 弹性的容器计算，完美适配各类屏幕（手表/手机/平板/桌面）\n- 细化大/小布局，兼容各种移动布局场景\n\n![img.png](https://img.alicdn.com/imgextra/i2/O1CN01IE1aLz1QH93URgOJn_!!6000000001950-2-tps-660-227.png)\n\n## 使用准备\n\n使用前，需要引入 Fusion Mobile 的主题，此主题可以通过 Fusion 站点定制生成，或者使用默认主题：\n\n```js\nimport { Page, Section } from '@alife/mobile-theme-default';\nimport '@alife/mobile-theme-default/index.css';\n\n<Page>\n  <Section>...</Section>\n</Page>;\n```\n\n## 使用\n\n### 1. 安装\n\n```bash\nnpm install @alifd/mobile-pro-layout --save\n```\n\n### 2. 导入 Fusion Mobile 主题\n\n```\n import '@alife/mobile-theme-default';\n```\n\n## 大布局模式介绍\n\n![](https://img.alicdn.com/imgextra/i2/O1CN01quziQ51bM99lmYhdr_!!6000000003450-2-tps-1338-208.png)\n\n代码：\n\n```js\n<Page>\n  <Section>\n    <Block span={6}>6</Block>\n    <Block span={4}>4</Block>\n    <Block span={2}>2</Block>\n    <Block span={4}>4</Block>\n  </Section>\n</Page>\n```\n\n在自然布局体系中， 我们将 span 处理成一个逻辑概念。以屏幕宽度从 `12` 列模式收缩到 `8` 列为例，\n`6,4,2,4` 布局, 当子元素 span 值超过当前屏幕允许最大列时，做按先后遍历孩子节点：\n\n1. 单个元素 span 值超过 8 时，直接按照 span=8 处理;\n2. 单行 span 相加不超过 8， 如果超过，则执行换行操作，并重新计算;\n3. 换行后根据每行所在的元素 span 值, 按比例缩放， 如单行为`4,2`, 则实际 span 值调整为 `[4/(2+4)*8, 2/(2+4)*8]` 就近取整\n4. 单行只有一个元素的，按照 span=8 直接缩放\n\n### 自定义 BreakPoints\n\n```js\n<Page\n  breakPoints={[\n    {\n      width: 200,\n      maxContentWidth: 200,\n      numberOfColumns: 1,\n    },\n    {\n      width: 375,\n      maxContentWidth: 375,\n      numberOfColumns: 2,\n    },\n    {\n      width: 750,\n      maxContentWidth: 750,\n      numberOfColumns: 4,\n    },\n    {\n      width: 1125,\n      maxContentWidth: 1125,\n      numberOfColumns: 8,\n    },\n    {\n      width: Infinity,\n      maxContentWidth: Infinity,\n      numberOfColumns: 12,\n    },\n  ]}\n>\n  ...\n</Page>\n```\n\n<API />\n","gitHead":"bdfde2b807b2767bcaa8d745bab43344dab8886e","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.1.1-beta.0/build/lowcode/assets-daily.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.5.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.5.8","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.1","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.1.1-beta.0_1642992016609_0.08338487410837891","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@alifd/mobile-pro-layout","version":"0.1.1","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.1.1","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"f015cb5863b8100a780869adc9e0bcfb7cf5e6fc","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.1.1.tgz","fileCount":106,"integrity":"sha512-ijALk1d02BlDmbpZZ4n1hbZKPyJtmJK3GBgQqEVpKOQo4eQKxIf5RLQiwyAe80Br0s4z7r6/2aupVECfjgAE1g==","signatures":[{"sig":"MEUCIQCoR8YXfHttTAd0NUYaNKv+GhfoZs5PbBz+JMMiJ41zGwIgLMlcy+VbYJ8jGEWhQONc25LpPBj22NQNx/jrXidydbQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3735495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ha2CRA9TVsSAnZWagAAd0wQAICfnL3EpZHXqEcSGjkq\ngrHopE27UZGdT9Sh/cFZMOTOGtAbda+H4JgXrR7GJgc8909HzsRSYgb7dHo/\nAtYtG2Q/UKhg19kFqgxeLtx9J3y/6pIUS9FhWTdMof/V0rGH5/AbPM0tEgpv\nECJFucCabzBanW2ykXvZNIeZmuCOW/CwrWfcTQO4eqXPI047lltEnmzfvim8\n4dK9n00ggOtmvc7SPd3QGprAVUm1uXcNpR2bBRsVCqclLbJLsTJsKXWB0LdV\n6FAhbgEgY/vbpf9KSMTIEAWJP+WwMwyRBaAzbE08/kzbryGxf0Lxybv4UCkO\neyaNsHAec8JzP0+laAb0Qfn1/B3tVWT2oX6TBaoiIxIf6b4bppLU1nHj0q0P\n8gE4QcqRU4w+wqEMJ2ter0G65L++nlO2eJ//nYaIkacdzAnm6X+eXmxCgZPe\nc8efkkI+Jy14aT2jhS7ro/w5f4+rugOBsNkIA31gEStoqTX/pPojhJ7wI+A1\n8VlO3j0lbfgDZsqDOk9GBXUSpKrYebCNQFsyn178t9as7LrzKVo3AlPnvQIu\n0nUlhQbTtPvUCdz+vZ0AgGY6jIOjoFilxs4l8/H8rQdtbEXpShHfK9nPq5fW\n1TqOuuX43HZ2f8uulmclRmzOiyQD3oMB7EmyJBHvlKR81Ox7/+EiFQbY52NB\nOhAk\r\n=6QIx\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"bdfde2b807b2767bcaa8d745bab43344dab8886e","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.1.1/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.5.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.5.8","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.1","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.1.1_1642993334521_0.3807854472028549","host":"s3://npm-registry-packages"}},"0.2.1-alpha.1":{"name":"@alifd/mobile-pro-layout","version":"0.2.1-alpha.1","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.1-alpha.1","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"d82988a73a096050c9c544659673c893a1224b25","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.1-alpha.1.tgz","fileCount":140,"integrity":"sha512-erzpxJTbcpFIEF01mpWbd3h55ANflz4IUcyHLpNvNwi94kXYpIbQJTi1HHNyWn2caMItuwHfLYCVcJJRJd6NCw==","signatures":[{"sig":"MEUCIQDRX1Y1hYypr5W7CWqNfHLj+AwFkV1n7AsQ8tr31C34QwIgEgmoZF1dtXFmdVN2ZveYMYdr0gVc/uagafpY8RZBToc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4029999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7obsCRA9TVsSAnZWagAAp3kP/1DZ7jg3GybeLpmfTRv6\n/lSE5ncqRH2iIOXF7Lahbx8gYs+0Mag+Nwx4/LX8ps2tPV3HUjmU0ocaVuFS\n3F2vf1t3xCeaN5rh3uAvyhm0CjwDaoPLvH2Tt4uRfC+3etxqMh6yV+4tW89s\n/+D2uPBysqrEUz8W6k7BAhJ3/ieAHBAwyHV5RpE5GHlm54cl/PqMx4GCw8yD\n2zEJkY85fpb3y57beg9udEJSfYSfDvBzQLB+koKCHonpComOTLIBusas8Ta3\nAVsU5TBw5bI60qBZtR/a1yc/dGUqraPUyvYOTPjF0kn4+0D/qzERsVvEANJ8\nXsAdGosdDTKu2qEN5lPhWdMXfyzDOpNfbPU218RSbvPOb5uhMP8G+1N3ojfl\nSbj2AhJEnqCqPFOYpwt/lLdMcXhpClgABlEZFY9RvM/N+H11BS0YRoltCksu\nzHgKSHbZK3R3mx0kafCEmzMhmLQpyszgvJdH81P5DX4BowoA8vt6ETz+cSeT\nH+TzyGULcUNHrb3zwUJZAWB3rgX0RcS1ce6U8JXP1Obg7j3g7jviHGKpj9PB\ntRGTJll4z6024NJhhaOLJV/MLr22q0WtEwNipwEtkVYM997O0SnXV/VRr2Yy\nWmO+ap/ZFiT7YFfWuX5LVV66SAIzs1ch/Vm2XLAuFBdUHZEcsNeJxk+i3i3U\nET2G\r\n=vG+0\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","readme":"---\ntitle: 移动端自然布局\ncategory: General\n---\n\n![img.png](https://img.alicdn.com/imgextra/i3/O1CN01yuzHHd1ed2c3pW6Y8_!!6000000003893-2-tps-679-596.png)\n\n一套面向 Fusion Mobile 的的自然布局组件\n\n特性：\n\n- 12 栅格布局，并支持自定义 `BreakPoints`\n- 弹性的容器计算，完美适配各类屏幕（手表/手机/平板/桌面）\n- 细化大/小布局，兼容各种移动布局场景\n\n![img.png](https://img.alicdn.com/imgextra/i2/O1CN01IE1aLz1QH93URgOJn_!!6000000001950-2-tps-660-227.png)\n\n## 使用准备\n\n使用前，需要引入 Fusion Mobile 的主题，此主题可以通过 Fusion 站点定制生成，或者使用默认主题：\n\n```js\nimport { Page, Section } from '@alife/mobile-theme-default';\nimport '@alife/mobile-theme-default/index.css';\n\n<Page>\n  <Section>...</Section>\n</Page>;\n```\n\n## 使用\n\n### 1. 安装\n\n```bash\nnpm install @alifd/mobile-pro-layout --save\n```\n\n### 2. 导入 Fusion Mobile 主题\n\n```\n import '@alife/mobile-theme-default';\n```\n\n## 大布局模式介绍\n\n![](https://img.alicdn.com/imgextra/i2/O1CN01quziQ51bM99lmYhdr_!!6000000003450-2-tps-1338-208.png)\n\n代码：\n\n```js\n<Page>\n  <Section>\n    <Block span={6}>6</Block>\n    <Block span={4}>4</Block>\n    <Block span={2}>2</Block>\n    <Block span={4}>4</Block>\n  </Section>\n</Page>\n```\n\n在自然布局体系中， 我们将 span 处理成一个逻辑概念。以屏幕宽度从 `12` 列模式收缩到 `8` 列为例，\n`6,4,2,4` 布局, 当子元素 span 值超过当前屏幕允许最大列时，做按先后遍历孩子节点：\n\n1. 单个元素 span 值超过 8 时，直接按照 span=8 处理;\n2. 单行 span 相加不超过 8， 如果超过，则执行换行操作，并重新计算;\n3. 换行后根据每行所在的元素 span 值, 按比例缩放， 如单行为`4,2`, 则实际 span 值调整为 `[4/(2+4)*8, 2/(2+4)*8]` 就近取整\n4. 单行只有一个元素的，按照 span=8 直接缩放\n\n### 自定义 BreakPoints\n\n```js\n<Page\n  breakPoints={[\n    {\n      width: 200,\n      maxContentWidth: 200,\n      numberOfColumns: 1,\n    },\n    {\n      width: 375,\n      maxContentWidth: 375,\n      numberOfColumns: 2,\n    },\n    {\n      width: 750,\n      maxContentWidth: 750,\n      numberOfColumns: 4,\n    },\n    {\n      width: 1125,\n      maxContentWidth: 1125,\n      numberOfColumns: 8,\n    },\n    {\n      width: Infinity,\n      maxContentWidth: Infinity,\n      numberOfColumns: 12,\n    },\n  ]}\n>\n  ...\n</Page>\n```\n\n<API />\n","gitHead":"d3576881afe48fa5042f9a163cd59ed4d30fa748","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.38","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.1-alpha.1/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.5.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.5.8","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.1-alpha.1_1643022059786_0.42939026618471465","host":"s3://npm-registry-packages"}},"0.2.1-beta.1":{"name":"@alifd/mobile-pro-layout","version":"0.2.1-beta.1","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.1-beta.1","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"350ec7f846803d42445e7874a01b9f7d8092ca2f","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.1-beta.1.tgz","fileCount":142,"integrity":"sha512-czsj2BwLbdg2976mZx7/FhQPtjbTfEpSwmEJj4gBJM3bLbPknhJpNEtf18tlGTiJ2RaaPGW5RL6e2M/5PkuO0g==","signatures":[{"sig":"MEUCIENxFVWf8vKmo6+egkWlRKHhtAwu5JFa3UQ6KGt7DmdFAiEAs3azAaOkMpd6cu47Dkw8SWEKkaBYgwdtvv6kRtE8qU4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4060744,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiClGjCRA9TVsSAnZWagAAMnAP/0VYRTbq9r8ITcUpTSqB\nJx4UHsIz2RYYf/AEtwfC3v9XFutQj5irqES9do6EJypLxaVaQE9VQNMm1z48\neNso3ww7Ex6uULk+UjtuLPFE5TfkSk4R1xAeNWETPGozGSYn7NL6zyz8yQLa\n+zjzsTX1aeYNi0mG6GvDbIMAcuhfP2dXGOISDyT/slC45rabByX7rVcAlCcF\n2kCa9CmsIdm5LPuCYp4taOAgrPWnoBhLjaMTIslFVsKX/qo9lFlBa2kmKrIv\nNhx86JsGCbJe6ijlEGTm4jZZUJkdXwTU/ikqA2+W6rwK8FzOBSbhUokAU/pV\nqfxgXeKErLVOu3GGWByI9+hQubZ/S/clDwYzVNj8grIu/rjTXnECZi7haIUm\nDWVqu2ez2pm19nFc12hgR5ldhjLuZ2DW0XY6tJ3m2TMEWgiquzDkxKU/nw4b\nVa2SNC7Z2mC+wQxO6/1NS7a9VlqoDd5u7925FGka1kOfExQnLGQMxMXzB4WP\no55JKzp9aG1gn/PZySx85Ihb/G0GdPgymeU1QWbvbtSSz9R8770dgcXhI9F0\nGfAHlu1PX2RRHinqwj3E0f7USN7iMsvbzAqAIJRGLJeryhfc0n/4xTNvpKK/\nzR11/jMNiTkJ19rPmzTH7MvChfyAlOs4wZQFLKI1hqNrdtMSHuLLVJSJNDvr\nQ30Y\r\n=JGDn\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","readme":"---\ntitle: 移动端自然布局\ncategory: General\n---\n\n## 介绍\n\n一套面向移动端的自然布局组件。\n\n**特性：**\n\n- 多栅格布局，支持自定义 `BreakPoints`\n- 弹性的容器计算，完美适配各类屏幕（手表/手机/平板/桌面）\n- 细化大/小布局，兼容各种移动端布局场景\n\n布局细分为两种模式：\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i3/O1CN015fyWei29J7U6tTJ2b_!!6000000008046-2-tps-1236-370.png\"/>\n</p>\n\n### 大布局模式\n\n用于页面主体框架的布局，可支持根据屏幕宽度自定义栅格，并自动确定区块的列宽\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01CqRHgx1n6pIv51UYz_!!6000000005041-2-tps-2404-1032.png\"/>\n</p>\n\n代码：\n\n```js\n<Page\n  breakPoints={[\n    {\n      width: 200,\n      maxContentWidth: 200,\n      numberOfColumns: 1,\n    },\n    {\n      width: 375,\n      maxContentWidth: 375,\n      numberOfColumns: 2,\n    },\n    {\n      width: 750,\n      maxContentWidth: 750,\n      numberOfColumns: 4,\n    },\n    {\n      width: 1125,\n      maxContentWidth: 1125,\n      numberOfColumns: 8,\n    },\n    {\n      width: Infinity,\n      maxContentWidth: Infinity,\n      numberOfColumns: 12,\n    },\n  ]}\n>\n  <Section>\n    <Block span={6}>...</Block>\n    <Block span={6}>...</Block>\n  </Section>\n</Page>\n```\n\n组件会根据页面宽度自动计算栅格数量和单个 `Block` 的列宽。单个 Block 的列宽计算逻辑为：\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01wQws881UF5knznGq6_!!6000000002487-2-tps-2296-296.png\" align=\"center\" />\n</p>\n\n以屏幕宽度从 `12` 列模式收缩到 `8` 列为例，\n`6,4,2,4` 布局, 子元素的列宽会经历如下调整:\n\n<p style=\"text-align:center;\">\n  <img width=\"800\" src=\"https://img.alicdn.com/imgextra/i2/O1CN01TAJkVt1XbTxmn9K66_!!6000000002942-2-tps-3860-1200.png\"/>\n</p>\n\n### 小布局\n\n用于对单个容器内部填充内容（如业务组件）进行行列精细化布局，实现等比、定宽等排列。\n\n## 使用\n\n### 1. 安装\n\n```bash\nnpm install @alifd/mobile-pro-layout --save\n```\n\n### 2. 导入 Fusion Mobile 主题\n\n引入 Fusion Mobile 的主题，此主题可以通过 Fusion 站点定制生成，或者使用默认主题：\n\n```js\nimport { Page, Section } from '@alife/mobile-theme-default';\n// 导入一套默认主题变量\nimport '@alife/mobile-theme-default/index.css';\n\n<Page>\n  <Section>\n    <Block>...</Block>\n    <Block>...</Block>\n    <Block>...</Block>\n  </Section>\n</Page>;\n```\n\n<API />\n\n## CSS 变量\n\n| 名称                      | 说明               | 默认值       |\n| :------------------------ | :----------------- | :----------- |\n| `--layout-block-corner`   | block 圆角尺寸     | `--corner-0` |\n| `--layout-page-padding`   | 页面内间距         | `20px`       |\n| `--layout-page-gutter`    | 页面元素间隙       | `20px`       |\n| `--layout-section-gutter` | section 子元素间隙 | `16px`       |\n| `--layout-block-gutter`   | block 子元素间隙   | `12px`       |\n| `--layout-small-spacing`  | 小布局小尺寸间隙   | `--s-1`      |\n| `--layout-medium-spacing` | 小布局中尺寸间隙   | `--s-2`      |\n| `--layout-large-spacing`  | 小布局大尺寸间隙   | `--s-3`      |\n| `--layout-p-spacing`      | 段落子元素左右间隙 | `--s-1`      |\n| `--layout-p-gap`          | 段落子元素上下间隙 | `--s-2`      |\n\n> 在大布局模式下，如果需要支持较大屏幕， 则间隙单位需要视情况决定采用 `rpx` 或 `px` 单位\n","gitHead":"35a2d26c194dd6fccea3aedf286732b917b117fe","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.1-beta.1/build/lowcode/assets-daily.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.5.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.5.8","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.1-beta.1_1644843426890_0.24577637920546191","host":"s3://npm-registry-packages"}},"0.2.1-beta.2":{"name":"@alifd/mobile-pro-layout","version":"0.2.1-beta.2","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.1-beta.2","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"0fb9591dd585cd4758e01e4cf59740fa050c7a27","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.1-beta.2.tgz","fileCount":144,"integrity":"sha512-ja2Qrw96t2+ShIlufKYN4uAeICoUZ+MM9rPUAxMhqfJwGUay+jRhJe3LBtUZFjuP2LNbkGUY2RDO+TyFHqpvyg==","signatures":[{"sig":"MEUCIFX9fwMoiV6YIbpHNpOQuELkq4cUzzBharmifWEy41ISAiEAkzwJwomjV8VwXWGJYFrBZqHVam95OygDrAy8JRzfv98=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4183342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDMmnCRA9TVsSAnZWagAAkJoP/RvkFyGrcZjZILxPCMdx\nffcQLiEI1+KwZUREIyD2FIpCAS2DtaIhpRH2t7y9GGxPlTf7zOZPeXWGz6Yq\nTtiSPw1spU0XjDgVISEA1jSbeof3OxhFBdxZSarc+SEjI0FfOvpIgTJp3KEE\n/M8YHgSrfRPNw+6dQPFqu9GMxJE2b73JrfV5D4H5m2b7JaInOJXD/59CBHDV\nTvfXkKDdDMNxUPJDS4O4rGVZweHwtj31ltJR8Xuk5zUbS6V7ElgLu0Qzy2mn\nlASzkycitvRT5kBNlpybZpwZdSUvbKzX493A9vjHV3WPFMGidT4zTIC4Df9W\noIzzGTf73rDkNgm184pFiODi8IkiEMSQLDb5YlnJEHSpWO52OySsBhdjgSFM\nxHtEMP0GYizDEc7/GFl/JK6IYbL/oNn2+xEZ3lYkffObveUfwanT/Hox5y6d\n+7xKOODLwuwZoKHqMvZwwGqWA9M9Q8CJPS07tavc2I9m82RrBtmcrIYFYF5j\nHfvBmRfV15OCvN8Wpl0x5sqFB91VfStiz2al3LmeuctyNN9dUblMWFTBA17n\nZVW119nKc0yqu9O3kYl+IDpyx73mxto3Toup5lxHtaxFOX/cExwZmNJr0rrx\nhxbmO79kthY0SS1GlTPtfHd8WcwnCxjFdCR0+pYS+Mc49M+QDv9SpCVxLI6z\nA7fd\r\n=AWHp\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","readme":"---\ntitle: 移动端自然布局\ncategory: General\n---\n\n## 介绍\n\n一套面向移动端的自然布局组件。\n\n**特性：**\n\n- 多栅格布局，支持自定义 `BreakPoints`\n- 弹性的容器计算，完美适配各类屏幕（手表/手机/平板/桌面）\n- 细化大/小布局，兼容各种移动端布局场景\n\n布局细分为两种模式：\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i3/O1CN015fyWei29J7U6tTJ2b_!!6000000008046-2-tps-1236-370.png\"/>\n</p>\n\n##### 大布局\n\n- `<Page>`: 页\n- `<Section>`: 章\n- `<Block>`: 区块\n- `<Header>`: 序章\n- `<Footer>`: 终章\n\n##### 小布局\n\n- `Row`: 行\n- `Col`: 列\n- `Cell`: 单元格\n- `P`: 段落\n- `Space`: 空白\n\n### 大布局模式\n\n用于页面主体框架的布局，可支持根据屏幕宽度自定义栅格，并自动确定区块的列宽\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01CqRHgx1n6pIv51UYz_!!6000000005041-2-tps-2404-1032.png\"/>\n</p>\n\n代码：\n\n```js\n<Page\n  breakPoints={[\n    {\n      width: 200,\n      maxContentWidth: 200,\n      numberOfColumns: 1,\n    },\n    {\n      width: 375,\n      maxContentWidth: 375,\n      numberOfColumns: 2,\n    },\n    {\n      width: 750,\n      maxContentWidth: 750,\n      numberOfColumns: 4,\n    },\n    {\n      width: 1125,\n      maxContentWidth: 1125,\n      numberOfColumns: 8,\n    },\n    {\n      width: Infinity,\n      maxContentWidth: Infinity,\n      numberOfColumns: 12,\n    },\n  ]}\n>\n  <Section>\n    <Block span={6}>...</Block>\n    <Block span={6}>...</Block>\n  </Section>\n</Page>\n```\n\n组件会根据页面宽度自动计算栅格数量和单个 `Block` 的列宽。单个 Block 的列宽计算逻辑为：\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01wQws881UF5knznGq6_!!6000000002487-2-tps-2296-296.png\" align=\"center\" />\n</p>\n\n以屏幕宽度从 `12` 列模式收缩到 `8` 列为例，\n`6,4,2,4` 布局, 子元素的列宽会经历如下调整:\n\n<p style=\"text-align:center;\">\n  <img width=\"800\" src=\"https://img.alicdn.com/imgextra/i2/O1CN01TAJkVt1XbTxmn9K66_!!6000000002942-2-tps-3860-1200.png\"/>\n</p>\n\n### 小布局\n\n用于对单个容器内部填充内容（如业务组件）进行行列精细化布局，实现等比、定宽等排列。\n\n## 使用\n\n### 1. 安装\n\n```bash\nnpm install @alifd/mobile-pro-layout --save\n```\n\n### 2. 导入 Fusion Mobile 主题\n\n引入 Fusion Mobile 的主题，此主题可以通过 Fusion 站点定制生成，或者使用默认主题：\n\n```js\nimport { Page, Section } from '@alife/mobile-theme-default';\n// 导入一套默认主题变量\nimport '@alife/mobile-theme-default/index.css';\n\n<Page>\n  <Section>\n    <Block>...</Block>\n    <Block>...</Block>\n    <Block>...</Block>\n  </Section>\n</Page>;\n```\n\n<API />\n\n## CSS 变量\n\n| 名称                          | 说明               | 默认值       |\n| :---------------------------- | :----------------- | :----------- |\n| `--layout-block-corner`       | block 圆角尺寸     | `--corner-0` |\n| `--layout-page-padding`       | 页面内间距         | `20px`       |\n| `--layout-page-gutter`        | 页面元素间隙       | `20px`       |\n| `--layout-section-gutter`     | section 子元素间隙 | `16px`       |\n| `--layout-block-gutter`       | block 子元素间隙   | `12px`       |\n| `--layout-grid-small-gutter`  | 小布局小尺寸间隙   | `--s-1`      |\n| `--layout-grid-medium-gutter` | 小布局中尺寸间隙   | `--s-2`      |\n| `--layout-grid-large-gutter`  | 小布局大尺寸间隙   | `--s-3`      |\n| `--layout-p-spacing`          | 段落子元素左右间隙 | `--s-1`      |\n| `--layout-p-gap`              | 段落子元素上下间隙 | `--s-2`      |\n\n> 在大布局模式下，如果需要支持较大屏幕， 则间隙单位需要视情况决定采用 `rpx` 或 `px` 单位\n","gitHead":"35cf33af17d9e7e86838937c844589a42fe00497","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.1-beta.2/build/lowcode/assets-daily.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.3-beta.4","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.3-beta.4","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.1-beta.2_1645005223573_0.47644331510163607","host":"s3://npm-registry-packages"}},"0.2.1-beta.3":{"name":"@alifd/mobile-pro-layout","version":"0.2.1-beta.3","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.1-beta.3","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"a3a72f4b59f5d324c642a275681a885578446287","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.1-beta.3.tgz","fileCount":144,"integrity":"sha512-qsdHfT5HEN11f+gO/m5+/YuNOGmXYXI9VEUTH2xLCJMuqRaTkEmgB5G9RMAYNCnCr7ZGCYRzoZuUoZZYVVAdAw==","signatures":[{"sig":"MEYCIQDZbmme8kvLLIzxd2BebScUISl07sz4ApburBw7Lt/GIgIhANkK8kB4mOpa4a6ardHEP4tweCd3qeJbpD5XJjgWn3zL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4182840,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDMsvCRA9TVsSAnZWagAAB70QAJqy4r5COY16qzRBZXhG\npZbqacYmlWo7Bu+h6TDTQteUhW8lG5V7DappVvJPo6ssr/ABDoLY3BpFOJyH\n2fz+glYCUAlMHT/nmnjx2XLbLLuei9UqEI1YR5qaKj0B6J+zPp9NE/tLK9Tl\nmt7REXaby/SEpJjhVyeSpaejEUBqHtehkI2JtF1q+dqpiz99zOaZZTl1UbYJ\nZYILTnbAFpd+lATIiVklUQTd2hst6LkBit3ldA9OA7Xa+pUP4eVsV2nZsy/l\ntCpNKGYrZqllXnBYv22ZnyFcaJX/JeF2ud4+F4SbztOnwbtCxdpRdQ67Y5uR\nUjse8qyzUlhbR5mODKc+kpzIrHfc3o5Hrk/znd7dOL+BwU47U0btW23rtICw\nuoBEpss3wiuyqIL640XiqbeUY8WElFwtPTUkDt8bypC0q2L50/oXi5TekKKQ\nIqkof3zW8UjXFnaV4voBmNyvmM3IEufB+eA9XL3oVKThiO2eeYYUOa4R3vAY\n/FIUsu5HM8qxlF0P3kDllKBBF5E2I8hJ5zBnxof5qFjwhYlavDntBDoShhS1\nEV53pzeQMVaDvzW7DhWvy6NN2zO4kepFXNPtvYLZAEAen2pLkx7NjclJOr/j\n5K38aLpOtrMLwbe7YtH9goAtAfxi4WD30ENBT4/edVWVtJJ2ObE3M9KPkm8C\nmZRv\r\n=oj/r\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","readme":"---\ntitle: 移动端自然布局\ncategory: General\n---\n\n## 介绍\n\n一套面向移动端的自然布局组件。\n\n**特性：**\n\n- 多栅格布局，支持自定义 `BreakPoints`\n- 弹性的容器计算，完美适配各类屏幕（手表/手机/平板/桌面）\n- 细化大/小布局，兼容各种移动端布局场景\n\n布局细分为两种模式：\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i3/O1CN015fyWei29J7U6tTJ2b_!!6000000008046-2-tps-1236-370.png\"/>\n</p>\n\n##### 大布局\n\n- `<Page>`: 页\n- `<Section>`: 章\n- `<Block>`: 区块\n- `<Header>`: 序章\n- `<Footer>`: 终章\n\n##### 小布局\n\n- `Row`: 行\n- `Col`: 列\n- `Cell`: 单元格\n- `P`: 段落\n- `Space`: 空白\n\n### 大布局模式\n\n用于页面主体框架的布局，可支持根据屏幕宽度自定义栅格，并自动确定区块的列宽\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01CqRHgx1n6pIv51UYz_!!6000000005041-2-tps-2404-1032.png\"/>\n</p>\n\n代码：\n\n```js\n<Page\n  breakPoints={[\n    {\n      width: 200,\n      maxContentWidth: 200,\n      numberOfColumns: 1,\n    },\n    {\n      width: 375,\n      maxContentWidth: 375,\n      numberOfColumns: 2,\n    },\n    {\n      width: 750,\n      maxContentWidth: 750,\n      numberOfColumns: 4,\n    },\n    {\n      width: 1125,\n      maxContentWidth: 1125,\n      numberOfColumns: 8,\n    },\n    {\n      width: Infinity,\n      maxContentWidth: Infinity,\n      numberOfColumns: 12,\n    },\n  ]}\n>\n  <Section>\n    <Block span={6}>...</Block>\n    <Block span={6}>...</Block>\n  </Section>\n</Page>\n```\n\n组件会根据页面宽度自动计算栅格数量和单个 `Block` 的列宽。单个 Block 的列宽计算逻辑为：\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01wQws881UF5knznGq6_!!6000000002487-2-tps-2296-296.png\" align=\"center\" />\n</p>\n\n以屏幕宽度从 `12` 列模式收缩到 `8` 列为例，\n`6,4,2,4` 布局, 子元素的列宽会经历如下调整:\n\n<p style=\"text-align:center;\">\n  <img width=\"800\" src=\"https://img.alicdn.com/imgextra/i2/O1CN01TAJkVt1XbTxmn9K66_!!6000000002942-2-tps-3860-1200.png\"/>\n</p>\n\n### 小布局\n\n用于对单个容器内部填充内容（如业务组件）进行行列精细化布局，实现等比、定宽等排列。\n\n## 使用\n\n### 1. 安装\n\n```bash\nnpm install @alifd/mobile-pro-layout --save\n```\n\n### 2. 导入 Fusion Mobile 主题\n\n引入 Fusion Mobile 的主题，此主题可以通过 Fusion 站点定制生成，或者使用默认主题：\n\n```js\nimport { Page, Section } from '@alife/mobile-theme-default';\n// 导入一套默认主题变量\nimport '@alife/mobile-theme-default/index.css';\n\n<Page>\n  <Section>\n    <Block>...</Block>\n    <Block>...</Block>\n    <Block>...</Block>\n  </Section>\n</Page>;\n```\n\n<API />\n\n## CSS 变量\n\n| 名称                          | 说明               | 默认值       |\n| :---------------------------- | :----------------- | :----------- |\n| `--layout-block-corner`       | block 圆角尺寸     | `--corner-0` |\n| `--layout-page-padding`       | 页面内间距         | `20px`       |\n| `--layout-page-gutter`        | 页面元素间隙       | `20px`       |\n| `--layout-section-gutter`     | section 子元素间隙 | `16px`       |\n| `--layout-block-gutter`       | block 子元素间隙   | `12px`       |\n| `--layout-grid-small-gutter`  | 小布局小尺寸间隙   | `--s-1`      |\n| `--layout-grid-medium-gutter` | 小布局中尺寸间隙   | `--s-2`      |\n| `--layout-grid-large-gutter`  | 小布局大尺寸间隙   | `--s-3`      |\n| `--layout-p-spacing`          | 段落子元素左右间隙 | `--s-1`      |\n| `--layout-p-gap`              | 段落子元素上下间隙 | `--s-2`      |\n\n> 在大布局模式下，如果需要支持较大屏幕， 则间隙单位需要视情况决定采用 `rpx` 或 `px` 单位\n","gitHead":"35cf33af17d9e7e86838937c844589a42fe00497","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.1-beta.3/build/lowcode/assets-daily.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.3-beta.4","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.3-beta.4","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.1-beta.3_1645005615563_0.6712548729699912","host":"s3://npm-registry-packages"}},"0.2.1-beta.4":{"name":"@alifd/mobile-pro-layout","version":"0.2.1-beta.4","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.1-beta.4","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"0dfe372c88ad8db81f8c51cb2aa813d6731ac2af","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.1-beta.4.tgz","fileCount":137,"integrity":"sha512-9sfogMN6wigLlmT+kdvkUuAyArm06G0GV/Bb9CK9yfV00z2x3CEAZjnQkBEMPLWKq7HzQVzaelzeVNZ6w/WH0Q==","signatures":[{"sig":"MEQCIGBGrHczKPoJpCBm0ISUXTDjUB51cthHgbHDg1YYxsGYAiBnc2yVMhFmocZQ+XsOWu9iLf216/1oMtL0lYnKdEQxPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4147124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDPajCRA9TVsSAnZWagAAGR0P/AmvIYxqMZO/p4J4Kwik\nfWRXHxfJuQn0ujii1xrmRS4lvZxc4PmCD4FlIVyfqsgjiswdfMejfAbnsnAr\nbQbNm19EFpT5qnvx4wVmXBINgWpc8b3QdLlN5efZ/UkeOMX5l/tkt9ISfoQk\nY/K1/bGCkQXuxBVl2TMVXXh95K+euTcs6blgdqdePsqSVzcmFt5dh7Ib72J2\nyeHXLT/xkFUdDH77+U2yd7baURt/u056UQrdVv9AOdPwI+tWzDt3rezCTHvW\nHmFAHVlqB4qnfg2DqSouCWuvRGEMwNQrd6HJH0e5A+jJIhBKs1YnIHsBcPLC\nvvLgLu4MOFiuzs4C4ak/q02+u62Ep4irAE6kM6/t0BFOZa97VT0ED3TyD1qu\n63RZEBJWUSaYBRNAA12GICKvGxtD8Yr4PhkDnsX0mXEeMq5WPzOnQShwlz2H\n3Ye1ffVcmN9mb/mIlxlG4TvGPfIy8T10XuRHmJrFUthQ7Qwi7hF//7YCOY3O\n66uiEtlMdI3tWMqF3vOZZ2dN347m6ePP5+KC6a0gRtfCDxI5ie9a1VrJGHoD\nyDIiBtHbl0gBBGIeSUrw7eQC/Wr+Ak1b7ROYE/KTIDCemk8tpdTqEA+13rGB\nDpzPSfbkp1p3TP9ueoJ/zjsxlvJkz63gcdkpPuMfJf+O2TDsggxX/ueUTwJj\n0I+a\r\n=T/5A\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","readme":"---\ntitle: 移动端自然布局\ncategory: General\n---\n\n## 介绍\n\n一套面向移动端的自然布局组件。\n\n**特性：**\n\n- 多栅格布局，支持自定义 `BreakPoints`\n- 弹性的容器计算，完美适配各类屏幕（手表/手机/平板/桌面）\n- 细化大/小布局，兼容各种移动端布局场景\n\n布局细分为两种模式：\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i3/O1CN015fyWei29J7U6tTJ2b_!!6000000008046-2-tps-1236-370.png\"/>\n</p>\n\n##### 大布局\n\n- `<Page>`: 页\n- `<Section>`: 章\n- `<Block>`: 区块\n- `<Header>`: 序章\n- `<Footer>`: 终章\n\n##### 小布局\n\n- `Row`: 行\n- `Col`: 列\n- `Cell`: 单元格\n- `P`: 段落\n\n### 大布局模式\n\n用于页面主体框架的布局，可支持根据屏幕宽度自定义栅格，并自动确定区块的列宽\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01CqRHgx1n6pIv51UYz_!!6000000005041-2-tps-2404-1032.png\"/>\n</p>\n\n代码：\n\n```js\n<Page\n  breakPoints={[\n    {\n      width: 200,\n      maxContentWidth: 200,\n      numberOfColumns: 1,\n    },\n    {\n      width: 375,\n      maxContentWidth: 375,\n      numberOfColumns: 2,\n    },\n    {\n      width: 750,\n      maxContentWidth: 750,\n      numberOfColumns: 4,\n    },\n    {\n      width: 1125,\n      maxContentWidth: 1125,\n      numberOfColumns: 8,\n    },\n    {\n      width: Infinity,\n      maxContentWidth: Infinity,\n      numberOfColumns: 12,\n    },\n  ]}\n>\n  <Section>\n    <Block span={6}>...</Block>\n    <Block span={6}>...</Block>\n  </Section>\n</Page>\n```\n\n组件会根据页面宽度自动计算栅格数量和单个 `Block` 的列宽。单个 Block 的列宽计算逻辑为：\n\n<p style=\"text-align:center;\">\n  <img width=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01wQws881UF5knznGq6_!!6000000002487-2-tps-2296-296.png\" align=\"center\" />\n</p>\n\n以屏幕宽度从 `12` 列模式收缩到 `8` 列为例，\n`6,4,2,4` 布局, 子元素的列宽会经历如下调整:\n\n<p style=\"text-align:center;\">\n  <img width=\"800\" src=\"https://img.alicdn.com/imgextra/i2/O1CN01TAJkVt1XbTxmn9K66_!!6000000002942-2-tps-3860-1200.png\"/>\n</p>\n\n### 小布局\n\n用于对单个容器内部填充内容（如业务组件）进行行列精细化布局，实现等比、定宽等排列。\n\n## 使用\n\n### 1. 安装\n\n```bash\nnpm install @alifd/mobile-pro-layout --save\n```\n\n### 2. 导入 Fusion Mobile 主题\n\n引入 Fusion Mobile 的主题，此主题可以通过 Fusion 站点定制生成，或者使用默认主题：\n\n```js\nimport { Page, Section } from '@alife/mobile-theme-default';\n// 导入一套默认主题变量\nimport '@alife/mobile-theme-default/index.css';\n\n<Page>\n  <Section>\n    <Block>...</Block>\n    <Block>...</Block>\n    <Block>...</Block>\n  </Section>\n</Page>;\n```\n\n<API />\n\n## CSS 变量\n\n| 名称                          | 说明               | 默认值       |\n| :---------------------------- | :----------------- | :----------- |\n| `--layout-block-corner`       | block 圆角尺寸     | `--corner-0` |\n| `--layout-page-padding`       | 页面内间距         | `20px`       |\n| `--layout-page-gutter`        | 页面元素间隙       | `20px`       |\n| `--layout-section-gutter`     | section 子元素间隙 | `16px`       |\n| `--layout-block-gutter`       | block 子元素间隙   | `12px`       |\n| `--layout-grid-small-gutter`  | 小布局小尺寸间隙   | `--s-1`      |\n| `--layout-grid-medium-gutter` | 小布局中尺寸间隙   | `--s-2`      |\n| `--layout-grid-large-gutter`  | 小布局大尺寸间隙   | `--s-3`      |\n| `--layout-p-spacing`          | 段落子元素左右间隙 | `--s-1`      |\n| `--layout-p-gap`              | 段落子元素上下间隙 | `--s-2`      |\n\n> 在大布局模式下，如果需要支持较大屏幕， 则间隙单位需要视情况决定采用 `rpx` 或 `px` 单位\n","gitHead":"946d98e5b00960cd232eac97a4e86fb6206a1cb3","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.1-beta.4/build/lowcode/assets-daily.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.3-beta.4","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.3-beta.4","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.1-beta.4_1645016739581_0.39245593175383764","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"@alifd/mobile-pro-layout","version":"0.2.1","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.1","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"91dba04bffcc58a923728dd34e30faea48889c23","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.1.tgz","fileCount":139,"integrity":"sha512-zArM3vb4zlENsKE42X0ZeR+nf/Di2jSTtF2HNM3CnFzg6EhN8HHsze4U4hbr38Fy9At4GsevjEwHZMws7ogPvA==","signatures":[{"sig":"MEYCIQCFBLLSiceNEsiAiw2teXz75gq6IoWQS2HJiRhdXX+FLgIhAKdyo3ooHi0G7HE0Dj04VaU67tfcTSVpdS0B7QWLieqT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4207343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD5YKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPkQ//RejJHyJ0Mc1APEKDZPwCEoinIlwEAKoxIo9eso8Y3j+hrBZp\r\nIJhSH5gQb/Lr2mewKmoATrAKcjrr4wiu14ZD6Io1GeBIwsZHz+Mg5AUAE3I9\r\nckixE2EsqICLlUTMd/ojBkPtjeFonmARVsc/p1YTtKDwTRUEL9YSNXfXjOCk\r\ngo2SfMgHazHJOh+izyEEy4oPZQOMifV3JcU6XCUt+95SnJCSHCdujPHAmqaL\r\nYwBpFS3URGAbTONdLil1i04DNYGWHcH6V9a4DleSaVPOaqYqqfU91ni/vbm9\r\nQi1tB5CmufgDTEtchj6r14vwrgUIJ/7eUUsfFL5f0jHxG5cMnCgXY4lFSYNq\r\nFPKJUZTqahtJhFtG1/1yo54v1G6q1mmROpjIx125FLNHL+L9ZgBQUOVNHb9Y\r\n8OeZgGQyctJ3hhtuW+47rSEJz1A1gvhG95PHic5sicDo1yfW3xvnl/Z549Pa\r\ny9ETnuhH0r2h69pPu20c8DuEg2N6sSwsMexL11kR7nUgVKStD1iIY4pXOqTd\r\nbX9neyiFW90oLZDiVqZ8tLVX85PPKFXFY7xlhiOZMwckV94VMs8at1qwu7b1\r\na7Bs9YC2Nn8ofNni+ZdKuleVUx1WKG6KnYDnwb5qUD0Wxw6zyt0r++l6Iy+C\r\njlBP4/w0e8LduXjxvKvlgnu6nPeZXPFCXLU=\r\n=9qjU\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"671ac413666dc73cb9a450cbc254eac07d8e163b","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.1/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.3-beta.4","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.3-beta.4","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.1_1645188618167_0.7420756764734424","host":"s3://npm-registry-packages"}},"0.2.2":{"name":"@alifd/mobile-pro-layout","version":"0.2.2","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.2","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"fc06f8b2a3dc268183866bfe331fb7b50fe759f1","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.2.tgz","fileCount":139,"integrity":"sha512-A1jZieR5q+AZmpxkJCy4BZHQ3Pcf/FrOt+t8LaFtS/CGkNJElXsq8hF/+WOLa2Kam0wjMU2hF2CWK7KjnB5yDQ==","signatures":[{"sig":"MEUCIBDHichUR/xElhWVurX8Pafvrz9Dh2m90FNNdorEIPymAiEAts+Y1pLgwRYV6j+nmp7ELg3igDAFz71/d+e2wXZJIHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4215735,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiE2QTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3ng//WFN0ojHAzX1NMtRqFDFMlBfrzvYK16oN7H4S63HurVpY6h6B\r\nHO7HjGoAbvc+vChkRbHU2AhOX1LLflP4sFkwVV8fMz8T3v6NAHqVp6z6UPph\r\nCOzQfJKtVdmZ/+8tiVRNXJNOVs72U05zW0VUwA5UZ/dmJAfOmVU4Ua1w8fmt\r\nAn0EoAn/057lz0Etie1cHAQxnAeicwNKFOKhRBbiswFpZ23pOuzPvvToEJuh\r\nXWd10k45nQhEwYEYugiH2CIs7UcBJNNecxHtVK6e8LHhXAgeC8QJNrFUUDtc\r\niwzzRR6lA06QE1jNhIEuQQl+Gh6AA0weclZyjUXd9AsNnZp+Z+jDYtwaP3no\r\n3Zgw7jR3JQga+BYsiBdXvelQlFKj0sG1+0/QiJHPFEm2Fz8qYwUyfbNwK19Z\r\n4C8G1q+TjiRd7Uwy7S6S7xEOws4+y1M9TpvyJVwJ7KpHygMi/LFwz16bXqSl\r\nW9gumDHxoz7raRWoKqeMo5tVRnmo16F/xFFFKn2ZT00lHgatpW6ov0KCmEt7\r\nwiYcZTEj4qhPvFnXIAorjONYepnB3lbfLgxjiDPDcZLjnH4tKaesbp0FXrgL\r\ni7JpuZL11MrOrn0FjyFpSJbnbGq4XpGjYgftFQ5iUkIi75rOQ/k8pKMt/+Dv\r\nc0sQ5f1LgkswHoffjy5KT42R6PFX9kwiA3U=\r\n=nroW\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"21bdb4bdaabe5c6ec4fc38a1866ef1f1b3d9275f","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.2/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.3-beta.4","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.3-beta.4","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.2_1645437970893_0.1527999595063052","host":"s3://npm-registry-packages"}},"0.2.3":{"name":"@alifd/mobile-pro-layout","version":"0.2.3","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.3","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"adf3016b4a6af4b7a9d815bb288bb4dd401ac5fd","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.3.tgz","fileCount":139,"integrity":"sha512-qtDYOMKMd7LukyyL8cWxx23csY/jo5NzAhJbIFOwwREo+gn81vbLi3FQpGJYocQxjU2N6mJ4oxkYn3jGjodZhA==","signatures":[{"sig":"MEQCICGSuiXr93SASrO0uM+nxWWmSVSPHD8NpfKtYYMp9aJpAiAGTUhmWBsjZbq+sY7PtG8IThPZd8/2Xwb8hZUz0fynfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4277081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFildACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLRxAAksyEomU+VKPCsJb/Lvg0edllfDS9Ba7S3VfEtbscJQgMYfAn\r\nAVtlE2DK/AMmk1BPMMEwOg1j9MWvBVtB8lKd8bSA5BE+CGdCvkXY+PBLf1BP\r\nfjWtQYLf/QWANcHD3V9tsvA63k6NUBduA9XDobfDMKQMnV4APY75DazMdu3Y\r\n4H0uK1JYDbgRyMIqy88oY0EPfQMy0uUi4XF2nEHwhPtE91VU2IFSIAifijVu\r\nKy0/9mLUBFW+zVbcqFIsDSdBPWdKHLscbWCbAaudiPrQztErcTkBfuXjfW/Z\r\n44CjEHgsu8k/RDh3vNiIJp6Q4oKnyrg3VL7ie7J94zoMQl0IcWyStz7hY/ez\r\nqX0FGAyT9EUiMQBKzrFYNPv7IBdS/OLh3wSoq8WTwQv6P/PdqAWS3ARfOaEN\r\nXzwFtEpOIzaEr4SAKQ2tM7H55qxKPbryE/8LL95c2KeWRYK02LvopZoXhcWg\r\nW5MFdk6PByfhop72jj7UMkyERfy6KCOC1IYiS65tbT9pk0glq3FKEbru4dxE\r\nHVZPaaiLIfDMQKd6eL2QPJk3gCGHMQVuvUksH38hnzvAfZOed7zwJ49QzMs6\r\nIU3mvx5yWqYmOxXnozDX5zqlRGVMBOsQIxgiLuk15/3d4+NRvyKUNwyYz+hE\r\nDOjSjNv6kZhpXLDqOvG+nwdtuqxbIXkz7yA=\r\n=od+G\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"da79b4533dd9de99adc86bb244815b3fedf2b220","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.3/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.3-beta.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.3-beta.7","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.3_1645619548847_0.3243269838058873","host":"s3://npm-registry-packages"}},"0.2.4":{"name":"@alifd/mobile-pro-layout","version":"0.2.4","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.4","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"34683c20cbb77026c302571b100a201c3088ada8","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.4.tgz","fileCount":139,"integrity":"sha512-S52vq37+9xQ1gCv6PrScVCaenVnQViCHw7RoIkq9yqBJEo8u8FHs1i/2o4WMv1f1mL7PJkndoLY8/RyGPTrEag==","signatures":[{"sig":"MEUCIQCcMeBqKmqZ6m9ZttzBQLicMPTnbfiWKBP+K/GB2Pi2DwIgDw21Uyme0ArBtYfexz6lJz6gHQQa8rfNLErTr79aU20=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4277081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFit4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVOg//fiAod+blUPrD743bBlgVqcS3LaYZTC7UMnHiPPyrISX9utr/\r\nZ4+xczRcscdnd4sJ+NLUppHGEhTywiSyWQnJBm4Z9eoNuRwtszo61bFqGSxH\r\n8sJCVS3Ye37eUYtBbCmqYLBM8aZJHTv9+2T0vc+UQSNtbcuJtXwM5wVQIk66\r\nXxBDO59nQ03SMsWouYAYFvZK+IBdbjSV3+CU2dURmMZri1aZu0TclhBYQGhf\r\njw1hP4eSDGZJf2c5bHAbJ5HJh5kqDNefYZGs8Hf8eR+I4fStKvCFkExs/IP8\r\n7TssDdc8JRxfn9rL/asthvNIr4YMudhNC4wo/XJ/s/o9ATYPi2UwyMMBx3IS\r\nRWBpoGqQeuYz7ao1Z3QGuzBdTeJthHtHifnVBM2GGxtwqf8+ysdzi+1A876n\r\ngvDV+ol4/fUE5+M+dbQCX/xYKLiGpbqc2o/4dfEM1Sw8aBCIt4vJAclUQoWa\r\ncoZV2RcUfY0eF5H9ZUUfWPx7uH5UhCqvt9yILiEY0WZ4dyeQaoW9CxJ4ox+M\r\nHM/el35/6ntT2zgWoER+GjwEolatiGRrUruBFibN0Lv1RGJtn2zqZ534ckZm\r\nrrJ7kHB8Ns0hgHA7KzOPJYgsDSwKHr2socHFoidamvjunoKk9MAcOLxDdPyj\r\niQs7Ayvwtc5dragqqJddUnEwnYJfyzFHsVc=\r\n=phAL\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"977b567a90f9695617df562c8355ae4aaf022545","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.4/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.3-beta.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.3-beta.7","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.4_1645620087797_0.12377856521775832","host":"s3://npm-registry-packages"}},"0.2.5":{"name":"@alifd/mobile-pro-layout","version":"0.2.5","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.5","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"88bc15c8281b5efd12ce9cfbe5f6a41349874359","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.5.tgz","fileCount":161,"integrity":"sha512-ZXHpEzcLJ3JvIv5wpVc+j9P7k9JcSjBXs8foTEd/kqZzZxqxU/3ZqqCKMV/8zhksxiVKUZCH9/FFeIIVgjvjcw==","signatures":[{"sig":"MEQCIAqGSUJg/u9fRE4Fo0G73gmOdANdVKdtMH5pt/4fTIxPAiB5r17DvUN6VzHU7GX3Ck+FP8R1VsvMZasiCIEdK5U/SA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4376387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGNaAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSDhAAkGMsEaUKP17ZfUZcgBUUwVKK2aFs52kAbLY1YJkWw4we0ago\r\ncwuSslZhAscEkDcZkJtOSFV3qDSQsHTNH5sVOEPYbZQVJwBmkT+1RT1a0dTU\r\n3N83+dEHkUeaGy1knCzfguUj3PZIpPYYlfNgyGUY6dPFbu22flNgVqHKc+IO\r\nk+F9zWeCHMfuLc7X5r4DKcjHKW6cjm0rAllIFV+CDG4xZIok1PTB3nDDkzhD\r\nezh6ote67bfYhHgc2+W+uUJXxdBNdCk3kMJvT2WplKKraj4u89nJw/noFLvR\r\nTyxhFtJx53VA0zYvEcXojK841Llui6ur7aRMbk2c3D1YdkFP8a501pedf5mu\r\nBAlZ4NcqfutGhQ/frwNPjZvRPnazNpW6gfw2mRDFDbbv0n01GviPw0/lcBPr\r\niC9sQZDZy9NQyITpqfxrMX9mvI/L9LtYJkkA+CebbP/9Nwhvi6ttsKEID+/C\r\nO9npf1PyNVwpa6Hk+D+wWKVfe0u6aIFh5enVigyZy+SiYKadvi+RF3tikthr\r\nw/NHDJWDvHnC8ZiJdlLByXElia31XgbeHSbocNpslaCdJn6vDv4Sd11uPnPV\r\nD1QVjNMrfGnM/qKioBFvF2qePGxQ91b240jNH5gWIFPRt0A5jYZxZNmvPvPY\r\nfRkJn7+ZBf5zpkb/cp24eLcJcEJuuGjOK9w=\r\n=DhEL\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"460b4907f4ffd0ebdbac22dbd1c9259b8cf98e3a","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-view":"^2.3.0","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0","rax-is-valid-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.5/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.3-beta.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.3-beta.7","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.5_1645794944370_0.7445896256216309","host":"s3://npm-registry-packages"}},"0.2.6":{"name":"@alifd/mobile-pro-layout","version":"0.2.6","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.2.6","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"474c5a713730000b4fb5f92e2a4b2786ccad2480","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.2.6.tgz","fileCount":161,"integrity":"sha512-xpcJ+sSlXp6BjUkUWiBiFASuxz8VwJlUOk7VnnmoJ7ywRtJDluk0zjzZKhUqQJTQ+Al9VddT84Zlzeq3Nyrmtw==","signatures":[{"sig":"MEUCIQDU2mQBh/SOA7zyO0SVTy55YQWQDipCX4fypoO9lll/BwIgT23DGH0AML9e7efle3ncxhw40ThdtIEgqMVgKJiVMxg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4395985,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIClwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobzA/+I0Ky/ccM7UNY7jqHYu3C0NTzeWNJSgf9Hnoe60icnudMkfIA\r\nLk4jJz0fZm+2T1XTU6MdE2t4uFhVitX+bRcsvapEDroZmFqYU32mDv1ltmmn\r\nvEOIyRMD9EGiyB0+b997r5EsIm5sZ4atQnhIni4AX3wMXjBcze59dmitZrYm\r\nLP6tkVi/4+jZHwUbhCz/AG+naVmIWPKYBpKxlkF0AmV1KS9ivZRKI/o5V/C4\r\nJhj/GU6Tb4gU6FPqmHbiXgBorV8Kiuu1ZwuVN59Jgan2KOpWbsqIiKvoGqLz\r\nRXC42/CPyimj1Zhr8he1ENNWKaFGYQsZTt3AsoWIBS4G3urdA9iVxH6EZQSk\r\nRK1PScV0WGpjEGGDEdxWlksLwxJzN2rOM/IlVsQw4xOwPwulRxPndiMv7sX0\r\nC2d/cbC0/80utxhVXL8QhyhWs3usqSWbguBsRAGJnL/AJwm63hshIaM75HsE\r\nZe3hSiS0LwLmPVkdvhxz3s3wSduNwDy5/R2bOZRGUErbgRNHWZ/UktvNr5O+\r\nUBSsaTDfD9mJE/J3vGpHuLuQqZVuppPhw7Hj2N2ovFShlKP+FjYVa9dG58Zv\r\nArJ8KsonaxoJiiZSVrFOuY6qHqJ+R5tpBKNfxAINTbiwD4J9PuQyUJjjsaPk\r\nyj+aeIJELGN7D1cdGUcl1QYkL0k8RnFgavo=\r\n=wZiv\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"826dbd9fa84665a4e35cc486af11cddabe4ef6e6","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build && npm run build:react"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-view":"^2.3.0","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0","rax-is-valid-element":"^1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.2.6/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.3-beta.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.3-beta.7","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.2.6_1646274928603_0.48209457083489804","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@alifd/mobile-pro-layout","version":"0.3.0","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.3.0","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"e895aeea2284fb1ea9b7878270116567c1d62cb9","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.3.0.tgz","fileCount":170,"integrity":"sha512-/BxwFCJIkaMmp8SH7RIi4fh4iPwwzjimvPgPFfbWVQpo7BnXqeD63kGvvc9Z47sJkWJWzOPg90UtDcv8Ws4c/g==","signatures":[{"sig":"MEQCIFNYgLPpg7Xtm1MWOHnX0xg/ZjCgwOuKviFbKjpm1gHNAiAyZ+elI2KcYv5BMQh6oiV7OWiLYuU1Y1KYhEUAlhxbNg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4678237,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTuXcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAmA//bLTCCsKnmlGgLqUPubNqEX6NxmeyYIlAya/uOCF9seXB8wED\r\nD7Mp0KKAyc7sFMMJV5wwSJVvVn0aCYWg+1x0Fv9a7boRjXxvopfw8wrIZJQI\r\n6UNM0FWHxW/TdOEULN6va3tybC2ikQN1LaR5haWlBn3w0SRd8zRTdnmL8Zxv\r\n21kdFRcVaNOHI4H45IGXFXyXaPq52cQ/kcszMZ6j0ErPbgU1SBCUvR8MpOkI\r\nX+tnVVK4H6pvIgdMLb+bj7FxB93U8Qd8LA/yWix/taJ3NGQH3/xgvl1OIhkh\r\nJiKAZyCYabCPGdsJiieBvHaMQjD8W6BaW/e3/1mSxJI04nK+JJJl0LSq2fjC\r\nWHE3YF+p8g+xNNe1JRDqFvQOnHIYRwLjvwQM/kA+LNOLpqPo1Pe7xNgSLcZs\r\nAB+76UW3fnxhmxSSosqUEj4Mw1U/5jXiRa/MfUbV2zySgTsyGmWjU3bcASO0\r\naDHUbczjb4BImiw+QBzIl74dOYIn16SVkWRQCi8uCw+PUlRCuFaimg4kDDPF\r\nldAhaRmhxhAbYNZYWjnQtpEZ6fhH7ju+PAE+FP2LF4YD1UxLcdkUG2uXnrkW\r\nNXb4Gek8nClyqGQR6r6Ylea/HwWKKBw252rNQ7gLhZYQhxMKOyW7D/8yObvL\r\nfRe3zYHhl0tT9+U2bt3qlDbZV2DDzSKVJog=\r\n=V1WO\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"8c9635b0f4b365c685affa056b7c48d0bd1e50ef","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-view":"^2.3.0","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0","rax-is-valid-element":"^1.0.0","resize-observer-polyfill":"^1.5.1","@ali/lowcode-rax-renderer":"^1.0.80"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.3.0/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.7","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.3.0_1649337820199_0.993083278708569","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"@alifd/mobile-pro-layout","version":"0.3.1","keywords":["Rax"],"_id":"@alifd/mobile-pro-layout@0.3.1","maintainers":[{"name":"mark-ck","email":"muscle.mark.cheng@gmail.com"},{"name":"lakerswgq","email":"lakerswgq@gmail.com"},{"name":"no-repeat","email":"chenpeng.mini@gmail.com"},{"name":"wwsun","email":"ww.sun@outlook.com"},{"name":"aboutblank","email":"njuzhaoguoyan@foxmail.com"},{"name":"bindoon","email":"bindoon@sina.com"},{"name":"tao1991123","email":"tao360907796@gmail.com"},{"name":"vicerwang","email":"1060455478@qq.com"},{"name":"myronliu347","email":"myronliu347@gmail.com"},{"name":"jdkahn","email":"justindavidkahn@gmail.com"},{"name":"fusion-bot","email":"fusion-bot@alibaba-inc.com"},{"name":"sobear","email":"sobear.me@gmail.com"},{"name":"lianmin","email":"lianmin.slm@qq.com"},{"name":"clarkxia","email":"xiawenwu41@gmail.com"},{"name":"quanyin","email":"898617222@163.com"},{"name":"jerryyxu","email":"1193486072@qq.com"},{"name":"yellow2dong","email":"779509411@qq.com"},{"name":"alvinhui","email":"alvin.hui@qq.com"},{"name":"andevery","email":"hit.wpeng@gmail.com"},{"name":"luhengchang228","email":"luhengchang228@126.com"},{"name":"yuysmile","email":"879249235@qq.com"},{"name":"fd.xy","email":"galo.gm.work@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","nyc":{"include":"src"},"dist":{"shasum":"9cda3f4375aaa6d187982ed16ec3740fada434c0","tarball":"https://registry.npmjs.org/@alifd/mobile-pro-layout/-/mobile-pro-layout-0.3.1.tgz","fileCount":170,"integrity":"sha512-a5v02ce6+IAI34VUtAdx2QJmpWKd9iqeDRXP1OQN6ryfi9ViHtEHTMZVhCtKPlLn+qWBnmfRfdjKftv/bxSMtw==","signatures":[{"sig":"MEUCIFiJ34La3teUGPsHQ3uvPLlkpWiuGhOpDSJdrtdx07sDAiEAymHJm0LmsAL8UEdvDhO2auhAsxYv4sPsI0Cd2PbKicU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4680151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiT9PUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwAA/5ADfrfOxxVAaCZAk0E6KMwbw0TlX4ZWe1ynQqFPQg4LFQuKWA\r\n8jK6+PbVgdQBFO1ypx8eS4oQ6spW9CzXi1SUsje9Tns8JAeS/Hjt+Q418LHm\r\nbwaM2b9QpO3ubCby0rK4BOch7HVSCF0PyBclBsS/bpsK6hi2TtMnF0qtz9yK\r\nxUYU1qEW4viOmEMiokw9yPkO8UzM2ETiBJ8VP9sMz4Yt/h4YObK2Ae4eI6pw\r\nFdNdYKOEa6qice/sJ0sgzM35vI3s9WDCYrB0lrn3K0fxom1HAlvNEdp2oQKq\r\n3E5Bn1jJOMltxCuI8gAREvZKn0n3jJAqAhMCbjh9FjjlAt98ToKEYRryCU0L\r\n136fsLtGoOhtg251wbFV9kHfNjkwLEE8KXXk15qXPv04vocaz0iV2QxsmrvY\r\ntkXVoWUlbbHrYX/f5uJX1xc7QpkAsBCz8EU7hdPac2eajeXE8OGdW7h8jNB/\r\np1Mx0pi5LQyPzmQD0qKpULpRyu9zUKwU9W99D+cKPseGLp8qcmO9WbDPD7IG\r\ndsDoqRZEqvCsMxhynsPgHrt07f1EeOjd6LHTdpKfzj4y+77NI9Mrmn3cAnTe\r\nTLEzLU+wtnyL71UfUmvn0TNYus8RMdbTEWWpVcD8oN9Cdc32kEFbM/oPXJF8\r\nh4OfJCXbqXWcnnuPsdXw6h1cGc87pQQvQpM=\r\n=lc0y\r\n-----END PGP SIGNATURE-----\r\n"},"logo":"https://gw.alicdn.com/imgextra/i2/O1CN01XA2RsI1fjjzUmc2kh_!!6000000004043-2-tps-243-240.png","main":"lib/index.js","husky":{"hooks":{"commit-msg":"f2elint commit-msg-scan","pre-commit":"f2elint commit-file-scan"}},"unpkg":"dist/index.umd.js","module":"es/index.js","gitHead":"8c9635b0f4b365c685affa056b7c48d0bd1e50ef","scripts":{"lint":"fie lint","build":"build-scripts build","start":"fie start","build:react":"build-scripts build --config build.react.json","f2elint-fix":"f2elint fix","lowcode:dev":"build-scripts start --config ./build.lowcode.js","start:react":"build-scripts start --config build.react.json","f2elint-scan":"f2elint scan","lowcode:build":"build-scripts build --config ./build.lowcode.js","prepublishOnly":"npm run build && npm run lowcode:build"},"typings":"types/index.d.ts","_npmUser":{"name":"lianmin","email":"lianmin.slm@qq.com"},"repository":{"url":"","type":"git"},"_npmVersion":"6.14.8","description":"--- title: 移动端自然布局 category: General ---","directories":{},"lint-staged":{"docs/**/*.md":["prettier --write","git add"],"src/**/*.(ts|tsx)":["tslint --fix","prettier --write","git add"],"@(docs|src)/**/*.@(js|jsx|ts|tsx)":["eslint --fix","prettier --write","git add"]},"_nodeVersion":"14.15.1","dependencies":{"tslib":"^2.0.1","@uni/env":"^1.0.7","rax-text":"^2.1.2","rax-view":"^2.3.0","rax-image":"^2.3.2","classnames":"^2.3.1","@types/react":"^17.0.39","rax-children":"^1.0.0","@uni/system-info":"^1.0.8","rax-clone-element":"^1.0.0","rax-is-valid-element":"^1.0.0","resize-observer-polyfill":"^1.5.1","@ali/lowcode-rax-renderer":"^1.0.80"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"componentConfig":{"materialSchema":"https://unpkg.alibaba-inc.com/@alifd/mobile-pro-layout@0.3.1/build/lowcode/assets-prod.json","isComponentLibrary":0},"devDependencies":{"rax":"^1.0.11","jest":"^24.8.0","execa":"^2.0.5","husky":"^3.0.1","tslint":"^5.18.0","f2elint":"^1.2.0","ts-node":"^9.1.1","iceworks":"^3.4.5","jest-cli":"^24.8.0","prettier":"^1.19.1","ts-mocha":"^8.0.0","expect.js":"^0.3.1","ts-loader":"^6.0.4","@types/rax":"^1.0.5","typescript":"^3.5.3","@alifd/meet":"^2.6.7","lint-staged":"^9.4.2","driver-universal":"^3.1.0","@alifd/meet-react":"^2.6.7","tslint-config-ali":"^0.2.4","@alifd/mobile-tile":"^0.1.4","@alib/build-scripts":"^0.1.20","conventional-changelog":"^3.1.24","eslint-plugin-jsx-plus":"^0.1.0","tslint-config-prettier":"^1.18.0","tslint-plugin-prettier":"^2.0.1","build-plugin-doc-multiple":"^1.0.0-beta.8","build-plugin-rax-to-react":"^1.1.5","@alifd/build-plugin-lowcode":"^0.1.13-beta.4","@alife/mobile-theme-default":"^0.2.4","build-plugin-component-multiple":"^1.0.0-beta.13"},"peerDependencies":{"rax":"^1.0.11"},"_npmOperationalInternal":{"tmp":"tmp/mobile-pro-layout_0.3.1_1649398739877_0.72805046520625","host":"s3://npm-registry-packages"}}},"time":{"created":"2022-01-12T09:35:01.252Z","modified":"2025-12-25T06:45:07.473Z","0.1.0":"2022-01-12T09:35:01.548Z","0.1.1-beta.0":"2022-01-24T02:40:16.865Z","0.1.1":"2022-01-24T03:02:14.742Z","0.2.1-alpha.1":"2022-01-24T11:01:00.114Z","0.2.1-beta.1":"2022-02-14T12:57:07.223Z","0.2.1-beta.2":"2022-02-16T09:53:43.800Z","0.2.1-beta.3":"2022-02-16T10:00:15.898Z","0.2.1-beta.4":"2022-02-16T13:05:39.854Z","0.2.1":"2022-02-18T12:50:18.414Z","0.2.2":"2022-02-21T10:06:11.071Z","0.2.3":"2022-02-23T12:32:29.160Z","0.2.4":"2022-02-23T12:41:28.225Z","0.2.5":"2022-02-25T13:15:44.611Z","0.2.6":"2022-03-03T02:35:28.868Z","0.3.0":"2022-04-07T13:23:40.433Z","0.3.1":"2022-04-08T06:19:00.140Z"},"homepage":"https://mc-fusion.alibaba-inc.com/unpkg/@alifd/mobile-pro-layout/build/index.html","keywords":["Rax"],"repository":{"url":"","type":"git"},"description":"--- title: 移动端自然布局 category: General ---","maintainers":[{"email":"chenpeng.mini@gmail.com","name":"no-repeat"},{"email":"ww.sun@outlook.com","name":"wwsun"},{"email":"njuzhaoguoyan@foxmail.com","name":"aboutblank"},{"email":"bindoon@sina.com","name":"bindoon"},{"email":"tao360907796@gmail.com","name":"tao1991123"},{"email":"1060455478@qq.com","name":"vicerwang"},{"email":"710411486@qq.com","name":"soberz"},{"email":"myronliu347@gmail.com","name":"myronliu347"},{"email":"justindavidkahn@gmail.com","name":"jdkahn"},{"email":"fusion-bot@alibaba-inc.com","name":"fusion-bot"},{"email":"yanyanwang93@gmail.com","name":"kopiluwaky"},{"email":"sobear.me@gmail.com","name":"sobear"},{"email":"lianmin.slm@qq.com","name":"lianmin"},{"email":"xiawenwu41@gmail.com","name":"clarkxia"},{"email":"898617222@163.com","name":"quanyin"},{"email":"1193486072@qq.com","name":"jerryyxu"},{"email":"779509411@qq.com","name":"yellow2dong"},{"email":"alvin.hui@qq.com","name":"alvinhui"},{"email":"hit.wpeng@gmail.com","name":"andevery"},{"email":"luhengchang228@126.com","name":"luhengchang228"},{"email":"879249235@qq.com","name":"yuysmile"},{"email":"galo.gm.work@gmail.com","name":"fd.xy"},{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"lakerswgq@gmail.com","name":"lakerswgq"},{"email":"muscle.mark.cheng@gmail.com","name":"mark-ck"},{"email":"btyzzyl@163.com","name":"zyliang96"},{"email":"wsj7552715@hotmail.com","name":"eternalsky"},{"email":"wangjiarui1924@gmail.com","name":"john-watson"},{"email":"sy294746869@gmail.com","name":"sunyuan20"},{"email":"kbbqbb@gmail.com","name":"jiaqiu_chen"},{"email":"whatever6g@gmail.com","name":"whatever_lll"},{"email":"Slimeria37@gmail.com","name":"slimeria"},{"email":"1052228950@qq.com","name":"liujuping123"}],"readme":"---\ntitle: 移动端自然布局\ncategory: General\n---\n\n## 介绍\n\n一套面向移动端的自然布局组件。\n\n**特性：**\n\n- 多栅格布局，支持自定义 `BreakPoints`\n- 弹性的容器计算，完美适配各类屏幕（手表/手机/平板/桌面）\n- 细化大/小布局，兼容各种移动端布局场景\n\n布局细分为两种模式：\n\n<p style=\"text-align:center;\">\n  <img childWidth=\"600\" src=\"https://img.alicdn.com/imgextra/i3/O1CN015fyWei29J7U6tTJ2b_!!6000000008046-2-tps-1236-370.png\"/>\n</p>\n\n##### 大布局\n\n- `<Page>`: 页\n- `<Section>`: 章\n- `<Block>`: 区块\n- `<Header>`: 序章\n- `<Footer>`: 终章\n\n##### 小布局\n\n- `Row`: 行\n- `Col`: 列\n- `Cell`: 单元格，主轴默认为 垂直方向的 flex 排版\n- `P`: 段落\n\n### 大布局模式\n\n用于页面主体框架的布局，可支持根据屏幕宽度自定义栅格，并自动确定区块的列宽\n\n<p style=\"text-align:center;\">\n  <img childWidth=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01CqRHgx1n6pIv51UYz_!!6000000005041-2-tps-2404-1032.png\"/>\n</p>\n\n代码：\n\n```js\n<Page\n  breakPoints={[\n    {\n      childWidth: 200,\n      maxContentWidth: 200,\n      numberOfColumns: 1,\n    },\n    {\n      childWidth: 375,\n      maxContentWidth: 375,\n      numberOfColumns: 2,\n    },\n    {\n      childWidth: 750,\n      maxContentWidth: 750,\n      numberOfColumns: 4,\n    },\n    {\n      childWidth: 1125,\n      maxContentWidth: 1125,\n      numberOfColumns: 8,\n    },\n    {\n      childWidth: Infinity,\n      maxContentWidth: Infinity,\n      numberOfColumns: 12,\n    },\n  ]}\n>\n  <Section>\n    <Block span={6}>...</Block>\n    <Block span={6}>...</Block>\n  </Section>\n</Page>\n```\n\n组件会根据页面宽度自动计算栅格数量和单个 `Block` 的列宽。单个 Block 的列宽计算逻辑为：\n\n<p style=\"text-align:center;\">\n  <img childWidth=\"600\" src=\"https://img.alicdn.com/imgextra/i4/O1CN01wQws881UF5knznGq6_!!6000000002487-2-tps-2296-296.png\" align=\"center\" />\n</p>\n\n以屏幕宽度从 `12` 列模式收缩到 `8` 列为例，\n`6,4,2,4` 布局, 子元素的列宽会经历如下调整:\n\n<p style=\"text-align:center;\">\n  <img childWidth=\"800\" src=\"https://img.alicdn.com/imgextra/i2/O1CN01TAJkVt1XbTxmn9K66_!!6000000002942-2-tps-3860-1200.png\"/>\n</p>\n\n### 小布局\n\n用于对单个容器内部填充内容（如业务组件）进行行列精细化布局，实现等比、定宽等排列。\n\n## 使用\n\n### 1. 安装\n\n```bash\nnpm install @alifd/mobile-pro-layout --save\n```\n\n### 2. 导入 Fusion Mobile 主题\n\n引入 Fusion Mobile 的主题，此主题可以通过 Fusion 站点定制生成，或者使用默认主题：\n\n```js\nimport { Page, Section } from '@alife/mobile-theme-default';\n// 导入一套默认主题变量\nimport '@alife/mobile-theme-default/index.css';\n\n<Page>\n  <Section>\n    <Block>...</Block>\n    <Block>...</Block>\n    <Block>...</Block>\n  </Section>\n</Page>;\n```\n\n<API />\n\n## CSS 变量\n\n| 名称                            | 说明                     | 默认值       |\n| :------------------------------ | :----------------------- | :----------- |\n| `--layout-header-padding-lr`    | 序章左右内间距           | `--s-3`      |\n| `--layout-header-padding-tb`    | 序章上下内间距           | `--s-2`      |\n| `--layout-footer-padding-lr`    | 终章左右内间距           | `--s-3`      |\n| `--layout-footer-padding-tb`    | 终章上下内间距           | `--s-2`      |\n| `--layout-content-padding-lr`   | 内容左右内间距           | `--s-3`      |\n| `--layout-content-padding-tb`   | 内容上下内间距           | `--s-2`      |\n| `--layout-block-corner`         | 区块的圆角尺寸           | `--corner-0` |\n| `--layout-block-padding-lr`     | 区块左右内间距           | `--s-3`      |\n| `--layout-block-padding-tb`     | 区块上下内间距           | `--s-2`      |\n| `--layout-grid-small-gap`    | 小布局小尺寸间距         | `--s-1`      |\n| `--layout-grid-medium-gap`   | 小布局中尺寸间距         | `--s-2`      |\n| `--layout-grid-large-gap`    | 小布局大尺寸间距         | `--s-3`      |\n| `--layout-p-spacing`            | 段落子元素左右间距       | `--s-1`      |\n| `--layout-p-el-margin`          | 段落子元素上下间距       | `--s-1`      |\n| `--layout-p-padding-small-size` | 段落前(后)间距小号尺寸   | `--s-2`      |\n| `--layout-p-padding-small-size` | 段落前(后)后间距中号尺寸 | `--s-3`      |\n| `--layout-p-padding-small-size` | 段落前(后)后间距大号尺寸 | `--s-4`      |\n\n> 在大布局模式下，如果需要支持较大屏幕， 则间距单位需要视情况决定采用 `rpx` 或 `px` 单位\n","readmeFilename":"README.md"}