react-layout-kit

简介

快速上手

安装

推荐使用 pnpm 安装

pnpm i react-layout-kit -S

使用

核心功能简介

场景介绍

消费场景一

消费场景二

License

MIT

Changelog

Version 2.0.1

^{Released on 2025-11-16}

Version 2.0.0

^{Released on 2025-07-26}

✨ 新特性

• Bump deps and refactor the flex basic.

💥 BREAKING CHANGES

• need react >= 19

Version 2.0.0-beta.1

^{Released on 2025-07-25}

✨ 新特性

• Bump deps and refactor the basic.

💥 BREAKING CHANGES

• need react >= 19

Version 1.9.2

^{Released on 2025-07-18}

🐛 修复

• Fix css rerender.

Version 1.9.2-beta.1

^{Released on 2025-07-18}

🐛 修复

• Fix css rerender, fix perf.

Version 1.9.1

^{Released on 2024-12-02}

Version 1.9.0

^{Released on 2024-03-18}

✨ 新特性

• Support flex wrap.

Version 1.8.0

^{Released on 2024-03-18}

✨ 新特性

• Support rsc.

🐛 修复

• Fix docs and code about direction type desc.

Version 1.7.4

^{Released on 2023-09-25}

🐛 修复

• Fix flexbox types.

Version 1.7.3

^{Released on 2023-09-24}

🐛 修复

• Fix flexbox div type.

Version 1.7.2

^{Released on 2023-09-17}

🐛 修复

• Justify content types.

Version 1.7.1

^{Released on 2023-08-13}

🐛 修复

• Fix ref error warning.

1.7.0 (2023-04-27)

✨ 新特性

• 支持 ref (05b0b14)

1.6.1 (2023-04-09)

1.6.0 (2023-03-28)

✨ 新特性

• 支持 padding inline 和 padding block 属性 (6b8638a)

🐛 修复

• 修正 className 插入顺序问题 (b637326)
• 修正 className 插入顺序问题实现 (0c17a0c)

1.5.1 (2023-03-11)

🐛 修复

• 修正 cjs 模块打包后在 react18 中无法正常使用的问题 (4596c19)

1.5.0 (2023-03-11)

✨ 新特性

• 同时构建 esm 与 cjs 模块 (eea4316)

1.4.1 (2023-02-22)

🐛 修复

• 使用默认 emotion css，解决 ssr 需要额外 cache 的问题 (9df1b68)

1.4.0 (2023-01-24)

✨ Features

• 支持 as 属性 (42d57a2)

1.3.1 (2023-01-21)

🐛 Bug Fixes

• 修正 Center 组件无法设定方向的问题 (79f828e)

1.3.0 (2023-01-21)

✨ Features

• 支持 justify 属性设置 (37023c4)

1.2.5 (2023-01-14)

🐛 Bug Fixes

• 修正垂直方向额外出现的 margin-bottom 属性 (a48314e)

1.2.4 (2023-01-08)

🐛 Bug Fixes

• 修正 layout-kit 的 classname 和之前的一致 (d727bde)

1.2.3 (2023-01-06)

🐛 Bug Fixes

• 使用 emoiton 原始依赖替换 antd-style (083b136)

1.2.2 (2023-01-06)

🐛 Bug Fixes

• export types (4c78168)
• 移除 lib，只保留 es 模块 (f1867c6)

1.2.1 (2023-01-06)

1.2.0 (2023-01-06)

✨ Features

• 使用 antd-style 实现布局组件 (4a0d057)

1.1.1 (2022-12-17)

🐛 Bug Fixes

• 修正类型不正确的问题 (57b948c)

1.1.0 (2022-12-17)

✨ Features

• 使用 gap 替换伪元素选择器实现 gap (23223a5)

1.0.0 (2022-12-17)

✨ Features

• 增加 Flexbox 组件和 Center 组件 (15d64e8)