diff --git a/docs/charts/charts-CHANGELOG.md b/docs/charts/charts-CHANGELOG.md
index 4daba745e..0e06c9a62 100644
--- a/docs/charts/charts-CHANGELOG.md
+++ b/docs/charts/charts-CHANGELOG.md
@@ -8,6 +8,12 @@ group: 可视化图表
---
+## 0.3.3
+
+`2024-09-23`
+
+- 🐞 修复 `tooltip` 无法换行、导致内容溢出的问题。[#684](https://github.com/oceanbase/oceanbase-design/pull/684)
+
## 0.3.1
`2024-04-12`
diff --git a/docs/codemod/codemod-CHANGELOG.md b/docs/codemod/codemod-CHANGELOG.md
index 85d1a726f..35b1d0dd8 100644
--- a/docs/codemod/codemod-CHANGELOG.md
+++ b/docs/codemod/codemod-CHANGELOG.md
@@ -8,6 +8,14 @@ group: 自动化迁移工具
---
+## 0.3.7
+
+`2024-09-23`
+
+- 🆕 新增 `techui-and-pro-components-to-oceanbase-ui` 迁移能力。[#706](https://github.com/oceanbase/oceanbase-design/pull/706)
+- ⭐️ 支持从 `pro-components` 和 `tech-ui` 迁移更多的组件和类型。[#718](https://github.com/oceanbase/oceanbase-design/pull/718)
+- 🐞 修复普通函数和匿名函数自动改写成 Design Token 时，应该使用 `token` 对象而不是 `useToken()` 的问题。[#685](https://github.com/oceanbase/oceanbase-design/pull/685)
+
## 0.3.6
`2024-07-26`
diff --git a/docs/design/design-CHANGELOG.md b/docs/design/design-CHANGELOG.md
index 6906e036a..f8e1dab5f 100644
--- a/docs/design/design-CHANGELOG.md
+++ b/docs/design/design-CHANGELOG.md
@@ -8,6 +8,16 @@ group: 基础组件
---
+## 0.3.8
+
+`2024-09-23`
+
+- 🔥 新增 `设计` 和 `博客` 模块，并上线 10 篇设计规范文档和 2 篇博客。[#682](https://github.com/oceanbase/oceanbase-design/pull/682)
+- 📖 主题文档新增 Design Token 列表，便于开发侧查阅。[#701](https://github.com/oceanbase/oceanbase-design/pull/701)
+- 💄 升级 [@oceanbase/aliyun-theme](https://www.npmjs.com/package/@oceanbase/aliyun-theme) 主题包，并更新阿里云主题的 less 样式文件。[#668](https://github.com/oceanbase/oceanbase-design/pull/668)
+- 🐞 修复 Space 在新版浏览器下可能出现的间距抖动问题。[#722](https://github.com/oceanbase/oceanbase-design/pull/722)
+- 🐞 修复 Tag 同时设置 `icon` 和 `ellipsis` 时省略样式异常的问题。[#687](https://github.com/oceanbase/oceanbase-design/pull/687) [@linhf123](https://github.com/linhf123)
+
## 0.3.7
`2024-07-26`
diff --git a/docs/ui/ui-CHANGELOG.md b/docs/ui/ui-CHANGELOG.md
index a5181dd9b..8c678424d 100644
--- a/docs/ui/ui-CHANGELOG.md
+++ b/docs/ui/ui-CHANGELOG.md
@@ -8,6 +8,15 @@ group: 业务组件
---
+## 0.3.8
+
+`2024-09-23`
+
+- 📖 新增 @oceanbase/ui 在 Vite 中的使用文档和项目模板。[#673](https://github.com/oceanbase/oceanbase-design/pull/673)
+- 🆕 Action.Group 新增 `buttonSize` 属性，用于设置按钮大小。[#719](https://github.com/oceanbase/oceanbase-design/pull/719)
+- 🆕 Action.Button 新增 `size` 属性，用于设置按钮大小。[#719](https://github.com/oceanbase/oceanbase-design/pull/719)
+- 💄 优化 PageContainer 仅设置 title 属性时页头和内容区的间距。[#721](https://github.com/oceanbase/oceanbase-design/pull/721)
+
## 0.3.6
`2024-07-10`
diff --git a/packages/charts/package.json b/packages/charts/package.json
index ebd02899a..ec3d13874 100644
--- a/packages/charts/package.json
+++ b/packages/charts/package.json
@@ -1,6 +1,6 @@
{
"name": "@oceanbase/charts",
- "version": "0.3.2",
+ "version": "0.3.3",
"description": "The Chart library for OceanBase",
"homepage": "https://github.com/oceanbase/oceanbase-design/packages/charts",
"repository": {
diff --git a/packages/codemod/package.json b/packages/codemod/package.json
index 736230663..86be5aa07 100644
--- a/packages/codemod/package.json
+++ b/packages/codemod/package.json
@@ -1,6 +1,6 @@
{
"name": "@oceanbase/codemod",
- "version": "0.3.6",
+ "version": "0.3.7",
"description": "Codemod for OceanBase Design upgrade",
"keywords": [
"oceanbase",
diff --git a/packages/design/package.json b/packages/design/package.json
index 6743f9864..1184c1554 100644
--- a/packages/design/package.json
+++ b/packages/design/package.json
@@ -1,6 +1,6 @@
{
"name": "@oceanbase/design",
- "version": "0.3.7",
+ "version": "0.3.8",
"description": "The Design System of OceanBase",
"keywords": [
"oceanbase",
diff --git a/packages/design/src/_util/useFlexGapSupport.ts b/packages/design/src/_util/useFlexGapSupport.ts
index 984377e09..4050cd6a6 100644
--- a/packages/design/src/_util/useFlexGapSupport.ts
+++ b/packages/design/src/_util/useFlexGapSupport.ts
@@ -2,7 +2,7 @@ import * as React from 'react';
import { detectFlexGapSupported } from './styleChecker';
export default () => {
- const [flexible, setFlexible] = React.useState(false);
+ const [flexible, setFlexible] = React.useState(true);
React.useEffect(() => {
setFlexible(detectFlexGapSupported());
}, []);
diff --git a/packages/icons/package.json b/packages/icons/package.json
index 59ed6a33f..59ae46313 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -1,6 +1,6 @@
{
"name": "@oceanbase/icons",
- "version": "0.3.2",
+ "version": "0.3.3",
"description": "The Icon Library for OceanBase",
"keywords": [
"oceanbase",
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 8e6c53987..b2899e2fb 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
{
"name": "@oceanbase/ui",
- "version": "0.3.7",
+ "version": "0.3.8",
"description": "The UI library based on OceanBase Design",
"keywords": [
"oceanbase",
diff --git a/packages/ui/src/PageContainer/__tests__/__snapshots__/index.test.tsx.snap b/packages/ui/src/PageContainer/__tests__/__snapshots__/index.test.tsx.snap
index 9dda8bf28..c5f4f211d 100644
--- a/packages/ui/src/PageContainer/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/ui/src/PageContainer/__tests__/__snapshots__/index.test.tsx.snap
@@ -982,3 +982,217 @@ exports[`PageContainer > extra and footer 1`] = `
`;
+
+exports[`PageContainer > title 1`] = `
+
+`;
diff --git a/packages/ui/src/PageContainer/__tests__/index.test.tsx b/packages/ui/src/PageContainer/__tests__/index.test.tsx
index 6d762dcb2..074b26fe7 100644
--- a/packages/ui/src/PageContainer/__tests__/index.test.tsx
+++ b/packages/ui/src/PageContainer/__tests__/index.test.tsx
@@ -2,6 +2,7 @@ import React from 'react';
import { render } from '@testing-library/react';
import BasicDemo from '../demo/basic';
import ExtraAndFooterDemo from '../demo/extra-footer';
+import TitleCompatibleDemo from '../demo/title';
describe('PageContainer', () => {
it('basic', () => {
@@ -13,4 +14,9 @@ describe('PageContainer', () => {
const { asFragment } = render();
expect(asFragment().firstChild).toMatchSnapshot();
});
+
+ it('title', () => {
+ const { asFragment } = render();
+ expect(asFragment().firstChild).toMatchSnapshot();
+ });
});
diff --git a/packages/ui/src/PageContainer/demo/title.tsx b/packages/ui/src/PageContainer/demo/title.tsx
new file mode 100644
index 000000000..20a220c06
--- /dev/null
+++ b/packages/ui/src/PageContainer/demo/title.tsx
@@ -0,0 +1,29 @@
+/**
+ * iframe: 600
+ */
+import React from 'react';
+import { Button, Card, Descriptions } from '@oceanbase/design';
+import { PageContainer } from '@oceanbase/ui';
+
+export default () => {
+ return (
+ 重置, ]}
+ >
+
+
+ 曲丽丽
+ 1810000000
+ 浙江省杭州市西湖区工专路
+
+ 421421
+
+ 2017-01-10
+ 这是备注
+
+
+
+ );
+};
diff --git a/packages/ui/src/PageContainer/index.md b/packages/ui/src/PageContainer/index.md
index 83b93d24c..c8f1a45f9 100644
--- a/packages/ui/src/PageContainer/index.md
+++ b/packages/ui/src/PageContainer/index.md
@@ -19,12 +19,14 @@ nav: