npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

rtcpts

v0.0.28

Published

A Vue 3 component library built with Vite and TypeScript, featuring components integrated with Quasar.

Readme

RTCPT - Vue 3 + Quasar 组件库

RTCPT 是一个基于 Vue 3、TypeScript 和 Quasar 构建的现代企业级组件库。

在线文档

分支管理

  1. 创建开发分支: 开发新功能或修复问题时,应基于 dev 分支创建对应的功能分支。分支命名格式为 feat/fix/refactor/docs/perf/chore/ 前缀,后跟具体描述。

  2. 提交代码审查: 完成开发后,通过 Pull Request (PR) 或 Merge Request (MR) 提交至 dev 分支进行代码审查。提交后可保留自建分支,无需删除。

  3. 版本发布流程: 在 dev 分支完成构建后(执行 npm run build-all),需先执行 npm login 进行身份验证,随后执行 npm run patch 发布新版本。

项目特点

  • 基于 Quasar 的现代化 UI 组件
  • 全面的 TypeScript 类型支持
  • 开箱即用的企业级业务组件
  • 内置国际化支持 (i18n)
  • 权限控制系统
  • 基于 Chart.js 的数据可视化
  • 高度可定制的主题配置

分支命名规范 (Branching Guidelines)

为了保持组件库开发的条理性以及 CI/CD 流程的自动化,本项目采用语义化分支命名规范。

1. 核心分支 (Core Branches)

| 分支名 | 说明 | |:------|:-------------------------------| | dev | 开发分支。日常功能集成的基准分支,所有 PR 默认合并至此。 |


2. 短期协作分支 (Supporting Branches)

所有短期分支应遵循 类别/描述 的格式,使用小写字母并以中划线分隔。

功能开发 (Feature)

用于开发新组件或新特性。

  • 格式: feat/description
  • 示例: git checkout -b feat/button-component

缺陷修复 (Bugfix)

用于修复组件 Bug。

  • 格式: fix/description
  • 示例: git checkout -b fix/select-dropdown-overflow

代码重构 (Refactor)

不影响功能逻辑的代码结构调整。

  • 格式: refactor/description
  • 示例: git checkout -b refactor/use-callback-optimization

文档更新 (Docs)

仅涉及文档、注释、Storybook 示例的修改。

  • 格式: docs/description
  • 示例: git checkout -b docs/add-api-tables

性能优化 (Perf)

专门针对组件渲染性能或包体积的优化。

  • 格式: perf/description
  • 示例: git checkout -b perf/reduce-bundle-size

辅助任务 (Chore)

构建流程、依赖库更新、CI 配置等非业务逻辑修改。

  • 格式: chore/description
  • 示例: git checkout -b chore/upgrade-react-18

3. 工作流建议 (Workflow)

  1. 同步主分支: 开发前确保 develop 分支是最新的。
  2. 创建分支: 从 develop 拉取新分支。
    git checkout -b feat/your-feature-name