fix(site-components): 修复 td-doc-demo 示例代码高度被置 0

packages/site-components/src/__tests__/td-doc-demo.spec.ts

@@ -39,6 +39,19 @@ vi.mock('prismjs/components/prism-jsx.js', () => ({}));
 vi.mock('prismjs/components/prism-javascript.js', () => ({}));
 vi.mock('prismjs/components/prism-typescript', () => ({}));
 
+const showCodeProp = docDemo.showCode as unknown as {
+  value: (host: { showCode?: boolean }, value: unknown) => boolean;
+};
+
+describe('td-doc-demo showCode parsing', () => {
+  it('treats the boolean attribute `show-code` (empty string) as true', () => {
+    expect(showCodeProp.value({}, '')).toBe(true);
+    expect(showCodeProp.value({}, 'true')).toBe(true);
+    expect(showCodeProp.value({}, 'false')).toBe(false);
+    expect(showCodeProp.value({}, undefined)).toBe(false);
+  });
+});
+
 describe('td-doc-demo theme synchronization', () => {
   let listeners: Map<string, EventListener>;
 

packages/site-components/src/components/td-doc-demo/index.ts

@@ -1,5 +1,6 @@
 import { html, define, dispatch } from 'hybrids';
 import Prism from 'prismjs';
+import { parseBoolean } from '@utils';
 import style from './style.less?inline';
 import codeIcon from '@images/code.svg?raw';
 import 'prismjs/components/prism-markup.js';
@@ -32,7 +33,9 @@ export default define<DemoHost>({
   tag: 'td-doc-demo',
   code: '',
   language: 'jsx',
-  showCode: false,
+  showCode: {
+    value: (_host, v) => parseBoolean(v, false),
+  },
   mode: 'auto', // auto open
   currentLangIndex: 0,
   languages: undefined, // multiple languages display
@@ -100,10 +103,12 @@ export default define<DemoHost>({
     const highlightCode = Prism.highlight(currentCode, Prism.languages[language], language);
     const activeStyle =
       activeStyleMap && languageArr.length ? getTabStyle(activeStyleMap, languageArr[currentLangIndex]) : {};
+    // mode 为 open 时始终保持展开，且不渲染切换按钮
+    const expanded = mode === 'open' || showCode;
     const showCodeStyle = {
       transitionDuration: '.2s',
-      maxHeight: showCode ? '560px' : 0,
-      transitionTimingFunction: showCode ? 'cubic-bezier(.82, 0, 1, .9)' : 'ease',
+      maxHeight: expanded ? '560px' : 0,
+      transitionTimingFunction: expanded ? 'cubic-bezier(.82, 0, 1, .9)' : 'ease',
     };
 
     const handleClick = (index: number) => {

packages/site-components/src/components/td-doc-usage/index.ts

@@ -1,4 +1,5 @@
 import { html, define, dispatch } from 'hybrids';
+import { parseBoolean } from '@utils';
 import style from './style.less?inline';
 import tipsIcon from '@images/tips.svg?raw';
 import codeIcon from '@images/code.svg?raw';
@@ -109,7 +110,9 @@ function renderConfig(configList: ConfigItem[] = []) {
 export default define<DocUsageProps>({
   tag: 'td-doc-usage',
   code: '',
-  showCode: false,
+  showCode: {
+    value: (_host, v) => parseBoolean(v, false),
+  },
   language: 'markup',
   panel: {
     value: (host, v) => v || host.panelList[0]?.value,

packages/site-components/src/utils/index.ts

@@ -124,7 +124,8 @@ export function parseBoolean(value: unknown, defaultValue = true) {
     return defaultValue;
   }
   if (typeof value === 'string') {
-    return value === 'true';
+    // 空字符串来自布尔属性（如 <td-doc-demo show-code>），应视为 true
+    return value === '' || value === 'true';
   }
   return Boolean(value);
 }