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

advt-ui

v0.0.10

Published

开源一个投放系统的UI库

Downloads

4

Readme

投放系统UI库

开源一个投入系统的UI库,主要针对 今日头条,广点通,UC新闻,快手广告,百度推广 广告投放系统的深度对接,提供快速开发的UI库。 项目中开发组件,很多时候都会引用三方库去写,组件的复杂程度,以及五大媒体的更新速度,真的很难维护UI组件库的更新 为了不要大家都去实现媒体的UI功能,特此开源一个Vue的UI库,后面会继续开源React 版本的

媒体为什么不公开一下自已的UI库吗,头条在近期已经推出了,

https://open.oceanengine.com/mui/doc/v2/quickstart

但主要还是我第一个在全网分享了他们的投放组件DEMO演示

tips

选择时间段的组件源码

https://free.jsvue.cn/andt-components/#/about

上面本来是用vite3创的项目,一点点改造使用vue2,真的坑得不行 老的vue2组件,想用vite打包组件,但是在vue2做不到按需引入打包,

使用方式

所以使用全局引入 ant-design-vue 组件后再 use 本UI库,顺序不能反了


import AntDesignVue from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(AntDesignVue)

import AdvtUI from 'advt-ui'
import 'advt-ui/dist/style.css'
Vue.use(AdvtUI)

因为 antDesignVue 库比较大,如果全部加载会让你的项目打包后不好优化,你也可以使用以下代码进行按需引入。 Icon 是使用Css 字体图标,图标库的使用,会增加css文件的大小

import {
   Icon,
   Row,
   Col,
   Input,
   Checkbox,
   Radio,
   Steps,
   Anchor,
   Tag,
   Popover
} from 'ant-design-vue'

Vue.use(Icon)
    .use(Row)
    .use(Col)
    .use(Input)
    .use(Checkbox)
    .use(Radio)
    .use(Steps)
    .use(Anchor)
    .use(Tag)
    .use(Popover)

组件库同时支持按需引入,


import { DragWeektime } from 'anvt-ui'

Vue.use(DragWeektime)

不按需包也不大 ,AdvtUI 现在才 60k ,小才大用

文档待写