Add configuration option to control article publishing after import (#5)

* Initial plan

* Initial plan for adding publish option to article import

Co-authored-by: ruibaby <21301288+ruibaby@users.noreply.github.com>

* Add publish option to article import functionality

Co-authored-by: ruibaby <21301288+ruibaby@users.noreply.github.com>

* Remove package-lock.json

Signed-off-by: Ryan Wang <i@ryanc.cc>

---------

Signed-off-by: Ryan Wang <i@ryanc.cc>
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: ruibaby <21301288+ruibaby@users.noreply.github.com>
Co-authored-by: Ryan Wang <i@ryanc.cc>

Author: Copilot

ui/src/components/PostExportDropdownItem.vue

@@ -35,12 +35,7 @@ async function onSubmit(data: ExportForm) {
   const { ContentExporter } = await import('@/class/contentExporter');
   try {
     exporting.value = true;
-    await ContentExporter.export(
-      post.post,
-      data.type,
-      data.includeImages,
-      data.imageExportMode
-    );
+    await ContentExporter.export(post.post, data.type, data.includeImages, data.imageExportMode);
     modal.value?.close();
     Toast.success('导出成功');
   } catch (error) {
@@ -54,19 +49,19 @@ async function onSubmit(data: ExportForm) {
 <template>
   <VDropdownItem @click="display = true">导出</VDropdownItem>
   <VModal
+    v-if="display"
+    ref="modal"
     :centered="false"
     title="导出"
     mount-to-body
-    ref="modal"
-    v-if="display"
     @close="display = false"
   >
     <FormKit
+      id="post-export-form"
+      v-slot="{ value }"
       type="form"
       name="post-export-form"
-      id="post-export-form"
       @submit="onSubmit"
-      #default="{ value }"
     >
       <FormKit label="导出格式" type="select" name="type" :options="exportTypeOptions" />
       <FormKit v-if="value.type !== 'pdf'" label="包含图片" type="checkbox" name="includeImages" />
@@ -86,7 +81,7 @@ async function onSubmit(data: ExportForm) {
     <template #footer>
       <VSpace>
         <!-- @vue-ignore -->
-        <VButton type="secondary" @click="$formkit.submit('post-export-form')" :loading="exporting">
+        <VButton type="secondary" :loading="exporting" @click="$formkit.submit('post-export-form')">
           导出
         </VButton>
         <VButton @click="modal?.close()">取消</VButton>

ui/src/utils/image.ts

@@ -17,7 +17,6 @@ export function isImageFile(file: File): boolean {
   );
 }
 
-
 /**
  * Extract image references from markdown content
  *
@@ -52,7 +51,11 @@ export function extractHTMLImageReferences(htmlContent: string): string[] {
 
   while ((match = imageRegex.exec(htmlContent)) !== null) {
     const imagePath = match[1];
-    if (!imagePath.startsWith('http://') && !imagePath.startsWith('https://') && !imagePath.startsWith('data:')) {
+    if (
+      !imagePath.startsWith('http://') &&
+      !imagePath.startsWith('https://') &&
+      !imagePath.startsWith('data:')
+    ) {
       images.push(imagePath);
     }
   }
@@ -101,7 +104,7 @@ export function getImageFileExtension(imageUrl: string): string {
   const pathname = url.pathname;
   const extension = pathname.split('.').pop()?.toLowerCase();
 
-  if (extension && SUPPORTED_IMAGE_EXTENSIONS.some(ext => ext.slice(1) === extension)) {
+  if (extension && SUPPORTED_IMAGE_EXTENSIONS.some((ext) => ext.slice(1) === extension)) {
     return extension;
   }
 

ui/src/views/tabs/MarkdownImport.vue

@@ -32,6 +32,7 @@ const fileInput = ref<HTMLInputElement | null>(null);
 const folderInput = ref<HTMLInputElement | null>(null);
 const imageInput = ref<HTMLInputElement | null>(null);
 const convertToHtml = ref(false);
+const publishAfterImport = ref(true);
 
 interface ImportItem {
   id: string;
@@ -322,9 +323,11 @@ async function createPost(item: ImportItem, raw: string) {
     postRequest: postToCreate,
   });
 
-  await consoleApiClient.content.post.publishPost({
-    name: data.metadata.name,
-  });
+  if (publishAfterImport.value) {
+    await consoleApiClient.content.post.publishPost({
+      name: data.metadata.name,
+    });
+  }
 }
 
 function handleClear() {
@@ -409,6 +412,16 @@ const showAlert = useSessionStorage('plugin:content-tools:markdown-import-alert'
       ></FormKit>
     </div>
 
+    <div class=":uno: mt-3">
+      <FormKit
+        v-model="publishAfterImport"
+        type="checkbox"
+        label="导入后发布文章"
+        :disabled="isBusy"
+        help="取消选择时，导入的文章将保存为草稿"
+      ></FormKit>
+    </div>
+
     <div v-if="importQueue.length > 0" class=":uno: mt-5 space-y-4">
       <div class=":uno: flex items-center justify-between">
         <div class=":uno: h-7 flex items-center gap-3 text-sm text-gray-600">

ui/src/views/tabs/WordImport.vue

@@ -28,6 +28,7 @@ import MingcuteTimeLine from '~icons/mingcute/time-line';
 const fileInput = ref<HTMLInputElement | null>(null);
 const folderInput = ref<HTMLInputElement | null>(null);
 const convertToMarkdown = ref(false);
+const publishAfterImport = ref(true);
 
 interface ImportItem {
   id: string;
@@ -279,9 +280,11 @@ async function createPost(item: ImportItem, html: string) {
     postRequest: postToCreate,
   });
 
-  await consoleApiClient.content.post.publishPost({
-    name: data.metadata.name,
-  });
+  if (publishAfterImport.value) {
+    await consoleApiClient.content.post.publishPost({
+      name: data.metadata.name,
+    });
+  }
 }
 
 function handleClear() {
@@ -344,6 +347,16 @@ const showAlert = useSessionStorage('plugin:content-tools:word-import-alert', tr
       ></FormKit>
     </div>
 
+    <div class=":uno: mt-3">
+      <FormKit
+        v-model="publishAfterImport"
+        type="checkbox"
+        label="导入后发布文章"
+        :disabled="isBusy"
+        help="取消选择时，导入的文章将保存为草稿"
+      ></FormKit>
+    </div>
+
     <div v-if="importQueue.length > 0" class=":uno: mt-5 space-y-4">
       <div class=":uno: flex items-center justify-between">
         <div class=":uno: h-7 flex items-center gap-3 text-sm text-gray-600">