@wiajs/ui
Version:
wia app ui packages
178 lines (135 loc) • 4.12 kB
Markdown
# Change Log
## 2022-01-05
+ messagebar
+ messages
聊天消息
dataTable
二维数组,支持指定 id 字段,用于选择后操作
- setView 支持 id
- paging 支持 id
- bind 支持 id
## 2021-11-15
dataTable
- sort 为缺省排序列名称,数据加载时,按此列升序排序
- 修正无数据分页未清除 bug
uploader
- 修正 img/compress 引用路径
- 增加了说明
- 支持不同的图片 url 模式,方便图片展示
```js
{
dir: 'https://img.wia.pub/star/etrip/xhlm',
file: [
'c8238fe5ffd169cb83e92eed7a1c2a82.jpg',
'391c5b4152a51cfba8a3dcad44bce70f.jpg',]
}
// 或者
{
file: [
'https://img.wia.pub/star/etrip/xhlm/c8238fe5ffd169cb83e92eed7a1c2a82.jpg',
'https://img.wia.pub/star/etrip/xhlm/391c5b4152a51cfba8a3dcad44bce70f.jpg',
],
}
// 或者
'https://img.wia.pub/star/etrip/xhlm/c8238fe5ffd169cb83e92eed7a1c2a82.jpg',
'https://img.wia.pub/star/etrip/xhlm/391c5b4152a51cfba8a3dcad44bce70f.jpg'
// 或者
'https://img.wia.pub/star/etrip/xhlm/c8238fe5ffd169cb83e92eed7a1c2a82.jpg',
```
- \_callHook 改为 callEvent
## 2021-11-14
- \+ dataTable
数据表,用于展示数据,当前版本适用于 PC
- \+dataView
数据视图,用于详情,当前版本适用于 PC
## 2020-07-10
- searchbar
core
- lib/bmap.js
百度地图
- page
从 Event 继承,支持事件触发和发射
生命周期触发页面事件,方便有些组件在页面隐藏时卸载。
页面 Dom 对象用 view 变量保存,原来为 page,容易与 Page 类混淆
ready 时,自动隐藏页面模版:view.qus('[name$=-tp]').hide();
show 时,自动调用 reset 方法:if (!back && this.reset) this.reset();
## 2020-06-06
actions\index.js
支持 page 页面创建好菜单、背景蒙版方式,点击菜单后,自动关闭
\+ moveToRoot
自定义菜单,需设置为 false
## 2020-06-03
- listNav
\+ \_.emit('local::click listNavClick', e);
导航触发 indexSelect 事件
- uploader
优先获取 input 对象的 data 属性
## 2020-05-30
- \+ actions
从 底部弹出菜单
- \+ swipeout
Dom 支持 swipe 事件,这里只有 index.less 样式起作用
## 2020-05-24
### uploader
修正 Gallery 全屏预览故障,Gallery 层在 .page-current 之前创建,在页面切换时,导致 Gallery 层创建到上一个页面。
index.js
- 修正 page
改为从当前 el 向上找第一个 .page 层,确保在当前层创建。
`this.page = opt.el.parentNode('.page');`
- 延迟 Gallery 创建时间
从组建初始化时创建,改为显示时没有则自动创建
- 默认隐藏
## 2020-05-21
#### cropper
- \- forEach
改为 \$.forEach
- \* handler.js
this.emit event params change
- \* index.js
ready event params change
fix unbuild bug
- \* method.js
fix bug
- \* preview.js
fix bug
preview fix width
- \* render.js
crop event param change
- \* util.js
\- forEach
#### uploader
\* index.js
- \+ opt.aspectRatio
宽高比
- \+ opt.crop
采集器网址
data('id') 来识别 文件层
- \* preview
不符合宽高比, 图片标记告警,点击 crop 自动 go 到裁剪页面
- \+ getFile
通过 id 获取 file
- \+ replace
裁剪后,替换文件
- \* compress
接收 crop 裁剪返回的 blob 数据,进行压缩
- \* upload
crop 状态不上传,裁剪后,自动压缩上传
- \+ toBlob
promise 方式,canvas 返回 blob 对象
- \+ loadImg
promise 方式返回图片加载
## 2020-05-19
- \* uploader
图片上传组件,支持多个和单个图片模式
- \+ cropper
图片裁剪组件
- \+ list-nav
类似美团外卖左边菜单的分类列表
## 2020-05-16
- \* uploader/index.js
支持头像这种单图像文件选择、上传
## 2020-05-14
- \+ uploader
图片上传组件
需单独发布到 npm,检查一下 package.json 是否正确
readme 是错的,先发布,方便大家使用,下次修正吧