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 🙏

© 2025 – Pkg Stats / Ryan Hefner

ikas-ui

v0.1.11

Published

ikas-ui

Readme

权限控制

页面权限

对应 views/main 页面 与 components/Menu 组件 项目内的路由与菜单展示均是通过/commonApi/system/page/tree 接口获取到的数据渲染

按钮权限

对应 components/AuthBtn 组件,文件内有注释说明

状态维护

为了减少搜索成本与理解难度,每个state的名称与对应的mution、action名称一样

普通状态维护

在 store/index.js 文件中的 list 数组中添加即可,本文件没有 action

需保存在 sessionStorage 中的状态维护

在 store/modules/session.js 文件中的 list 数组中添加即可 常见于刷新页面后还需保存的信息如登录信息,或者加快页面渲染的信息如菜单信息、参数信息

频繁调用的状态维护

在 store/modules/options.js 文件中的 list 数组中添加即可 常见于各筛选框的下拉选项

路由管理

无需配置路由,由/commonApi/system/page/tree 返回数据渲染路由 无权限路由在 router/index.js 文件中的 noAuthViews 数组维护

字体图标

可发送 iconfont 用户名给张飞阳开通权限

请求

http/axiosCreater.js 文件返回 axios 实例生成方法 http/axios.js 文件为普通 axios 实例,发送请求可 import 此文件的实例 因为关于请求所有的配置均可在 http/axiosCreater.js 与 http/axios.js 中配置,故不用单独文件维护 api,有利于项目的可阅读性

样式

styles/variable.scss 全局样式变量,包括覆盖 elementui 的样式变量 styles/element-reset.scss 覆盖 elementui 的样式在此维护 styles/index.scss 全局样式在此维护

utils

utils/exe.js 此文件存放自执行的代码,如时间对象的扩展格式化方法等 utils/index.js 此文件存放需引入后调用的方法

页面管理

1、页面路由与文件路径严格对应(无需设置什么,系统已自动完成),方便定位 2、常规筛选框与表格加弹窗的页面可以使用 components/Page 组件快速完成开发