From 65a4c72a34de5959d5dccb94163e239c231c0183 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E7=99=BB=E5=B1=B1?= <cxymds@qq.com>
Date: Mon, 7 Jul 2025 15:59:37 +0800
Subject: [PATCH] fix:  creact Object suffix

---
 components/object/new-form.vue | 55 ++++++++++++++++++----------------
 1 file changed, 30 insertions(+), 25 deletions(-)

diff --git a/components/object/new-form.vue b/components/object/new-form.vue
index cdc4e8e..934e346 100644
--- a/components/object/new-form.vue
+++ b/components/object/new-form.vue
@@ -2,9 +2,9 @@
   <n-modal :show="show" @update:show="(val: boolean) => $emit('update:show', val)" size="huge">
     <n-card class="max-w-screen-md">
       <template #header>
-        <div style="display:flex; justify-content: space-between; align-items:center;">
-          <span>{{ t('New Form', { type: displayType }) }}</span>
-          <n-button size="small" ghost @click="closeModal">{{ t('Close') }}</n-button>
+        <div style="display: flex; justify-content: space-between; align-items: center">
+          <span>{{ t("New Form", { type: displayType }) }}</span>
+          <n-button size="small" ghost @click="closeModal">{{ t("Close") }}</n-button>
         </div>
       </template>
       <div class="flex flex-col gap-4">
@@ -14,7 +14,7 @@
         </div> -->
 
         <n-alert title="" type="info">
-          {{ t('Overwrite Warning') }}
+          {{ t("Overwrite Warning") }}
         </n-alert>
 
         <div class="flex items-center gap-4">
@@ -22,7 +22,9 @@
         </div>
 
         <div class="flex justify-center gap-4">
-          <n-button type="primary" :disabled="objectKey.trim().length < 1" @click="handlePutObject">{{ t('Create') }}</n-button>
+          <n-button type="primary" :disabled="objectKey.trim().length < 1" @click="handlePutObject">
+            {{ t("Create") }}
+          </n-button>
         </div>
       </div>
     </n-card>
@@ -30,33 +32,36 @@
 </template>
 
 <script setup lang="ts">
-import { joinRelativeURL } from 'ufo'
-import { computed, defineEmits, defineProps } from 'vue'
-import { useI18n } from 'vue-i18n'
+import { joinRelativeURL } from "ufo";
+import { computed, defineEmits, defineProps } from "vue";
+import { useI18n } from "vue-i18n";
 
-const { t } = useI18n()
-const emit = defineEmits(['update:show'])
+const { t } = useI18n();
+const emit = defineEmits(["update:show"]);
 
-const props = defineProps<{ show: boolean; bucketName: string; prefix: string, asPrefix?: boolean }>()
+const props = defineProps<{ show: boolean; bucketName: string; prefix: string; asPrefix?: boolean }>();
 
-const closeModal = () => emit('update:show', false)
+const closeModal = () => emit("update:show", false);
 
-const displayType = computed(() => props.asPrefix ? t('New Folder') : t('New File'))
+const displayType = computed(() => (props.asPrefix ? t("New Folder") : t("New File")));
 
-const objectKey = ref('')
+const objectKey = ref("");
 
-const { putObject } = useObject({ bucket: props.bucketName })
+const { putObject } = useObject({ bucket: props.bucketName });
 
-const $message = useMessage()
+const $message = useMessage();
 
 const handlePutObject = () => {
-  const suffix = props.asPrefix ? '/' : ''
-  putObject(joinRelativeURL(props.prefix, objectKey.value, suffix), '').then(() => {
-    emit('update:show', false)
-    objectKey.value = ''
-    $message.success(t('Create Success'))
-  }).catch((e) => {
-    $message.error(e.message)
-  })
-}
+  const suffix = props.asPrefix ? "/" : "";
+  const cleanedKey = objectKey.value.replace(/^\/+|\/+$/g, ""); // 移除开头和结尾的 `/`
+  putObject(joinRelativeURL(props.prefix, cleanedKey, suffix), "")
+    .then(() => {
+      emit("update:show", false);
+      objectKey.value = "";
+      $message.success(t("Create Success"));
+    })
+    .catch((e) => {
+      $message.error(e.message);
+    });
+};
 </script>