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

xyx-ui

v1.1.3

Published

```shell npm install xyx-ui -S ```

Downloads

23

Readme

Install

npm install xyx-ui -S

Quick Start

import Vue from 'vue';
import XyxUI from 'xyx-ui';
import 'xyx-ui/lib/theme-chalk/index.css';

Vue.use(XyxUI);

### 全局配置
在引入 XyxUI 时,可以传入一个全局配置对象。
该对象目前支持 originUrl和redirectUrl。
originUrl 用于接口的域名地址。不加该配置 默认取根目录
redirectUrl 用于接口报401或403的跳转地址。不加该配置 不跳转
按照引入 XyxUI 的方式,具体操作如下:

import Vue from 'vue';
import XyxUI from 'xyx-ui';
import 'xyx-ui/lib/theme-chalk/index.css';
Vue.use(XyxUI, { originUrl: '', redirectUrl: '' });



组件的具体使用
xyxOrgTree的使用
1 orgTreeShow入参 类型布尔值 默认:false 作用:是否显示弹框
2 save关闭前的回调,会暂停弹框的关闭 类型:function(done),done 用于关闭弹框 并抛给父组件2个值 orgIg和orgName
3 close关闭前的回调,会暂停弹框的关闭 类型:function(done),done 用于关闭弹框 无参数
  
xyxContainer的使用
1 appCode入参 类型字符串 默认:'auth' 作用:每个项目的appCode用于获取左侧的菜单和header中显示的name
2 emailHeaderShow入参 类型布尔值 默认:false 作用:右上角邮箱的展示或隐藏

xyxMain的使用
该组件有2个插槽,其中一个为具名插槽名为bread,用于展示面包屑的内容,里面尽量放a标签。另一个为默认插槽,展示白色区域内容


特别注意
项目依赖element-ui和axios 
element-ui 请务必安装和使用 具体见element-ui文档
axios 请务必安装

For more information, please refer to Quick Start in our documentation.

Browser Support

Modern browsers and Internet Explorer 10+.