vux

增加upload组件支持上传图片，
修复vue-cli4.x因为添加vux-loader注释导致的问题

• use export default
• fix many bugs...

VUX 将重新进入常规维护状态。

Actionsheet

• [feature] add event:on-after-show event:on-after-hide #2465

Cell

• [fix] fix weui-loading style

Confirm

• [fix] fix inputAttrs issue with no-default-value #2618
• [fix] fix focus auto-blur issue #2610

Datetime

• [feature] support order-map to customize column orders #2300
• [fix] fix mask cause body scroll in iOS #2593
• [feature] add arg:value for event:on-confirm #2632
• [fix] fire event:on-confirm after nextTick #2632
• [feature] support format YYYY-MM-DD A #2627 @jack87918

InlineXSwitch

• [feature] new component #2624

Loading

• [fix] add variable loading-z-index #2484
• [enhance] support using empty text to hide loading text #2566

Msg

• [change] prop:buttons displays as slot:buttons default content

Picker

• [enhance] show warning when picker value is not a string #2568

Popover

• [fix] fix position in fixed container #2590

PopupPicker

• [feature] add prop:disabled #2594

Popup

• [feature] support prop:should-rerender-on-show for forcing rerendering #2598
• [feature] support prop:should-scroll-top-on-show for forcing scrolling top #2598

Search

• [feature] add event:on-clear #2251

Selector

• [fix] avoid newer-version-vue select value issue #2633 #2587
• [enhance] use v-html for title #2615

Sticky

• [feature] add prop:disabled #2601
• [enhance] add development tip if scroll-box doesnot exist

Tab

• [feature] support prop:bar-position

XAddress

• [feature] add prop:disabled #2641

XButton

• [feature] support plain for warn-button #2478

XCircle

• [feature] support gradient #2616 @spencer1994

XDialog

• [feature] support variable dialog-gap-width #2640
• [enhance] support dialog-width and dialog-max-width variable #2577

XInput

• [fix] fix wrong valid when value is empty string #2415
• [fix] fix disabled style in iOS #2458
• [change] show clear icon only when input gets focus #2567
• [feature] add event:on-click-clear-icon #2603
• [enhance] scroll input element into view when getting focus #2604

Actionsheet

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

Cell

• [fix] 修复 weui-loading 样式

Confirm

• [fix] 修复 inputAttrs 无默认值导致的报错 #2618
• [fix] 修复输入框获取焦点后又失去焦点 #2610

Datetime

• [feature] 支持使用 order-map 自定义列顺序 #2300
• [fix] 修复遮罩导致页面滚动 #2593
• [feature] 事件 on-confirm 添加当前值 #2632
• [fix] 在 nextTick 后触发 on-confirm 事件 #2632
• [feature] 支持格式 YYYY-MM-DD A 选择上下午 #2627 @jack87918

InlineXSwitch

• [feature] 新组件 #2624

Loading

• [fix] 添加变量 loading-z-index 避免与 toast-z-index 冲突 #2484
• [enhance] 支持使用空字符隐藏提示文字 #2566

Msg

• [change] prop:buttons 数组作为 slot:buttons 默认内容

Picker

• [enhance] 开发模式下 picker 数据非字符串时显示提示 #2568

Popover

• [fix] 修复在 fixed 容器里定位不正确 #2590

PopupPicker

• [feature] 支持属性 disabled #2594

Popup

• [feature] 支持 should-rerender-on-show 实现每次打开重新渲染 #2598
• [feature] 支持自动滚动到顶部 #2598

Search

• [feature] 添加事件 on-clear #2251

Selector

• [fix] 修复新版本 vue 导致的 select 值问题 #2633 #2587
• [enhance] 标题使用 v-html #2615

Sticky

• [feature] 添加属性 disabled #2601
• [enhance] scroll-box 不存在时在开发模式下进行提示

Tab

• [feature] 支持使用 bar-position 定义边框位置

XAddress

