logo
导航

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';
}