From 77dfbedd3738213bc4da58dce65a98e2dc8dd4be Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Mon, 7 Mar 2022 17:43:29 +0800
Subject: [PATCH] feat: add more options for html exporting

---
 src/renderer/components/ExportPanel.vue | 28 +++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/ExportPanel.vue b/src/renderer/components/ExportPanel.vue
index 949bae0a..6cf963d9 100644
--- a/src/renderer/components/ExportPanel.vue
+++ b/src/renderer/components/ExportPanel.vue
@@ -62,7 +62,10 @@
               </div>
               <template v-if="localHtml">
                 <div style="margin: 10px 0">
-                  <label><input name="fromType" :value="convert.includeCss" type="checkbox" :checked="convert.includeCss" @change="() => (convert.includeCss = !convert.includeCss)"> {{$t('export-panel.include-css')}} </label>
+                  <label style="display: block; margin-bottom: 10px;"><input v-model="convert.localHtmlOptions.inlineLocalImage" type="checkbox" /> {{$t('copy-rendered-content.inline-image')}} </label>
+                  <label style="display: block; margin-bottom: 10px;"><input v-model="convert.localHtmlOptions.uploadLocalImage" type="checkbox" /> {{$t('copy-rendered-content.upload-image')}} </label>
+                  <label style="display: block; margin-bottom: 10px;"><input v-model="convert.localHtmlOptions.inlineStyle" type="checkbox" /> {{$t('copy-rendered-content.inline-style')}} </label>
+                  <label style="display: block; margin-bottom: 10px;"><input v-model="convert.localHtmlOptions.highlightCode" type="checkbox" /> {{$t('copy-rendered-content.highlight-code')}} </label>
                 </div>
               </template>
             </template>
@@ -79,7 +82,7 @@
 
 <script lang="ts">
 import { useStore } from 'vuex'
-import { computed, defineComponent, reactive, ref, toRefs } from 'vue'
+import { computed, defineComponent, reactive, ref, toRefs, watch } from 'vue'
 import { getElectronRemote, isElectron, isWindows } from '@fe/support/env'
 import { getContentHtml } from '@fe/services/view'
 import { FLAG_DEMO } from '@fe/support/args'
@@ -126,6 +129,12 @@ export default defineComponent({
       fromType: 'html',
       resourcePath: '.',
       includeCss: false,
+      localHtmlOptions: {
+        inlineLocalImage: false,
+        uploadLocalImage: false,
+        inlineStyle: false,
+        highlightCode: false,
+      },
       pdfOptions: {
         landscape: '',
         pageSize: 'A4',
@@ -134,6 +143,16 @@ export default defineComponent({
       }
     })
 
+    watch(() => ({ ...convert.localHtmlOptions }), (val, prev) => {
+      if (val.uploadLocalImage && val.inlineLocalImage) {
+        if (!prev.uploadLocalImage) {
+          convert.localHtmlOptions.inlineLocalImage = false
+        } else {
+          convert.localHtmlOptions.uploadLocalImage = false
+        }
+      }
+    })
+
     const close = () => store.commit('setShowExport', false)
     const localHtml = computed(() => convert.toType === 'html' && convert.fromType === 'html')
 
@@ -184,10 +203,7 @@ export default defineComponent({
       toast.show('info', t('export-panel.loading'), 5000)
 
       if (localHtml.value) {
-        const html = await getContentHtml({
-          inlineStyle: convert.includeCss,
-          inlineLocalImage: true,
-        })
+        const html = await getContentHtml(convert.localHtmlOptions)
         downloadContent(fileName.value + '.html', buildHtml(fileName.value, html))
         return
       }