docs(common): update design docs

site/plugin-tdoc/md-to-vue.ts

@@ -62,7 +62,7 @@ function customRender({ source, file, md }: any) {
   };
 
   // md filename
-  const reg = file.match(/src\/(\w+-?\w+)\/(\w+-?\w+)\.md/);
+  const reg = file.match(/src\/(\S*)(?=\/\S*.md)/);
   const componentName = reg && reg[1];
 
   // split md
@@ -79,9 +79,15 @@ function customRender({ source, file, md }: any) {
 
   if (pageData.isComponent) {
     mdSegment.demoMd = md.render.call(md, `${demoMd.replace(/<!--[\s\S]+?-->/g, '')}`).html;
-    mdSegment.apiMd = md.render.call(md, `${pageData.toc ? '[toc]\n' : ''}${apiMd.replace(/<!--[\s\S]+?-->/g, '')}`).html;
+    mdSegment.apiMd = md.render.call(
+      md,
+      `${pageData.toc ? '[toc]\n' : ''}${apiMd.replace(/<!--[\s\S]+?-->/g, '')}`,
+    ).html;
   } else {
-    mdSegment.docMd = md.render.call(md, `${pageData.toc ? '[toc]\n' : ''}${content.replace(/<!--[\s\S]+?-->/g, '')}`).html;
+    mdSegment.docMd = md.render.call(
+      md,
+      `${pageData.toc ? '[toc]\n' : ''}${content.replace(/<!--[\s\S]+?-->/g, '')}`,
+    ).html;
   }
 
   // 设计指南内容 不展示 design Tab 则不解析

site/plugin-tdoc/transforms.ts

@@ -4,19 +4,18 @@ import mdToVue from './md-to-vue';
 
 let demoCodesImports: Record<string, string> = {};
 
-
 export default {
   before({ source, file, md }: any) {
     const resouceDir = path.dirname(file);
-    const reg = file.match(/src\/(\w+-?\w+)\/\w+-?\w+\.md/);
+    const reg = file.match(/src\/(\S*)(?=\/\S*.md)/);
     const name = reg && reg[1];
     demoCodesImports = {};
 
     // 增加渲染规则
     md.renderer.rules.html_block = function (tokens: string, idx: number) {
       const { content } = tokens[idx];
       if (content.startsWith('<img') && content.indexOf('qrcode') === -1) {
-        return  '';
+        return '';
       }
 
       return content;
@@ -29,10 +28,10 @@ export default {
         console.log('\x1B[36m%s\x1B[0m', `${name} 组件需要实现 _example/${demoDirName} 示例!`);
         return '\n<h3>DEMO (🚧建设中）...</h3>';
       }
-      const wxml = fs.readFileSync(path.resolve(demoPath, 'index.wxml'), { encoding: 'utf-8'});
-      const js = fs.readFileSync(path.resolve(demoPath, 'index.js'), { encoding: 'utf-8'});
-      const css = fs.readFileSync(path.resolve(demoPath, 'index.wxss'), { encoding: 'utf-8'});
-      const json = fs.readFileSync(path.resolve(demoPath, 'index.json'), { encoding: 'utf-8'});
+      const wxml = fs.readFileSync(path.resolve(demoPath, 'index.wxml'), { encoding: 'utf-8' });
+      const js = fs.readFileSync(path.resolve(demoPath, 'index.js'), { encoding: 'utf-8' });
+      const css = fs.readFileSync(path.resolve(demoPath, 'index.wxss'), { encoding: 'utf-8' });
+      const json = fs.readFileSync(path.resolve(demoPath, 'index.json'), { encoding: 'utf-8' });
 
       return `
 <td-code-block panel="WXML">
@@ -43,13 +42,15 @@ export default {
   <pre slot="CSS" lang="css">${encodeURIComponent(css)}</pre>
 
   <pre slot="JSON" lang="javascript">${encodeURIComponent(json)}</pre>
-</td-code-block>`
+</td-code-block>`;
     });
 
     return source;
   },
-  render({ source, file, md }: { source: string, file: string, md: any }) {
-    const demoCodesDefsStr = Object.keys(demoCodesImports).map((key) => demoCodesImports[key]).join(';\n');
+  render({ source, file, md }: { source: string; file: string; md: any }) {
+    const demoCodesDefsStr = Object.keys(demoCodesImports)
+      .map((key) => demoCodesImports[key])
+      .join(';\n');
     const demoCodesInstallStr = Object.keys(demoCodesImports).join(',');
 
     const sfc = mdToVue({