a4736a49f8
* chore: update deps * feat: use jsonc/x language * chore: update eslint 10.0 * fix: no-useless-assignment * feat: add CLAUDE.md * chore: ignore * feat: claude * fix: lint * chore: suppot eslint v10 * fix: lint * fix: lint * fix: type check * fix: unit test * fix: Suggested fix * fix: unit test * chore: update stylelint v17 * chore: update all major deps * fix: echarts console warn * chore: update vitest v4 * feat: add skills ignores * chore: update deps * chore: update deps * fix: cspell * chore: update deps * chore: update tailwindcss v4 * chore: remove postcss config * fix: no use catalog * chore: tailwind v4 config * fix: tailwindcss v4 sort * feat: use eslint-plugin-better-tailwindcss * fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier * fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier * fix(lint): resolve prettier and better-tailwindcss formatting conflicts * fix(tailwind): update theme references and lint sources * style(format): normalize apps docs and playground vue files * style(format): normalize core ui-kit components * style(format): normalize effects ui and layout components
72 lines
1.8 KiB
Vue
72 lines
1.8 KiB
Vue
<script setup lang="ts">
|
|
import { useAppConfig } from '@vben/hooks';
|
|
import {
|
|
SvgGithubIcon,
|
|
SvgGoogleIcon,
|
|
SvgQQChatIcon,
|
|
SvgWeChatIcon,
|
|
} from '@vben/icons';
|
|
import { $t } from '@vben/locales';
|
|
|
|
import { VbenIconButton } from '@vben-core/shadcn-ui';
|
|
|
|
import DingdingLogin from './dingding-login.vue';
|
|
|
|
defineOptions({
|
|
name: 'ThirdPartyLogin',
|
|
});
|
|
|
|
const {
|
|
auth: { dingding: dingdingAuthConfig },
|
|
} = useAppConfig(import.meta.env, import.meta.env.PROD);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="w-full sm:mx-auto md:max-w-md">
|
|
<div class="mt-4 flex items-center justify-between">
|
|
<span class="w-[35%] border-b border-input dark:border-gray-600"></span>
|
|
<span class="text-center text-xs text-muted-foreground uppercase">
|
|
{{ $t('authentication.thirdPartyLogin') }}
|
|
</span>
|
|
<span class="w-[35%] border-b border-input dark:border-gray-600"></span>
|
|
</div>
|
|
|
|
<div class="mt-4 flex flex-wrap justify-center">
|
|
<VbenIconButton
|
|
:tooltip="$t('authentication.wechatLogin')"
|
|
tooltip-side="top"
|
|
class="mb-3"
|
|
>
|
|
<SvgWeChatIcon />
|
|
</VbenIconButton>
|
|
<VbenIconButton
|
|
:tooltip="$t('authentication.qqLogin')"
|
|
tooltip-side="top"
|
|
class="mb-3"
|
|
>
|
|
<SvgQQChatIcon />
|
|
</VbenIconButton>
|
|
<VbenIconButton
|
|
:tooltip="$t('authentication.githubLogin')"
|
|
tooltip-side="top"
|
|
class="mb-3"
|
|
>
|
|
<SvgGithubIcon />
|
|
</VbenIconButton>
|
|
<VbenIconButton
|
|
:tooltip="$t('authentication.googleLogin')"
|
|
tooltip-side="top"
|
|
class="mb-3"
|
|
>
|
|
<SvgGoogleIcon />
|
|
</VbenIconButton>
|
|
<DingdingLogin
|
|
v-if="dingdingAuthConfig"
|
|
:corp-id="dingdingAuthConfig.corpId"
|
|
:client-id="dingdingAuthConfig.clientId"
|
|
class="mb-3"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|