Skip to content

Releases: jd-ftf/wot-design

v2.4.1

01 Jul 11:03
107fa3e
Compare
Choose a tag to compare

2021-07-01

Bug 修复

  • Tabs
    • 修复在 display: none 的结构中,获取不到宽度的问题 (by @yawuling )

v2.4.0

30 Jun 06:27
9556929
Compare
Choose a tag to compare

2021-06-30

新特性

  • InputNumber
    • 新增增加、减小按钮的点击事件 (by @MrJiangLei )
  • Toast
    • 新增 type 提示类型属性,弃用 iconName 属性 (by @yawuling )
    • 新增 onClose 关闭回调属性 (by @yawuling )

Bug 修复

  • MessageBox
    • 修复 confirmButtonTextcancelButtonTextlockScroll 属性未重置的问题 (by @yawuling )
    • 修复 teleport 属性的文档位置,该属性只能对组件调用方式有效 (by @yawuling )
  • SelectPicker
    • 修复 type 为 'radio',搜索时未正确高亮搜索文本的问题 (by @yawuling )

Bug Fix

  • Upload
    • 使用 before-upload 钩子时,选择一张图片后,不让通过,再次选择同一张图片未触发 #315 (by @HXCStudio123 )

v2.3.2

08 May 08:04
7d01531
Compare
Choose a tag to compare

2021-05-08

Bug 修复

  • DatetimePicker
    • 修复 value 在组件挂载后二次赋值无效的问题 (by @yawuling )
    • 补全日期范围类型下的国际化 (by @yawuling )

v2.3.1

22 Apr 01:12
30caca8
Compare
Choose a tag to compare

2021-04-22

Bug 修复

  • ImgCropper
    • 修复二次选择图片时图片尺寸不匹配的问题 (by @yawuling )
    • 修复 img-widthimg-height 属性设置 number 类型时无效的问题 (by @yawuling )
  • Picker

v2.3.0

21 Apr 11:20
5e04012
Compare
Choose a tag to compare

2021-04-21

新特性

  • ActionSheet
    • 新增 close-on-popstate 属性,返回时自动关闭 (by @yawuling )
    • 新增 safe-area-inset-bottom 属性,设置底部安全距离 (by @yawuling )
  • Calendar
  • CalendarView
  • ColPicker
    • 新增 close-on-popstate 属性,返回时自动关闭 (by @yawuling )
    • 新增 safe-area-inset-bottom 属性,设置底部安全距离 (by @yawuling )
    • 新增 ellipsis 属性,设置是否超出隐藏,默认 false (by @yawuling )
  • Curtain
    • 新增 close-on-popstate 属性,返回时自动关闭 (by @yawuling )
  • DatetimePicker
    • 新增 close-on-popstate 属性,返回时自动关闭 (by @yawuling )
    • 新增 default-value 属性,支持设置默认选中项 (by @yawuling )
    • 新增 safe-area-inset-bottom 属性,设置底部安全距离 (by @yawuling )
    • 新增 ellipsis 属性,设置是否超出隐藏,默认 false (by @yawuling )
  • DropMenu
    • 新增 close-on-popstate 属性,返回时自动关闭 (by @yawuling )
  • InputNumber
    • 新增 allow-null 属性允许空值 (by @yawuling )
    • 新增 placeholder 属性设置占位文本 (by @yawuling )
  • ImgPreview
    • 支持设置 previewKey 来修改 Vue.prototype 原型上的 $preview 属性名 (by @yawuling )
  • ImgCropper
  • MessageBox
    • 新增 close-on-popstate 属性,返回时自动关闭 (by @yawuling )
    • 支持设置 messageBoxKey 来修改 Vue.prototype 原型上的 $messageBox 属性名 (by @yawuling )
  • NumberKeyboard
  • Picker
    • 新增 close-on-popstate 属性,返回时自动关闭 (by @yawuling )
    • 新增 safe-area-inset-bottom 属性,设置底部安全距离 (by @yawuling )
    • 新增 ellipsis 属性,设置是否超出隐藏,默认 false (by @yawuling )
  • Popup
    • 新增 close-on-popstate 属性,返回时自动关闭 (by @yawuling )
    • 新增 safe-area-inset-bottom 属性,设置底部安全距离 (by @yawuling )
  • Search
    • 新增 type 属性,支持设置 'number' 输入类型 (by @yawuling )
  • SelectPicker
    • 新增 close-on-popstate 属性,返回时自动关闭 (by @yawuling )
    • 新增 safe-area-inset-bottom 属性,设置底部安全距离 (by @yawuling )
    • 新增 filterablefilter-placeholder 属性,支持本地搜索 (by @yawuling )
    • 新增 ellipsis 属性,设置是否超出隐藏,默认 false (by @yawuling )
  • Switch
    • 新增 before-change 修改前钩子函数 (by @yawuling )
  • Toast
    • 支持设置 toastKey 来修改 Vue.prototype 原型上的 $toast 属性名 (by @yawuling )
  • Upload
    • 新增 show-preview-list 控制上传成功后是否展示预览列表 (by @HXCStudio123 )

