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

@alicd/crui-calendar-ex

v0.0.4

Published

--- category: Components type: UI Views component: Base chinese: 确认提示浮层 english: CalendarEx ---

Downloads

17

Readme


category: Components type: UI Views component: Base chinese: 确认提示浮层 english: CalendarEx

API

CalendarEx

| 成员 | 说明 | 类型 | 默认值 | |---|---|---|---| |className|自定义 class|string|N/A| |style|自定义内联样式|object|N/A| |onOk|点击确认按钮后执行的回调|function|N/A| |onCancel|点击取消按钮后执行的回调|function|N/A| |locale|自定义确认/取消按钮的文本|{ ok: string; cancel: string; }|默认根据当前页面语言自动选择| |canCloseByOk|执行 onOk 后是否立即自动关闭弹层|boolean|true| |canCloseByCancel|执行 onCancel 后是否立即自动关闭弹层|boolean|true| | type | 样式类型可选值:'normal', 'primary' | "normal""primary" | "primary" | | children | 浮层的内容 | any | N/A | | visible | 弹层当前显示的状态 | boolean | N/A | | defaultVisible | 弹层默认显示的状态 | boolean | false | | onVisibleChange | 弹层在显示和隐藏触发的事件签名:Function(visible: Boolean) => void参数:visible: {Boolean} 弹层是否隐藏和显示 | (visible: boolean): any | N/A | | alignment | 弹出层对齐方式可选值:'normal'(普通对齐 箭头居中)'edge'(边缘对齐 箭头可在trigger的边缘) | "normal""edge" | "normal" | | closable | 是否显示关闭按钮 | boolean | false | | align | 弹出层位置可选值:'t'(上)'r'(右)'b'(下)'l'(左)'tl'(上左)'tr'(上右)'bl'(下左)'br'(下右)'lt'(左上)'lb'(左下)'rt'(右上)'rb'(右下) | Enum | "tr" | | offset | 弹层相对于trigger的定位的微调 | [number, number] | [0, 0] | | trigger | 触发元素 | any | <span></span> | | triggerType | 触发行为可选值:'hover'(鼠标悬浮)'focus'(获取到焦点)'click'(鼠标点击) | "hover""focus""click" | "hover" | | onClose | 任何visible为false时会触发的事件签名:Function() => void | function | 默认为空 | | onCloseClick | 点击关闭按钮的click事件签名:Function() => void | function | 默认为空 | | needAdjust | 是否进行自动位置调整 | boolean | false | | delay | 弹层在触发以后的延时显示 | number | N/A | | afterClose | 浮层关闭后触发的事件, 如果有动画,则在动画结束后触发签名:Function() => void | function | 默认为空 | | shouldUpdatePosition | 强制更新定位信息 | boolean | N/A | | autoFocus | 弹层出现后是否自动focus到内部第一个元素 | boolean | false | | safeNode | 安全节点:对于triggetType为click的浮层,会在点击除了浮层外的其它区域时关闭浮层.safeNode用于添加不触发关闭的节点, 值可以是dom节点的id或者是节点的dom对象 | string | N/A | | safeId | 用来指定safeNode节点的id,和safeNode配合使用 |string | N/A | | animation | 配置动画的播放方式 | objectballoon | { in: 'zoomIn', out: 'zoomOut' } | | cache | 弹层的dom节点关闭时是否删除 | boolean | false | | container | 指定浮层渲染的父节点, 可以为节点id的字符串,也可以返回节点的函数。 | stringfunction | N/A |