vux

Mobile UI Components based on Vue & WeUI

MIT License

Downloads
3.3K
Stars
17.6K
Committers
134

Bot releases are hidden (Show)

vux -

Published by airyland over 7 years ago

Icon

  • [change] 不再内置类名 icon-big, 改用 prop:is-msg #988 @greedying

Tabbar

  • [fix] 修复 this.$slots 不存在 #1000 @asingingfish

Toast

  • [feature] 支持显示位置设置 #973 @LaiXuechao

XIcon

  • [feature] 新组件
vux -

Published by airyland over 7 years ago

Cell

  • [feature] 支持字体变量 #990 @wg5945

Swiper

  • [fix] 修复 node 列表没有 forEach 方法 #991 @howyhuang

XButton

  • [fix] 修复单独引入没有引入Loading组件时,样式缺失 #986 @malaimoo

Ajax

  • [feature] 支持通过 Vue.http 调用

Wechat

  • [feature] 支持通过 Vue.wechat 调用
vux -

Published by airyland over 7 years ago

Group

  • [feature] 支持 margin-top 等 less 变量

Swiper

  • [fix] 修复部分机子不支持 for of 遍历

Toast

  • [feature] 支持更多 less 变量

XDialog

  • [fix] 修复按钮文字颜色变量

XImg

  • [feature] 支持延迟执行属性 delay
vux -

Published by airyland over 7 years ago

Actionsheet

  • [feature] 支持数组定义菜单 #950 @wuchuguang

Datetime

  • [fix] 修复label宽度没有受限于group设置

Icon

  • [feature] 更新WeUI样式到最新版本
  • [change] type参数由下划线变为中划线,组件内部做了兼容保证升级时无影响

Marquee

  • [feature] 新组件

Msg

  • [feature] 新组件

Search

  • [feature] 更新到WeUI最新代码
  • [enhance] 当value为空时,不显示清除按钮

ViewBox

  • [feature] 增加body-padding-topbody-padding-bottom方便设定上下padding

XButton

  • [feature] 更新到 WeUI 最新版本
  • [feature] 支持 prop:isLoading

XDialog

  • [fix] 修复transition绑定

XNumber

  • [feature] 升级WeUI样式
  • [fix] 修复label样式不受控于group设置
  • [feature] 支持align属性
vux -

Published by airyland over 7 years ago

PopupPicker

  • [fix] 修复on-change事件没有触发 #934 @howyhuang

Swipeout

  • [feature] swipeout组件beta版本
vux -

Published by airyland over 7 years ago

FormPreview

  • [fix] 修复出现滚动条 #920 @asingingfish

XAddress

  • [feature] 支持value-text-align #921 @linhaobin
  • [fix] 修复label样式不受控于group属性的bug

XInput

  • [feature] 支持slot=restricted-label #918 @zqyadam
vux -

Published by airyland over 7 years ago

XInput

  • [feature] 支持debounce #715 @YYmmlin

Debounce

  • [feature] 添加debounce工具

Throttle

  • [feature] 添加throttle工具
vux -

Published by airyland over 7 years ago

Cell

  • [enhance] 修复内容多时的箭头位置 #715 @greedying

Qrcode

  • [feature] 支持渲染类型为图片 #900 @keepgoingwm

Search

  • [enhance] 删除无用代码
  • [fix] 修复取消按钮在非fixed情况下没有出现的问题 @excitedcat
  • [fix] 修复页面上多个实例时,label id冲突
vux -

Published by airyland over 7 years ago

ButtonTab

  • [feature] 添加更多less变量 #896 @erguotou520

Datetime

  • [feature] 支持配置取消确定的文字颜色 #715 @greedying

Tab

  • [feature] 支持设置 bar-active-color #715 @greedying

XButton

  • [feature] 添加less变量 #896 @erguotou520

XInput

  • [feature] 添加slot=label自定义label部分内容 #895 @erguotou520

XNumber

  • [enhance] 使用svg代替 + - 字符
  • [feature] 支持圆形按钮样式
vux -

Published by airyland about 8 years ago

vux001

vux002

