mirror of
https://github.com/Syngnat/GoNavi.git
synced 2026-06-02 04:29:38 +08:00
af90936fcc
- Redis Key 搜索默认补全包含匹配并支持 ASCII 大小写不敏感 - Redis 标签页增加连接名与 host 摘要，区分同名 db 标签 - 抽取 inputAutoCap、redisSearchPattern、tabDisplay 共享工具并补充回归测试 - 覆盖连接配置、Redis 搜索、表设计、表概览和数据表筛选输入的自动纠正问题 - 在 macOS 文本输入面板关闭局部毛玻璃，修复输入法切换出现透明框
96 lines
3.0 KiB
TypeScript
96 lines
3.0 KiB
TypeScript
const DEFAULT_OPACITY = 1.0;
|
||
const MIN_OPACITY = 0.1;
|
||
const MAX_OPACITY = 1.0;
|
||
|
||
// 平台透明度映射因子：值越大，滑块变化越平滑（1.0 = 线性映射）
|
||
const MAC_OPACITY_FACTOR = 0.60;
|
||
const MAC_BLUR_FACTOR = 1.00;
|
||
const WINDOWS_OPACITY_FACTOR = 0.70;
|
||
const WINDOWS_BLUR_FACTOR = 1.00;
|
||
|
||
const clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));
|
||
|
||
export interface AppearanceSettingsLike {
|
||
enabled?: boolean;
|
||
opacity?: number;
|
||
blur?: number;
|
||
}
|
||
|
||
export const resolveAppearanceValues = (appearance: AppearanceSettingsLike | undefined): { opacity: number; blur: number } => {
|
||
if (!appearance || appearance.enabled !== false) {
|
||
return {
|
||
opacity: appearance?.opacity ?? DEFAULT_OPACITY,
|
||
blur: appearance?.blur ?? 0,
|
||
};
|
||
}
|
||
return { opacity: DEFAULT_OPACITY, blur: 0 };
|
||
};
|
||
|
||
export const isMacLikePlatform = (): boolean => {
|
||
if (typeof navigator === 'undefined') {
|
||
return false;
|
||
}
|
||
const platform = navigator.platform || '';
|
||
const ua = navigator.userAgent || '';
|
||
return /(Mac|iPhone|iPad|iPod)/i.test(`${platform} ${ua}`);
|
||
};
|
||
|
||
export const isWindowsPlatform = (): boolean => {
|
||
if (typeof navigator === 'undefined') {
|
||
return false;
|
||
}
|
||
const platform = navigator.platform || '';
|
||
const ua = navigator.userAgent || '';
|
||
return /(Win|Windows)/i.test(`${platform} ${ua}`);
|
||
};
|
||
|
||
const getPlatformFactors = () => {
|
||
if (isMacLikePlatform()) {
|
||
return { opacity: MAC_OPACITY_FACTOR, blur: MAC_BLUR_FACTOR };
|
||
}
|
||
if (isWindowsPlatform()) {
|
||
return { opacity: WINDOWS_OPACITY_FACTOR, blur: WINDOWS_BLUR_FACTOR };
|
||
}
|
||
return undefined;
|
||
};
|
||
|
||
export const normalizeOpacityForPlatform = (opacity: number | undefined): number => {
|
||
const raw = clamp(opacity ?? DEFAULT_OPACITY, MIN_OPACITY, MAX_OPACITY);
|
||
// 用户显式拉到 100%% 时，必须保持完全不透明，不能再被平台映射压低。
|
||
if (raw >= MAX_OPACITY - 1e-6) {
|
||
return MAX_OPACITY;
|
||
}
|
||
const factors = getPlatformFactors();
|
||
if (!factors) {
|
||
return raw;
|
||
}
|
||
|
||
return clamp(MIN_OPACITY + (raw - MIN_OPACITY) * factors.opacity, MIN_OPACITY, MAX_OPACITY);
|
||
};
|
||
|
||
export const normalizeBlurForPlatform = (blur: number | undefined): number => {
|
||
const raw = Math.max(0, blur ?? 0);
|
||
const factors = getPlatformFactors();
|
||
if (!factors) {
|
||
return raw;
|
||
}
|
||
return Math.round(raw * factors.blur);
|
||
};
|
||
|
||
export const blurToFilter = (blur: number): string | undefined => {
|
||
return blur > 0 ? `blur(${blur}px)` : undefined;
|
||
};
|
||
|
||
// macOS WebView 下，文本输入区域祖先节点的 backdrop-filter 会和输入法候选/切换浮层叠加，
|
||
// 造成额外的透明框。这里允许交互面板按平台降级为非模糊背景。
|
||
export const resolveTextInputSafeBackdropFilter = (
|
||
backdropFilter: string | undefined,
|
||
disableForMacLike: boolean = isMacLikePlatform(),
|
||
): string => {
|
||
const normalized = String(backdropFilter || '').trim();
|
||
if (!normalized || normalized === 'none') {
|
||
return 'none';
|
||
}
|
||
return disableForMacLike ? 'none' : normalized;
|
||
};
|