website: upgrade markdown preview example.

Author: jaywcjlove

package.json

@@ -4,12 +4,12 @@
   "homepage": "https://uiwjs.github.io",
   "private": true,
   "scripts": {
-    "lib": "lerna exec --scope @uiw/react-form -- tsbb build --target react",
-    "lib:css": "lerna exec --scope @uiw/react-form -- compile-less -d src -o esm",
-    "lib:css:dist": "lerna exec --scope @uiw/react-form -- compile-less -d src -o lib --combine=dist.css",
-    "lib:css:watch": "lerna exec --scope @uiw/react-form -- compile-less -d src -o esm --watch",
-    "lib:watch": "lerna exec --scope @uiw/react-form -- tsbb watch & npm run lib:css:watch",
-    "lib:bootstrap": "lerna bootstrap --hoist --scope @uiw/react-form",
+    "lib": "lerna exec --scope @uiw/react-descriptions -- tsbb build --target react",
+    "lib:css": "lerna exec --scope @uiw/react-descriptions -- compile-less -d src -o esm",
+    "lib:css:dist": "lerna exec --scope @uiw/react-descriptions -- compile-less -d src -o lib --combine=dist.css",
+    "lib:css:watch": "lerna exec --scope @uiw/react-descriptions -- compile-less -d src -o esm --watch",
+    "lib:watch": "lerna exec --scope @uiw/react-descriptions -- tsbb watch & npm run lib:css:watch",
+    "lib:bootstrap": "lerna bootstrap --hoist --scope @uiw/react-descriptions",
     "lib:build": "npm run lib && npm run lib:css && npm run lib:css:dist",
     "//>>>>>>>>>>>>": "<<<<<<<<<<",
     "watch:other:lib": "lerna exec --parallel --scope @uiw/* --ignore @uiw/doc -- tsbb watch",
@@ -63,15 +63,15 @@
     "node": ">=16.0.0"
   },
   "devDependencies": {
-    "@kkt/less-modules": "~7.1.1",
-    "@kkt/ncc": "~1.0.8",
+    "@kkt/less-modules": "~7.2.1",
+    "@kkt/ncc": "~1.0.15",
     "@types/react": "~18.0.0",
     "@types/react-dom": "~18.0.0",
     "@types/react-test-renderer": "~18.0.0",
     "@types/react-transition-group": "~4.4.4",
     "compile-less-cli": "~1.8.11",
     "husky": "~7.0.4",
-    "kkt": "~7.1.5",
+    "kkt": "~7.2.1",
     "lerna": "~4.0.0",
     "lint-staged": "~12.3.4",
     "prettier": "~2.6.0",

packages/react-affix/README.md

@@ -15,36 +15,36 @@ import Affix from '@uiw/react-affix';
 
 ### 基本用法
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview
+import React from 'react';
 import { Affix, Button } from 'uiw';
 
-ReactDOM.render(
-  <Affix offsetTop={60}>
-    <Button type="primary">1 当按钮距离顶部距离为 0，按钮被钉在顶部</Button>
-  </Affix>,
-  _mount_
-);
+export default function Demo() {
+  return (
+    <Affix offsetTop={60}>
+      <Button type="primary">1 当按钮距离顶部距离为 0，按钮被钉在顶部</Button>
+    </Affix>
+  )
+}
 ```
 
 ### 钉在底部
 
 这个实例需要你缩小窗口高度，就可以测试看效果啦。
 
-<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->
-```jsx
-import ReactDOM from 'react-dom';
+```jsx mdx:preview
+import React from 'react';
 import { Affix, Button } from 'uiw';
 
-ReactDOM.render(
-  <Affix offsetBottom={10} onChange={(affixed) => {
-    console.log('affixed::', affixed);
-  }}>
-    <Button type="primary" style={{ marginLeft: 20 }}>2 当按钮距离底部距离为 0，按钮被钉在底部</Button>
-  </Affix>,
-  _mount_
-);
+export default function Demo() {
+  return (
+    <Affix offsetBottom={10} onChange={(affixed) => {
+      console.log('affixed::', affixed);
+    }}>
+      <Button type="primary" style={{ marginLeft: 20 }}>2 当按钮距离底部距离为 0，按钮被钉在底部</Button>
+    </Affix>
+  )
+}
 ```
 
 ### Props