fix: 修复文档代码提示

Author: ChenlingasMx

website/src/component/Preview/index.js

@@ -34,6 +34,9 @@ const getBooleanValue = (param, field, defaultValue) => {
 };
 
 const Preview = ({ path, ...mdData }) => {
+  const Preview = CodeLayout.Preview;
+  const Code = CodeLayout.Code;
+  const Toolbar = CodeLayout.Toolbar;
   const $dom = useRef(null);
   return (
     <Wrapper ref={$dom}>
@@ -68,19 +71,15 @@ const Preview = ({ path, ...mdData }) => {
                 return (
                   <CodeLayout
                     disableCheckered={getBooleanValue(param, 'disableCheckered', true)}
-                    disableToolbar={getBooleanValue(param, 'disableToolbar', false)}
-                    disableCode={getBooleanValue(param, 'disableCode', false)}
-                    disablePreview={getBooleanValue(param, 'disablePreview', false)}
                     bordered={getBooleanValue(param, 'bordered', true)}
-                    copied={getBooleanValue(param, 'copied', true)}
-                    background={param.background}
-                    toolbar={param.title || '示例'}
-                    codeProps={{ style: { padding: 0 } }}
-                    style={{ padding: 0 }}
-                    code={<pre {...props} />}
-                    text={code}
                   >
-                    <Child />
+                    <Preview>
+                      <Child />
+                    </Preview>
+                    <Toolbar text={code} copied={getBooleanValue(param, 'copied', true)}>
+                      {param.title || '示例'}
+                    </Toolbar>
+                    <Code>{code}</Code>
                   </CodeLayout>
                 );
               }