website: update markdown preview issue.

uiwjs · Feb 26, 2022 · 6af5321 · 6af5321
1 parent 658fa2b
commit 6af5321
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/website/src/Markdown/Code.tsx b/website/src/Markdown/Code.tsx
@@ -39,27 +39,25 @@ export default function Code({ version, dependencies, codePen, codeSandbox, ...o
           content: (props.code || '').replace('_mount_', 'document.getElementById("container")'),
         },
         '.kktrc.js': {
-          content: `import webpack from "webpack";\nimport lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};`,
+          content: `import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\n  conf = lessModules(conf, env, options);\n  return conf;\n};`,
         },
         'package.json': {
           content: {
             name: 'uiw-demo',
             description: `uiw v${version} - demo`,
             dependencies: {
-              react: 'latest',
-              'react-dom': 'latest',
+              react: '^17.0.2',
+              'react-dom': '^17.0.2',
               uiw: 'latest',
             },
             devDependencies: {
-              '@kkt/less-modules': '6.9.0',
-              kkt: '6.9.0',
-              typescript: '4.1.3',
+              '@kkt/less-modules': '~7.1.1',
+              kkt: '~7.1.5',
             },
             license: 'MIT',
             scripts: {
               start: 'kkt start',
               build: 'kkt build',
-              test: 'kkt test --env=jsdom',
             },
             browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],
           },

diff --git a/website/src/Markdown/index.tsx b/website/src/Markdown/index.tsx
@@ -46,29 +46,37 @@ export default function CreatePage<T>(props: CreatePageProps<T>) {
         className={styles.markdown}
         components={{
           /**
+           * bordered 边框
            * bgWhite 设置代码预览背景白色，否则为格子背景。
            * noCode 不显示代码编辑器。
            * noPreview 不显示代码预览效果。
            * noScroll 预览区域不显示滚动条。
            * codePen 显示 Codepen 按钮，要特别注意 包导入的问题，实例中的 import 主要用于 Codepen 使用。
            */
           code: ({ inline, node, ...props }) => {
-            const { noPreview, noScroll, bgWhite, noCode, codePen } = props as any;
+            const { noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox } = props as any;
             if (inline) {
               return <code {...props} />;
             }
             const config = {
               noPreview,
+              bordered,
               noScroll,
               bgWhite,
               noCode,
               codePen,
+              codeSandbox,
             } as any;
             if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {
               return <code {...props} />;
             }
             return (
-              <Code version={pkg.version} code={getCodeStr(node.children)} dependencies={dependencies} {...config} />
+              <Code
+                version={pkg.version}
+                code={getCodeStr(node.children)}
+                dependencies={dependencies}
+                {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox }}
+              />
             );
           },
         }}