lzh
e3f12e4548
视觉与品牌 - public/logo.svg、public/login-illustration.svg、favicon 替换为 logo.svg。 - preferences.ts 新增 logo.source 指向 /logo.svg。 - packages/effects/layouts 导出 LoginIllustration 共享组件（浮动插画，加载失败自动隐藏）。 Auth 布局重构 - layouts/auth.vue 替换默认 AuthPageLayout：主题色渐变背景 + 左侧浮动插画 + 品牌卡片 + 右上 LanguageToggle + 圆角登录卡片；KeepAlive 仅缓存 Login （CodeLogin/QrCodeLogin 需要每次刷新验证码/二维码）。 - 表单样式通过 :deep(.login-form-container) 覆盖输入框、选择框、主按钮， 全部走 --primary 变量，与主题色联动。 登录组件 - views/_core/authentication/login.vue: 关闭默认 codeLogin/qrcodeLogin/ thirdPartyLogin/register/docLink，改为手机 / 二维码 / 企微三按钮（IconifyIcon）； 三方登录前检查租户，缺失时 message.warning + validateField。 - packages/effects/common-ui/authentication/login.vue + types.ts: 新增 showDocLink prop（默认 true），替代原本 HTML 注释掉 DocLink 的做法。 - sso-callback.vue: 等待提示改为 LottieLoading 动画。 Lottie 启动动画 - 新增 loading.html（注入进 index.html）+ public/loading.json + 运行时拷贝的 public/lottie_light.min.js（.gitignore 忽略）。 - 新增 public/lottie-tint.js：共享主题色适配器（LIGHTNESSES / SHADE_MAP / hslToRgb / patchColors / readPrimary），同时被启动白屏脚本与 Vue 组件使用， 消除两份几乎一致的实现。 - 新增 src/components/lottie-loading/LottieLoading.vue：按需加载 lottie-tint.js 并根据 CSS 变量 --primary 重新上色。 - vite.config.mts 新增 copyLottiePlayer 插件：configResolved 时无条件把 node_modules/lottie-web/.../lottie_light.min.js 拷到 public/，避免 mtime 误判。 - package.json 新增 lottie-web ^5.13.0 依赖。 i18n - 新增 otherLoginMethods / contactSupport / weComLogin 三个文案（zh-CN / en-US）。 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
85 lines
2.8 KiB
TypeScript
85 lines
2.8 KiB
TypeScript
import type { Plugin } from 'vite';
|
||
|
||
import { copyFileSync, mkdirSync } from 'node:fs';
|
||
import { createRequire } from 'node:module';
|
||
import { dirname, resolve } from 'node:path';
|
||
import { fileURLToPath } from 'node:url';
|
||
|
||
import { defineConfig } from '@vben/vite-config';
|
||
|
||
/**
|
||
* 启动/构建时把 lottie-web 的 light 播放器从 node_modules 拷到 public/
|
||
* 供 loading.html 以 <script src="/lottie_light.min.js"> 方式加载。
|
||
*
|
||
* 每次 configResolved 都无条件覆盖：文件约 160KB，成本可忽略；
|
||
* 且避免依赖 mtime 比较（pnpm 安装后 node_modules 的 mtime 与上游
|
||
* 发布时间无关，mtime 比较会误判为"已是最新"而不更新）。
|
||
*/
|
||
function copyLottiePlayer(): Plugin {
|
||
const require = createRequire(import.meta.url);
|
||
const src = require.resolve('lottie-web/build/player/lottie_light.min.js');
|
||
const dest = resolve(
|
||
dirname(fileURLToPath(import.meta.url)),
|
||
'public/lottie_light.min.js',
|
||
);
|
||
|
||
return {
|
||
name: 'web-antd:copy-lottie-player',
|
||
configResolved: () => {
|
||
mkdirSync(dirname(dest), { recursive: true });
|
||
copyFileSync(src, dest);
|
||
},
|
||
};
|
||
}
|
||
|
||
export default defineConfig(async () => {
|
||
return {
|
||
application: {},
|
||
vite: {
|
||
plugins: [copyLottiePlayer()],
|
||
server: {
|
||
allowedHosts: true,
|
||
proxy: {
|
||
// ==================== Video 模块统一路由 ====================
|
||
|
||
// video/alarm, video/edge -> 告警服务 :8000（直通）
|
||
'/admin-api/video/alarm': {
|
||
changeOrigin: true,
|
||
target: 'http://127.0.0.1:8000',
|
||
},
|
||
'/admin-api/video/edge': {
|
||
changeOrigin: true,
|
||
target: 'http://127.0.0.1:8000',
|
||
},
|
||
// 告警截图静态文件 -> 告警服务 :8000
|
||
'/uploads': {
|
||
changeOrigin: true,
|
||
target: 'http://127.0.0.1:8000',
|
||
},
|
||
// Edge 本地截图（COS 未配置时回退）-> 告警服务 :8000
|
||
'/captures': {
|
||
changeOrigin: true,
|
||
target: 'http://127.0.0.1:8000',
|
||
},
|
||
// COS 存储相关接口 -> 告警服务 :8000
|
||
'/admin-api/video/storage': {
|
||
changeOrigin: true,
|
||
target: 'http://127.0.0.1:8000',
|
||
},
|
||
|
||
// ==================== 芋道主平台 ====================
|
||
// 所有 system/*、infra/*、video/device/* 等业务接口 -> 芋道网关 48080
|
||
// video 微服务已挂到 gateway，不再直连 WVP :18080
|
||
'/admin-api': {
|
||
changeOrigin: true,
|
||
rewrite: (path) => path.replace(/^\/admin-api/, ''),
|
||
// mock代理目标地址
|
||
target: 'http://localhost:48080/admin-api',
|
||
ws: true,
|
||
},
|
||
},
|
||
},
|
||
},
|
||
};
|
||
});
|