重大变更

  • 移除XSwiper, 体积大,目前是基于https://github.com/nolimits4web/Swiper的浅封装,许多属性并不能响应变化,如果在使用,建议自行引入。
  • 移除Progress的复杂样式,仅保留原有WeUI的样式。
  • 统一目录规范,checker的目录由原来的 src/checkersrc/checker-item 变为 src/checker
  • 更新了demo站点 Vux.li,你可以看到demo站是比较完善的Web App了
  • Toast 和 Alert 可以以plugin的形式调用了(目前支持webpack调用)
  • XTextarea 字数统计的bug,支持更多原生textarea属性
  • XInput 支持更多原生的input属性
  • Range 支持动态设定min和max, 修复使用v-show带来的无限循环问题
  • 修复上个版本拆分WeUI到各个组件带来的样式问题
  • Previewer destroy导致的报错问题
  • Calendar 支持disable-future
  • PopupPicker 若干issue
  • 以下省略n个更新。

近期更新

  • 新的文档站。目前的文档更新滞后,也不方便维护。目前基础文档逐渐转移到vux版本库而不是vux-doc

下个版本v0.1.4将支持

  • 样式变量自定义(webpack)
  • 语言包及自定义语言包里的文案(webpack)

关于什么时候支持Vue2.0

其他

  • 知乎上如何评价Vux 的问题欢迎大家过去吐槽

  • Bearychat 不再接受免费加入,具体原因请看 为什么要付费

  • 可关注公众号或者搜索nodeprint(不要太大期望,正要开始写文章)

    nodeprint

vux -

Published by airyland over 8 years ago

1.拆分WeUI样式,不需要引入vux.css

该版本最大的变化是拆分了WeUI样式到各个组件,真正实现按需加载。唯一需要引入的是reset样式。reset样式可以根据需要自行编写或者直接引入。具体调整如下:

  • 不再需要也不推荐引入vux.css, 这是所有组件的样式集合
  • 手动引入reset样式或者自行实现
  • vue-cli项目不再需要任何其他样式,组件里已经包含了样式
  • 常规项目需要手动引入每个组件的样式,位于 dist/components/$name/style.css

从旧版本升级

(1)如果是 vue-cli 创建的项目并且引用.vue组件

请删除原来vux.css的引入并手动在App.vue引入reset.less

<style lang="less">
@import '~vux/src/styles/reset';
</style>

注意:因为当前vue-loader在构建时并不能对重复样式进行删除,所以需要手动引用cssnano处理一下,参考: https://github.com/airyland/vux/blob/master/build/nano-css.js


(2)如果是常规形式的项目

请删除全量vux.css的引入并直接引入 reset.css

<link rel="stylesheet" type="text/css" href="vux/dist/styles/reset">

为每个调用到的组件引入相应的样式,如tab组件

<link rel="stylesheet" type="text/css" href="vux/dist/components/tab/style.css">

常规形式的项目上线前请使用合并压缩工具进行处理。

2.工具样式说明

工具样式包括1px解决方案等,位于 src/styles/.less,对于常规项目,请使用 /dist/styles/.css

3.组件说明

Checklist

  • [change] title属性不再必需
  • [enhance] 当没有title时隐藏title所在div @datoulei

Popup

  • [new] 添加hideOnBlur属性,支持点击遮罩时不自动关闭popup @unclay
  • [fix] 修复Popup里使用popup时遮罩关闭的逻辑(并不推荐这样使用) @unclay

Dialog

  • [new] 添加hideOnBlur属性,支持点击遮罩时关闭弹窗 @chenyun

XSwiper

  • [new] 添加XSwiper组件,用于更复杂的swiper需求 @xingangsun

Swiper

  • [new] 添加loop属性,支持循环轮播 @unclay
  • [new] 添加dotsClass属性,用于定义dots样式 #302
  • [new] 支持链接使用v-router link值

Datetime

  • [change] 添加placeholder, value不再可以设置为提示文字

PopupPicker, Address

  • [new] 支持on-show, on-hide事件 #300

Checker

  • [new] 支持多选 #289

Tabbar

  • [fix] 修复没有使用vue-router时报错 #295