优化

  • Card
    • 优化卡片组件的样式结构 (by @yawuling )
  • PickerView
    • 优化 columns 修改时的选中项重置逻辑,如果 valuelabel 相同则不重置选项 (by @yawuling )
  • 边框
    • Button、Card、Divider、Grid、InputNumber、Popover、Steps、Switch 边框调整为 0.5 像素 (by @yawuling )

Bug 修复

  • ColPicker
    • 修复 value 重新赋值时需重置选项的问题 (by @yawuling )
    • 修复 cancel 事件无效的问题 (by @yawuling )
  • MessageBox
    • 修复在部分手机上的兼容性问题 (by @yawuling )
  • PickerView
    • 修复选项长度过长时换行的问题 (by @yawuling )
  • Popover
    • 修复插槽宽度较小时,弹出层的箭头样式偏移错乱问题 (by @yawuling )
    • 修正 offset 属性的使用 (by @yawuling )
  • Search
  • Tabbar
    • 修复使用 name 属性设置无法高亮的问题 (by @yawuling )
  • Tooltip
    • 修复插槽宽度较小时,弹出层的箭头样式偏移错乱问题 (by @yawuling )
    • 修正 offset 属性的使用 (by @yawuling )
  • Upload
    • 修复 disabled 状态下可以删除图片的问题 (by @yawuling )

本次更新可能影响范围

  • Card 的样式实现发生变动,如果您有覆盖 Card 组件的样式,则可能会影响到您的页面
  • ColPicker、DatetimePicker、Picker、SelectPicker 原先值为超出默认隐藏,显示为省略号,本次调整为默认不隐藏,若需隐藏,需手动设置 ellipsis 属性

v2.2.1

25 Dec 06:16
342f029
Compare
Choose a tag to compare

Bug 修复

  • DatetimePicker
    • 修复范围选择时tab的列表样式未重置的问题 (by @yawuling ) )
  • InfiniteLoad
    • 修复滚动容器顶部有margin时无法触发滚动加载事件的问题 (by @yawuling ) )
  • MessageBox
    • 修复直接使用 messageBox(options) 时 type 类型没有设置初始配置的问题 (by @yawuling ) )
  • PickerView
    • 修复value为null时,无法自动设置value为第一项的问题 (by @yawuling ) )
  • Popover
    • 修复属性 placement 为 top/right 系列位置时,arrow样式位置失效问题 (by @HXCStudio123 )
  • Search
    • 修复样式超出右侧边界问题 (by @yawuling ) )
  • Tabbar
    • 去掉 to 属性为外链时的下划线样式 (by @yawuling ) )
  • Tabs
    • 修复导航地图中按钮的居中问题 (by @yawuling ) )

v2.2.0

10 Dec 15:43
5f31743
Compare
Choose a tag to compare

2020-12-10

