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

cmal-front-components

v1.0.7

Published

CMAL赛美数智前端团队通用组件库

Readme

cmal-front-components

CMAL前端通用组件库

Getting started

创建说明

  • [ ] 仓库地址
  • [ ] 初始化npm包,通过npm init
  • [ ] 配置package.json和tsconfig.json文件
  • [ ] 编译TypeScript代码,运行命令npm run build
  • [ ] 登录npm,运行命令npm login
  • [ ] 发布到npm, 运行命令npm publish
  • [ ] 维护和更新, 更新版本号(使用npm version patch)和重新发布(npm publish

使用说明

1.yarn cmal-front-components @(可带版本号) 或者 cnpm(npm) install cmal-front-components 2. 在代码里或者main.ts/js 中引入组件,import { xxx, xxx } from 'cmal-front-components';

1. CopyRight

版权标签(用于项目首页下方的版权说明和备案号)

2. DatePicker

选择日期 (多用于各种区间或者单独使用选择日期组件,二次封装element日期组件)

3. cmalDialog

弹出框提示组件 (多用于各种弹出框,二次封装element弹窗组件)

4. Layout

布局组件 (首页布局组件,左边栏,上导航栏)

|-- 3.1 Navbar ***导航栏***
|-- 3.2 Sidebar ***左边栏***

5.Pagination

分页组件 (用于列表分页)

6.Table

列表组件 (用于各种通用列表)

7.Print

打印组件 (用于网页打印)

8.cmalDrawer

抽屉组件 (抽屉效果 - 二次封装element抽屉组件)

9.cmalSysSet

更换主题和语言组件(切换主题和多语言选择)

10.HeaderSearch

通用筛选条件组件(多配合于table组件)

11.ChooseIcon

图标icon选择器组件(用于创建菜单选择图标功能)