Scroller

  • [new] 支持动态使用及停用 pullup @lichunqiang @bammoo #290

4. 针对vue-cli的vuxjs/webpack模板,方便用户快速上手

现在可以在创建项目时指定vuxjs模板了, 引入了vue-router, 妈妈再不也不担心会忘写viewport设置,不会(忘记)设置loader的问题了~

vue init vuxjs/webpack
vux -

Published by airyland over 8 years ago

v0.1.1 发布

新组件 Previewer

假如已经通过微信认证,建议直接用jssdk的preview接口,调用简单,客户端原生支持,也节省了部分脚本流量。

  • [new] 用于进行图片预览,支持滑动左右切换,放大缩小

Swiper

  • [new] 支持通过设置index实现切换
  • [new] 增加on-index-change事件

Tab

  • [new] index作为prop,支持设置index来实现切换

结合Swiper和Tab的index,可以实现联动

tab-swiper

XImg

  • [fix]修复demo图片链接
  • [change]使用on-作事件前缀 @lichunqiang

Calendar

  • [fix]修复开始时间判断问题 #238

XHeader

  • [improved]使用vux-作为样式前缀 @flynntsc #239

Swiper

  • [fix]修复因$dispatch更改为$emit引入的bug #241 @transtone 反馈

Search

  • [fix]修复愚蠢的emit拼写错误 #242 @dangyuluo 反馈

Tabbar

  • [New] 添加属性link,方便跳转 #243 @jxiaox 建议

PopupPicker

  • [fix] 更改class名避免与XHeader样式冲突 #245 by @flynntsc

1px

  • [fix] 修复构建后样式不对问题

Range

  • [fix] 修复数值可能超过设定的max值的问题 #254 @cxjava 反馈
  • [change] 取消双向绑定验证

Checklist

  • [fix] 修复动态更新数据时验证不正确问题 #259 @alexqdjay 反馈

Actionsheet

  • [change] 使用on-作事件前缀
  • [new] 增加menu.noop用法,用于设定描述类文案
  • [new] 增加事件快捷方式,假设menu名为delete,那么可以直接绑定on-click-menu-delete事件

XImg

  • [improved] 支持在scroller里进行延迟加载

Popup

  • [improved] 简化代码,支持on-show on-hide事件

PopupPicker

  • [fix] 修复取消``完成操作无效的问题 #256 @renjian93 反馈
  • [new] 增加on-show on-hide事件

Address

  • [new] 支持只显示省市 #258 @zhuqiuyang 建议
  • [improve] 渲染前检验value是否有效

新组件 Card

  • [new] 用于带有header,content,footer等内容结构的需求

Rater

  • [change] 不进行twoWay验证,用于只读形式下,使用者自行判断是否需要双向绑定 #264 by @dangyuluo

Flexbox

  • [new] 支持部分flexbox属性 #277 @transtone反馈

XTextarea

  • [improve] 使用maxlength更好处理过长文本 #276 @jsven 建议

Other

  • 代码样式化 by @bluemsn #652780f
vux - Hello World

Published by airyland over 8 years ago

vux -

Published by airyland over 8 years ago

Bug fixes.

vux -

Published by airyland over 8 years ago

vux - Fix build issue

Published by airyland over 8 years ago

Fix build issue #168

vux -

Published by airyland over 8 years ago

  • Scroller: Add scroller:reset event
  • Scroller: Fix pullup issue
vux -

Published by airyland over 8 years ago

  • Fix swiper-item umd file missing
  • Fix x-input slot name
vux - The major release before v0.1.0

Published by airyland over 8 years ago

This release brings many breaking changes.

More information will be listed...

vux -

Published by airyland over 8 years ago

Impovement

  • Datetime: Remove Zepto dependency #59
  • Swiper: Support dinamically setting list data #60
  • Swiper: Fix build problem
  • Spinner: Fix animation bug
  • Input: Rename to XInput
  • Textarea: Rename to XTextarea
  • Clocker: better way to destroy #68

API change

  • Selector
    • Remove selected prop, use value to set value directly
    • Rename change event to on-change to avoid conflict with DOM event
    • Support plain Array #62
  • Cell
    • Remove link prop