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

@gaochuang0427/elpis

v1.0.0

Published

``` javascript const dashboardModel = { mode: 'dashboard',//模版类型,不同模版类型队友不一样的模版数据结构 name: '',//名称 desc: '',//描述 icon: '',//icon homePage: '',//首页(项目配置) //头部菜单 menu: [{ key: '', //菜单唯一描述 name: '', //菜单名

Readme

#elpis #1111

model 配置

const dashboardModel = {
    mode: 'dashboard',//模版类型,不同模版类型队友不一样的模版数据结构
    name: '',//名称
    desc: '',//描述
    icon: '',//icon
    homePage: '',//首页(项目配置)
    //头部菜单
    menu: [{
        key: '', //菜单唯一描述
        name: '', //菜单名称
        menuType: '', //枚举值, group/module
        // 当menuType为group时,可填
        submenu: [{}], //[{},...]
        // 当menuType为module时,可填
        moduleType: '',//枚举值 sider/ iframe/custom/schema
        // 当moduleType为sider时
        siderConfig: {
            menu: [{
                // 可递归menuItem(除moduleType:sider)
            }]
        },
        // 当moduleType为iframe时
        iframeConfig: {
            path: '',
        },
        // 当moduleType为custom时
        customConfig: {},
        // 当moduleType为schema时
        schemaConfig: {
            api: '',//数据源api(遵循RESTFUL规范)
            shcema: {
                type: 'object',
                properties: {
                    key: {
                        ...schema,
                        type: '',//字段类型
                        label: '',//字段的中文名
                        // 字段再table中的相关配置
                        tableOption: {
                            ...elTableColumnConfig, //标准 el-table-column配置
                            toFixed: 0,//小数点后保留几位
                            visible: true,//默认为true(false时,表示不在表单中显示)
                        },//table相关配置
                        // 字段在search-bar中的相关配置
                        searchOption: {
                            ...eleComponentConfig,//标准 el-component-column配置
                            comType: '',//配置组件类型 /input/select/...
                            default: '',//默认值
                            // comType === 'select'时
                            enumList: [],//下拉框选项
                            // comType === 'dynamicSelect'时
                            api: ''
                        },
                        // 字段在不同动态component中的相关配置,前缀对应componentConfig中的键值
                        // 如componentConfig.createForm,这里对应creteFromOption
                        // 字段在createForm中的相关配置
                        createFormOption: {
                            ...eleComponentConfig,//标准 el-component 配置
                            comType: '',
                            visible: true,//是否展示 默认为true
                            disabled: false,//是否禁用 默认为false
                            default: '',//默认值

                            // comType === 'select'时
                            enumList: [],//下拉框选项
                        },
                        // 字段在editform  表单的相关配置项
                        editFormOption: {
                            ...eleComponentConfig,//标准 el-component 配置
                            comType: '',
                            visible: true,//是否展示 默认为true
                            disabled: false,//是否禁用 默认为false
                            default: '',//默认值

                            // comType === 'select'时
                            enumList: [],//枚举列表
                        },
                        detailPanelOption: {
                            ...eleComponentConfig,//标准 el-component 配置
                        }
                    },
                    // ...
                },
                required: [],//必填字段
            },
            //table相关配置
            tableConfig: {
                headerButtons: [{
                    label: '',//按钮名称
                    eventKey: '',//按钮事件名
                    //按钮事件具体配置
                    eventOption: {
                        // 当eventKey ==='showComponent'
                        comName: '' //组件名称
                    },
                    ...elButtomConfig//标准el-button配置
                }],
                rowButtons: [{
                    label: '',//按钮名称
                    eventKey: '',//按钮事件名
                    eventOption: {
                        // 当eventKey === 'remove'
                        params: {
                            // 当paramKey ===参数的键值
                            // rowValueKey 参数值,(当格式为schema::tableKey的时候,到table中找到相应的字段)
                            paramKey: rowValueKey
                        }
                    },//按钮事件具体配置
                    ...elButtomConfig//标准el-button配置
                }],
            },//table相关配置
            searchConfig: {},//search-bar的相关配置
            // 动态组件相关配置
            componentConfig: {
                // create-form 表单相关配置
                createForm: {
                    title: '',//表单标题
                    saveBtnText: ''///保存按钮文本
                },
                // editForm
                editForm: {
                    title: '',//表单标题
                    saveBtnText: '',//保存按钮文本
                    mainKey: '',//表单主键,用于唯一标识要修改的数据对象
                },
                // detail-panel相关配置
                detailPanel:{
                    title: '',//表单标题
                    mainKey: '',//表单主键,用于唯一标识要修改的数据对象
                }
                //...支持用户动态扩展
            },
        },
    }] //,...]
}

服务端配置

const {serverStart} = require('@gaochuang0427/elpis');

// 启动elpis服务
const app = serverStart({
    name: 'ElpisDemo',
    homePage:'/view/project-list'
});

自定义服务端

  • router-schema
  • router
  • service
  • controller
  • extend
  • config

前端构建

const {frontendBuild} = require('@gaochuang0427/elpis');

// 编译构建前端工程
frontendBuild(process.env.ENV)

自定义页面扩展

  • app/pages/ 目录下写入