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

@incpad/decorators

v1.0.22

Published

Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth i

Downloads

5

Readme

decorators

TODO: description

Usage

定义了一系列的装饰器,来便捷处理各种情况

  • aop :实现类函数的AOP处理
const AOP=require("@incpad/decorators/decorators/aop")
class test{
    @AOP({
       beforeFunc:()=>{
            console.log("before")
       },
       afterFunc:()=>{
            console.log("after")
       }
      })
     testMethod(){
        console.log("run")
     }
}
new test().testMethod()

//output:
//before
//run
//after
  • color:实现色彩的快速处理(目前只实现了部分函数)
const {Hex2Rgba}=require("@incpad/decorators/decorators/color")

const style={
   @Hex2Rgba(50) backgroundColor:#ffffff
}
console.log(style.backgroundColor)
//output:
//"rgba(255,255,255,0.5)"
  • need:基于@incpad/need工具的装饰器实现
const need=require("@incpad/decorators/decorators/need")
@need("lodash.isstring")
class test{

}
console.log(test)
//output:
//{
// dep:{
//      lodash:{
//          isstring:[Function object]
//      }
//  }
//}
  • react-native-size:对于RN程序,快速将px转化为pt单位的装饰器
    比如如果设计图上标注宽度为50px,就可以这么写
const size=require("@incpad/decorators/decorators/size")
const style={
    @size("px2pt") width:50
}

同样如果是字体,也可以使用fpx2pt:

const size=require("@incpad/decorators/decorators/size")
const style={
    @size("fpx2pt") fontSize:20
}