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

yun-ui-micro

v1.0.5

Published

轻量、高效的小程序 UI 功能库。致力于“微信小程序”原生组件扩展开发 —— 功能更强大,使用更方便。

Downloads

97

Readme

yunUI(微信小程序自定义功能组件库)

致力于“微信小程序”原生组件扩展开发 —— 功能更强大,使用更方便。

如何使用&参数说明

npm install yun-ui-micro

安装后,项目的 node_modules 文件下将会生成该组件库,在微信开发者工具中选择“工具->构建 npm”,将会在 miniprogram_npm 文件夹下生成可以被小程序中使用的组件包。

在项目全局的 app.json 或者页面与组件的 .json 中,按需求引入组件即可使用,示例如下:

"usingComponents": {
    "y-button": "yun-ui-micro/button/index",
}

具体使用方式可参考github:yunUI (本项目本地版)。使用问题请至github提issue/加作者微信咨询。

现收录有:

组件

  • 扩展微信小程序原生日期-时间组件【picker】:使选择时间可精确到分、秒;完美解决iPhone/Android软键盘弹出问题。
  • “头条信息”组件【coupon】,采用slot,使控制更轻松
  • “日历”组件【calendar】:使日期选择更便捷!可以支持选中得到当前选中日期、星期几。可支持切换上一月、下一月;上一年、下一年(预计下一提交新增年份快速选择)。突出显示当前日期模块及某一天标记,可以实现“心情签到”的功能,现有直接使用和弹出两种方式,使更接近原生组件
  • “侧边栏字母导航”组件【alphabet】:使用便捷,查找方便,更顺滑!
  • “自定义弹窗”组件【ymodel】:基于原生,比原生modal自定义程度高,使用便捷,体验更流畅!
  • “自定义搜索栏”组件【ysearch】:支持多种搜索方式,高自定义程度,使用更流畅!
  • “自定义卡片”组件【ycard】:支持图片、短文、图文三种形式,自定义展示样式,配合 util 下时间插件使用,让展示随心所欲!可自定义是否预览图片。
  • “自定义按钮button”组件【ybutton】:支持以图片覆盖原样式,支持倒计时按钮。(可应对常见“倒计时完成后才能触发按钮”的场景)
  • “自定义图片上传img”组件【yImg】:支持最多九张图片,支持长按删除和拖动排序!
  • “增强图片排序img”组件【yImgPro】:yImg组件的增强版,动画真正流畅!使用起来像朋友圈一样适应!【新!
  • cell-group组件
  • cell组件:建议如果有多个,请和cell-group组件一起使用。
  • popup组件:底部弹层。自定义内容,开发更高效。未来将支持上下左右四边弹出。

插件

  • 日期时间转化插件:位于utils文件夹下,以import {Time} from '路径';方式调用
  • 下雨/下雪js插件:位于utils文件夹下,使用(自带)canvas组件在页面中调用!(具体效果见pages/RainSnow/)

版本记录

  • v1.0.5 新增emoji组件(目前是弹窗形式),可配合atinput输入框组件一起使用
  • v1.0.5-beta2 修复@输入框组件删除@人员后光标自动定位到末尾的问题,输入框支持emoji/文字等由调用方动态传入!
  • v1.0.5-beta1 新增支持@功能的输入框组件!可配合popup组件实现人员选择功能!
  • v1.0.4-rc1 新增img-pro外部样式和“add”插槽,使用更灵活。popup新增右边滑出,横屏时可使用。
  • v1.0.4 img和img-pro组件新增“最多图片数量”参数(建议不超过9);新增“底部弹窗”组件
  • v1.0.3 消减search动画延迟体验,新增配套组件cell和cell-group(小程序首页就是这两个组件实现的哟)
  • v1.0.2 search组件支持slot传入自定义button、支持动画
  • v1.0.1 button按钮增加倒计时模式
  • v1.0.0 组件库发布。涵盖日历、日期选择、button、search、图片上传排序、增强图片排序、侧边栏、自定义卡片、自定义弹窗九大组件