{"_id":"@anycms/layout","_rev":"2-4efc1574c372b079eb3b38f59395507f","name":"@anycms/layout","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@anycms/layout","version":"0.1.0","_id":"@anycms/layout@0.1.0","maintainers":[{"name":"wuliangdi","email":"wu@liangdi.me"}],"dist":{"shasum":"8233ee3fcf77512bb6945c41bfc27be064223872","tarball":"https://registry.npmjs.org/@anycms/layout/-/layout-0.1.0.tgz","fileCount":10,"integrity":"sha512-88VLdl9yiPmtIhHANm3tdxswHQ2lff3gVe+6L55MBn8oM1zea1lBEL2Q5LHmYyevj9w1L304eYqb47NxeupOeg==","signatures":[{"sig":"MEUCIDgXtXVsSHjzA3boJ1C4IkFdtjqs6c7tS9WtENKhuwt6AiEAijH7SwthdzYIUcb9Uur7D1FW70IAFIkgCeLxwMK8fNw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16296},"module":"fesm2022/anycms-layout.mjs","exports":{".":{"esm":"./esm2022/anycms-layout.mjs","types":"./index.d.ts","default":"./fesm2022/anycms-layout.mjs","esm2022":"./esm2022/anycms-layout.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"9cb09fd192a4a2ee28840c7e602ec61037475b2f","typings":"index.d.ts","_npmUser":{"name":"wuliangdi","email":"wu@liangdi.me"},"_npmVersion":"10.7.0","description":"可配置的 flex layout 库, 使用 ac- 做为 @anycms 组织的组件前缀命名.","directories":{},"sideEffects":false,"_nodeVersion":"22.2.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^18.2.0","@angular/common":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/layout_0.1.0_1726215880307_0.4201151191546746","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@anycms/layout","version":"0.2.0","peerDependencies":{"@angular/common":"^19.0.0","@angular/core":"^19.0.0"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/anycms-layout.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/anycms-layout.mjs"}},"_id":"@anycms/layout@0.2.0","gitHead":"d7f227c85b4127ea3dfb032766c02a533507f945","description":"可配置的 flex layout 库, 使用 ac- 做为 @anycms 组织的组件前缀命名.","_nodeVersion":"22.2.0","_npmVersion":"10.7.0","dist":{"integrity":"sha512-DJaECLEWCOcyzRrhiBcGm0j3S7pF+3riDGrooLr+BsDss47k5kz5ov/FpDUFcnuS/ijBB9/qpHTdID+yshPZZw==","shasum":"3e74b10417842f6946555c35314e93f46eb7d050","tarball":"https://registry.npmjs.org/@anycms/layout/-/layout-0.2.0.tgz","fileCount":10,"unpackedSize":16679,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDdWZkRJQohrfQsGromidFAO1B8hGcsv9RyldyKnB6P8AIgfi+WkDwGzS6g+F5WbrfGUilgLiJymJNKVg8b9tRefJ4="}]},"_npmUser":{"name":"wuliangdi","email":"wu@liangdi.me"},"directories":{},"maintainers":[{"name":"wuliangdi","email":"wu@liangdi.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/layout_0.2.0_1743909870268_0.06751689916571868"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-13T08:24:40.217Z","modified":"2025-04-06T03:24:30.694Z","0.1.0":"2024-09-13T08:24:40.485Z","0.2.0":"2025-04-06T03:24:30.485Z"},"description":"可配置的 flex layout 库, 使用 ac- 做为 @anycms 组织的组件前缀命名.","maintainers":[{"name":"wuliangdi","email":"wu@liangdi.me"}],"readme":"# AnyCms Layout 库\n可配置的 flex layout 库, 使用 ac- 做为 @anycms 组织的组件前缀命名.\n\n## 安装\n```\npnpm i @anycms/layout\n```\n\n## 依赖\n```\nimport { AnyCmsLayoutModule } from '@anycms/layout';\n\n```\n\n## 使用\n- View 代码\n```html\n<ac-layout [config]=\"config\">\n    <div *element>1</div>\n    <div *element>2</div>\n    <div *element>3</div>\n    <div *element>4</div>\n</ac-layout>\n```\n- Component 代码\n```ts\nconfig!: LayoutConfig;\nconfig = layoutBuilder(\"column\")\n        .justify(\"space-between\")\n            .align(\"center\")\n            .row()\n            .align(\"start\")\n            .count(2)\n            .flex(1,2)\n            .row()\n            .count(2)\n            .flex(10,1)\n            .root()\n            .flex(1,2)\n            .build();\n```","readmeFilename":"README.md"}