新特性

  • ActionSheet
    • 新增 teleport 属性,可以手动设置挂载点,默认挂载到 body 上 (by @yawuling ) )
  • ColPicker
    • 新增 close-on-click-modal 属性 (by @yawuling ) )
    • 新增 auto-complete 属性,自动触发 column-change 补全列表初始数据 (by @yawuling ) )
  • DatetimePicker
    • 新增 teleport 属性,可以手动设置挂载点,默认挂载到 body 上 (by @yawuling ) )
    • 新增 close-on-click-modal 属性 (by @yawuling ) )
  • DropMenu
    • 新增 value-key 属性,支持自定义 options 中数据结构的 value 字段 (by @yawuling ) )
    • 新增 label-key 属性,支持自定义 options 中数据结构的 label 字段 (by @yawuling ) )
    • 新增 tip-key 属性,支持自定义 options 中数据结构的 value 字段 (by @yawuling ) )
  • MessageBox
    • 新增 teleport 属性,可以手动设置挂载点,默认挂载到 body 上 (by @yawuling ) )
  • Picker
    • 新增 teleport 属性,可以手动设置挂载点,默认挂载到 body 上 (by @yawuling ) )
    • 新增 close-on-click-modal 属性 (by @yawuling ) )
  • Popup
    • 新增 teleport 属性,可以手动设置挂载点,默认挂载到 body 上 (by @yawuling ) )
  • SelectPicker
    • 新增 teleport 属性,可以手动设置挂载点,默认挂载到 body 上 (by @yawuling ) )
    • 新增 close-on-click-modal 属性 (by @yawuling ) )
  • SortButton
  • Upload
    • 新增 name 属性,支持自定义上传文件字段名 (by @yawuling ) )
    • 新增 data 属性,支持上传时附带额外参数 (by @yawuling ) )
    • 新增 name-keystatus-key,支持自定义 file 数据结构中的 name 字段和 status 字段 (by @yawuling ) )

优化

  • ActionSheet
    • 给列表添加最大高度限制,为选项过多的情况做展示兜底 (by @yawuling ) )
  • Cell
    • 将右侧value值的字号从12px调整为14px (by @yawuling ) )
  • CheckBox
    • true-valuefalse-value 支持空字符串 (by @yawuling ) )
    • 图标添加 line-height 避免被外部样式干扰导致错位 (by @yawuling ) )
  • ColPicker
  • ImgPreview
    • openlong-tap 事件添加 index 参数回调 (by @yawuling ) )
  • Input
    • min, max 属性删除,在移动端无效,建议用 InputNumber (by @yawuling ) )
  • Loading
    • 去掉1.0中的 loading 类型,并做好向下兼容 (by @yawuling ) )
  • Picker
    • 去掉 取消 和 完成 按钮的点击态 (by @yawuling ) )
  • Radio
    • 优化 dot 类型的动画 (by @yawuling ) )
    • 图标添加 line-height 避免被外部样式干扰导致错位 (by @yawuling ) )
  • Rate
    • active-color 支持数组,支持设置两种颜色 (by @awjing )
  • StatusTip
    • 更新占位图,清晰部分细节 (by @yawuling ) )
  • Sticky
    • 优化实现,去掉 container 属性,改为自动获取 (by @yawuling ) )
  • Upload
  • Locale

Bug 修复

  • ActionSheet
    • 将 button 标签替换为 div,避免触发 form 标签的提交操作 (by @yawuling ) )
    • 修复 close-on-click-modal 的使用 (by @yawuling ) )
  • Collapse
    • 修正 line-num 字段名 (by @yawuling ) )
    • 将展开收起设置为行内块 (by @yawuling ) )
  • DatetimePicker
    • 修复 CDN 引用方式内存溢出问题 (by @yawuling ) )
    • 修复时间范围类型 value 的数值初始化bug (by @yawuling ) )
    • 修复 value 为 undefined 时的取值异常 (by @yawuling ) )
  • ImgPreview
    • 按需引入 $preview 函数名称修正 (by @yawuling ) )
    • 按需引入找不到组件 Bug 修复 (by @HXCStudio123 )
  • MessageBox
  • Picker
    • 将 button 标签替换为 div,避免触发 form 标签的提交操作 (by @yawuling ) )
    • 修正设置 arrow-html 属性,回显没有按照 html 渲染的问题 (by @yawuling ) )
    • 修复未选择取消后再次进入选中为数组格式 (by @yawuling ) )
  • PickerView
  • PullRefresh
  • Rate
  • Search
  • Tabs
    • 将 button 标签替换为 div,避免触发 form 标签的提交操作 (by @yawuling ) )
    • 修改 changeclick 触发时机 (by @yawuling ) )
  • Upload
    • 修复上传时文件没有携带上去的问题 (by @yawuling ) )

v2.1.0

30 Sep 06:22
d88afc8
Compare
Choose a tag to compare

2020-09-30

新特性

优化

Bug 修复

v2.0.0

25 Sep 13:26
7ba0a36
Compare
Choose a tag to compare

2020-09-25

