fix: 修复CodeBlock为空时报错的bug (#14)

* fix: 修复CodeBlock为空时报错的bug

* fix: no attribute tag cause lastindex incorrect

---------

Co-authored-by: 1360151219 <[email protected]>

Author: huhu-198

packages/demo/loaders/index.js

@@ -45,16 +45,20 @@ module.exports = function loader(source) {
     const headSource = newSource.slice(0, m.index);
     let restSource = newSource.slice(m.index);
 
+    if (!m[2].match(/<.*>/gi)) {
+      // 没有合法的标签元素，直接跳过
+      continue;
+    }
     // 根据>的出现次数，判断是否自动导入，只出现一次>，自动引入闭合标签内的元素，元素名需要和demo中的文件名相同
     const isImport = m[2].match(/>/gi).length === 1;
 
     // 获取需要引入的组件名，自动匹配demo文件夹中组件
     // 如 <demo />
     const importName = isImport
       ? m[2]
-          .match(/<([\s\S]*?)\/>/g)[0]
-          .slice(1, -2)
-          .trim()
+        .match(/<([\s\S]*?)\/>/g)[0]
+        .slice(1, -2)
+        .trim()
       : null;
 
     if (isImport) {
@@ -67,11 +71,9 @@ module.exports = function loader(source) {
       CodeBlockReg.lastIndex = m.index + addStr.length;
     } else {
       // 解决当m[1]=''的时候无法replace的问题
-      const addStr = isImport
-        ? ` code={${importName}Code}` + restSource.slice(10)
-        : ` code={\`${getDemo(component, m[2])}\`}` + restSource.slice(10);
-      restSource = restSource.slice(0, 10) + addStr;
-      CodeBlockReg.lastIndex = m.index + addStr.length;
+      const addStr = isImport ? ` code={${importName}Code}` : ` code={\`${getDemo(component, m[2])}\`}`;
+      restSource = restSource.slice(0, 10) + addStr + restSource.slice(10);
+      CodeBlockReg.lastIndex = headSource.length + m[0].length + addStr.length;
     }
     newSource = headSource + restSource;
   }