@alicd/crui-process-loading

输入框， FormItem + Input【 @alicd/next 】 的功能融合，同时支持了 x-bind 双向绑定， rules 规则配置，name 表单 name 属性

Usage no npm install needed!

<script type="module">
  import alicdCruiProcessLoading from 'https://cdn.skypack.dev/@alicd/crui-process-loading';
</script>

README

category: Components type: UI Views component: Form chinese: 带进度的 Toast english: ProcessLoading source: next-overlay

带有进度条的 Toast

API

参数 说明 类型 默认值
prefix 样式类名的品牌前缀 String 'next-'
className 自定义类名 String -
visible 是否显示浮层, 如果此属性为false，浮层不会被渲染 Boolean false
canCloseByEsc 是否支持esc按键关闭浮层 Boolean true
canCloseByOutSideClick 点击浮层外的区域是否关闭浮层 Boolean true
canCloseByMask 点击遮罩区域是否关闭浮层 Boolean true
animation 配置动画的播放方式 Object/Boolean { in: 'expandInDown', out: 'expandOutUp' }
align 浮层相对于target的定位, 详见开发指南的定位部分 String/Boolean 'tl bl'
offset 浮层相对于target定位的微调 Array [0, 0]
hasMask 是否显示遮罩 Boolean false
cache 隐藏时是否保留子节点 Boolean false
wrapperClassName 浮层的根节点的样式类 String -
container 指定渲染组件的容器 any -
shouldUpdatePosition 强制更新定位信息 Boolean -
needAdjust 是否自动调整定位的位置 Boolean -
process 0-1 的 进度值 Number 0
message 提示信息 String loading ...
iconType 进度框前面的图标 String loading
hasCancel 是否显示取消按钮 boolean true
onCancel 点击取消按钮回调的函数 Function () => {}
onComplete 进度达到 100% 的回调函数 Function () => {}