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

@xsyx/hanzo-element

v0.2.2-beta.3

Published

基于element ui 二次开发常用组件库

Downloads

3

Readme

hanzo-element

开发工具安装

npm install @xsyx/hanzo-cli -g

hanzo -v| --version       // 查看当前版本
      format|f            // 格式化组件导出文件,统一添加 install 全局方法
      init|i [name]       // 初始化组件,会自动执行 hanzo f,可指定组件名,默认为 button
      run [name]          // 运行组件,提供调试,可指定组件名,或运行所有组件
      install [options]   // 安装依赖,代理 npm 安装,保持组件项目纯净
      build|b             // 依据配置文件的配置来打包组件

新增依赖方式(重要注意点)

 hanzo install [options]   // 安装依赖,代理 npm 安装,保持组件项目纯净

介绍

基于element ui 二次开发

组件开发规范

  • 组件命名:
    • 目录结构:组件名称/src/index.vue , index.vue 指定组件名称
    • 组件名称:中划线命名分割,前缀he
    • 演示文件:demo.vue
    • 唯一入口: index.js
  • 如果包含父子组件,需要更改目录结构,参考he-table
  • 组件内如果依赖了其他组件,需要在当前组件内引入,参考 element ui Select 组件

开发进度

  • [ ] 可编辑表格
  • [ ] preview-dialog 图片视频预览弹窗
  • [ ] upload 单个/批量上传
  • [ ] table-virtual 表格列表虚拟渲染(支持一次渲染上万数据)
  • [ ] router-tab tab标签支持iframe
  • [ ] dynamic-table 动态表格
  • [ ] city-select 省市区联动
  • [ ] dynamic-from 动态表单
  • [ ] qq-map 地图
  • [ ] import-dialog 导入弹窗
  • [ ] export-dialog 导出弹窗
  • [ ] table-control、table-filter、table-layout、table-pagination 页面布局:常规表格布局类型
  • [ ] 文档地址

已完成开发

  • [x] iconfont 图标
  • [x] iframe
  • [x] page 基础页面

更新注意点