Vux Versions Save

Mobile UI Components based on Vue & WeUI

v2.7.9

6 years ago

Clocker

  • [fix] fix bug when initial value is empty string #2449

Panel

  • [fix] hide footer when footer.title is empty #2476

Picker

  • [fix] fix typo item_class => itemClass #2457

Rater

  • [feature] prop:min add min value #2439

XInput

  • [enhance] support china union 166 prefix phone number

Bus

  • [fix] add bus to this.$vux

Clocker

  • [fix] 修复更新值为非空时报错问题 #2449

Panel

  • [fix] footer.title 为空时隐藏 footer #2476

Picker

  • [fix] 修正 itemClass 拼写错误 #2457

Rater

  • [feature] prop:min 增加最小值 #2439

XInput

  • [enhance] 支持中国联通手机号166号段

Bus

  • [fix] bus 挂载到 this.$vux

v2.7.7

6 years ago

PopupPicker

  • [fix] remove the first top line #2371

Sticky

  • [fix] Fix the problem of inaccurate positioning and invalid positioning 0 #2367

Swiper

  • [fix] fix cannot scroll body when touching with one item

Tabbar

  • [fix] fix tabbar-item ssr rendering issue

Toast

  • [fix] plugin options is used as toast default options

XInput

  • [fix] Fix error message not change bugs #2348

PopupPicker

  • [fix] 去除第一个子元素的上边线 #2371

Sticky

  • [fix] 修复定位不准确和定位无效的问题 #2367

Swiper

  • [fix] 修复只有一个 item 时无法滚动页面的问题

Tabbar

  • [fix] 修复 tabbar-item 服务端渲染不一致问题

Toast

  • [fix] 插件 options 参数作为toast的默认参数

XInput

  • [fix] 修复报错信息不会改变的问题 #2348

v2.7.6

6 years ago

ButtonTab

  • [fix] fix border disappear bug #2322

Calendar

  • [fix] fix no hiding after selecting the same value #2306

Datetime

  • [fix] column value use number type, fix binding value is not equal to datetimepicker value #2296

InlineCalendar

  • [feature] add event:on-select-single-date

LoadMore

  • [feature] don't need to set the background-color
  • [fix] fix not emit on-change and input events when cancel or clear

Swiper

  • [enhance] stop moving width one item

XInput

  • [feature] add disabled class #2279

ButtonTab

  • [fix] 修复分割线会消失的bug #2322

Calendar

  • [fix] 修复选中同个日期时无法自动关闭的问题 #2306

Datetime

  • [fix] 列的值使用number类型，修正绑定值与datetimepicker值不相等 #2296

InlineCalendar

  • [feature] 添加事件 on-select-single-date

LoadMore

  • [feature] 不再需要设置 background-color
  • [fix] 修复 在 cancel 或 clear 时没有触发 on-change 和 input 事件

Swiper

  • [enhance] 只有一张图片时阻止滑动跟随

XInput

  • [feature] 增加disabled样式 #2279

v2.7.5

6 years ago

Clocker

  • [fix] fix this.clocker maybe undefined on hook:beforeDestroy #2258

Panel

  • [fix] remove duplicate top border
  • [feature] add slot:header slot:body #2270

XButton

  • [fix] fix plain and disabled class error

Clocker

  • [fix] 修复 beforeDestroy 调用时 this.clocker 不存在 #2258

Panel

  • [fix] 移除重复顶部边框样式
  • [feature] 添加 slot:header slot:body #2270

XButton

  • [fix] 修复plain样式并禁用时class不对的问题

v2.7.4

6 years ago

Actionsheet

  • [fix] fix wrong event param when value is zero #2209

Datetime

  • [feature] add event:on-confirm event:on-cancel #2221

Tabbar

  • [enhance] add development tip for position usage

XButton

  • [feature] add prop:gradients for iOS design gradients
Drawing

XDialog

  • [fix] fix position:absolute issue #2220

XInput

  • [fix] fix ssr DOM not matched issue #2201

Actionsheet

  • [fix] 修复值为 0 时事件参数为空的问题 #2209

Datetime

  • [feature] 支持事件 on-confirm on-cancel #2221

Tabbar

  • [enhance] 开发模式下对于非 100% 布局使用显示 absolute 定位说明

XButton

  • [feature] 顺应 iOS 设计，支持直接定义背景渐变 prop:gradients

XDialog

  • [fix] 修复定位为 absolute 导致的定位问题 #2220

XInput

  • [fix] 修复服务端渲染 DOM 不一致问题 #2201

v2.7.3

