🔖 chore: profile page displays icons based on whether third-party login is enabled. (#227)

* feat(系统设置&登录): 修改飞书登录是否启用判断逻辑和设置选项

1. 系统增加是否开启飞书登录选项
2. 登录使用通过系统设置判断是否启用飞书

* perf(用户中心): 优化用户中心绑定的第三方登录是否绑定判断和展示方式

优化用户中心绑定的第三方登录是否绑定判断和展示方式：
- 系统启动了指定登录方式并且用户已经绑定该方式则icon高亮，没绑定则默认颜色显示；
- 系统没有启动指定的登录方式则不显示指定登录方式icon

web/src/config.js

@@ -22,7 +22,10 @@ const config = {
     turnstile_site_key: '',
     version: '',
     wechat_login: false,
-    wechat_qrcode: ''
+    wechat_qrcode: '',
+    lark_login: false,
+    lark_client_id: '',
+    telegram_bot: ''
   }
 };
 

web/src/views/Authentication/AuthForms/AuthLogin.js

@@ -118,7 +118,7 @@ const LoginForm = ({ ...others }) => {
               <WechatModal open={openWechat} handleClose={handleWechatClose} wechatLogin={wechatLogin} qrCode={siteInfo.wechat_qrcode} />
             </Grid>
           )}
-          {siteInfo.lark_client_id && (
+          {siteInfo.lark_login && (
             <Grid item xs={12}>
               <AnimateButton>
                 <Button

web/src/views/Profile/index.js

@@ -144,21 +144,29 @@ export default function Profile() {
               spacing={2}
               sx={{ paddingBottom: '20px' }}
             >
-              <Label variant="ghost" color={inputs.wechat_id ? 'primary' : 'default'}>
-                <IconBrandWechat /> {inputs.wechat_id || '未绑定'}
-              </Label>
-              <Label variant="ghost" color={inputs.github_id ? 'primary' : 'default'}>
-                <IconBrandGithub /> {inputs.github_id || '未绑定'}
-              </Label>
+              {status.wechat_login && (
+                <Label variant="ghost" color={inputs.wechat_id ? 'primary' : 'default'}>
+                  <IconBrandWechat /> {inputs.wechat_id || '未绑定'}
+                </Label>
+              )}
+              {status.github_oauth && (
+                <Label variant="ghost" color={inputs.github_id ? 'primary' : 'default'}>
+                  <IconBrandGithub /> {inputs.github_id || '未绑定'}
+                </Label>
+              )}
               <Label variant="ghost" color={inputs.email ? 'primary' : 'default'}>
                 <IconMail /> {inputs.email || '未绑定'}
               </Label>
-              <Label variant="ghost" color={inputs.telegram_id ? 'primary' : 'default'}>
-                <IconBrandTelegram /> {inputs.telegram_id || '未绑定'}
-              </Label>
-              <Label variant="ghost" color={inputs.lark_id ? 'primary' : 'default'}>
-                <SvgIcon component={Lark} inheritViewBox="0 0 24 24" /> {inputs.lark_id || '未绑定'}
-              </Label>
+              {status.telegram_bot && (
+                <Label variant="ghost" color={inputs.telegram_id ? 'primary' : 'default'}>
+                  <IconBrandTelegram /> {inputs.telegram_id || '未绑定'}
+                </Label>
+              )}
+              {status.lark_login && (
+                <Label variant="ghost" color={inputs.lark_id ? 'primary' : 'default'}>
+                  <SvgIcon component={Lark} inheritViewBox="0 0 24 24" /> {inputs.lark_id || '未绑定'}
+                </Label>
+              )}
             </Stack>
             <SubCard title="个人信息">
               <Grid container spacing={2}>

web/src/views/Setting/component/SystemSetting.js

@@ -32,6 +32,7 @@ const SystemSetting = () => {
     GitHubOAuthEnabled: '',
     GitHubClientId: '',
     GitHubClientSecret: '',
+    LarkAuthEnabled: '',
     LarkClientId: '',
     LarkClientSecret: '',
     Notice: '',
@@ -95,6 +96,7 @@ const SystemSetting = () => {
       case 'EmailVerificationEnabled':
       case 'GitHubOAuthEnabled':
       case 'WeChatAuthEnabled':
+      case 'LarkAuthEnabled':
       case 'TurnstileCheckEnabled':
       case 'EmailDomainRestrictionEnabled':
       case 'RegisterEnabled':
@@ -298,6 +300,12 @@ const SystemSetting = () => {
                 control={<Checkbox checked={inputs.WeChatAuthEnabled === 'true'} onChange={handleInputChange} name="WeChatAuthEnabled" />}
               />
             </Grid>
+            <Grid xs={12} md={3}>
+              <FormControlLabel
+                label="允许通过飞书登录 & 注册"
+                control={<Checkbox checked={inputs.LarkAuthEnabled === 'true'} onChange={handleInputChange} name="LarkAuthEnabled" />}
+              />
+            </Grid>
             <Grid xs={12} md={3}>
               <FormControlLabel
                 label="允许新用户注册（此项为否时，新用户将无法以任何方式进行注册）"