fix IsAnonymous

src/views/manage/QuestionBoxManageView.vue

@@ -279,8 +279,8 @@ onMounted(() => {
                   <NTag type="warning" size="tiny"> 未读 </NTag>
                   <NDivider vertical />
                 </template>
-                <NText :depth="item.sender?.name ? 1 : 3" style="margin-top: 3px">
-                  {{ item.sender?.name ?? '匿名用户' }}
+                <NText :depth="item.isAnonymous ? 3 : 1" style="margin-top: 3px">
+                  {{ item.isAnonymous ? '匿名用户' : item.sender?.name }}
                 </NText>
                 <NTag v-if="item.isSenderRegisted" size="small" type="info" :bordered="false" style="margin-left: 5px"> 已注册 </NTag>
                 <NTag v-if="item.isPublic" size="small" type="success" :bordered="false" style="margin-left: 5px"> 公开 </NTag>

src/views/manage/SettingsManageView.vue

@@ -1,16 +1,19 @@
 <script setup lang="ts">
-import { DelBiliBlackList, SaveAccountSettings, SaveEnableFunctions, useAccount } from '@/api/account'
+import { DelBiliBlackList, SaveAccountSettings, SaveEnableFunctions, downloadConfigDirect, useAccount } from '@/api/account'
 import { FunctionTypes, ScheduleWeekInfo, SongFrom, SongLanguage, SongRequestOption, SongsInfo } from '@/api/api-models'
+import DynamicForm from '@/components/DynamicForm.vue'
+import { TemplateConfig } from '@/data/VTsuruTypes'
 import { FETCH_API, IndexTemplateMap, ScheduleTemplateMap, SongListTemplateMap } from '@/data/constants'
 import { NButton, NCard, NCheckbox, NCheckboxGroup, NDivider, NEmpty, NList, NListItem, NModal, NSelect, NSpace, NSpin, NTabPane, NTabs, NText, SelectOption, useMessage } from 'naive-ui'
-import { Ref, computed, h, onActivated, onMounted, ref } from 'vue'
+import { computed, h, nextTick, onActivated, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 
 interface TemplateDefineTypes {
   TemplateMap: { [name: string]: { name: string; compoent: any } }
   Options: SelectOption[]
   Data: any
-  Selected: Ref<string>
+  Selected: string
+  Config?: any | undefined
 }
 
 const accountInfo = useAccount()
@@ -19,7 +22,7 @@ const route = useRoute()
 
 const isSaving = ref(false)
 
-const templates = {
+const templates = ref({
   index: {
     TemplateMap: IndexTemplateMap,
     Options: Object.entries(IndexTemplateMap).map((v) => ({
@@ -27,7 +30,7 @@ const templates = {
       value: v[0],
     })),
     Data: null,
-    Selected: ref(accountInfo.value?.settings.indexTemplate ?? ''),
+    Selected: accountInfo.value?.settings.indexTemplate ?? '',
   },
   schedule: {
     TemplateMap: ScheduleTemplateMap,
@@ -85,7 +88,7 @@ const templates = {
         ],
       },
     ] as ScheduleWeekInfo[],
-    Selected: ref(accountInfo.value?.settings.scheduleTemplate ?? ''),
+    Selected: accountInfo.value?.settings.scheduleTemplate ?? '',
   },
   songlist: {
     TemplateMap: SongListTemplateMap,
@@ -162,9 +165,9 @@ const templates = {
         updateTime: Date.now(),
       },
     ] as SongsInfo[],
-    Selected: ref(accountInfo.value?.settings.songListTemplate ?? ''),
+    Selected: accountInfo.value?.settings.songListTemplate ?? '',
   },
-} as { [type: string]: TemplateDefineTypes }
+} as { [type: string]: TemplateDefineTypes })
 
 const templateOptions = [
   {
@@ -183,7 +186,15 @@ const templateOptions = [
 const selectedOption = ref(route.query.template?.toString() ?? 'index')
 const selectedTab = ref(route.query.tab?.toString() ?? 'general')
 
-const selectedTemplateData = computed(() => templates[selectedOption.value])
+const dynamicConfigRef = ref()
+const selectedTemplateData = computed(() => templates.value[selectedOption.value])
+const selectedComponent = computed(() => selectedTemplateData.value?.TemplateMap[selectedTemplateData.value.Selected].compoent)
+const selectedTemplateConfig = computed(() => {
+  if (dynamicConfigRef.value?.Config) {
+    return dynamicConfigRef.value?.Config as TemplateConfig<any>
+  }
+  return undefined
+})
 
 const biliUserInfo = ref()
 const settingModalVisiable = ref(false)
@@ -245,23 +256,48 @@ async function SaveTemplateSetting() {
   if (accountInfo.value) {
     switch (selectedOption.value) {
       case 'index': {
-        accountInfo.value.settings.indexTemplate = selectedTemplateData.value.Selected.value ?? ''
+        accountInfo.value.settings.indexTemplate = selectedTemplateData.value.Selected ?? ''
         break
       }
       case 'songlist': {
-        accountInfo.value.settings.songListTemplate = selectedTemplateData.value.Selected.value ?? ''
+        accountInfo.value.settings.songListTemplate = selectedTemplateData.value.Selected ?? ''
         break
       }
       case 'schedule': {
-        accountInfo.value.settings.scheduleTemplate = selectedTemplateData.value.Selected.value ?? ''
+        accountInfo.value.settings.scheduleTemplate = selectedTemplateData.value.Selected ?? ''
         break
       }
     }
     await SaveComboSetting()
   }
 }
-function onOpenTemplateSettings() {
+async function onOpenTemplateSettings() {
   settingModalVisiable.value = true
+  nextTick(async () => {
+    await getTemplateConfig()
+  })
+}
+async function getTemplateConfig() {
+  if (selectedTemplateConfig.value && !selectedTemplateData.value.Config) {
+    await downloadConfigDirect(selectedTemplateConfig.value.name)
+      .then((data) => {
+        if (data.code == 200) {
+          message.success('已获取配置文件')
+          console.log(`已获取模板配置: ${selectedTemplateConfig.value?.name}`)
+          selectedTemplateData.value.Config = JSON.parse(data.data)
+        } else if (data.code == 404) {
+          //message.error(`未找到名为 ${name} 的配置文件`)
+          console.error(`未找到名为 ${selectedTemplateConfig.value?.name} 的配置文件`)
+          selectedTemplateData.value.Config = dynamicConfigRef.value.DefaultConfig
+        } else {
+          message.error('获取失败: ' + data.message)
+          console.error('获取失败: ' + data.message)
+        }
+      })
+      .catch((err) => {
+        message.error(err)
+      })
+  }
 }
 const buttonGroup = computed(() => {
   return h(NSpace, () => [h(NButton, { type: 'primary', onClick: () => SaveTemplateSetting() }, () => '设为展示模板'), h(NButton, { type: 'info', onClick: onOpenTemplateSettings }, () => '模板设置')])
@@ -342,18 +378,13 @@ onMounted(async () => {
             <NDivider style="margin: 5px 0 5px 0" title-placement="left"> 模板 </NDivider>
             <div>
               <NSpace>
-                <NSelect style="width: 150px" :options="selectedTemplateData.Options" v-model:value="selectedTemplateData.Selected.value" />
+                <NSelect style="width: 150px" :options="selectedTemplateData.Options" v-model:value="selectedTemplateData.Selected" />
                 <component :is="buttonGroup" />
               </NSpace>
               <NDivider />
               <Transition name="fade" mode="out-in">
-                <div v-if="true" :key="selectedTemplateData.Selected.value">
-                  <component
-                    :is="selectedTemplateData.TemplateMap[selectedTemplateData.Selected.value].compoent"
-                    :user-info="accountInfo"
-                    :bili-info="biliUserInfo"
-                    :current-data="selectedTemplateData.Data"
-                  />
+                <div v-if="selectedComponent" :key="selectedTemplateData.Selected">
+                  <component ref="dynamicConfigRef" :is="selectedComponent" :user-info="accountInfo" :bili-info="biliUserInfo" :current-data="selectedTemplateData.Data" />
                 </div>
               </Transition>
             </div>
@@ -362,5 +393,9 @@ onMounted(async () => {
       </NTabs>
     </NSpin>
   </NCard>
-  <NModal preset="card" v-model:show="settingModalVisiable" closable style="width: 600px; max-width: 90vw" title="模板设置"> 开发中... </NModal>
+  <NModal preset="card" v-model:show="settingModalVisiable" closable style="width: 600px; max-width: 90vw" title="模板设置">
+    只是测试, 没用
+    <NSpin v-if="!selectedTemplateData.Config" show />
+    <DynamicForm v-else :key="selectedTemplateData.Selected" :configData="selectedTemplateData.Config" :config="selectedTemplateConfig" />
+  </NModal>
 </template>

src/views/view/indexTemplate/DefaultIndexTemplate.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { isDarkMode } from '@/Utils'
 import { UserInfo } from '@/api/api-models'
+import { TemplateConfig } from '@/data/VTsuruTypes'
 import { NAvatar, NButton, NDivider, NSpace, NText } from 'naive-ui'
 
 const width = window.innerWidth
@@ -13,6 +14,37 @@ const props = defineProps<{
 function navigate(url: string) {
   window.open(url, '_blank')
 }
+defineExpose({ Config, DefaultConfig })
+</script>
+
+<script lang="ts">
+export type ConfigType = {
+  cover: string
+}
+export const DefaultConfig = {} as ConfigType
+export const Config: TemplateConfig<ConfigType> = {
+  name: 'Template.Index.Simple',
+  items: [
+    {
+      name: '封面',
+      type: 'image',
+      imageLimit: 1,
+      onUploaded: (url, config) => {
+        config.cover = url instanceof String ? (url as string) : url[0]
+      },
+    },
+    {
+      name: 'test',
+      type: 'string',
+      data: {
+        get: (d) => d.cover,
+        set: (d, v) => {
+          d.cover = v
+        },
+      },
+    },
+  ],
+}
 </script>
 
 <template>

src/views/view/indexTemplate/SimpleIndexTemplate.vue

@@ -15,25 +15,27 @@ function navigate(url: string) {
 }
 </script>
 
-<script>
-export type SimpleIndexConfig = {
+<script lang="ts">
+export type ConfigType = {
   cover?: string
 }
-export const Config: TemplateConfig<SimpleIndexConfig> = {
+export const Config: TemplateConfig<ConfigType> = {
   name: 'Template.Index.Simple',
   items: [
     {
       name: '封面',
       type: 'image',
       imageLimit: 1,
-      onUploaded: (url, config) => {config.cover = (url instanceof String ? url as string : url[0])}
+      onUploaded: (url, config) => {
+        config.cover = url instanceof String ? (url as string) : url[0]
+      },
     },
     {
       name: 'test',
-      type: 'default',
-       render: (config) => h('div', '1')
-    }
-  ]
+      type: 'render',
+      render: (config) => h('div', '1'),
+    },
+  ],
 }
 </script>