6 years ago

Confirm

  • [fix] fix hard to get focus on input(thanks to @Sapphire2k)

InlineCalendar

  • [fix] disable-date-function result conflicts with disable-weekend #2189

Picker

  • [enhance] add development tip for chained-mode picker without specifying prop:columns

Rater

  • [feature] prop:star support html #2182
  • [fix] fix event:on-change fires before compositionend

Confirm

  • [fix] 修复输入框难以获取 focus 的问题（感谢 @Sapphire2k）

InlineCalendar

  • [fix] 修复 disable-date-function 取值与禁用周末逻辑冲突 #2189

Picker

  • [enhance] 渲染出错时提示是否联动数据忘了指定列数

Rater

  • [feature] prop:star 支持 html #2182
  • [fix] 修复输入法导致 on-change 事件提前触发

v2.7.2

6 years ago

Alert

  • [feature] now we can use Alert as a module (import { AlertModule } from 'vux') #2173

Calendar

  • [feature] add prop:readonly #2178
  • [fix] fix event:on-change fires multiple times

Datetime

  • [enhance] set default start-date if end-date is specified but start-date is not #2158

InlineCalendar

  • [fix] fix reset-value issue in multiple mode #2160
  • [fix] fix props missing in calendar #2105
  • [fix] fix disabled weekends still selectable #2178

Selector

  • [feature] add prop:value-map for automatically transform API data #2139
  • [feature] add method:getFullValue for getting full value

Tab

  • [feature] support prop:prevent-default #2176

Alert

  • [feature] 支持作为模块直接调用 (import { AlertModule } from 'vux') #2173

Calendar

  • [feature] 支持禁用选择属性 prop:readonly #2178
  • [fix] 修复 on-change 事件重复触发的问题

Datetime

  • [enhance] 当指定结束日期但未指定开始日期时使用默认年第一天作为开始日期 #2158

InlineCalendar

  • [fix] 修复多选情况下重置值时没有正确渲染的问题 #2160
  • [fix] 修复部分属性没有继承 inline-calendar 的问题 #2105
  • [fix] 修复禁用周末日期仍能点击的问题 #2178

Selector

  • [feature] 支持 value-map 属性用以自动转换 API 数据 #2139
  • [feature] 支持 getFullValue 方法获取当中选中值的原始数据

Tab

  • [feature] 支持阻止自动切换 #2176

v2.7.1

6 years ago

Datetime

  • [fix] fix less variables do not work in plugin usage #2152

XDialog

  • [fix] fix prevent-body-scroll.css not found (less-loader issue) #2118

XInput

  • [fix] fix valid is false when value is zero #2134
  • [fix] fix event:on-blur not fires #2146

Datetime

  • [fix] 修复插件使用时 less 变量不生效问题 #2152

XDialog

  • [fix] 修复 prevent-body-scroll.css 无法找到问题(less-loader) #2118

XInput

  • [fix] 修复数字为 0 时 valid 为 false 的问题 #2134
  • [fix] 修复 on-blur 事件没有正确触发的问题 #2146

v2.7.0

6 years ago

变化

头部使用 PopupHeader 组件来替代原来的代码（也是支持了 popupTitle属性），意味着如果你原来使用类名来覆盖样式会失效（这不是推荐的方式，但在这里提示一下）。Popup 样式在整个应用中应该是统一的，使用 PopupHeader 的变量配置更方便实现整体样式一致。

image

影响到的类名包括：

  • vux-popup-picker-header
  • vux-popup-picker-header-menu
  • vux-popup-picker-header-menu-right
  • vux-popup-picker-cancel

这些类名对应的 less 变量也会失效

@popup-picker-header-text-color: @theme-color;
@popup-picker-header-bg-color: #fbf9fe;
@popup-picker-header-font-size: 16px;
@popup-picker-header-cancel-text-color: #828282;

后面将使用以下变量进行配置：

@popup-header-height: 44px;
@popup-header-bg-color: #fbf9fe;
@popup-header-font-size: 16px;
@popup-header-left-text-color: #828282;
@popup-header-right-text-color: @theme-color;
@popup-header-title-text-color: #222;
@popup-header-left-text-padding: 15px;
@popup-header-right-text-padding: 15px;

qrcode 使用 style 设置宽高

旧版本下宽高为 size * dpr，考虑到不同设备的表现一致性，使用 ${size}px 作为宽高。

Picker 移动距离不再遵从 html 属性 data-dpr

影响到所有依赖 picker 的组件，包括 picker, popup-picker, datetime

