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 🙏

© 2024 – Pkg Stats / Ryan Hefner

haotai-ui

v0.0.29

Published

Page level components developed based on Element Plus.

Downloads

1,833

Readme

haotai-ui

页面级别的前端组件

文档

文档| 国内镜像文档

简介

haotai-ui 是一个基于 Vue 和 element-plus 的页面级别的组件库,它具有以下优点:

  • 功能强大:haotai-ui 的组件不仅提供了基本的 UI 展示功能,还具备了复杂的数据操作和业务逻辑处理能力,能够快速构建出功能强大的企业应用。

  • 易于使用:haotai-ui 提供了简单易用的 API 和完善的文档,使得开发者能够快速上手并使用其中的组件。

  • 高度可定制:haotai-ui 的组件支持多种配置和样式自定义,能够满足不同项目的需求。

  • 兼容 element-plus:haotai-ui 100%兼容和 element-plus 同名的组件,包括属性,事件,方法,插槽等。

  • 丰富的组件库:haotai-ui 基于 element-plus 提供了大量的 UI 组件,包括表格、表单、布局等,能够满足大多数企业应用的需求。

  • 使用 TypeScript:haotai-ui 全量使用 TypeScript 编写,和你的 TypeScript 项目无缝衔接。

  • 国际化: haotai-ui 提供完备的国际化,与 element-plus 体系打通,无需多余配置。

  • 预设: haotai-ui 预设基本的样式,与 element-plus 样式一脉相承。 haotai-ui 预设基本的行为,更少的代码具备更多的功能。

高级组件列表

  • [x] Table 表格 -- 完成
  • [x] Search 搜索 -- 完成
  • [x] Page 页面 -- 完成
  • [x] Form 表单 -- 完成
  • [x] DialogForm 弹窗表单 -- 完成
  • [x] DrawerForm 抽屉表单 -- 完成
  • [x] Descriptions 详情 -- 完成
  • [x] Layout 布局 -- 完成

内置组件列表

  • [x] Dialog 弹窗 -- 完成
  • [x] Pagination 分页 -- 完成
  • [x] Radio 单选 -- 完成
  • [x] DatePicker 日期 -- 完成
  • [x] InputTag 输入标签 -- 完成
  • [x] DisplayItem 单项显示 -- 完成
  • [x] FormItem 表单单项 -- 完成
  • [x] Sidebar 侧边菜单 -- 完成
  • [x] Breadcrumb 面包屑 -- 完成
  • [x] Header 页头 -- 完成

缺点

plus-pro-components 是一个基于 Vue 和 element-plus 的组件库,它提供了很多常用的 UI 组件和业务组件,可以方便地帮助开发者快速搭建前端页面。虽然 plus-pro-components 具有很多优点,但是也有以下一些缺点:

  • 学习成本较高:plus-pro-components 的组件库比较复杂,学习所有组件可能需要花费较长时间。因此,对于新手开发者来说,学习成本可能会比较高。

  • 高度可定制有限:plus-pro-components 的组件支持高度可定制,但是任然不可能保证组件 100%完全自定义,定制需求非常高的项目谨慎使用。

🖥 浏览器兼容性

  • 现代浏览器

| edge | Edge | chrome | safari | | ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | | Edge | last 2 versions | last 2 versions | last 2 versions |