From 73e594a2f9d02835dd1b78412b28940e735e7328 Mon Sep 17 00:00:00 2001
From: n0099 <n@n0099.net>
Date: Fri, 15 Mar 2024 05:06:50 +0800
Subject: [PATCH] * move the type of prop `postTypeID` to generic `TPostIDKey`
 and rename it to `postIDKey` @ `badges/<PostCommonMetadataIconLinks>` *
 replace literal `string[]` of known post types with
 `postType@shared/index.ts` @ queryForm/queryParams.ts @ components/Post

* add an option `always-multiline` for rule `vue/multiline-ternary` to sync with `@stylistic/multiline-ternary` since 9e39229785f5789ab459263cd084c2e73ef38685 @ .eslintrc.cjs
@ fe
---
 fe/.eslintrc.cjs                                    |  2 +-
 .../Post/badges/PostCommonMetadataIconLinks.vue     | 13 ++++++++-----
 fe/src/components/Post/queryForm/queryParams.ts     |  4 ++--
 fe/src/components/Post/renderers/RendererTable.vue  |  4 +---
 fe/src/components/Post/renderers/list/ReplyItem.vue |  2 +-
 .../Post/renderers/list/SubReplyGroup.vue           |  2 +-
 .../components/Post/renderers/list/ThreadItem.vue   |  2 +-
 7 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/fe/.eslintrc.cjs b/fe/.eslintrc.cjs
