chore: doc 支持增量在线调试

src/packages/button/doc.md

@@ -16,7 +16,8 @@ import { Button } from '@nutui/nutui-react';
 
 按钮支持 `default`、`primary`、`info`、`warning`、`danger`、`success` 六种类型，默认为 `default`。
 
-```html
+:::demo
+```tsx
 <Button type="primary">主要按钮</Button>
 <Button type="info">信息按钮</Button>
 <Button type="default">默认按钮</Button>
@@ -24,6 +25,7 @@ import { Button } from '@nutui/nutui-react';
 <Button type="warning">警告按钮</Button>
 <Button type="success">成功按钮</Button>
 ```
+:::
 
 ### 朴素按钮
 

src/sites/doc/App.scss

@@ -57,3 +57,12 @@
     }
   }
 }
+.nutui-react--demo-button {
+  display: none;
+}
+
+.nutui-react--demo-wrapper {
+  .nutui-react--demo-button {
+    display: block;
+  }
+}

src/sites/doc/App.tsx

@@ -22,7 +22,7 @@ function myRemarkPlugin() {
 
         data.hName = 'div'
         data.hProperties = {
-          class: 'demo',
+          class: 'nutui-react--demo-wrapper',
         }
       }
     })
@@ -46,6 +46,7 @@ const App = () => {
                       remarkPlugins={[remarkGfm, remarkDirective, myRemarkPlugin]}
                       components={{
                         code({ node, inline, className, children, ...props }) {
+                          console.log('props', node)
                           const match = /language-(\w+)/.exec(className || '')
                           return !inline && match ? (
                             <Demoblock text={String(children).replace(/\n$/, '')}>

src/sites/doc/components/demoblock/demoblock.tsx

@@ -3,12 +3,10 @@ interface A {
   text: string
 }
 const DemoBlock: React.FunctionComponent<A> = (props) => {
-  console.log(props.children)
   return (
     <>
       {props.children}
-      {props.text}
-      xxxx
+      <div className="nutui-react--demo-button">{props.text}</div>
     </>
   )
 }