diff --git a/docs/design/design-i18n.md b/docs/design/design-i18n.md
index a84bde0d9..bd2dd4df1 100644
--- a/docs/design/design-i18n.md
+++ b/docs/design/design-i18n.md
@@ -23,6 +23,7 @@ return (
 
 ## 使用示例
 
+<!-- prettier-ignore -->
 <code src="../../packages/design/src/locale/demo/basic.tsx"></code>
 
 ## 目前支持语言
diff --git a/packages/charts/src/Area/index.md b/packages/charts/src/Area/index.md
index 14f646a91..cbf829a2a 100644
--- a/packages/charts/src/Area/index.md
+++ b/packages/charts/src/Area/index.md
@@ -7,12 +7,10 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基础面积图"></code>
-
 <code src="./demo/stack.tsx" title="堆叠面积图"></code>
-
 <code src="./demo/percent.tsx" title="百分比面积图"></code>
-
 <code src="./demo/tooltip-scrollable.tsx" title="Tooltip 可滚动" description="适用于 Tooltip 项较多、超出图表的场景，可通过 `tooltip.scrollable: true` 配置进行开启。"></code>
 
 ## API
diff --git a/packages/charts/src/Bar/index.md b/packages/charts/src/Bar/index.md
index 3bc3a26ba..1bd2c09ab 100644
--- a/packages/charts/src/Bar/index.md
+++ b/packages/charts/src/Bar/index.md
@@ -7,16 +7,12 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基础条形图"></code>
-
 <code src="./demo/stack.tsx" title="堆叠条形图"></code>
-
 <code src="./demo/group.tsx" title="分组条形图"></code>
-
 <code src="./demo/percent.tsx" title="百分比条形图"></code>
-
 <code src="./demo/progress.tsx" title="进度条形图" description="展示百分比，支持设置警告水位线、危险水位线"></code>
-
 <code src="./demo/range.tsx" title="区间条形图"></code>
 
 ## API
diff --git a/packages/charts/src/Column/index.md b/packages/charts/src/Column/index.md
index f9b0d7f12..22cb0ba1b 100644
--- a/packages/charts/src/Column/index.md
+++ b/packages/charts/src/Column/index.md
@@ -7,14 +7,11 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基础柱状图"></code>
-
 <code src="./demo/stack.tsx" title="堆叠柱状图"></code>
-
 <code src="./demo/group.tsx" title="分组柱状图"></code>
-
 <code src="./demo/percent.tsx" title="百分比柱状图"></code>
-
 <code src="./demo/range.tsx" title="区间柱状图"></code>
 
 ## API
diff --git a/packages/charts/src/DualAxes/index.md b/packages/charts/src/DualAxes/index.md
index 525e267e1..a0fadee16 100644
--- a/packages/charts/src/DualAxes/index.md
+++ b/packages/charts/src/DualAxes/index.md
@@ -7,14 +7,11 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/dual-line.tsx" title="双折线双轴图"></code>
-
 <code src="./demo/multi-line.tsx" title="多折线双轴图"></code>
-
 <code src="./demo/column-line.tsx" title="柱线混合双轴图"></code>
-
 <code src="./demo/column-multi-line.tsx" title="柱线混合双轴图-多折线"></code>
-
 <code src="./demo/tooltip-scrollable.tsx" title="Tooltip 可滚动" description="适用于 Tooltip 项较多、超出图表的场景，可通过 `tooltip.scrollable: true` 配置进行开启。"></code>
 
 ## API
diff --git a/packages/charts/src/Gauge/index.md b/packages/charts/src/Gauge/index.md
index 710f10d24..788dee5a9 100644
--- a/packages/charts/src/Gauge/index.md
+++ b/packages/charts/src/Gauge/index.md
@@ -7,12 +7,10 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基础仪表盘"></code>
-
 <code src="./demo/custom-color.tsx" title="多色仪表盘"></code>
-
 <code src="./demo/meter.tsx" title="米轨仪表盘"></code>
-
 <code src="./demo/without-indicator.tsx" title="无指针和刻度仪表盘"></code>
 
 ## API
diff --git a/packages/charts/src/Histogram/index.md b/packages/charts/src/Histogram/index.md
index dfca6b913..1577649aa 100644
--- a/packages/charts/src/Histogram/index.md
+++ b/packages/charts/src/Histogram/index.md
@@ -7,8 +7,8 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基础直方图"></code>
-
 <code src="./demo/stack.tsx" title="堆叠直方图"></code>
 
 ## API
diff --git a/packages/charts/src/Line/index.md b/packages/charts/src/Line/index.md
index 149dc8eed..b0131ea23 100644
--- a/packages/charts/src/Line/index.md
+++ b/packages/charts/src/Line/index.md
@@ -7,14 +7,11 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基础折线图"></code>
-
 <code src="./demo/step.tsx" title="阶梯折线图"></code>
-
 <code src="./demo/multiple.tsx" title="多折线图"></code>
-
 <code src="./demo/auto-fit.tsx" title="自适应容器高度" description="调整浏览器窗口高度即可验证"></code>
-
 <code src="./demo/tooltip-scrollable.tsx" title="Tooltip 可滚动" description="适用于 Tooltip 项较多、超出图表的场景，可通过 `tooltip.scrollable: true` 配置进行开启。"></code>
 
 ## API
diff --git a/packages/charts/src/Liquid/index.md b/packages/charts/src/Liquid/index.md
index 68704172d..3822f8415 100644
--- a/packages/charts/src/Liquid/index.md
+++ b/packages/charts/src/Liquid/index.md
@@ -7,12 +7,10 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/circle.tsx" title="圆形水波图"></code>
-
 <code src="./demo/rect.tsx" title="矩形水波图"></code>
-
 <code src="./demo/horizontal.tsx" title="水平布局的水波图"></code>
-
 <code src="./demo/decimal.tsx" title="数据精度" description="默认最多保留两位有效小数，可通过 `decimal` 进行设置。"></code>
 
 ## API
diff --git a/packages/charts/src/Score/index.md b/packages/charts/src/Score/index.md
index 7485e6aa1..30a71ceba 100644
--- a/packages/charts/src/Score/index.md
+++ b/packages/charts/src/Score/index.md
@@ -11,7 +11,10 @@ nav:
 
 ## 代码演示
 
-<code src="./demo/basic.tsx" title="基础使用"></code> <code src="./demo/customColor.tsx" title="自定义颜色和单位"></code> <code src="./demo/customThreshold.tsx" title="自定义阈值"></code>
+<!-- prettier-ignore -->
+<code src="./demo/basic.tsx" title="基础使用"></code>
+<code src="./demo/customColor.tsx" title="自定义颜色和单位"></code>
+<code src="./demo/customThreshold.tsx" title="自定义阈值"></code>
 
 ## API
 
diff --git a/packages/charts/src/Stat/index.md b/packages/charts/src/Stat/index.md
index 3a46b2987..96ea7bc1c 100644
--- a/packages/charts/src/Stat/index.md
+++ b/packages/charts/src/Stat/index.md
@@ -7,6 +7,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基础数字统计"></code>
 
 ## API
diff --git a/packages/charts/src/Tiny/index.md b/packages/charts/src/Tiny/index.md
index 4c9fe52be..5afc2d6c1 100644
--- a/packages/charts/src/Tiny/index.md
+++ b/packages/charts/src/Tiny/index.md
@@ -7,12 +7,10 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/line.tsx" title="迷你折线图"></code>
-
 <code src="./demo/area.tsx" title="迷你面积图"></code>
-
 <code src="./demo/column.tsx" title="迷你柱状图"></code>
-
 <code src="./demo/progress.tsx" title="进度条图"></code>
 
 ## API
diff --git a/packages/design/src/descriptions/index.md b/packages/design/src/descriptions/index.md
index 38467edd0..450bc189f 100644
--- a/packages/design/src/descriptions/index.md
+++ b/packages/design/src/descriptions/index.md
@@ -12,14 +12,11 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本" description="简单展示"></code>
-
 <code src="./demo/content.tsx" title="内容展示" description="内容超长自动省略，并展示 `Tooltip`。同时通过 `contentProps` 可设置省略、编辑、复制等内容属性。"></code>
-
 <code src="./demo/vertical.tsx" title="垂直列表" description="默认去掉冒号"></code>
-
 <code src="./demo/bordered.tsx" title="带边框"></code>
-
 <code src="./demo/size.tsx" title="不同尺寸"></code>
 
 ## API
diff --git a/packages/design/src/drawer/index.md b/packages/design/src/drawer/index.md
index 8298f7ce1..d294374c7 100644
--- a/packages/design/src/drawer/index.md
+++ b/packages/design/src/drawer/index.md
@@ -20,20 +20,14 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基础抽屉" description="默认包含标题、内容。"></code>
-
 <code src="./demo/footer.tsx" title="开启页脚" description="内容较短时，页脚跟随内容展示；可通过 `onOk` 或 `footer` 开启页脚。"></code>
-
 <code src="./demo/footerExtra.tsx" title="设置默认页脚的额外内容" description="通过 `footerExtra` 设置，仅默认页脚生效"></code>
-
 <code src="./demo/custom-footer.tsx" title="自定义页脚"></code>
-
 <code src="./demo/confirmLoading.tsx" title="确定按钮 loading"></code>
-
 <code src="./demo/form-drawer.tsx" title="用于 Form 表单" description="与 Form 表单合用，用于收集数据。"></code>
-
 <code src="./demo/descriptions.tsx" title="用于详情展示" description="与 Descriptions 合用，用于详情展示"></code>
-
 <code src="./demo/over-height.tsx" title="内容超出" description="支持滚动；内容较长时页脚置底展示"></code>
 
 ## API
diff --git a/packages/design/src/grid/index.md b/packages/design/src/grid/index.md
index 38d9aca9a..f9840f0f9 100644
--- a/packages/design/src/grid/index.md
+++ b/packages/design/src/grid/index.md
@@ -10,12 +10,10 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基础栅格" description="使用单一的一组 Row 和 Col 栅格组件，就可以创建一个基本的栅格系统，所有列（Col）必须放在 Row 内。"></code>
-
 <code src="./demo/gutter.tsx" title="区块栅格" description="栅格常常需要和间隔进行配合，你可以使用 Row 的 gutter 属性，我们推荐使用 (16+8n)px 作为栅格间隔(n 是自然数)。"></code>
-
 <code src="./demo/offset.tsx" title="左右偏移" description="使用 offset 可以将列向右侧偏。例如，offset={4} 将元素向右侧偏移了 4 个列（column）的宽度。"></code>
-
 <code src="./demo/flex.tsx" title="排版" description="子元素根据不同的值 start、center、end、space-between、space-around 和 space-evenly，分别定义其在父节点里面的排版方式。"></code>
 
 ## API
diff --git a/packages/design/src/input-number/index.md b/packages/design/src/input-number/index.md
index 3ba490d42..f58407386 100644
--- a/packages/design/src/input-number/index.md
+++ b/packages/design/src/input-number/index.md
@@ -10,12 +10,10 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本" description="数字输入框"></code>
-
 <code src="./demo/addon.tsx" title="前置/后置标签" description="用于配置一些固定组合。"></code>
-
 <code src="./demo/formatter.tsx" title="格式化展示" description="通过 `formatter` 格式化数字，以展示具有具体含义的数据，往往需要配合 `parser` 一起使用。这里有一个更复杂的货币格式化输入框：[https://codesandbox.io/s/currency-wrapper-antd-input-3ynzo](https://codesandbox.io/s/currency-wrapper-antd-input-3ynzo)"></code>
-
 <code src="./demo/status.tsx" title="自定义状态" description="使用 `status` 为 InputNumber 添加状态，可选 `error` 或者 `warning`。"></code>
 
 ## API
diff --git a/packages/design/src/list/index.md b/packages/design/src/list/index.md
index 7b798573b..21ecd84b2 100644
--- a/packages/design/src/list/index.md
+++ b/packages/design/src/list/index.md
@@ -10,8 +10,8 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/simple.tsx" title="简单列表"></code>
-
 <code src="./demo/basic.tsx" title="基础列表"></code>
 
 ## API
diff --git a/packages/design/src/message/index.md b/packages/design/src/message/index.md
index 92b8a24f3..8ab9dfb27 100644
--- a/packages/design/src/message/index.md
+++ b/packages/design/src/message/index.md
@@ -11,6 +11,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
 
 ## API
diff --git a/packages/design/src/notification/index.md b/packages/design/src/notification/index.md
index c02114d20..d24b77e83 100644
--- a/packages/design/src/notification/index.md
+++ b/packages/design/src/notification/index.md
@@ -11,6 +11,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
 
 ## API
diff --git a/packages/design/src/popconfirm/index.md b/packages/design/src/popconfirm/index.md
index f8a919d44..488f9ded4 100644
--- a/packages/design/src/popconfirm/index.md
+++ b/packages/design/src/popconfirm/index.md
@@ -10,8 +10,8 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/promise.tsx" title="基于 Promise 的异步关闭" description="点击确定后异步关闭气泡确认框。"></code>
 
 ## API
diff --git a/packages/design/src/popover/index.md b/packages/design/src/popover/index.md
index fb57afabe..cc88644e1 100644
--- a/packages/design/src/popover/index.md
+++ b/packages/design/src/popover/index.md
@@ -10,12 +10,10 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/trigger.tsx" title="触发方式"></code>
-
 <code src="./demo/over-length.tsx" title="超长内容" description="浮层大小默认由内容区决定，最大宽度为 100vw。如果不想浮层被内容无限撑开，可以通过 `overlayInnerStyle` 设置最大宽高。"></code>
-
 <code src="./demo/with-table.tsx" title="和表格搭配使用" description="1、浮层设置最大宽度，避免被表格内容无限拉伸。<br/>2、表格设置横向滚动 `scroll={{ x: 'max-content' }}`，避免折行。<br/>3、表格尺寸设为 `middle`，分页器尺寸设为 `small`，减小空间占用。"></code>
 
 ## API
diff --git a/packages/design/src/result/index.md b/packages/design/src/result/index.md
index ade871af4..ce5e4021e 100644
--- a/packages/design/src/result/index.md
+++ b/packages/design/src/result/index.md
@@ -11,24 +11,16 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/success.tsx" title="成功"></code>
-
 <code src="./demo/error.tsx" title="失败"></code>
-
 <code src="./demo/warning.tsx" title="警告"></code>
-
 <code src="./demo/processing.tsx" title="进行中"></code>
-
 <code src="./demo/403.tsx" title="403" description="无访问权限。"></code>
-
 <code src="./demo/404.tsx" title="404" description="页面未找到。"></code>
-
 <code src="./demo/500.tsx" title="500" description="服务器发生了错误。"></code>
-
 <code src="./demo/icon.tsx" title="自定义 icon"></code>
-
 <code src="./demo/over-length.tsx" title="超长内容" description="为了避免无限拉伸，限制副标题的最大宽度为 600px、内容区的最大宽度为 1000px。"></code>
-
 <code src="./demo/with-page-container.tsx" title="和页容器搭配使用"></code>
 
 ## API
diff --git a/packages/design/src/segmented/index.md b/packages/design/src/segmented/index.md
index 969014354..27fc6906b 100644
--- a/packages/design/src/segmented/index.md
+++ b/packages/design/src/segmented/index.md
@@ -13,14 +13,11 @@ nav:
 
 ### 基本使用
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/disabled.tsx" title="不可用"></code>
-
 <code src="./demo/size.tsx" title="三种大小"></code>
-
 <code src="./demo/block.tsx" title="block" description="block 属性使其撑满父元素宽度"></code>
-
 <code src="./demo/ellipsis.tsx" title="省略" description="需要同时配置分段器的 block 和选项的 ellipsis 属性"></code>
 
 ## API
diff --git a/packages/design/src/space/index.md b/packages/design/src/space/index.md
index 10ae52bcb..2de5fad84 100644
--- a/packages/design/src/space/index.md
+++ b/packages/design/src/space/index.md
@@ -10,6 +10,9 @@ nav:
 
 ## 代码演示
 
-<code src="./demo/basic.tsx" title="基本用法"></code> </code> <code src="./demo/vertical.tsx" title="相邻组件垂直间距"></code> <code src="./demo/wrap.tsx" title="自动换行"></code>
+<!-- prettier-ignore -->
+<code src="./demo/basic.tsx" title="基本用法"></code>
+<code src="./demo/vertical.tsx" title="相邻组件垂直间距"></code>
+<code src="./demo/wrap.tsx" title="自动换行"></code>
 
 - 详见 antd Space 文档: https://ant.design/components/space-cn/
diff --git a/packages/design/src/tabs/index.md b/packages/design/src/tabs/index.md
index 1c4e005fc..754841920 100644
--- a/packages/design/src/tabs/index.md
+++ b/packages/design/src/tabs/index.md
@@ -12,16 +12,12 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/size.tsx" title="大小"></code>
-
 <code src="./demo/position.tsx" title="位置"></code>
-
 <code src="./demo/divider.tsx" title="分割线"></code>
-
 <code src="./demo/tag.tsx" title="标签" description="可设置选项卡后面的标签"></code>
-
 <code src="./demo/tab-pane.tsx" title="TabPane 语法糖（不推荐使用）" description="即将废弃的 API，不推荐使用，详见 antd [文档](https://4x.ant.design/components/tabs-cn/#4.23.0-%E7%94%A8%E6%B3%95%E5%8D%87%E7%BA%A7)"></code>
 
 ## API
diff --git a/packages/design/src/tag/index.md b/packages/design/src/tag/index.md
index 0430f0a5c..994c4f79d 100644
--- a/packages/design/src/tag/index.md
+++ b/packages/design/src/tag/index.md
@@ -11,7 +11,14 @@ nav:
 
 ## 代码演示
 
-<code src="./demo/basic.tsx" title="基本"></code> <code src="./demo/ellipsis.tsx" title="内容超长自动省略"></code> <code src="./demo/color.tsx" title="彩色标签" description="我们添加了多种预设色彩的标签样式，用作不同场景使用。如果预设值不能满足你的需求，可以设置为具体色值"></code> <code src="./demo/status.tsx" title="预设状态的标签" description="预设五种状态颜色"></code> <code src="./demo/checkable.tsx" title="可选择标签"></code> <code src="./demo/icon.tsx" title="图标按钮"></code> <code src="./demo/borderless.tsx" title="无边框模式"></code>
+<!-- prettier-ignore -->
+<code src="./demo/basic.tsx" title="基本"></code>
+<code src="./demo/ellipsis.tsx" title="内容超长自动省略"></code>
+<code src="./demo/color.tsx" title="彩色标签" description="我们添加了多种预设色彩的标签样式，用作不同场景使用。如果预设值不能满足你的需求，可以设置为具体色值"></code>
+<code src="./demo/status.tsx" title="预设状态的标签" description="预设五种状态颜色"></code>
+<code src="./demo/checkable.tsx" title="可选择标签"></code>
+<code src="./demo/icon.tsx" title="图标按钮"></code>
+<code src="./demo/borderless.tsx" title="无边框模式"></code>
 
 ## API
 
diff --git a/packages/design/src/theme/index.md b/packages/design/src/theme/index.md
index 854ed1f3d..80cfb3829 100644
--- a/packages/design/src/theme/index.md
+++ b/packages/design/src/theme/index.md
@@ -155,6 +155,7 @@ export default () {
 
 ## 主题预览
 
+<!-- prettier-ignore -->
 <code src="./demo/previewer.tsx"></code>
 
 ## API
diff --git a/packages/design/src/tooltip/index.md b/packages/design/src/tooltip/index.md
index 0d282a45f..25dac9eef 100644
--- a/packages/design/src/tooltip/index.md
+++ b/packages/design/src/tooltip/index.md
@@ -14,14 +14,11 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/over-length.tsx" title="超长内容" description="1、浮层默认的最大宽度为 300px、最大高度为 250px，内容超出时横向折行、纵向滚动。<br/>2、可以通过 `overlayStyle={{ maxWidth: 'xxx' }}` 设置最大宽度，`overlayInnerStyle={{ maxHeight: 'xxx' }}` 设置最大高度。"></code>
-
 <code src="./demo/close-icon.tsx" title="关闭按钮" description="Tooltip 可以通过设置 closeIcon 变为可关闭 Tooltip, 并支持自定义关闭按钮，设置为 true 时将使用默认关闭按钮。可关闭 Tooltip 具有 onClose 事件"></code>
-
 <code src="./demo/type.tsx" title="Tooltip 类型" description="Tooltip 有五种类型：default、info、success、warning 和 error，以满足不同场景的提示需求。"></code>
-
 <code src="./demo/mouse-follow.tsx" title="鼠标跟随" description="设置 `mouseFollow: true` 可开启鼠标跟随，此时会去掉箭头，并且 `placement`、`open` 和 `trigger` 等属性也将失效。"></code>
 
 ## API
diff --git a/packages/ui/src/BackgroundTaskManager/index.md b/packages/ui/src/BackgroundTaskManager/index.md
index c01061519..8d6d012b2 100644
--- a/packages/ui/src/BackgroundTaskManager/index.md
+++ b/packages/ui/src/BackgroundTaskManager/index.md
@@ -7,6 +7,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/NotificationCenterDemo.tsx"></code>
 
 ## API
diff --git a/packages/ui/src/BasicLayout/index.md b/packages/ui/src/BasicLayout/index.md
index 0cb457eb8..60c7a9a6c 100644
--- a/packages/ui/src/BasicLayout/index.md
+++ b/packages/ui/src/BasicLayout/index.md
@@ -7,20 +7,14 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/menu-over-length.tsx" title="菜单项内容超长" description="自动省略 + tooltip"></code>
-
 <code src="./demo/banner.tsx" title="带顶部 banner"></code>
-
 <code src="./demo/topHeader-icon.tsx" title="顶部导航 icon 模式"></code>
-
 <code src="./demo/topHeader-title.tsx" title="带顶部标题"></code>
-
 <code src="./demo/subSideMenu.tsx" title="带子侧边栏的二级导航"></code>
-
 <code src="./demo/no-sider-and-custom-header.tsx" title="无侧边导航 & 自定义顶部导航"></code>
-
 <code src="./demo/welcome.tsx" title="和欢迎页搭配使用"></code>
 
 ## 与路由搭配使用
diff --git a/packages/ui/src/BatchOperationBar/index.md b/packages/ui/src/BatchOperationBar/index.md
index d0db64b25..7c9532594 100644
--- a/packages/ui/src/BatchOperationBar/index.md
+++ b/packages/ui/src/BatchOperationBar/index.md
@@ -7,14 +7,11 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/with-table.tsx" title="配合 Table 使用"></code>
-
 <code src="./demo/with-multiple-table.tsx" title="配合多个 Table 使用"></code>
-
 <code src="./demo/with-drawer.tsx" title="在 Drawer 中使用"></code>
-
 <code src="./demo/with-multiple-drawer-table.tsx" title="在 Drawer 中配合多个 Table 使用"></code>
 
 ## API
diff --git a/packages/ui/src/Boundary/index.md b/packages/ui/src/Boundary/index.md
index 649a0c2c6..a8e7c25bc 100644
--- a/packages/ui/src/Boundary/index.md
+++ b/packages/ui/src/Boundary/index.md
@@ -7,14 +7,11 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/Function.tsx" title="业务功能兜底展示" ></code>
-
 <code src="./demo/403Code.tsx" title="403 错误码兜底" ></code>
-
 <code src="./demo/404Code.tsx" title="404 错误码兜底"></code>
-
 <code src="./demo/ErrorException.tsx" title="JS Error 兜底报错" description="Exception 使用时只需用该组件将需要兜底的页面包裹,然后子组件报错即可触发"></code>
-
 <code src="./demo/CompatibleException.tsx" title="兼容性报错" title="Exception 使用时只需用该组件将需要兜底的页面包裹,应用判断是否存在兼容性问题传值即可"></code>
 
 ## API
diff --git a/packages/ui/src/ContentWithIcon/index.md b/packages/ui/src/ContentWithIcon/index.md
index 7ae210a1c..4e8b0c7a3 100644
--- a/packages/ui/src/ContentWithIcon/index.md
+++ b/packages/ui/src/ContentWithIcon/index.md
@@ -7,25 +7,12 @@ nav:
 
 ## 代码演示
 
-### 基本使用
-
-组件默认情况图标在文字后，如不需要自定义图标，则不需要传 suffixIcon <code src="./demo/basic.tsx" ></code>
-
-### 图标在文字前
-
-图标若在文字前，需把 suffixIcon 置为 null，prefixIcon 使用默认图标的话传 true <code src="./demo/prefix.tsx" ></code>
-
-### 提示文案描述带有超链接
-
-组件默认情况是使用 toooltip 进行提示，如不需要，则不需要传 tooltipWithLink <code src="./demo/tipWithLink.tsx" ></code>
-
-### info 类提示
-
-提示可平铺展示 textHidden 传 false 直接展示，默认为 true 隐藏展示，只适用于 iconType 等于 info 类型，支持自定义 icon 颜色 <code src="./demo/customIcon.tsx" ></code>
-
-### 感叹号类提示
-
-exclamation 类型，支持自定义 icon 颜色 <code src="./demo/exclamation.tsx" ></code>
+<!-- prettier-ignore -->
+<code src="./demo/basic.tsx" title="基本使用" descriptio="组件默认情况图标在文字后，如不需要自定义图标，则不需要传 suffixIcon。"></code>
+<code src="./demo/prefix.tsx" title="图标在文字前" descriptio="图标若在文字前，需把 `suffixIcon` 置为 null，prefixIcon 使用默认图标的话传 true。"></code>
+<code src="./demo/tipWithLink.tsx" title="提示文案描述带有超链接" descriptio="组件默认情况是使用 toooltip 进行提示，如不需要，则不需要传 `tooltipWithLink`。"></code>
+<code src="./demo/customIcon.tsx" title="info 类提示" descriptio="提示可平铺展示 `textHidden` 传 false 直接展示，默认为 true 隐藏展示，只适用于 `iconType` 等于 info 类型，支持自定义 icon 颜色。"></code>
+<code src="./demo/exclamation.tsx" title="感叹号类提示" descriptio="`exclamation` 类型，支持自定义 icon 颜色 。"></code>
 
 ## API
 
diff --git a/packages/ui/src/ContentWithQuestion/index.md b/packages/ui/src/ContentWithQuestion/index.md
index 785395855..37527aa96 100644
--- a/packages/ui/src/ContentWithQuestion/index.md
+++ b/packages/ui/src/ContentWithQuestion/index.md
@@ -7,10 +7,9 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/custom.tsx" title="自定义图标"></code>
-
 <code src="./demo/prefix.tsx" title="图标前置"></code>
 
 ## API
diff --git a/packages/ui/src/Dialog/index.md b/packages/ui/src/Dialog/index.md
index d7fa505c8..4caaeeb9c 100644
--- a/packages/ui/src/Dialog/index.md
+++ b/packages/ui/src/Dialog/index.md
@@ -7,10 +7,9 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/DialogDemo.tsx" title="基本" description="点击 Help 按钮打开 Dialog"></code>
-
 <code src="./demo/EmbdedDialogDemo.tsx" title="嵌入" description="点击 Help 按钮打开嵌入版 Dialog"></code>
-
 <code src="./demo/EmbdedDialogAndNormalDemo.tsx" title="动态切换" description="点击 Help 按钮打开嵌入版和普通版自动切换 Dialog"></code>
 
 ## API
diff --git a/packages/ui/src/DocDialog/index.md b/packages/ui/src/DocDialog/index.md
index 928dce637..8c3b0fd77 100644
--- a/packages/ui/src/DocDialog/index.md
+++ b/packages/ui/src/DocDialog/index.md
@@ -7,6 +7,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/DocDialogDemo.tsx" title="基本" description="点击 Help 按钮打开 Dialog"></code>
 
 ## API
diff --git a/packages/ui/src/FooterToolbar/index.md b/packages/ui/src/FooterToolbar/index.md
index c51b6616e..2edd19f38 100644
--- a/packages/ui/src/FooterToolbar/index.md
+++ b/packages/ui/src/FooterToolbar/index.md
@@ -11,6 +11,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
 
 ## API
diff --git a/packages/ui/src/GraphToolbar/index.md b/packages/ui/src/GraphToolbar/index.md
index f437460cc..e54936d54 100644
--- a/packages/ui/src/GraphToolbar/index.md
+++ b/packages/ui/src/GraphToolbar/index.md
@@ -9,6 +9,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="../TaskGraph/demo/basic.tsx" title="基本"></code>
 
 ## API
diff --git a/packages/ui/src/IconFont/index.md b/packages/ui/src/IconFont/index.md
index 23f17c727..5afa616db 100644
--- a/packages/ui/src/IconFont/index.md
+++ b/packages/ui/src/IconFont/index.md
@@ -7,6 +7,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
 
 ## API
diff --git a/packages/ui/src/LightFilter/index.md b/packages/ui/src/LightFilter/index.md
index acd4f963a..8504c3c0c 100644
--- a/packages/ui/src/LightFilter/index.md
+++ b/packages/ui/src/LightFilter/index.md
@@ -10,6 +10,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
 
 ## API
diff --git a/packages/ui/src/Login/index.md b/packages/ui/src/Login/index.md
index 898fb1795..a2fdc3a47 100644
--- a/packages/ui/src/Login/index.md
+++ b/packages/ui/src/Login/index.md
@@ -7,20 +7,14 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/bg-image.tsx" title="背景图片"></code>
-
 <code src="./demo/board.tsx" title="顶部公告"></code>
-
 <code src="./demo/otherLogin.tsx" title="第三方登录"></code>
-
 <code src="./demo/with-alert.tsx" title="警告提示"></code>
-
 <code src="./demo/activate.tsx" title="用户激活"></code>
-
 <code src="./demo/authCode.tsx" title="登录验证码"></code>
-
 <code src="./demo/is-mobile.tsx" title="移动端支持" iframe="600"></code>
 
 ## API
diff --git a/packages/ui/src/Lottie/index.md b/packages/ui/src/Lottie/index.md
index 07969f060..c91967236 100644
--- a/packages/ui/src/Lottie/index.md
+++ b/packages/ui/src/Lottie/index.md
@@ -7,10 +7,9 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/speed.tsx" title="播放速度"></code>
-
 <code src="./demo/control.tsx" title="播放控制"></code>
 
 ## API
diff --git a/packages/ui/src/NavMenu/index.md b/packages/ui/src/NavMenu/index.md
index 42f45b3c8..986898f7b 100644
--- a/packages/ui/src/NavMenu/index.md
+++ b/packages/ui/src/NavMenu/index.md
@@ -7,6 +7,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
 
 ## API
diff --git a/packages/ui/src/PageLoading/index.md b/packages/ui/src/PageLoading/index.md
index be808a478..e7baf905a 100644
--- a/packages/ui/src/PageLoading/index.md
+++ b/packages/ui/src/PageLoading/index.md
@@ -7,10 +7,9 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本" description="常用于 `dynamicImport` 的加载动画"></code>
-
 <code src="./demo/with-page-container.tsx" title="页容器加载" description="已内置到 PageContainer，通过 loading 属性控制即可"></code>
-
 <code src="./demo/matchWrapperHeight.tsx" title="固定高度的容器内加载"></code>
 
 ## API
diff --git a/packages/ui/src/Password/index.md b/packages/ui/src/Password/index.md
index 6b468d5ad..3c4ac5a62 100644
--- a/packages/ui/src/Password/index.md
+++ b/packages/ui/src/Password/index.md
@@ -7,12 +7,10 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本" description="使用内置的校验规则"></code>
-
 <code src="./demo/custom-rules.tsx" title="自定义校验规则"></code>
-
 <code src="./demo/random-generate-password.tsx" title="生成随机密码"></code>
-
 <code src="./demo/custom-rules-and-random-generate.tsx" title="自定义校验规则 + 生成随机密码"></code>
 
 ## API
diff --git a/packages/ui/src/ProTable/index.md b/packages/ui/src/ProTable/index.md
index a53391d3a..58e170227 100644
--- a/packages/ui/src/ProTable/index.md
+++ b/packages/ui/src/ProTable/index.md
@@ -11,12 +11,10 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/light-filter.tsx" title="轻量筛选"></code>
-
 <code src="./demo/expandable.tsx" title="可展开表格"></code>
-
 <code src="./demo/empty.tsx" title="空状态"></code>
 
 ## API
diff --git a/packages/ui/src/Ranger/index.md b/packages/ui/src/Ranger/index.md
index 6f68322d5..559649591 100644
--- a/packages/ui/src/Ranger/index.md
+++ b/packages/ui/src/Ranger/index.md
@@ -7,16 +7,12 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/with-form.tsx" title="配合 Form 使用"></code>
-
 <code src="./demo/selected.tsx" title="时间范围快捷选项"></code>
-
 <code src="./demo/default-value.tsx" title="指定默认值"></code>
-
 <code src="./demo/mini.tsx" title="mini 模式"></code>
-
 <code src="./demo/quick-picker.tsx" title="单独使用"></code>
 
 ## API
diff --git a/packages/ui/src/TagSelect/index.md b/packages/ui/src/TagSelect/index.md
index 18c5dfcbd..334f1739e 100644
--- a/packages/ui/src/TagSelect/index.md
+++ b/packages/ui/src/TagSelect/index.md
@@ -7,7 +7,13 @@ nav:
 
 ## 代码演示
 
-<code src="./demo/tagSelect-base.tsx" title="基本"></code> <code src="./demo/tagSelect-group.tsx" title="标签选择器组合"></code> <code src="./demo/tagSelect-radio" title="单选"></code> <code src="./demo/tagSelect-multiple" title="多选"></code> <code src="./demo/tagSelect-img" title="图片标签"></code> <code src="./demo/tagSelect-size" title="尺寸"></code>
+<!-- prettier-ignore -->
+<code src="./demo/tagSelect-base.tsx" title="基本"></code>
+<code src="./demo/tagSelect-group.tsx" title="标签选择器组合"></code>
+<code src="./demo/tagSelect-radio" title="单选"></code>
+<code src="./demo/tagSelect-multiple" title="多选"></code>
+<code src="./demo/tagSelect-img" title="图片标签"></code>
+<code src="./demo/tagSelect-size" title="尺寸"></code>
 
 ## API
 
diff --git a/packages/ui/src/TaskGraph/index.md b/packages/ui/src/TaskGraph/index.md
index e36342423..bb3ace995 100644
--- a/packages/ui/src/TaskGraph/index.md
+++ b/packages/ui/src/TaskGraph/index.md
@@ -7,6 +7,7 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
 
 ## API
diff --git a/packages/ui/src/TreeSearch/index.md b/packages/ui/src/TreeSearch/index.md
index 0f5c9648d..d09447867 100644
--- a/packages/ui/src/TreeSearch/index.md
+++ b/packages/ui/src/TreeSearch/index.md
@@ -7,10 +7,9 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/customTitle.tsx" title="自定义节点 title"></code>
-
 <code src="./demo/virtual.tsx" title="虚拟滚动"></code>
 
 ## API
diff --git a/packages/ui/src/Welcome/index.md b/packages/ui/src/Welcome/index.md
index 129efcec1..46e92d20a 100644
--- a/packages/ui/src/Welcome/index.md
+++ b/packages/ui/src/Welcome/index.md
@@ -7,8 +7,8 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本"></code>
-
 <code src="./demo/with-card-type.tsx" title="stepType 类型"></code>
 
 ## API