feat: AI verification code recognition settings

mail-vue/src/i18n/en.js

@@ -148,6 +148,9 @@ const en = {
     sendEmail: 'Send Email',
     resendToken: 'Resend Token',
     blackList: 'Blocklist',
+    codeRecognition: 'Verification Code Recognition',
+    codeRecognitionRules: 'Recognition Rules',
+    codeRecognitionRulesDesc: 'Only recognize emails containing the following info. Empty means all.',
     oss: 'Object Storage',
     osDomain: 'Domain',
     ossDomainDesc: 'Leave empty if using KV storage.',
@@ -315,6 +318,7 @@ const en = {
     blackSubjectDesc: 'Subject',
     blackContentDesc: 'Content',
     blackFromDesc: 'Sender or domain',
+    senderRules: 'Sender address or domain',
     blackListDesc: 'Reject emails containing the following information',
     setSuccess: 'Settings saved successfully',
     details: 'Details',

mail-vue/src/i18n/zh.js

@@ -148,6 +148,9 @@ const zh = {
     sendEmail: '邮件发送',
     resendToken: 'Resend Token',
     blackList: '邮件黑名单',
+    codeRecognition: '识别验证码',
+    codeRecognitionRules: '识别规则',
+    codeRecognitionRulesDesc: '只识别包含以下信息的邮件，为空识别全部',
     oss: '对象存储',
     osDomain: '访问域名',
     ossDomainDesc: '如果是KV存储不要填',
@@ -315,6 +318,7 @@ const zh = {
     blackSubjectDesc: '邮件标题',
     blackContentDesc: '邮件内容',
     blackFromDesc: '发件人邮箱或域名',
+    senderRules: '发件人邮箱或域名',
     blackListDesc: '拒收包含以下信息的邮件',
     setSuccess: '设置成功',
     details: '详情',

mail-vue/src/views/sys-setting/index.vue

@@ -361,6 +361,27 @@
             </div>
           </div>
 
+          <div class="settings-card">
+            <div class="card-title">Workers AI</div>
+            <div class="card-content">
+              <div class="setting-item">
+                <div><span>{{ $t('codeRecognition') }}</span></div>
+                <div>
+                  <el-switch @change="change" :before-change="beforeChange" :active-value="0" :inactive-value="1"
+                             v-model="setting.aiCode"/>
+                </div>
+              </div>
+              <div class="setting-item">
+                <div><span>{{ $t('codeRecognitionRules') }}</span></div>
+                <div class="forward">
+                  <el-button class="opt-button" size="small" type="primary" @click="openAiCodeFilter">
+                    <Icon icon="fluent:settings-48-regular" width="18" height="18"/>
+                  </el-button>
+                </div>
+              </div>
+            </div>
+          </div>
+
           <div class="settings-card about">
             <div class="card-title">{{ $t('about') }}</div>
             <div class="card-content">
@@ -759,6 +780,22 @@
         </el-form>
         <el-button type="primary" style="width: 100%;" :loading="settingLoading" @click="saveBlackList">{{ $t('save') }}</el-button>
       </el-dialog>
+      <el-dialog v-model="aiCodeFilterShow" class="forward-dialog" @closed="resetAiCodeFilter">
+        <template #header>
+          <div class="forward-head">
+            <span class="forward-set-title">{{ $t('codeRecognitionRules') }}</span>
+            <el-tooltip effect="dark" :content="$t('codeRecognitionRulesDesc')">
+              <Icon class="warning" icon="fe:warning" width="18" height="18"/>
+            </el-tooltip>
+          </div>
+        </template>
+        <el-form>
+          <el-form-item :label="t('senderRules')" label-position="top">
+            <el-input-tag v-model="aiCodeFilter" @add-tag="aiCodeFilterAddTag"/>
+          </el-form-item>
+        </el-form>
+        <el-button type="primary" style="width: 100%;" :loading="settingLoading" @click="saveAiCodeFilter">{{ $t('save') }}</el-button>
+      </el-dialog>
     </el-scrollbar>
   </div>
 </template>
@@ -797,6 +834,7 @@ const userStore = useUserStore();
 const editTitleShow = ref(false)
 const resendTokenFormShow = ref(false)
 const blackFormShow = ref(false)
+const aiCodeFilterShow = ref(false)
 const r2DomainShow = ref(false)
 const turnstileShow = ref(false)
 const tgSettingShow = ref(false)
@@ -864,6 +902,7 @@ const blackListForm = ref({
   blackContent: [],
   blackFrom: []
 })
+const aiCodeFilter = ref([])
 
 const authRefreshOptions = computed(() => [
   {label: t('disable'), value: 0},
@@ -913,6 +952,7 @@ function getSettings() {
     resetAddS3Form()
     resetEmailPrefix()
     resetBlackList()
+    resetAiCodeFilter()
   })
 }
 
@@ -1192,6 +1232,11 @@ function resetBlackList() {
   blackListForm.value.blackContent = setting.value.blackContent ? setting.value.blackContent.split(',') : []
   blackListForm.value.blackSubject = setting.value.blackSubject ? setting.value.blackSubject.split(',') : []
 }
+
+function resetAiCodeFilter() {
+  aiCodeFilter.value = setting.value.aiCodeFilter ? setting.value.aiCodeFilter.split(',') : []
+}
+
 function saveEmailPrefix() {
   const form = {}
   form.minEmailPrefix = minEmailPrefix.value
@@ -1199,6 +1244,10 @@ function saveEmailPrefix() {
   editSetting(form, true)
 }
 
+function saveAiCodeFilter() {
+  editSetting({aiCodeFilter: aiCodeFilter.value + ''})
+}
+
 const opacityChange = debounce(doOpacityChange, 1000, {
   leading: false,
   trailing: true
@@ -1241,6 +1290,20 @@ function banEmailAddTag(val) {
   })
 }
 
+function aiCodeFilterAddTag(val) {
+  const emails = Array.from(new Set(
+      val.split(/[,，]/).map(item => item.trim()).filter(item => item)
+  ));
+
+  aiCodeFilter.value.splice(aiCodeFilter.value.length - 1, 1)
+
+  emails.forEach(email => {
+    if ((isEmail(email) || isDomain(email)) && !aiCodeFilter.value.includes(email)) {
+      aiCodeFilter.value.push(email)
+    }
+  })
+}
+
 
 function delBackground() {
   ElMessageBox.confirm(t('delBackgroundConfirm'), {
@@ -1331,6 +1394,10 @@ function openBlackListForm() {
   blackFormShow.value = true
 }
 
+function openAiCodeFilter() {
+  aiCodeFilterShow.value = true
+}
+
 function saveResendToken() {
   const settingForm = {
     resendTokens: {}
@@ -1408,6 +1475,7 @@ function editSetting(settingForm, refreshStatus = true) {
     noticePopupShow.value = false
     addS3Show.value = false
     emailPrefixShow.value = false
+    aiCodeFilterShow.value = false
   }).catch((e) => {
     loginOpacity.value = setting.value.loginOpacity
     setting.value = {...setting.value, ...JSON.parse(backup)}