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

metadatacom

v2.4.3

Published

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:-----------|:---------|:----------| | formList | 搜索表单项 | 必填 |FormListItem | | formStyle | 表单样式 | 选填 |FormStyleItem| | foldedNumber| 表单折叠项数| 选填 |Number | | onSearch |

Downloads

59

Readme

元数据组件

表单搜索组件

FormConfig

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:-----------|:---------|:----------| | formList | 搜索表单项 | 必填 |FormListItem | | formStyle | 表单样式 | 选填 |FormStyleItem| | foldedNumber| 表单折叠项数| 选填 |Number | | onSearch | 搜索方法 | 必填 |Function |

FormListItem

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:----------------:|:-----------|:----------| | label | 名称 | 必填 |string | | name | 唯一值相当于prop | 必填 |string| | defaultVal | 默认值 | 选填 |string/number/Array | | optionList | 选项值 | 选填 |OptionListItem|

OptionListItem

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:----------------:|:-----------|:-------------------------------------| | label | 名称 | 必填 | string | | value | key值(唯一) | 必填 | string/number | | children | 子选项 | 选填 | {label:string,value:string/number}[] |

FormStyleItem

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:---------:|:---------|:-------------------| | labelWidth | label宽度 |选填 | number | | labelPostion| label位置 |选填 |'right'/'left'/'top'|

列表组件

TableConfig

| 参数名 | 参数含义 |是否必填| 参数格式 | |:------------------|:----------:|:-------|:-----------------------------------| | tableList | 列表数据 | 必填 |Array | | columnConfig | 列配置 | 必填 |ColumnType | | batchOperationList| 批量操作list| 选填 |BatchOperationItem | | opetate | 列表内操作插槽 | 选填 |HTMLElement | | batchOperate | 批量操作插槽 | 选填 |HTMLElement |

ColumnType

| 参数名 | 参数含义 |是否必填| 参数格式 | |:-------------|:-------------:|:-------|:-----------------------------------------------| | columns | 列表数据 |必填 | ColumnItemType[]| | operateWidth | 列表操作栏宽度 |选填 | number | | operationList| 列表操作数组 |选填 | OpetationListItem[] |

ColumnItemType

| 参数名 | 参数含义 |是否必填| 参数格式 | |:-------------|:-------------:|:-------|:-----------------------------------------------| | title | 列名 |必填 | string| | dataIndex | 与表格数据key值对应 |必填 | string | | showIndex| 若dataIndex对应数据为对象可用该属性配置显示数据 |选填 | string | | width| 列表宽度 |选填 | number |

OpetationListItem

| 参数名 | 参数含义 |是否必填 | 参数格式 | |:-------|:------------:|:-------|:-----------------------------------------------------------------------------------------| | key | 唯一标志 |必填 | string | | comp | 组件名称 |选填 | string('ChangeCompare:版本对比'或'ApprovalView:审批记录'或'DataLog:数据日志'或'DataDel:删除') | | fun | 操作方法 |必填 | Function | | label | 操作名 |必填 | string | | columns| 弹框显示表格列 |选填 | ColumnItemType[] |

BatchOperationItem

| 参数名 | 参数含义 |是否必填| 参数格式 | |:---------------|:-----------------:|:-------|:------------------------------------------------------------------------------------------| | key | 唯一标志 |必填 | string | | comp | 组件名称 |选填 | string('ChangeCompare:版本对比'或'ApprovalView:审批记录'或'DataLog:数据日志'或'DataDel:删除') | | label | 按钮名称 |必填 | string | | type | 按钮类型 |必填 | button/menu | | typeList | menu型按钮下拉选项 |选填 | {label:string,val:string或number}[] | | disabledStatus | 禁止操作状态 |选填 | {key:string,list:string或number[]} | | fun | 操作方法 |必填 | Function |

搜索列表组件(搜索+列表)

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:-----------|:---------|:----------| | formConfig | 表单参数 | 必填 |FormConfig | | tableConfig | 列表参数 | 必填 |TableConfig| | opetate | 列表内操作插槽 | 选填 |HTMLElement| | batchOperate| 批量操作插槽 | 选填 |HTMLElement|

详情

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:-----------|:---------|:-----------------------| | contentList | 表单内容数组| 必填 |DetailFormItem | | formStyle | 表单样式 | 选填 |FormStyleItem | | btnList | 操作按钮 | 选填 |BtnListItem | | uuid | 详情id | 选填 |string/number | | detailInfo | 详情信息 | 选填 | object | | locationParams | 路由参数 | 选填 | object | | tabsList | form表单下方Tab参数 | 选填 | DetailTabItem |

详情页面btnList中key值:保存(save),提交(submit),撤回(recall),返回(back)

DetailFormItem

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:-----------|:---------|:----------| | title | 模块名称 | 必填 |string | | key | 模块唯一标识 | 必填 |string| | formList | 表单项 | 必填 |DetailFormListItem[] |

DetailFormListItem

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:----------|:----------------|:-------------|:----------| | label | 表单名称 | 必填 |string | | type | 表单类型 | 必填 |string| | rule | 校验规则 | 选填 |{required: boolean, message: string, trigger: 'blur'/'change'} | | span | 同el-col属性 | 选填(默认12)|number| | defaultVal| 默认值 | 选填 |number/string/Array| | optionList |选择类型组件选择项| 选填 |OptionListItem[]|

BtnListItem

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:-----------|:---------|:----------| | label | 按钮名称 | 必填 |string | | key | 按钮唯一标识 | 必填 |string| | fun | 按钮方法 | 必填 |Function | | disabledStatus | 禁止操作状态 | 选填 |Array<string/numnber>| | disabledOp | 禁止操作类型 | 选填 |Array<string/numnber>|

DetailTabItem

| 参数名 | 参数含义 | 是否必填 |参数格式 | |:------------|:-----------|:---------|:----------| | title | tab名称 | 必填 |string | | key | 按钮唯一标识 | 必填 |string| | columns | tab下表格列 | 选填 |ColumnItemType[] | | btnList | tab下方法 | 选填 |{key:string,fun?:Function/Function[]}[]|