• [feature] 添加属性 disabled 支持禁用 #2641

XButton

• [feature] warn 类型支持 plain 样式 #2478

XCircle

• [feature] 支持渐变色 #2616 @spencer1994

XDialog

• [feature] 支持样式变量 dialog-gap-width #2640
• [enhance] 支持样式变量 dialog-width and dialog-max-width #2577

XInput

• [fix] 修复在空值时 valid 为 true 的问题 #2415
• [fix] 修复 disabled 样式在 iOS 下过浅的问题 #2458
• [change] 仅在获得焦点时显示清除按钮 #2567
• [feature] 支持事件 on-click-clear-icon #2603
• [enhance] 获得焦点时滚动到可视区域(Android) #2604

Cell

• [fix] fix justify class #2545

Grid

• [feature] add prop:show-lr-borders and prop:show-vertical-dividers #2488

Previewer

• [feature] add event:on-index-change #2505

Tab

• [feature] support prop:scroll-threshold

XInput

• [feature] add slot:right-full-height for containing captcha #2475

Datetime

• [fix] fix style missing #2375

Cell

• [fix] 修复 justify 类名 #2545

Grid

• [feature] 支持 prop:show-lr-borders、prop:show-vertical-dividers 用以隐藏左右边线及垂直分割线 #2488

Previewer

• [feature] 支持事件 on-index-change #2505

Tab

• [feature] 支持滚动

XInput

• [feature] 添加 slot:right-full-height 用于方便显示验证码图片 #2475

Datetime

• [fix] 修复单独插件引用时无样式 #2375

Confirm

• [fix] fix hard to move cursor

XAddress

• [change] remove empty root div #2371

XInput

• [fix] fix not show clear button when initial value is zero #2482

XNumber

• [fix] fix on-change fires after created

XTextarea

• [feature] add prop:disabled #2522

Cookie

• [feature] 统一为es6 module格式

Date

• [feature] 统一为es6 module格式

Number

• [feature] 统一为es6 module格式

Wechat

• [feature] upgrade to 1.3.2 #2396

Confirm

• [fix] 修复输入框难以移动光标

XAddress

• [change] 去除空的根节点 #2371

XInput

• [fix] 修复初始值为0时不显示清除按钮问题 #2482

XNumber

• [fix] 修复初始化时 on-change 错误触发

XTextarea

• [feautre] 添加属性 disabled #2522

Cookie

• [feature] change to es6 module style

Date

• [feature] change to es6 module style

Number

• [feature] change to es6 module style

Wechat

• [feature] 更新到 1.3.2 版本 #2396

Datetime

• [fix] fix on-hide event trigger twice #2379
• [fix] fix cannot set show to true initially

Picker

• [fix] Fix chain mode get value is wrong when the children is empty data.

PopupRadio

• [fix] fix popup-radio component does not support the border-intent property of the cell component.

Wechat

• [feature] support 1.3.0

Datetime

• [fix] 修复 on-hide 事件触发两次的问题 #2379
• [fix] 修复初始化时 show 值为 true 无效的问题

Picker

• [fix] 修复多级联动模式下，子代没有数据时，取值不正确。

PopupRadio

• [fix] 修复 popup-radio 组件不支持cell组件中 border-intent 的属性。

Wechat

• [feature] 使用 1.3.0 版本，废弃依赖 weixin-js-sdk

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

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

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

Search

• [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

Search

• [fix] 修复 在 cancel 或 clear 时没有触发 on-change 和 input 事件

Swiper

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

XInput

• [feature] 增加disabled样式 #2279

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不对的问题

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

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

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

Search

• [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

Search

• [fix] 修复输入法导致 on-change 事件提前触发

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

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

变化

popup-picker 使用 popup-header 组件作为头部

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

影响到的类名包括：

• 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

• [fix] fix [email protected] scope issue #2076

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

• [fix] 兼容 [email protected] scope 更名为 slot-scope 的问题 #2076

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

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