From b412671e9216ae126b9267488f0b143ad6fed837 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Fri, 29 Oct 2021 21:47:22 +0800
Subject: [PATCH] feat: support resetting post slug #319 (#368)

---
 .../post/components/PostSettingDrawer.vue     | 22 +++++++++++++++----
 .../sheet/components/SheetSettingDrawer.vue   | 22 +++++++++++++++----
 2 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/src/views/post/components/PostSettingDrawer.vue b/src/views/post/components/PostSettingDrawer.vue
index 469295a3..26b164bc 100644
--- a/src/views/post/components/PostSettingDrawer.vue
+++ b/src/views/post/components/PostSettingDrawer.vue
@@ -18,7 +18,19 @@
               <a-input v-model="selectedPost.title" />
             </a-form-item>
             <a-form-item label="文章别名：" :help="fullPath">
-              <a-input v-model="selectedPost.slug" />
+              <a-input v-model="selectedPost.slug">
+                <template #addonAfter>
+                  <a-popconfirm
+                    title="是否确定根据标题重新生成别名？"
+                    ok-text="确定"
+                    cancel-text="取消"
+                    placement="left"
+                    @confirm="handleSetPinyinSlug"
+                  >
+                    <a-icon class="cursor-pointer" type="sync" />
+                  </a-popconfirm>
+                </template>
+              </a-input>
             </a-form-item>
 
             <a-form-item label="发表时间：">
@@ -387,7 +399,9 @@ export default {
         this.handleListCategories()
         this.handleListPresetMetasField()
         this.handleListCustomTpls()
-        this.handleSetPinyinSlug()
+        if (!this.selectedPost.slug && !this.selectedPost.id) {
+          this.handleSetPinyinSlug()
+        }
       }
     },
     handleListCategories() {
@@ -534,10 +548,10 @@ export default {
       })
     },
     handleSetPinyinSlug() {
-      if (this.selectedPost.title && this.selectedPost.title !== '' && !this.selectedPost.id) {
+      if (this.selectedPost.title) {
         if (pinyin.isSupported()) {
           let result = ''
-          const tokens = pinyin.parse(this.selectedPost.title)
+          const tokens = pinyin.parse(this.selectedPost.title.replace(/\s+/g, '').toLowerCase())
           let lastToken
           tokens.forEach(token => {
             if (token.type === 2) {
diff --git a/src/views/sheet/components/SheetSettingDrawer.vue b/src/views/sheet/components/SheetSettingDrawer.vue
index 920583dc..ea8dc3fc 100644
--- a/src/views/sheet/components/SheetSettingDrawer.vue
+++ b/src/views/sheet/components/SheetSettingDrawer.vue
@@ -18,7 +18,19 @@
               <a-input v-model="selectedSheet.title" />
             </a-form-item>
             <a-form-item label="页面别名：" :help="fullPath">
-              <a-input v-model="selectedSheet.slug" />
+              <a-input v-model="selectedSheet.slug">
+                <template #addonAfter>
+                  <a-popconfirm
+                    title="是否确定根据标题重新生成别名？"
+                    ok-text="确定"
+                    cancel-text="取消"
+                    placement="left"
+                    @confirm="handleSetPinyinSlug"
+                  >
+                    <a-icon class="cursor-pointer" type="sync" />
+                  </a-popconfirm>
+                </template>
+              </a-input>
             </a-form-item>
             <a-form-item label="发表时间：">
               <a-date-picker
@@ -272,7 +284,9 @@ export default {
       if (visible) {
         this.handleListCustomTpls()
         this.handleListPresetMetasField()
-        this.handleSetPinyinSlug()
+        if (!this.selectedSheet.slug && !this.selectedSheet.id) {
+          this.handleSetPinyinSlug()
+        }
       }
     },
     handleListPresetMetasField() {
@@ -397,10 +411,10 @@ export default {
       })
     },
     handleSetPinyinSlug() {
-      if (this.selectedSheet.title && !this.selectedSheet.id) {
+      if (this.selectedSheet.title) {
         if (pinyin.isSupported()) {
           let result = ''
-          const tokens = pinyin.parse(this.selectedSheet.title)
+          const tokens = pinyin.parse(this.selectedSheet.title.replace(/\s+/g, '').toLowerCase())
           let lastToken
           tokens.forEach(token => {
             if (token.type === 2) {