从这一版本开始，如果需要使用 data-dpr 作为默认移动距离的倍数，应该使用 ConfigPlugin 作全局配置。

相关 issue #1979 #2082

import { ConfigPlugin } from 'vux'

Vue.use(ConfigPlugin, {
  $picker: {
    respectHtmlDataDpr: true
  }
})

完整更新

Calendar

  • [fix] fix top border #2104

Cell

  • [fix] fix ssr rendering issue

Checklist

  • [fix] fix default selected item missing issue #2122

Datetime

  • [fix] fix ssr i18n bug
  • [fix] fix datetime still shows when prop:readonly is true #2079

Flow

  • [feature] add slot:title for flow-state #2010

InlineCalendar

  • [enhance] call render function on created hook instead of mounted(ssr)
  • [feature] add prop:disable-weekend #2105
  • [feature] add prop:disable-date-function #2105
  • [fix] remove useless re-render function #2066

Picker

  • [change] picker move distance do not respect html[data-dpr] by default #2082 #1979

PopupPicker

  • [feature] add prop:popup-title(use component:popup-header) #1866

PopupRadio

Qrcode

  • [fix] fix errors when value is undefined #2070
  • [change] use style to set width and height #2075

Selector

  • [fix] fix ssr rendering issue
  • [fix] fix placeholder not show when value is null #2101

Swiper

  • [enhance] set shorter distance for first and last item for better experience
  • [feature] add event:on-get-height #2112
  • [enhance] stop interval if auto is set to false #2027

XAddress

  • [fix] fix [email protected] scope issue #2076
  • [feature] add prop:popup-title(use component:popup-header) #1866

XDialog

  • [feature] add event:on-click-mask #2102

XSwitch

  • [feature] support prop:value-map #2104

Calendar

  • [fix] 修复上边框 #2104

Cell

  • [fix] 修复 ssr 渲染问题

Checklist

  • [fix] 修复默认选中项缺失问题 #2122

Datetime

  • [fix] 修复服务端渲染多语言 bug
  • [fix] 修复 readonly 为 true 时点击还会显示弹窗的问题 #2079

Flow

  • [feature] 为 flow-state 添加 slot:title #2010

InlineCalendar

  • [enhance] 在 created hook 执行渲染而不是 mounted(ssr)
  • [feature] 添加属性 prop:disable-weekend 来禁用周末 #2105
  • [feature] 添加属性 prop:disable-date-function 自定义标记禁用日期 #2105
  • [fix] 移除重复的多次重复渲染 #2066

Picker

  • [change] picker 移动距离不再遵从 html[data-dpr]，需使用 ConfigPlugin 配置 #2082 #1979

PopupPicker

  • [feature] 增加属性 popup-title(使用 popup-header 组件) #1866

PopupRadio

Qrcode

  • [fix] 修复 value 为 undefined 时报错的问题 #2070
  • [change] 使用 style 样式设置宽高 #2075

Selector

  • [fix] 兼容服务端渲染
  • [fix] 修复值为 null 时 placeholder 没有显示的问题 #2101

Swiper

  • [enhance] 非循环模式下对第一张和最后一张使用更短的拖动距离
  • [feature] 添加事件 event:on-get-height #2112
  • [enhance] auto 支持动态设置 #2027

XAddress

  • [fix] 兼容 [email protected] scope 更名为 slot-scope 的问题 #2076
  • [feature] 增加属性 popup-title(使用 popup-header 组件) #1866

XDialog

  • [feature] 添加事件 on-click-mask #2102

XSwitch

  • [feature] 支持 prop:value-map 自定义值映射，比如 [0, 1] ["0", "1"] 等接口可能返回的非 boolean 值 #2104

v2.6.5

6 years ago

CellBox

  • [feature] add prop:align-items

Checklist

  • [fix] fix missing icon style when using checklist along #2041
  • [fix] initializing the tempValue when created #2059

Confirm

  • [enhance] fix click events trigger twice when clicking fast #2048

PopupRadio

  • [feature] add event:on-hde event:on-show #2053

XInput

  • [enhance] fix validating logic for is-type:china-mobile with mask #2040

CellBox

  • [feature] 添加属性 align-items

Checklist

  • [fix] 修复仅调用 checklist 组件时图标样式不存在 #2041
  • [fix] 在created时，初始化tempValue值 #2059

Confirm

  • [enhance] 修复快速点击按钮时触发多次的问题 #2048

PopupRadio

  • [feature] 支持事件 on-show on-hide #2053

XInput

  • [enhance] 兼容同时使用 is-type:china-mobile 和 mask 的情况 @2040