Feature action (#150)

* ci: 👷 整合github action配置文件

* docs: 📝 贡献文档修改

* style: 💄 更新版本

* style: 💄 cargo.lock版本更新

* feat(husky): 增强Git标签版本校验脚本

添加了对Git标签指向提交与release分支一致性的校验功能。
脚本现在会检查tag指向的提交是否与当前或任何release分支的最新提交一致，
确保发布流程的准确性。如果当前在release分支上，直接比较分支HEAD与tag指向的提交；
如果不在release分支上，则遍历所有release分支查找匹配的提交。

* feat: ✨ 国际化

* fix: 🐛 修复国际化问题；修复字体大小未生效问题

* fix: 🐛 修复部分问题

* docs: 📝 update readme

src/locales/modules/table.ts

@@ -47,6 +47,9 @@ export const tableEn = {
   timedStop: 'Timed Stop',
   playWinMusic: 'Play Win Music',
   resetAllData: 'Reset All Data',
+  globalFont: 'Global Font',
+  titleFont: 'Title Font',
+  syncGlobalFont: 'Sync Global Font',
 }
 
 export const tableZhCn = {
@@ -95,7 +98,9 @@ export const tableZhCn = {
   timedStop: '定时停止',
   playWinMusic: '播放中奖音乐',
   resetAllData: '重置数据',
-
+  globalFont: '全局字体',
+  titleFont: '标题字体',
+  syncGlobalFont: '同步全局字体',
 }
 
 export const table = {

src/views/Config/Global/FaceConfig/parts/DataSetting.vue

@@ -19,7 +19,7 @@ const uploadVisible = ref(false)
 <template>
   <fieldset class="p-4 border text-setting fieldset bg-base-200 border-base-300 rounded-box w-xs pb-10">
     <legend class="fieldset-legend">
-      {{ t('table.DataSetting') }}
+      {{ t('table.dataSetting') }}
     </legend>
     <dialog id="my_modal_1" ref="resetDataDialogRef" class="border-none modal">
       <div class="modal-box">

src/views/Config/Global/FaceConfig/parts/TextSetting.vue

@@ -46,20 +46,20 @@ const titleFontSyncGlobalValue = defineModel<boolean>('titleFontSyncGlobalValue'
     </label>
     <label class="w-full max-w-xs form-control mt-3">
       <div class="label">
-        <span class="label-text">全局字体</span>
+        <span class="label-text">{{ t('table.globalFont') }}</span>
       </div>
       <SelectFont v-model:selected-font="currentFontValue" />
     </label>
     <label class="flex flex-row w-full max-w-xs mt-5 gap-10 form-control">
       <div class="w-3/4">
         <div class="label">
-          <span class="label-text">标题字体</span>
+          <span class="label-text">{{ t('table.titleFont') }}</span>
         </div>
         <SelectFont v-model:selected-font="currentTitleFontValue" :disabled="titleFontSyncGlobalValue" />
       </div>
       <div class="flex flex-col gap-4">
         <div class="label">
-          <span class="label-text">同全局</span>
+          <span class="label-text">{{ t('table.syncGlobalFont') }}</span>
         </div>
         <input type="checkbox" :checked="titleFontSyncGlobalValue" class="border-solid checkbox checkbox-secondary border" @change="titleFontSyncGlobalValue = !titleFontSyncGlobalValue">
       </div>

src/views/Config/Global/FaceConfig/useViewModel.ts

@@ -7,232 +7,235 @@ import { themeChange } from '@/utils'
 import { clearAllDbStore } from '@/utils/localforage'
 
 export function useViewModel() {
-    type ValidatePayload = zod.infer<typeof schema>
-    const globalConfig = useStore().globalConfig
-    const personConfig = useStore().personConfig
-    const prizeConfig = useStore().prizeConfig
-    const {
-        getGlobalConfig: globalConfigData,
-        getTopTitle: topTitle,
-        getTheme: localTheme,
-        getPatterColor: patternColor,
-        getPatternList: patternList,
-        getCardColor: cardColor,
-        getLuckyColor: luckyCardColor,
-        getTextColor: textColor,
-        getCardSize: cardSize,
-        getTextSize: textSize,
-        getRowCount: rowCount,
-        getIsShowPrizeList: isShowPrizeList,
-        getLanguage: userLanguage,
-        getBackground: backgroundImage,
-        getFont: currentFont,
-        getTitleFont: currentTitleFont,
-        getTitleFontSyncGlobal: titleFontSyncGlobal,
-        getImageList: imageList,
-        getIsShowAvatar: isShowAvatar,
-        getDefiniteTime: definiteTime,
-        getWinMusic: isWinMusic,
-    } = storeToRefs(globalConfig)
-    const { getAlreadyPersonList: alreadyPersonList, getNotPersonList: notPersonList } = storeToRefs(personConfig)
+  type ValidatePayload = zod.infer<typeof schema>
+  const globalConfig = useStore().globalConfig
+  const personConfig = useStore().personConfig
+  const prizeConfig = useStore().prizeConfig
+  const {
+    getGlobalConfig: globalConfigData,
+    getTopTitle: topTitle,
+    getTheme: localTheme,
+    getPatterColor: patternColor,
+    getPatternList: patternList,
+    getCardColor: cardColor,
+    getLuckyColor: luckyCardColor,
+    getTextColor: textColor,
+    getCardSize: cardSize,
+    getTextSize: textSize,
+    getRowCount: rowCount,
+    getIsShowPrizeList: isShowPrizeList,
+    getLanguage: userLanguage,
+    getBackground: backgroundImage,
+    getFont: currentFont,
+    getTitleFont: currentTitleFont,
+    getTitleFontSyncGlobal: titleFontSyncGlobal,
+    getImageList: imageList,
+    getIsShowAvatar: isShowAvatar,
+    getDefiniteTime: definiteTime,
+    getWinMusic: isWinMusic,
+  } = storeToRefs(globalConfig)
+  const { getAlreadyPersonList: alreadyPersonList, getNotPersonList: notPersonList } = storeToRefs(personConfig)
 
-    const isRowCountChange = ref(0) // 0未改变，1改变,2加载中
-    const themeValue = ref(localTheme.value.name)
-    const topTitleValue = ref(structuredClone(topTitle.value))
-    const cardColorValue = ref(structuredClone(cardColor.value))
-    const luckyCardColorValue = ref(structuredClone(luckyCardColor.value))
-    const textColorValue = ref(structuredClone(textColor.value))
-    const cardSizeValue = ref(structuredClone(cardSize.value))
-    const textSizeValue = ref(structuredClone(textSize.value))
-    const rowCountValue = ref(structuredClone(rowCount.value))
-    const languageValue = ref(structuredClone(userLanguage.value))
-    const isShowPrizeListValue = ref(structuredClone(isShowPrizeList.value))
-    const isShowAvatarValue = ref(structuredClone(isShowAvatar.value))
-    const patternColorValue = ref(structuredClone(patternColor.value))
-    const backgroundImageValue = ref(backgroundImage.value)
-    const currentFontValue = ref(structuredClone(currentFont.value))
-    const currentTitleFontValue = ref(structuredClone(currentTitleFont.value))
-    const titleFontSyncGlobalValue = ref(structuredClone(titleFontSyncGlobal.value))
-    const definiteTimeValue = ref(structuredClone(definiteTime.value))
-    const isWinMusicValue = ref(structuredClone(isWinMusic.value))
-    const formData = ref({
-        rowCount: rowCountValue,
+  const isRowCountChange = ref(0) // 0未改变，1改变,2加载中
+  const themeValue = ref(localTheme.value.name)
+  const topTitleValue = ref(structuredClone(topTitle.value))
+  const cardColorValue = ref(structuredClone(cardColor.value))
+  const luckyCardColorValue = ref(structuredClone(luckyCardColor.value))
+  const textColorValue = ref(structuredClone(textColor.value))
+  const cardSizeValue = ref(structuredClone(cardSize.value))
+  const textSizeValue = ref(structuredClone(textSize.value))
+  const rowCountValue = ref(structuredClone(rowCount.value))
+  const languageValue = ref(structuredClone(userLanguage.value))
+  const isShowPrizeListValue = ref(structuredClone(isShowPrizeList.value))
+  const isShowAvatarValue = ref(structuredClone(isShowAvatar.value))
+  const patternColorValue = ref(structuredClone(patternColor.value))
+  const backgroundImageValue = ref(backgroundImage.value)
+  const currentFontValue = ref(structuredClone(currentFont.value))
+  const currentTitleFontValue = ref(structuredClone(currentTitleFont.value))
+  const titleFontSyncGlobalValue = ref(structuredClone(titleFontSyncGlobal.value))
+  const definiteTimeValue = ref(structuredClone(definiteTime.value))
+  const isWinMusicValue = ref(structuredClone(isWinMusic.value))
+  const formData = ref({
+    rowCount: rowCountValue,
+  })
+  const formErr = ref({
+    rowCount: '',
+  })
+  const schema = zod.object({
+    rowCount: zod.number({
+      error: i18n.global.t('error.require'),
+      // required_error: i18n.global.t('error.require'),
+      // invalid_type_error: i18n.global.t('error.requireNumber'),
     })
-    const formErr = ref({
-        rowCount: '',
-    })
-    const schema = zod.object({
-        rowCount: zod.number({
-            error: i18n.global.t('error.require'),
-            // required_error: i18n.global.t('error.require'),
-            // invalid_type_error: i18n.global.t('error.requireNumber'),
-        })
-            .min(1, i18n.global.t('error.minNumber1'))
-            .max(100, i18n.global.t('error.maxNumber100')),
-        // 格式化
+      .min(1, i18n.global.t('error.minNumber1'))
+      .max(100, i18n.global.t('error.maxNumber100')),
+    // 格式化
 
-    })
-    const payload: ValidatePayload = {
-        rowCount: formData.value.rowCount,
-    }
-    function parseSchema(props: ValidatePayload) {
-        return schema.parseAsync(props)
-    }
+  })
+  const payload: ValidatePayload = {
+    rowCount: formData.value.rowCount,
+  }
+  function parseSchema(props: ValidatePayload) {
+    return schema.parseAsync(props)
+  }
 
-    function resetPersonLayout() {
-        isRowCountChange.value = 2
-        setTimeout(() => {
-            const alreadyLen = alreadyPersonList.value.length
-            const notLen = notPersonList.value.length
-            if (alreadyLen <= 0 && notLen <= 0) {
-                return
-            }
-            const allPersonList = alreadyPersonList.value.concat(notPersonList.value)
-            const newAlreadyPersonList = allPersonList.slice(0, alreadyLen)
-            const newNotPersonList = allPersonList.slice(alreadyLen, notLen + alreadyLen)
-            personConfig.deleteAllPerson()
-            personConfig.addNotPersonList(newNotPersonList)
-            personConfig.addAlreadyPersonList(newAlreadyPersonList, null)
+  function resetPersonLayout() {
+    isRowCountChange.value = 2
+    setTimeout(() => {
+      const alreadyLen = alreadyPersonList.value.length
+      const notLen = notPersonList.value.length
+      if (alreadyLen <= 0 && notLen <= 0) {
+        return
+      }
+      const allPersonList = alreadyPersonList.value.concat(notPersonList.value)
+      const newAlreadyPersonList = allPersonList.slice(0, alreadyLen)
+      const newNotPersonList = allPersonList.slice(alreadyLen, notLen + alreadyLen)
+      personConfig.deleteAllPerson()
+      personConfig.addNotPersonList(newNotPersonList)
+      personConfig.addAlreadyPersonList(newAlreadyPersonList, null)
 
-            isRowCountChange.value = 0
-        }, 1000)
-    }
+      isRowCountChange.value = 0
+    }, 1000)
+  }
 
-    function clearPattern() {
-        globalConfig.setPatternList([] as number[])
-    }
-    function resetPattern() {
-        globalConfig.resetPatternList()
-    }
+  function clearPattern() {
+    globalConfig.setPatternList([] as number[])
+  }
+  function resetPattern() {
+    globalConfig.resetPatternList()
+  }
 
-    function resetData() {
-        globalConfig.reset()
-        personConfig.reset()
-        prizeConfig.resetDefault()
-        //   删除所有indexDb
-        clearAllDbStore()
-        // 刷新页面
-        window.location.reload()
-    }
+  function resetData() {
+    globalConfig.reset()
+    personConfig.reset()
+    prizeConfig.resetDefault()
+    //   删除所有indexDb
+    clearAllDbStore()
+    // 刷新页面
+    window.location.reload()
+  }
 
-    function exportAllConfigData() {
-        // const globalConfigData = globalConfig.getGlobalConfig()
-        // console.log(globalConfigData.value)
-        // const globalConfigData = globalConfig.getGlobalConfig()
-        const dataStr = JSON.stringify(globalConfigData.value, null, 2)
-        const dataUri = `data:application/json;charset=utf-8,${encodeURIComponent(dataStr)}`
+  function exportAllConfigData() {
+    // const globalConfigData = globalConfig.getGlobalConfig()
+    // console.log(globalConfigData.value)
+    // const globalConfigData = globalConfig.getGlobalConfig()
+    const dataStr = JSON.stringify(globalConfigData.value, null, 2)
+    const dataUri = `data:application/json;charset=utf-8,${encodeURIComponent(dataStr)}`
 
-        const exportFileDefaultName = 'global-config.json'
+    const exportFileDefaultName = 'global-config.json'
 
-        const linkElement = document.createElement('a')
-        linkElement.setAttribute('href', dataUri)
-        linkElement.setAttribute('download', exportFileDefaultName)
-        linkElement.click()
-    }
-    function importAllConfigData(data: any) {
-        globalConfig.setGlobalConfig(data)
-        window.location.reload()
-    }
+    const linkElement = document.createElement('a')
+    linkElement.setAttribute('href', dataUri)
+    linkElement.setAttribute('download', exportFileDefaultName)
+    linkElement.click()
+  }
+  function importAllConfigData(data: any) {
+    globalConfig.setGlobalConfig(data)
+    window.location.reload()
+  }
 
-    watch(() => formData.value.rowCount, () => {
-        payload.rowCount = formData.value.rowCount
-        parseSchema(payload).then((res) => {
-            if (res.rowCount) {
-                isRowCountChange.value = 1
-                globalConfig.setRowCount(res.rowCount)
-            }
-        }).catch((err) => {
-            formErr.value.rowCount = err.issues[0].message
-        })
+  watch(() => formData.value.rowCount, () => {
+    payload.rowCount = formData.value.rowCount
+    parseSchema(payload).then((res) => {
+      if (res.rowCount) {
+        isRowCountChange.value = 1
+        globalConfig.setRowCount(res.rowCount)
+      }
+    }).catch((err) => {
+      formErr.value.rowCount = err.issues[0].message
     })
+  })
 
-    watch(topTitleValue, (val) => {
-        globalConfig.setTopTitle(val)
-    })
-    watch(themeValue, (val: any) => {
-        globalConfig.setTheme({ name: val })
-        themeChange(val)
-    }, { deep: true })
+  watch(topTitleValue, (val) => {
+    globalConfig.setTopTitle(val)
+  })
+  watch(themeValue, (val: any) => {
+    globalConfig.setTheme({ name: val })
+    themeChange(val)
+  }, { deep: true })
 
-    watch(cardColorValue, (val: string) => {
-        globalConfig.setCardColor(val)
-    }, { deep: true })
-    watch(luckyCardColorValue, (val: string) => {
-        globalConfig.setLuckyCardColor(val)
-    }, { deep: true })
-    watch(patternColorValue, (val: string) => {
-        globalConfig.setPatterColor(val)
-    })
-    watch(textColorValue, (val: string) => {
-        globalConfig.setTextColor(val)
-    }, { deep: true })
+  watch(cardColorValue, (val: string) => {
+    globalConfig.setCardColor(val)
+  }, { deep: true })
+  watch(luckyCardColorValue, (val: string) => {
+    globalConfig.setLuckyCardColor(val)
+  }, { deep: true })
+  watch(patternColorValue, (val: string) => {
+    globalConfig.setPatterColor(val)
+  })
+  watch(textColorValue, (val: string) => {
+    globalConfig.setTextColor(val)
+  }, { deep: true })
 
-    watch(cardSizeValue, (val: { width: number, height: number }) => {
-        globalConfig.setCardSize(val)
-    }, { deep: true })
+  watch(cardSizeValue, (val: { width: number, height: number }) => {
+    globalConfig.setCardSize(val)
+  }, { deep: true })
 
-    watch(isShowPrizeListValue, () => {
-        globalConfig.setIsShowPrizeList(isShowPrizeListValue.value)
-    })
-    watch(backgroundImageValue, (val) => {
-        globalConfig.setBackground(val)
-    })
-    watch(currentFontValue, (val) => {
-        globalConfig.setFont(val)
-        document.documentElement.style.setProperty('--app-font-family', `"${val}", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`)
-    })
-    watch(currentTitleFontValue, (val) => {
-        globalConfig.setTitleFont(val)
-    })
-    watch(titleFontSyncGlobalValue, (val) => {
-        globalConfig.setTitleFontSyncGlobal(val)
-    })
-    watch(languageValue, (val: string) => {
-        globalConfig.setLanguage(val)
-    })
-    watch(isShowAvatarValue, () => {
-        globalConfig.setIsShowAvatar(isShowAvatarValue.value)
-    })
-    watch(definiteTimeValue, () => {
-        globalConfig.setDefiniteTime(definiteTimeValue.value)
-    })
-    watch(isWinMusicValue, () => {
-        globalConfig.setIsPlayWinMusic(isWinMusicValue.value)
-    })
-    onMounted(() => {
-    })
-    return {
-        resetData,
-        topTitleValue,
-        languageValue,
-        textSizeValue,
-        currentFontValue,
-        currentTitleFontValue,
-        titleFontSyncGlobalValue,
-        languageList,
-        formErr,
-        formData,
-        cardSizeValue,
-        isShowPrizeListValue,
-        isShowAvatarValue,
-        resetPersonLayout,
-        isRowCountChange,
-        themeValue,
-        backgroundImageValue,
-        cardColorValue,
-        luckyCardColorValue,
-        textColorValue,
-        patternColorValue,
-        imageList,
-        rowCount,
-        cardColor,
-        patternColor,
-        patternList,
-        clearPattern,
-        resetPattern,
-        exportAllConfigData,
-        importAllConfigData,
-        definiteTimeValue,
-        isWinMusicValue,
-    }
+  watch(isShowPrizeListValue, () => {
+    globalConfig.setIsShowPrizeList(isShowPrizeListValue.value)
+  })
+  watch(backgroundImageValue, (val) => {
+    globalConfig.setBackground(val)
+  })
+  watch(currentFontValue, (val) => {
+    globalConfig.setFont(val)
+    document.documentElement.style.setProperty('--app-font-family', `"${val}", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif`)
+  })
+  watch(currentTitleFontValue, (val) => {
+    globalConfig.setTitleFont(val)
+  })
+  watch(titleFontSyncGlobalValue, (val) => {
+    globalConfig.setTitleFontSyncGlobal(val)
+  })
+  watch(languageValue, (val: string) => {
+    globalConfig.setLanguage(val)
+  })
+  watch(isShowAvatarValue, () => {
+    globalConfig.setIsShowAvatar(isShowAvatarValue.value)
+  })
+  watch(definiteTimeValue, () => {
+    globalConfig.setDefiniteTime(definiteTimeValue.value)
+  })
+  watch(isWinMusicValue, () => {
+    globalConfig.setIsPlayWinMusic(isWinMusicValue.value)
+  })
+  watch(textSizeValue, (val: number) => {
+    globalConfig.setTextSize(val)
+  })
+  onMounted(() => {
+  })
+  return {
+    resetData,
+    topTitleValue,
+    languageValue,
+    textSizeValue,
+    currentFontValue,
+    currentTitleFontValue,
+    titleFontSyncGlobalValue,
+    languageList,
+    formErr,
+    formData,
+    cardSizeValue,
+    isShowPrizeListValue,
+    isShowAvatarValue,
+    resetPersonLayout,
+    isRowCountChange,
+    themeValue,
+    backgroundImageValue,
+    cardColorValue,
+    luckyCardColorValue,
+    textColorValue,
+    patternColorValue,
+    imageList,
+    rowCount,
+    cardColor,
+    patternColor,
+    patternList,
+    clearPattern,
+    resetPattern,
+    exportAllConfigData,
+    importAllConfigData,
+    definiteTimeValue,
+    isWinMusicValue,
+  }
 }

src/views/Config/Global/ImageConfig/index.vue

@@ -40,7 +40,7 @@ watch(() => imgUploadToast.value, (val) => {
   <UploadDialog v-model:visible="uploadVisible" />
 
   <div>
-    <PageHeader title="图片管理">
+    <PageHeader :title="t('sidebar.imagesManagement')">
       <template #buttons>
         <div class="">
           <label for="explore">

src/views/Config/Person/PersonAll/importExcel.worker.ts

@@ -37,7 +37,7 @@ globalThis.onmessage = async (e: MessageEvent<WorkerMessage>) => {
         globalThis.postMessage({
           type: 'error',
           data: null,
-          message: i18n.global.t('error.excelFileError'),
+          message: 'not right template',
         })
         return
       }

src/views/Config/Person/PersonAll/useViewModel.ts

@@ -75,6 +75,14 @@ export function useViewModel({ exportInputFileRef }: { exportInputFileRef: Ref<H
           clearFileInput()
         }
         if (e.data.type === 'error') {
+          if (e.data.message === 'not right template') {
+            toast.open({
+              message: t('error.excelFileError'),
+              type: 'error',
+              position: 'top-right',
+            })
+            return
+          }
           toast.open({
             message: e.data.message || t('error.importFail'),
             type: 'error',