index be5c5f9c..7757f695 100644
--- a/fe/.eslintrc.cjs
+++ b/fe/.eslintrc.cjs
@@ -510,7 +510,7 @@ const eslintPluginVue = { // as of eslint-plugin-vue@9.19.2
         'vue/define-emits-declaration': ['error', 'type-literal'],
         'vue/no-required-prop-with-default': 'error',
         'vue/v-on-handler-style': ['error', 'inline-function'],
-        'vue/multiline-ternary': 'error',
+        'vue/multiline-ternary': ['error', 'always-multiline'],
         'vue/array-element-newline': ['error', 'consistent'],
         'vue/prefer-define-options': 'error',
         'vue/valid-define-options': 'error',
diff --git a/fe/src/components/Post/badges/PostCommonMetadataIconLinks.vue b/fe/src/components/Post/badges/PostCommonMetadataIconLinks.vue
index ce9fbf76..e6835ebe 100644
--- a/fe/src/components/Post/badges/PostCommonMetadataIconLinks.vue
+++ b/fe/src/components/Post/badges/PostCommonMetadataIconLinks.vue
@@ -5,7 +5,7 @@
        target="_blank" class="badge bg-light rounded-pill link-dark">
         <FontAwesomeIcon icon="link" size="lg" class="align-bottom" />
     </a>
-    <a :data-tippy-content="`<h6>${postTypeID}：${props.post[props.postTypeID]}</h6><hr />
+    <a :data-tippy-content="`<h6>${postIDKey}：${props.post[props.postIDKey]}</h6><hr />
         首次收录时间：${formatTime(props.post.createdAt)}<br />
         最后更新时间：${formatTime(props.post.updatedAt ?? props.post.createdAt)}<br />
         最后发现时间：${formatTime(props.post.lastSeenAt ?? props.post.updatedAt ?? props.post.createdAt)}`"
@@ -14,17 +14,20 @@
     </a>
 </template>
 
-<script setup lang="ts" generic="T extends Reply | SubReply | Thread">
+<script setup lang="ts" generic="
+    TPost extends Reply | SubReply | Thread,
+    TPostIDKey extends keyof TPost
+        & (TPost extends Thread ? 'tid' : TPost extends Reply ? 'pid' : TPost extends SubReply ? 'spid' : never)">
 import type { Reply, SubReply, Thread } from '@/api/post';
-import type { PostID, UnixTimestamp } from '@/shared';
+import type { UnixTimestamp } from '@/shared';
 import { tiebaPostLink } from '@/shared';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import { DateTime } from 'luxon';
 
 // https://github.com/vuejs/language-tools/issues/3267
 const props = defineProps<{
-    post: T,
-    postTypeID: keyof T & PostID & (T extends Thread ? 'tid' : T extends Reply ? 'pid' : T extends SubReply ? 'spid' : '')
+    post: TPost,
+    postIDKey: TPostIDKey
 }>();
 const formatTime = (time: UnixTimestamp) => {
     const dateTime = DateTime.fromSeconds(time);
diff --git a/fe/src/components/Post/queryForm/queryParams.ts b/fe/src/components/Post/queryForm/queryParams.ts
index d0eb1d69..6e0c47df 100644
--- a/fe/src/components/Post/queryForm/queryParams.ts
+++ b/fe/src/components/Post/queryForm/queryParams.ts
@@ -2,7 +2,7 @@ import type { NamelessUnknownParam, ParamPreprocessorOrWatcher, UnknownParam } f
 import useQueryForm from './useQueryForm';
 import type { ForumModeratorType } from '@/api/user';
 import type { DeepWritable, Fid, ObjEmpty, PostID, PostType } from '@/shared';
-import { boolStrToBool } from '@/shared';
+import { boolStrToBool, postType } from '@/shared';
 import * as _ from 'lodash-es';
 
 // value of [0] will be either ALL: require exactly same post types, or SUB: requiring a subset of types
@@ -132,7 +132,7 @@ const paramsMetadataKeyByType: { [P in 'array' | 'dateTimeRange' | 'numeric' | '
 };
 const paramsDefaultValue = {
     fid: { value: 0, subParam: {} },
-    postTypes: { value: ['thread', 'reply', 'subReply'], subParam: {} },
+    postTypes: { value: postType, subParam: {} },
     orderBy: { value: 'default', subParam: { direction: 'default' } },
     threadProperties: { value: [] },
     authorManagerType: { value: 'NULL' },
diff --git a/fe/src/components/Post/renderers/RendererTable.vue b/fe/src/components/Post/renderers/RendererTable.vue
index 9d194470..ac149e1e 100644
--- a/fe/src/components/Post/renderers/RendererTable.vue
+++ b/fe/src/components/Post/renderers/RendererTable.vue
@@ -50,9 +50,7 @@
                 </template>
                 <template #expandedRowRender="{ record: { pid, content, authorUid: replyAuthorUid } }">
                     <!-- eslint-disable vue/no-v-text-v-html-on-component -->
-                    <component :is="subRepliesKeyByPid[pid] === undefined
-                                   ? 'span'
-                                   : 'p'"
+                    <component :is="subRepliesKeyByPid[pid] === undefined ? 'span' : 'p'"
                                v-viewer.static v-html="content" />
                     <!-- eslint-enable vue/no-v-text-v-html-on-component -->
                     <Table v-if="subRepliesKeyByPid[pid] !== undefined"
diff --git a/fe/src/components/Post/renderers/list/ReplyItem.vue b/fe/src/components/Post/renderers/list/ReplyItem.vue
index f8aeaab9..8a8989ee 100644
--- a/fe/src/components/Post/renderers/list/ReplyItem.vue
+++ b/fe/src/components/Post/renderers/list/ReplyItem.vue
@@ -17,7 +17,7 @@
             <div class="float-end badge bg-light fs-6 p-1 pe-2" role="group">
                 <RouterLink :to="{ name: 'post/pid', params: { pid: reply.pid } }"
                             class="badge bg-light rounded-pill link-dark">只看此楼</RouterLink>
-                <PostCommonMetadataIconLinks :post="reply" postTypeID="pid" />
+                <PostCommonMetadataIconLinks :post="reply" postIDKey="pid" />
                 <BadgePostTime postType="回复贴" :parentPost="thread"
                                :previousPost="previousReply" :currentPost="reply" :nextPost="nextReply"
                                postTimeKey="postedAt" timestampType="发帖时间" class="bg-primary" />
diff --git a/fe/src/components/Post/renderers/list/SubReplyGroup.vue b/fe/src/components/Post/renderers/list/SubReplyGroup.vue
index ab16c140..794f2d50 100644
--- a/fe/src/components/Post/renderers/list/SubReplyGroup.vue
+++ b/fe/src/components/Post/renderers/list/SubReplyGroup.vue
@@ -19,7 +19,7 @@
                     </RouterLink>
                     <div class="float-end badge bg-light fs-6 p-1 pe-2" role="group">
                         <div class="d-inline" :class="{ invisible: hoveringSubReplyID !== subReply.spid }">
-                            <PostCommonMetadataIconLinks :post="subReply" postTypeID="spid" />
+                            <PostCommonMetadataIconLinks :post="subReply" postIDKey="spid" />
                         </div>
                         <BadgePostTime postType="楼中楼" :parentPost="reply" :currentPost="subReply"
                                        :previousTimeOverride="getSiblingPostedAt(subReplyGroupIndex, 'previous')"
diff --git a/fe/src/components/Post/renderers/list/ThreadItem.vue b/fe/src/components/Post/renderers/list/ThreadItem.vue
index 22ca5d52..4216965d 100644
--- a/fe/src/components/Post/renderers/list/ThreadItem.vue
+++ b/fe/src/components/Post/renderers/list/ThreadItem.vue
@@ -10,7 +10,7 @@
                 <div class="col-auto badge bg-light fs-6 p-1 pt-0 pe-2" role="group">
                     <RouterLink :to="{ name: 'post/tid', params: { tid: thread.tid } }"
                                 class="badge bg-light rounded-pill link-dark">只看此帖</RouterLink>
-                    <PostCommonMetadataIconLinks :post="thread" postTypeID="tid" />
+                    <PostCommonMetadataIconLinks :post="thread" postIDKey="tid" />
                     <BadgePostTime postType="主题帖" :previousPost="previousThread" :currentPost="thread" :nextPost="nextThread"
                                    postTimeKey="postedAt" timestampType="发帖时间" class="bg-success" />
                 </div>