feat: add margin input to export options and update i18n translations

Author: vace

web/src/App.vue

@@ -72,9 +72,14 @@ const handleExport = async (options) => {
     ignoreImage: options.ignoreImage,
     ignoreFootnote: options.ignoreFootnote,
     ignoreHtml: options.ignoreHtml,
-    theme: selectedTheme?.theme,
+    theme: {
+      ...selectedTheme?.theme,
+      ...(options.margin ? { margin: options.margin } : {}),
+    },
   }
 
+  console.log('Export options:', exportOptions)
+
   try {
     const buffer = await markdownDocx(markdownContent.value, exportOptions)
     const blob = await Packer.toBlob(buffer)

web/src/components/ExportModal.vue

@@ -80,6 +80,17 @@
                   ></textarea>
                 </div>
 
+                <div class="mb-4">
+                  <label for="doc-margin" class="block text-sm font-medium text-gray-700 text-left">{{ t('margin') }}</label>
+                  <input
+                    v-model="formData.margin"
+                    type="text"
+                    id="doc-margin"
+                    class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                    :placeholder="t('margin_placeholder')"
+                  />
+                </div>
+
                 <div class="mt-4 space-y-2">
                   <div class="flex items-start">
                     <div class="flex items-center h-5">
@@ -161,6 +172,7 @@ const formData = reactive({
   name: '',
   title: '',
   description: '',
+  margin: '',
   ignoreImage: false,
   ignoreFootnote: false,
   ignoreHtml: false

web/src/composables/useI18n.js

@@ -84,6 +84,14 @@ const translations = {
   theme_modern: {
     zh: '现代',
     en: 'Modern'
+  },
+  margin: {
+    zh: '页边距',
+    en: 'Page Margin'
+  },
+  margin_placeholder: {
+    zh: '例如: 2cm 或 2cm 1.5cm',
+    en: 'e.g. 2cm or 2cm 1.5cm'
   }
 }