URL工具函数
Cosy UI 提供了一系列与 URL 相关的工具函数,帮助你轻松检测 URL 的类型和特性。
导入工具函数
import { isGitHubRepo, isGitLabRepo } from '@coffic/cosy-ui';
基础用法
判断 URL 是否为代码仓库链接:
// 判断是否为 GitHub 仓库链接
const isGitHub = isGitHubRepo('https://github.com/user/repo');
console.log(isGitHub); // true
// 判断是否为 GitLab 仓库链接
const isGitLab = isGitLabRepo('https://gitlab.com/user/repo');
console.log(isGitLab); // true
实际应用场景
这些函数可以在多种场景中使用:
- 根据链接类型显示不同的图标
- 为代码仓库链接添加特殊样式或行为
- 在表单验证中识别特定类型的 URL
// 根据链接类型显示不同的图标
function getRepoIcon(url: string) {
if (isGitHubRepo(url)) {
return 'github-icon';
} else if (isGitLabRepo(url)) {
return 'gitlab-icon';
}
return 'default-icon';
}