* fix not selecting select > optgroup > option: vuejs/core#13486 @ <PostQueryForm> & <PostQueryFormWidgetSelectParam>

* fix only reset fetched query but not refetch it when `isTriggeredByQueryForm` is `true` @ `pages/posts.vue`
* fix not converting `'true'` or `'false'` in string to bool when param have no preprocessor in `parseParamRoute()` @ `utils/post/queryForm/useQueryForm.ts`
@ fe

Author: n0099

fe/src/components/post/queryForm/QueryForm.vue

@@ -28,9 +28,11 @@
                     </option>
                     <option value="postedAt">发帖时间</option>
                     <optgroup label="帖子ID">
-                        <option value="tid">主题帖tid</option>
-                        <option value="pid">回复帖pid</option>
-                        <option value="spid">楼中楼spid</option>
+                        <option
+                            v-for="(postID, index) in postID" :key="postID"
+                            :value="postID" :selected="postID === orderBy.value">
+                            {{ postTypeText[index] }}{{ postID }}
+                        </option>
                     </optgroup>
                 </select>
                 <select

fe/src/components/post/queryForm/widget/SelectParam.vue

@@ -5,8 +5,8 @@
     <option :disabled="currentParam !== 'add'" :hidden="currentParam !== 'add'" value="add">New...</option>
     <optgroup v-for="(group, groupName) in paramsGroup" :key="groupName" :label="groupName">
         <option
-            v-for="(paramDescription, paramName) in group"
-            :key="paramName" :value="paramName">
+            v-for="(paramDescription, paramName) in group" :key="paramName"
+            :value="paramName" :selected="paramName === currentParam">
             {{ paramDescription }}
         </option>
     </optgroup>

fe/src/pages/posts.vue

@@ -134,7 +134,7 @@ watchDeep(() => [route.query, route.params], async (_discard, [oldQuery, oldPara
     const isNewQuery = compareRouteIsNewQuery(to, from);
     if (to.hash === '' && (isTriggeredByQueryForm || isNewQuery))
         void nextTick(() => { window.scrollTo({ top: 0 }) });
-    if (isNewQuery)
+    if (isTriggeredByQueryForm || isNewQuery)
         await parseRouteThenFetch(to, isTriggeredByQueryForm);
 
     /** must invoke {@link parseRouteThenFetch()} before {@link queryClient.resetQueries()} */

fe/src/utils/post/queryForm/useQueryForm.ts

@@ -150,11 +150,10 @@ export const useQueryForm = <
             })
             .map(_.unary(fillParamDefaultValue))
             .each(param => {
+                param.subParam.not = boolStrToBool(param.subParam.not);
                 const preprocessor = deps.paramsPreprocessor[param.name];
-                if (preprocessor !== undefined) {
+                if (preprocessor !== undefined)
                     preprocessor(param);
-                    param.subParam.not = boolStrToBool(param.subParam.not);
-                }
                 const isUniqueParam = (p: UnknownParam): p is UniqueParam => p.name in uniqueParams.value;
                 if (isUniqueParam(param))
                     uniqueParams.value[param.name as keyof UniqueParams] = param;