feat: support custom blocks

Author: yyx990803

Diff for: example/Button.vue

@@ -22,3 +22,7 @@ export default {
   color: green;
 }
 </style>
+
+<docs>
+This component is fire. // <-- this should be logged
+</docs>

Diff for: example/docs-loader.js

@@ -0,0 +1,5 @@
+module.exports = function(source) {
+  this.callback(null, `export default function (Comp) {
+    Comp.mounted = () => console.log(${JSON.stringify(source.trim())})
+  }`)
+}

Diff for: example/webpack.config.js

@@ -39,6 +39,11 @@ module.exports = {
           },
           'css-loader'
         ]
+      },
+      // target <docs> custom blocks
+      {
+        resourceQuery: /blockType=docs/,
+        loader: require.resolve('./docs-loader')
       }
     ]
   },

Diff for: src/index.ts

@@ -160,10 +160,6 @@ const loader: webpack.loader.Loader = function(source) {
     `script.render = render`
   ].join('\n')
 
-  if (descriptor.customBlocks && descriptor.customBlocks.length) {
-    // TODO custom blocks
-  }
-
   // attach scope Id for runtime use
   if (hasScoped) {
     code += `\nscript.__scopeId = "data-v-${id}"`
@@ -187,6 +183,27 @@ const loader: webpack.loader.Loader = function(source) {
     code += `\nscript.__file = ${JSON.stringify(path.basename(resourcePath))}`
   }
 
+  // custom blocks
+  if (descriptor.customBlocks && descriptor.customBlocks.length) {
+    code += `\n/* custom blocks */\n`
+    code +=
+      descriptor.customBlocks
+        .map((block, i) => {
+          const src = block.attrs.src || resourcePath
+          const attrsQuery = attrsToQuery(block.attrs)
+          const blockTypeQuery = `&blockType=${qs.escape(block.type)}`
+          const issuerQuery = block.attrs.src
+            ? `&issuerPath=${qs.escape(resourcePath)}`
+            : ''
+          const query = `?vue&type=custom&index=${i}${blockTypeQuery}${issuerQuery}${attrsQuery}${resourceQuery}`
+          return (
+            `import block${i} from ${stringifyRequest(src + query)}\n` +
+            `if (typeof block${i} === 'function') block${i}(script)`
+          )
+        })
+        .join(`\n`) + `\n`
+  }
+
   // finalize
   code += `\n\nexport default script`
   return code