新特性

  • 综合
    • 组件样式升级,主题色更改
    • 重绘了全部图标,并新增了部分图标
  • ActionSheet
    • 新增属性 panels 自定义面板,支持一维数组和二维数组,panel数据结构支持设置显示的图片地址和标题内容 (by @awjing )
  • Badge
    • 新增属性 top 为正时表示角标向下偏移对应的像素 (by @awjing )
    • 新增属性 right 为正时表示角标向左偏移对应的像素 (by @awjing )
  • Button
  • Card
    • 新增卡片组件 Card (by @awjing )
  • Cell
    • 新增属性 required, 支持表单属性设置必填项 (by @yawuling ) )
    • 新增属性 vertical, 支持表单属性展示为上下结构 (by @yawuling )
  • CellGroup
    • 新增属性 border, 支持设置表单组是否展示边框线 (by @HXCStudio123 )
  • CheckboxGroup
    • 新增属性 cell, 支持复选框组下的表单模式事件 (by @HXCStudio123 )
    • 新增属性 size,支持单选框尺寸更改(large) (by @yawuling )
  • ColPicker
    • 新增 ColPicker 多列选择组件 (by @yawuling )
  • Curtain
    • 新增 Curtain 幕帘组件 (by @RedJoy )
  • Divider
    • 新增 Divider 分割线组件 (by @yawuling
  • DatetimePicker
    • 属性 value 添加 Array 格式,用来支持时间范围选择。 (by @HXCStudio123 )
    • 新增属性 columns-height, 支持设置 picker 内部的单个 pickerView 高 (by @HXCStudio123 )
    • 新增属性 required, 支持表单属性设置必填项 (by @HXCStudio123 )
    • 移除属性 item-height (by @HXCStudio123 )
    • 移除属性 visible-item-count (by @HXCStudio123 )
    • 新增默认插槽,可更改默认唤起 picker 的形式(默认为cell)。(by @HXCStudio123 )
    • 将 pickerView 交互形式更改为滚筒交互。 (by @HXCStudio123 )
    • 新增属性 loading-color, 支持修改加载的颜色 (by @HXCStudio123 )
    • 展开弹出框事件名称由 showPicker 改为 open。(by @yawuling
    • 新增方法 close, 支持关闭弹出框 (by @yawuling) )
    • 新增方法 toggle, 在区域选择模式下,tab标签切换时触发 (by @HXCStudio123 )
    • 新增属性 display-format-tab-label, 在区域选择模式下,自定义展示tab标签文案的格式化函数,返回一个字符串 (by @HXCStudio123 )
  • DatetimePickerView
    • 新增属性 columns-height, 支持设置 pickerView 高 (by @HXCStudio123 )
    • 新增属性 column-formatter, 支持自定义处理列项数组,接收 pickerView 实例、pickerView 源数组 originColumns、pickerView 每个属性的范围 ranges、当前 pickerView 的 value 作为入参,根据选中项和边界范围进行判断,通过 pickerView 实例暴露出来的 getPickerValue 获取对数据进行数组转换 (by @HXCStudio123 )
    • 移除属性 item-height (by @HXCStudio123 )
    • 移除属性 visible-item-count (by @HXCStudio123 )
    • 将 pickerView 交互形式更改为滚筒交互。 (by @HXCStudio123 )
    • 新增属性 loading-color, 支持修改加载的颜色 (by @HXCStudio123 )
  • DropMenu
    • 重构下拉菜单组件,优化其体验性及扩展性,自定义菜单选项功能移除原来的插槽 custom,采用组件外部flex布局添加新菜单选项 (by @yawuling
    • 移除属性 active-color (by @yawuling
    • 将组件 DropMenuItem 中的属性 modal 移至 DropMenu 控制是否展示蒙层 (by @yawuling
    • 将组件 DropMenuItem 中的属性 close-on-click-modal 移至 DropMenu 控制是否点击蒙层时关闭 (by @yawuling
  • DropMenuItem
  • Grid
    • 新增属性 bg-color, 支持宫格设置背景颜色 (by @HXCStudio123 )
  • ImgPreview
  • Input
    • 新增属性 no-border, 支持设置取消底部边框 (by @yawuling )
    • 新增属性 required, 支持表单属性设置必填项 (by @yawuling )
    • 新增事件 click-prefix-icon, 点击前置图标时触发 (by @yawuling )
    • 新增事件 click-suffix-icon, 点击后置图标时触发 (by @yawuling )
  • Loading
    • 属性 type 新增类型 circle-outline loading样式 和 circular-ring loading 样式 (by @HXCStudio123 ) )
  • Navbar
    • 新增默认插槽,可更改标题处展示样式。(by @HXCStudio123 )
  • NoticeBar
    • 新增属性 type, 新增默认插槽,支持设置通知栏类型。 (by @HXCStudio123 )
    • 属性 left-icon 更名为 prefix。 (by @HXCStudio123 )
    • 插槽 left-icon 更名为 prefix。 (by @HXCStudio123 )
    • 插槽 right-icon 更名为 suffix。 (by @HXCStudio123 )
  • Pagination
    • 新增分页组件 Pagination (by @wlin00 )
  • Picker
    • 新增属性 columns-height, 支持设置 pickerView 高 (by @HXCStudio123 )
    • 新增属性 required, 支持表单属性设置必填项 (by @HXCStudio123 )
    • 移除属性 item-height (by @HXCStudio123 )
    • 移除属性 visible-item-count (by @HXCStudio123 )
    • 将 pickerView 交互形式更改为滚筒交互。 (by @HXCStudio123 )
    • 新增默认插槽,可更改默认唤起 picker 的形式(默认为cell)。(by @HXCStudio123 )
    • 新增属性 loading-color, 支持修改加载的颜色 (by @HXCStudio123 )
    • 展开弹出框事件名称由 showPicker 改为 open。(by @yawuling
    • 新增方法 close, 支持关闭弹出框 (by @yawuling) )
  • PickerView
  • Progress
    • 新增属性 status 设置进度条状态,支持sucess和danger (by @awjing )
  • Popover
  • PullRefresh
  • Radio
    • 新增属性 max-width, 支持设置文字部分最大宽度,设置最大宽度开启文字折叠 (by @HXCStudio123 )
    • 属性 type 新增可选值 check,默认值变更为 check (by @HXCStudio123 )
  • RadioGroup
    • 新增属性 cell, 支持单选组下的表单模式事件 (by @HXCStudio123 )
    • 新增属性 size, 支持单选框尺寸更改(large) (by @HXCStudio123 )
    • 属性 type 新增可选值 check,默认值变更为 check (by @HXCStudio123 )
  • SelectPicker
  • SortButton
    • 排序按钮组件重构,移除控制颜色的属性 color / title-color (by @yawuling
    • 交互形式默认改为 点击排序后只保留一个当前状态箭头,移除属性 one-arrow (by @yawuling
    • 新增属性 desc-first 优先切换为降序,不开启则默认优先切换为升序 (by @yawuling
  • Tabbar(TabbarItem)
    • 新增属性 <...
Read more

v2.0.0-beta3

04 Sep 13:52
775f8b5
Compare
Choose a tag to compare

2020-09-04

新特性

  • Button

    • click 事件抛出event对象 (by @yawuling) )
  • DatetimePicker

    • 新增方法 toggle, 在区域选择模式下,tab标签切换时触发 (by @HXCStudio123 )
    • 新增属性 display-format-tab-label, 在区域选择模式下,自定义展示tab标签文案的格式化函数,返回一个字符串 (by @HXCStudio123 )
    • 修改范围选择 交互样式,将picker拆分为 tab形式 (by @HXCStudio123 )
    • 移除插槽 range-separator (by @HXCStudio123 )

优化

  • MessageBox
    • 动画时间由300ms改为200ms,减少等待时间
  • Grid
    • 支持动态渲染GridItem (by @HXCStudio123
    • 支持列项修改后内部GridItem重排 (by @HXCStudio123
    • GridItem 内容padding移除,兼容小屏幕展示四字标题 (by @HXCStudio123

Bug 修复

  • Cell
    • 修复边框线样式calc计算无效问题 (by @yawuling) )
  • ColPicker
    • 修复按需引入缺少actionSheet样式问题 (by @yawuling) )
  • Picker
    • 修复columns数据延迟传入无法正常展示文本问题 (by @yawuling) )
  • PickerView
    • 修复columns延迟传入时无法自动选中第一项的问题;修复columns延迟传入时picker重置数据的记录 (by @yawuling) )
  • Popup
    • 修复按需引入popup和messageBox缺少modal样式问题 (by @yawuling) )
  • StatusTip
    • 去掉占位图的白色背景,将图片从base64改为图片链接以减少包大小 (by @yawuling) )
  • Button
    • 圆角按钮圆角还原度,修复2px偏差 (by @yawuling) )
  • DatetimePicker
    • 修复 DatetimePicker 当type为 'date' 时,区域选择禁用错误选项,无法修改选中问题。 (by @HXCStudio123 )