From adddcfaa80ead2966bc81df5b852b46ea75fa5a6 Mon Sep 17 00:00:00 2001
From: dengfuping <fuping.dfp@antgroup.com>
Date: Fri, 13 Dec 2024 21:10:59 +0800
Subject: [PATCH] fix(site): show code and debug for demo should work

---
 .dumi/theme/builtins/DemoWrapper/index.tsx |  7 ++++---
 packages/charts/src/Pie/index.md           |  5 +----
 packages/design/src/card/index.md          | 10 ++--------
 packages/design/src/empty/index.md         | 10 +---------
 packages/design/src/form/index.md          |  7 ++-----
 packages/design/src/typography/index.md    |  5 +----
 packages/ui/src/PageContainer/index.md     |  7 +------
 7 files changed, 12 insertions(+), 39 deletions(-)

diff --git a/.dumi/theme/builtins/DemoWrapper/index.tsx b/.dumi/theme/builtins/DemoWrapper/index.tsx
index 7a57eb599..da5687ee0 100644
--- a/.dumi/theme/builtins/DemoWrapper/index.tsx
+++ b/.dumi/theme/builtins/DemoWrapper/index.tsx
@@ -29,7 +29,6 @@ const DemoWrapper: typeof DumiDemoGrid = ({ items }) => {
         (acc, item) => {
           const { previewerProps } = item;
           const { debug } = previewerProps;
-          console.log(debug);
 
           if (debug && !showDebug) return acc;
 
@@ -37,7 +36,7 @@ const DemoWrapper: typeof DumiDemoGrid = ({ items }) => {
             ...item,
             previewerProps: {
               ...previewerProps,
-              expand: expandAll,
+              defaultShowCode: expandAll,
               /**
                * extra marker for the original debug
                */
@@ -66,7 +65,9 @@ const DemoWrapper: typeof DumiDemoGrid = ({ items }) => {
         </Tooltip>
         <Tooltip
           title={
-            <FormattedMessage id={`app.component.examples.${showDebug ? 'hide' : 'visible'}`} />
+            <FormattedMessage
+              id={showDebug ? 'app.component.examples.hide' : 'app.component.examples.visible'}
+            />
           }
         >
           {showDebug ? (
diff --git a/packages/charts/src/Pie/index.md b/packages/charts/src/Pie/index.md
index 88dbf8884..b2d2b901a 100644
--- a/packages/charts/src/Pie/index.md
+++ b/packages/charts/src/Pie/index.md
@@ -7,14 +7,11 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/pie.tsx" title="基础饼图"></code>
-
 <code src="./demo/donut.tsx" title="基础环图"></code>
-
 <code src="./demo/donut-floor.tsx" title="环图-浮点数精度" debug></code>
-
 <code src="./demo/half-donut.tsx" title="半圆环图"></code>
-
 <code src="./demo/state-change.tsx" title="useMemo-状态改变" debug></code>
 
 ## API
diff --git a/packages/design/src/card/index.md b/packages/design/src/card/index.md
index 9b824a540..e27ae0fad 100644
--- a/packages/design/src/card/index.md
+++ b/packages/design/src/card/index.md
@@ -12,21 +12,15 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="典型卡片" description="包含标题、内容、操作区域。"></code>
-
 <code src="./demo/border-less.tsx" title="无边框" description="带有阴影，通常位于灰色背景之上。"></code>
-
 <code src="./demo/no-divider.tsx" title="无分割线" description="去掉卡片头部和内容区的分割线。"></code>
-
 <code src="./demo/inner.tsx" title="嵌套卡片" description="多层级展示，支持多种内部卡片样式。"></code>
-
 <code src="./demo/grid.tsx" title="网格型内嵌卡片"></code>
-
 <code src="./demo/tabs.tsx" title="带页签的卡片" description="页签可设置选项卡后面的标签。"></code>
-
-<code src="./demo/config-provider.tsx" title="ConfigProvider" description="用于调试内部的 ConfigProvider 是否表现正常，需要连续触发 2 次及以上，观察第二个弹窗是否正常展示" debug></code>
-
 <code src="../table/demo/card-table.tsx" title="和 Table 组合使用"></code>
+<code src="./demo/config-provider.tsx" title="ConfigProvider" description="用于调试内部的 ConfigProvider 是否表现正常，需要连续触发 2 次及以上，观察第二个弹窗是否正常展示" debug></code>
 
 ## API
 
diff --git a/packages/design/src/empty/index.md b/packages/design/src/empty/index.md
index be273d9ce..ca30cfce1 100644
--- a/packages/design/src/empty/index.md
+++ b/packages/design/src/empty/index.md
@@ -17,24 +17,16 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="默认" description="简单展示"></code>
-
 <code src="./demo/complete.tsx" title="完整使用" description="图片为 Empty.PRESENTED_IMAGE_COLORED，包含标题、描述和操作"></code>
-
 <code src="./demo/complete-debug.tsx" title="完整使用 debug" description="图片为 Empty.PRESENTED_IMAGE_COLORED，包含标题、描述和操作" debug></code>
-
 <code src="./demo/database.tsx" title="数据库实例插图" description="图片为 Empty.PRESENTED_IMAGE_DATABASE"></code>
-
 <code src="./demo/image.tsx" title="自定义图片" description="可设置图片链接或 ReactNode"></code>
-
 <code src="./demo/steps.tsx" title="步骤提示"></code>
-
 <code src="./demo/over-length.tsx" title="超长内容" description="为了避免无限拉伸，限制描述区的最大宽度为 600px、步骤区的最大宽度为 1000px。"></code>
-
 <code src="./demo/horizontal.tsx" title="横向布局" description="图片为 PRESENTED_IMAGE_GUIDE，常用于功能开通等引导类场景"></code>
-
 <code src="./demo/with-page-container.tsx" title="和页容器搭配使用"></code>
-
 <code src="./demo/config-provider.tsx" title="全局组件的 Empty 样式"></code>
 
 ## API
diff --git a/packages/design/src/form/index.md b/packages/design/src/form/index.md
index 8d8478dc4..7bd399182 100644
--- a/packages/design/src/form/index.md
+++ b/packages/design/src/form/index.md
@@ -13,16 +13,13 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本" description="默认为可选样式"></code>
-
 <code src="./demo/requiredMark-same-with-antd.tsx" title="设置为必选样式" description="可以通过全局或局部设置 `requiredMark`，让必选样式和 `antd` 保持一致"></code>
-
+<code src="./demo/form-item-tooltip.tsx" title="配置提示信息"></code>
 <code src="./demo/hideRequiredMark.tsx" title="hideRequiredMark" debug></code>
-
 <code src="./demo/pro-form.tsx" title="ProForm" debug></code>
 
-<code src="./demo/form-item-tooltip.tsx" title="配置提示信息"></code>
-
 ## API
 
 | 参数 | 说明 | 类型 | 默认值 | 版本 |
diff --git a/packages/design/src/typography/index.md b/packages/design/src/typography/index.md
index 4c1ca7cc9..467e2f1ac 100644
--- a/packages/design/src/typography/index.md
+++ b/packages/design/src/typography/index.md
@@ -11,14 +11,11 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/title.tsx" title="标题"></code>
-
 <code src="./demo/text.tsx" title="文本与超链接"></code>
-
 <code src="./demo/editable.tsx" title="可编辑"></code>
-
 <code src="./demo/font-family.tsx" title="字体" description="详见 [字体设计规范](/docs/spec/typography)。"></code>
-
 <code src="./demo/inner.tsx" title="和其他组件组合使用" debug></code>
 
 ## API
diff --git a/packages/ui/src/PageContainer/index.md b/packages/ui/src/PageContainer/index.md
index c8f1a45f9..9dbfff435 100644
--- a/packages/ui/src/PageContainer/index.md
+++ b/packages/ui/src/PageContainer/index.md
@@ -13,18 +13,13 @@ nav:
 
 ## 代码演示
 
+<!-- prettier-ignore -->
 <code src="./demo/basic.tsx" title="基本" description="包含标题、操作区、内容区、页脚"></code>
-
 <code src="./demo/complete.tsx" iframe="600" title="完整使用" description="包含面包屑、页面返回、reload 刷新等，并支持页面滚动"></code>
-
 <code src="./demo/with-tabs.tsx" iframe="600" title="和 Tabs 组合使用"></code>
-
 <code src="./demo/header-less.tsx" iframe="600" title="无 PageHeader" description="头部内容为空"></code>
-
 <code src="./demo/empty.tsx" title="空页面"></code>
-
 <code src="./demo/extra-footer.tsx" title="页头和页脚操作区" description="位于页头和页脚操作区的组件尺寸为 `large`，字体大小为 `middle`。" debug></code>
-
 <code src="./demo/title.tsx" title="title 属性" description="样式需要符合预期" debug></code>
 
 ## 与路由搭配使用