chore: support url params n&s for playground

docs/docs/playground/demos/Playground/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
 import { LiveProvider, LiveEditor, LiveError, LivePreview } from "react-live";
+import qs from "qs";
 import * as prism from 'prism-react-renderer';
 import * as helux from 'helux';
 import ApiMenus from './ApiMenus';
@@ -15,14 +16,17 @@ const subNames: Record<string, string> = {
   modular: 'defineActions',
 };
 const cachedSubNames: Record<string, string> = {};
+const obj = qs.parse(window.location.search, { ignoreQueryPrefix: true });
+const name = obj.n || 'atom';
+const subName = obj.s || 'primitive';
 
 function getCode(name: string, subName: string) {
   const codeDict: any = codes;
   return codeDict[name]?.[subName] || '';
 }
 
 export default () => {
-  const [info, setInfo] = React.useState({ name: 'atom', subName: 'primitive', code: getCode('atom', 'primitive'), });
+  const [info, setInfo] = React.useState({ name, subName, code: getCode('atom', 'primitive'), });
   const changeCode = (name: string) => {
     const subName = cachedSubNames[name] || subNames[name] || 'primitive';
     setInfo({ name, subName, code: getCode(name, subName) });

docs/docs/playground/index.md

@@ -1,6 +1,6 @@
 ---
 nav:
-  title: 生态
+  title: Playground
   order: 3
 ---
 

docs/package.json

@@ -57,6 +57,7 @@
     "lodash.throttle": "^4.1.1",
     "prism-react-renderer": "^2.3.1",
     "prism-themes": "^1.9.0",
+    "qs": "^6.11.2",
     "rc-motion": "^2.9.0",
     "rc-tree": "^5.8.2",
     "react-copy-to-clipboard": "^5.1.0",