增加列表中歌曲随机乱序排列，修复专辑名排序无效bug (#1440)

* Update zh-cn.json

* Update ListSortModal.vue

* Add files via upload

* Update ListSortModal.vue

修复无法按专辑名排序bug，因变量名不一致导致

* 完善&优化

* 添加更新日志

---------

Co-authored-by: lyswhut <lyswhut@qq.com>

src/renderer/views/List/MyList/components/ListSortModal.vue

@@ -10,31 +10,31 @@
           <li :class="$style.listItem">
             <base-checkbox
               id="list_sort_modal_field_name" v-model="sortField" name="list_sort_modal_field" :aria-label="$t('list_sort_modal_by_name')"
-              need="need" value="name" :label="$t('list_sort_modal_by_name')"
+              need="need" value="name" :disabled="disabledSortFislds" :label="$t('list_sort_modal_by_name')"
             />
           </li>
           <li :class="$style.listItem">
             <base-checkbox
               id="list_sort_modal_field_singer" v-model="sortField" name="list_sort_modal_field"
-              need="need" value="singer" :label="$t('list_sort_modal_by_singer')"
+              need="need" value="singer" :disabled="disabledSortFislds" :label="$t('list_sort_modal_by_singer')"
             />
           </li>
           <li :class="$style.listItem">
             <base-checkbox
               id="list_sort_modal_field_album" v-model="sortField" name="list_sort_modal_field"
-              need="need" value="album" :label="$t('list_sort_modal_by_album')"
+              need="need" value="albumName" :disabled="disabledSortFislds" :label="$t('list_sort_modal_by_album')"
             />
           </li>
           <li :class="$style.listItem">
             <base-checkbox
               id="list_sort_modal_field_time" v-model="sortField" name="list_sort_modal_field"
-              need="need" value="interval" :label="$t('list_sort_modal_by_time')"
+              need="need" value="interval" :disabled="disabledSortFislds" :label="$t('list_sort_modal_by_time')"
             />
           </li>
           <li :class="$style.listItem">
             <base-checkbox
               id="list_sort_modal_field_source" v-model="sortField" name="list_sort_modal_field"
-              need="need" value="source" :label="$t('list_sort_modal_by_source')"
+              need="need" value="source" :disabled="disabledSortFislds" :label="$t('list_sort_modal_by_source')"
             />
           </li>
         </ul>
@@ -54,6 +54,12 @@
               need="need" value="down" :label="$t('list_sort_modal_by_down')"
             />
           </li>
+          <li :class="$style.listItem">
+            <base-checkbox
+              id="list_sort_modal_type_random" v-model="sortType" name="list_sort_modal_type"
+              need="need" value="random" :label="$t('list_sort_modal_by_random')"
+            />
+          </li>
         </ul>
       </section>
       <div :class="$style.footer">
@@ -96,7 +102,7 @@ export default {
       sortType.value = ''
     }
     const verify = () => {
-      return !!sortField.value && !!sortType.value
+      return !!sortType.value && (!!sortField.value || sortType.value == 'random')
     }
     const handleSort = async() => {
       if (!verify()) return
@@ -125,9 +131,14 @@ export default {
       }
     })
 
+    const disabledSortFislds = computed(() => {
+      return sortType.value == 'random'
+    })
+
     return {
       sortField,
       sortType,
+      disabledSortFislds,
       closeModal,
       handleSort,
       handleAfterLeave,