feat: 支持文档模板

src/renderer/pages/plugins/index.vue

@@ -1,6 +1,9 @@
 <template>
   <div>
-    <webview id="webview" :src="path" :preload="preload"></webview>
+    <webview v-if="!query.subType" id="webview" :src="path" :preload="preload"></webview>
+    <div v-else>
+      <webview id="webview" :src="templatePath" :preload="preload"></webview>
+    </div>
   </div>
 </template>
 
@@ -15,6 +18,9 @@ export default {
       path: `File://${this.$route.query.sourceFile}`,
       preload: `File://${path.join(__static, './preload.js')}`,
       webview: null,
+      query: this.$route.query,
+      config: {},
+      templatePath: `File://${path.join(__static, './doc-tpl.html')}?code=${JSON.parse(this.$route.query.detail).code}&targetFile=${encodeURIComponent(this.$route.query.sourceFile)}`,
     }
   },
   mounted() {
@@ -28,10 +34,40 @@ export default {
       if (event.channel === 'setSubInput') {
         this.setSubPlaceHolder(event.args[0].placeHolder);
       }
+      if (event.channel === 'removeSubInput') {
+        this.commonUpdate({
+          searchValue: '',
+        });
+      }
+      if (event.channel === 'setSubInputValue') {
+        this.commonUpdate({
+          searchValue: event.args[0].text,
+        });
+        this.webview.send('msg-back-setSubInput', this.searchValue);
+      }
+      if (event.channel === 'templateConfig') {
+        this.config = event.args[0].config;
+      }
+      if (event.channel === 'getFeatures') {
+        this.webview.send('msg-back-getFeatures', this.pluginDetail);
+      }
+      if (event.channel === 'setFeature') {
+        this.commonUpdate({
+          devPlugins: this.devPlugins.map(plugin => {
+            if (plugin.name === this.query.name) {
+              return {
+                ...plugin,
+                features: [...plugin.features, event.args[0].feature]
+              }
+            }
+            return plugin;
+          }),
+        });
+      }
     })
   },
   methods: {
-    ...mapMutations('main', ['setSubPlaceHolder']),
+    ...mapMutations('main', ['setSubPlaceHolder', 'commonUpdate']),
   },
   beforeRouteUpdate() {
     this.path = `File://${this.$route.query.sourceFile}`
@@ -41,7 +77,10 @@ export default {
     webview && webview.send('onPluginOut', this.$route.query)
   },
   computed: {
-    ...mapState('main', ['searchValue'])
+    ...mapState('main', ['searchValue', 'devPlugins']),
+    pluginDetail() {
+      return (this.devPlugins.filter(plugin => plugin.name === this.query.name)[0] || {}).features
+    },
   },
   watch: {
     searchValue() {

src/renderer/store/modules/main.js

@@ -99,9 +99,15 @@ const actions = {
 
       const pluginConfig = {
         ...config,
-        sourceFile: path.join(fileUrl, `../${config.main}`),
+        sourceFile: path.join(fileUrl, `../${config.main || 'index.html'}`),
         name: uuidv4(),
-        type: 'dev'
+        type: 'dev',
+        subType: (() => {
+          if (config.main) {
+            return ''
+          }
+          return 'template';
+        })()
       };
       commit('commonUpdate', {
         selected: {
@@ -164,7 +170,7 @@ const actions = {
             ...cmds.map((cmd) => ({
               name: cmd,
               value: 'plugin',
-              icon: 'file://' + path.join(plugin.sourceFile, `../${plugin.logo}`),
+              icon: 'image://' + path.join(plugin.sourceFile, `../${plugin.logo}`),
               desc: fe.explain,
               click: (router) => {
                 actions.openPlugin({commit}, {cmd, plugin, feature: fe, router});
@@ -201,7 +207,7 @@ const actions = {
       selected: {
         key: 'plugin-container',
         name: cmd,
-        icon: 'file://' + path.join(plugin.sourceFile, `../${plugin.logo}`),
+        icon: 'image://' + path.join(plugin.sourceFile, `../${plugin.logo}`),
       },
       searchValue: '',
       showMain: true,