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

wcc-component

v0.1.14

Published

``` npm install wcc-component --save -- or yarn add wcc-component ``` ## 使用 在`vue.config.js`中增加以下配置 ``` // 第三方引入需要babel转换的包 transpileDependencies: ["wcc-component"], ``` 入口文件中 ```javascript import Vue from 'vue'; // 引入css import 'wcc-compon

Downloads

6

Readme

wcc-component 我查查通用组件库

安装

npm install wcc-component --save
-- or
yarn add wcc-component

使用

vue.config.js中增加以下配置

// 第三方引入需要babel转换的包
transpileDependencies: ["wcc-component"],

入口文件中

import Vue from 'vue';
// 引入css
import 'wcc-component/style/index.css';
import WccComponent from 'wcc-component';
// 不需要扩展
Vue.use(WccComponent);
// or 需要扩展列头筛选组件的 默认支持组件 'date', 'dateTime', 'input' 具体可以查看RenderHeadEdit.js
// Vue.use(WccComponent, {table: {input: {xxx: 组件对象, select: ...}}})
Vue.use(WccComponent, {
    table: {
        input: {
            select: ,// 组件对象 可参考TableInput.vue
        },
        // 数据转换扩展 不用可以不写
        colFormatFnMap: {
            /**
             * 后台数据转换方法扩展
             * @param fetchData 后台返回数据
             * @param formatData 已转换好的数据
             * @return 转换好的数据
             */
            apiData(fetchData, formatData) {
                // 如后台字段和已定义的字段不一致 也可通过此方法转换兼容
                // 默认居中
                return Object.assign({
                    align: 'center'
                }, formatData)
            },
            /**
             * 列数据转换方法扩展
             * @param com 列组件对象
             * @param formatData 转换好的数据
             * @return {any} 返回转换好的数据
             */
            comData(com, formatData){
                // 可以在此对列组件设置的属性进行转换
                return formatData;
            }
        }
    }
});

代码中使用参考App.vue文件