Mobile UI Components based on Vue & WeUI

Overview

Be Cool with Vue@^2.3.0 and WeUI.


Live Demo >>







Sponsors

我们的产品

Requirements

暂未适配 [email protected],请注意。

  • vue@^2.3.0(for .sync modifier)
  • webpack@^2.0
  • node@^7.6(development)

Docs

Issues

不按照 issue generator 来提交的会被关闭并 block,毕竟提醒每一个故意忽略(眼瞎、文盲或者缺少礼貌?)issue template的人也是件很浪费时间的事。

  • VUX 并不是大团队维护的项目,没有捐赠,纯靠热情,维护者有权决定什么时候处理什么问题,什么问题不处理。
    入坑请万分谨慎

  • UI 组件库和样式、功能灵活性是矛盾的。如果你需要一个高度自定义的组件库,VUX 并不适合你(即使已经在尽力提供样式变量),请不要使用,因为大部分人会抱怨的(并且只会抱怨)。

Quick Start

vux2 template is directly modified from Vue official webpack template.

npm install vue-cli -g
vue init airyland/vux2 projectPath

cd projectPath
npm install // or yarn
npm run dev // or yarn dev

Get notified


Scan with Wechat

Maintainers

Vux is Inspired or Powered By:

License

MIT

Comments
  • Vux@2.0 for Vue@2.x 预计11月初发布

    [email protected] for [email protected] 预计11月初发布

    opened by airyland 52
  • Scroller android微信端卡顿问题

    Scroller android微信端卡顿问题

    Version

    0.0.117

    Android or iOS, which browser?

    android ios 微信浏览器

    Your Codes

    <scroller lock-x scrollbar-y
                                use-pulldown
                                :use-transition="useTransition"
                                :pulldown-status.sync="pulldownStatus"
                                @pulldown:loading="load"
                                class="scroller-div"
                                :pulldown-config=pulldownConfig
                                enable-horizontal-swiping
                                :height="scrollHeight +'px'">
    
                                    <div class="scroller-container" >
                                             <div class="swiper-container">...</div>
                                             <div class="content">页面块内容 默认加载数据有两屏左右</div>
                                    </div>
                                  <div slot="pulldown" class="xs-plugin-pulldown-container xs-plugin-pulldown-down" style="position: absolute; width: 100%; height: 60px; line-height: 60px; top: -60px; text-align: center;">
                                        <span v-show="pulldownStatus === 'default'"></span>
                                        <span class="pulldown-arrow" v-show="pulldownStatus === 'down' || pulldownStatus === 'up'" :class="{'rotate': pulldownStatus === 'up'}">↓</span>
                                        <span v-show="pulldownStatus === 'loading'"><spinner type="ios-small"></spinner></span>
                                  </div>
    </scroller>
    

    在不同终端机器的微信测试

    ios iphone6 6s 微信里打开滚动效果很顺畅

    android 华为荣耀 6 华为荣耀 6+ 锤子坚果 在微信里打开出现卡顿情况,一卡一卡的体验不好

    android但用UC浏览器打开,卡顿效果不太强烈,可以正常滚动,但还是有点卡

    尝试看了一下xscroll的代码,是通过simulate-scroll处理的滚动效果的,但不确定里面的transform是否有webkit浏览器处理,个人猜测是不是要加上webkitTransform translate的处理就ok了?

    inactive issue will be closed to be investigated Android Performance component/scroller 
    opened by may00235 40
  • Uncaught TypeError: Cannot read property 'EventSource' of undefined

    Uncaught TypeError: Cannot read property 'EventSource' of undefined

    只是初始化了模板,跑起来就页面空白了,得到一个TypeError

    Uncaught TypeError: Cannot read property 'EventSource' of undefined
    

    Version

    • vux: 0.1.2
    • vue-cli: 2.1.0
    • npm: 2.15.0
    • node: 4.4.2

    Android or iOS

    PC 谷歌浏览器打开 device mode (其他浏览器也一样)

    Codes

    vue init vuxjs/webpack vux-template
    cd vux-template
    npm install
    npm install vux
    npm install less less-loader --save-dev\
    npm run dev
    

    Expected behavior and actual behavior.

    页面空白,异常信息如下 console_info

    • eventsource.js?279b?8
    /*
       * EventSource polyfill version 0.9.6
       * Supported by sc AmvTek srl
       * :email: [email protected]
     */
    ;(function (global) {
    
        if (global.EventSource && !global._eventSourceImportPrefix){
            return;
        }
    
    • app.js:1405
    eval("'use strict';\n\n;(function (global) {\n\n    if (global.EventSource && !global._eventSourceImportPrefix) {\n        return;\n    }\n\n    var evsImportName = (global._eventSourceImportPrefix || '') + \"EventSource\";\n\n    var EventSource = function EventSource(url, options) {\n\n        if (!url || typeof url != 'string') {\n            throw new SyntaxError('Not enough arguments');\n        }\n\n        this.URL = url;\n        this.setOptions(options);\n        var evs = this;\n        setTimeout(function () {\n            evs.poll();\n        }, 0);\n    };    /*这里还剩很多,省略*/");
    

    Steps to reproduce the problem

    =_=

    doc needed Usage problem 
    opened by jxunx 39
  • 按需加载时,babel-loader如何配置

    按需加载时,babel-loader如何配置

    当我按需加载vue组件时,比如

    import Sticky from 'vux/src/components/sticky/index.vue'
    

    这个组件时,因为index.vue里面包含sticky.js,但是sticky.js是用es6语法写的,而我们已经配置了babel-loaderexclude选项把node_modules排除掉了,该怎么写exclude才能把vux加入babel的编译中,文档中是否应该加入提醒?

    opened by agileago 35
  • 一个天大的误会:Vux并非微信应用号项目

    一个天大的误会:Vux并非微信应用号项目

    昨晚开始,不知道是什么原因,不少人以为Vux是微信应用号的一个demo项目,导致不少人加我微信,也给我转了捐赠(十分感谢,到手就不退了 😃 )。但是Vux目前是基于WeUI的UI库,并非微信应用号相关的东西,因为我也没有应用号内测资格,所以还不清楚具体细节。

    非Vux特意做的推广,本人价值观十分纯正,特此声明~

    opened by airyland 32
  • VUX: 如果你看到这一行,说明 vux-loader 配置有问题或者代码书写规范的原因导致无法解析成按需引入组件,会导致打包体积过大。请升级到最新版本 vux-loader,建议开启 eslint(standard)。

    VUX: 如果你看到这一行,说明 vux-loader 配置有问题或者代码书写规范的原因导致无法解析成按需引入组件,会导致打包体积过大。请升级到最新版本 vux-loader,建议开启 eslint(standard)。

    按照官网上的命令行:vue init airyland/vux2 projectName初始化了一个项目,npm run dev跑起来后控制台会出现警告: VUX: 如果你看到这一行,说明 vux-loader 配置有问题或者代码书写规范的原因导致无法解析成按需引入组件,会导致打包体积过大。请升级到最新版本 vux-loader,建议开启 eslint(standard)。 并且确实在build代码的时候会比以前慢很多,看日志是把所有的文件都编译打包了一次,比以前慢了很多。 通过一下方法进行过排除: 1、跟以前正常的项目的webpack,base.conf.js文件进行对比,没有具体出入; 2、安装以前版本的vux-loader; 3、安装以前版本的vux; 试过之后都没有解决,请作者帮忙看一下问题所在,代码初始化之后,我本身并没有做任何修改 相关版本: "dependencies": { "vux": "^2.2.0", "fastclick": "^1.0.6", "vuex-i18n": "^1.3.1", "vuex": "^2.1.1", "vue-router": "^3.0.1", "vue": "^2.5.2" }, "devDependencies": { "vux-loader": "^1.0.56", "vue-loader": "^13.3.0", }

    webpack,base.conf.js文件: `'use strict' const path = require('path') const utils = require('./utils') const config = require('../config') const vueLoaderConfig = require('./vue-loader.conf') const vuxLoader = require('vux-loader')

    function resolve (dir) { return path.join(__dirname, '..', dir) }

    let webpackConfig = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, output: { path: config.build.assetsRoot, filename: '[name].js', publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath }, resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } }, module: { rules: [ ...(config.dev.useEslint? [{ test: /.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter'), emitWarning: !config.dev.showEslintErrorsInOverlay } }] : []), { test: /.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')] }, { test: /.(png|jpe?g|gif|svg)(?.)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('img/[name].[hash:7].[ext]') } }, { test: /.(mp4|webm|ogg|mp3|wav|flac|aac)(?.)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('media/[name].[hash:7].[ext]') } }, { test: /.(woff2?|eot|ttf|otf)(?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('fonts/[name].[hash:7].[ext]') } } ] } }

    module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui', 'progress-bar', 'duplicate-style'] }) `

    vux-loader 
    opened by linsywu 30
  • [20190409]关于 VUX 的维护和发展

    [20190409]关于 VUX 的维护和发展

    VUX 已经恢复正常节奏的维护和更新,积压的 issue 和 pr 也会逐步处理掉。

    有比较长的时间没有维护这个项目,表示抱歉。从去年开始从原来公司离职成为独立开发者,成立了公司,组建了工作室,业务范围主要是小程序开发和电商系统的定制。在努力恰饭养家糊狗的时段实在是难以抽空出来维护,毕竟不能依靠微小的捐赠来生存。

    回头看的话 VUX 的代码并不优秀甚至还有点乱,不过一路折腾过来还是方便了一些使用者。当然坑是有的,也很难在各种条件下解决掉。一个 UI 库也很难满足开发者的所有需求。

    在文档左侧可以看到实时运行 vux-loader 的机器数量(匿名统计),目前每天大概有 8k 台机器在运行,实时在线机器数量在 1.5k 左右。也算一个小成就了。

    image

    挺长的时间里不敢去看问卷提交的记录,因为里面不少看了压力巨大而且可能会影响心情。

    其实如果有实践过相关的开发就可以理解为什么有些组件不支持/无法完美支持某些功能,但是很难要求开发者去考虑,所以很多时候变成了组件库的锅。

    文档会慢慢优化,毕竟要达到细致的程序确实需要时间考虑和编写。

    我只能说在开源后的至少 800 个日夜里我们(包括参与维护的同学)尽力了。我们并没有因为维护这个库提高了生活质量,相反付出了不少时间精力。规划中是有不少改进或者新的功能的,只是时间精力确实有限难以安排。

    我们欣慰于解决了一些同学的问题,也遗憾于无法满足所有开发者的需求。

    image

    用同学反映 vux-loader 过于 hack,导致维护上的麻烦。vux-loader 开发初衷是为了减少配置成本,而当初在开发的时候 vue-loader 和 webpack 并没有相关的接口或者扩展可以满足需求,于是使用了相对依赖 vue-loader 的方式,这导致每次 vue-loader 发布大版本,vux-loader 都需要做一次维护。

    值得高兴的是最近重新维护 vux-loader 时发现已经不需要使用 hack 的方式了。 目前的 vue-loader 和 webpack 已经可以使用标准的 webpack 配置方式来实现当初 vux-loader 绕了一圈才实现的功能。当初设想的高级功能也可以在近期逐步实现。

    如上面所说,近半年业务都是小程序相关,而行业内的组件库总有这些那些没有满足业务的设计或者配置,因此在规划一套新的小程序 UI 组件。和 VUX 的开发方式一样,先开发我们内部需要的组件,再扩充外部反馈需要的组件,这样的产出会更贴近业务需求。

    另外补充下:

    如果以公司名义捐赠 >= 1000 可以开具普通发票,对公账号请邮箱联系 i#mao.li。

    如有业务合作/需求可联系 we#weapp.design,工作室网站是:https://weapp.design/

    opened by airyland 27
  • popup-picker动态添加选项失败

    popup-picker动态添加选项失败

    Version

    0.0.117

    Android or iOS, which browser?

    chrome

    Your Codes

    <popup-picker  :data="cities" :columns="2" :value.sync="value4" show-name></popup-picker>
    动态添加选项
    this.cities.push({
            name: '广东',
            value: '广东',
            parent: 0
          })
          this.cities.push({
            name: '广州',
            value: '广州',
            parent: '广东'
          })
    

    Expected behavior and actual behavior.

    打log可以看到列表的数据是无误的,但显示不出来。

    Steps to reproduce the problem

    High Priority 
    opened by VinceXie 27
  • 使用 Cell 组件直接报错

    使用 Cell 组件直接报错

    Version

    npm安装 v0.1.1

    Code

    <template>
      <div>
        <group>
          <cell title="vue" value="cool"></cell>
        </group>
      </div>
    </template>
    
    <script>
      import Group from 'vux/src/components/group'
      import Cell from 'vux/src/components/cell'
    
      export default {
        components: {
          Group,
          Cell
        }
      }
    </script>
    

    Error

    Uncaught SyntaxError: Unexpected token export      router.js?bd9a:1
    
    need repro 
    opened by nigelvon 26
  • Scroller使用过程中的问题

    Scroller使用过程中的问题

    Version

    0.0.111

    所有浏览器

    我第一次尝试的代码

    <scroller lock-x scrollbar-y use-pullup
              :height="winHeight"
              :pullup-config="{content: '', downContent: '释放加载更多', upContent: '', loadingContent: '加载中...'}"
              v-on:pullup:loading="pullupLoad">
                <ul v-if="items.length">
                    <li class="ic-item clearfix" v-for="item in items">
                        <a v-link="{name:'icdetail',
                                    params: { date: item.payTime },
                                    query:{
                                        userId: $route.query.userId,
                                    }}">
                            <p class="f-l">
                                <span class="show l-h">{{item.awardNum}}元,共{{item.payCount}}笔</span>
                                <span class="show incomeDate l-h">{{item.payTime}}</span>
                            </p>
                            <p class="f-r incomeInfo">
                                <span class="">{{item.payState}}</span>
                                <i class="icon iconfont">&#xd628;</i>
                            </p>
                        </a>
                    </li>
                </ul>
            <scroller>
    
    pullupLoad: function(uuid) {
                  let self = this;
    
                  setTimeout(function(uuid){
                    if(self.end){
                      self.$broadcast('pullup:done',uuid)
                    }else{
                      self.fetchList(); //经测试,可以激活获取信息这个方法
                      setTimeout(function(){
                         self.$broadcast('pullup:reset', uuid)
                      },10)
                    }
                  },2000)
    }
    

    期望以及实际.

    期望可以实现上拉获取消息,并且信息展示滑动到最底部。 实际,获取消息方法出发,但信息展示并未滑动到最底部

    component/deprecated 
    opened by Ge-yuan-jun 25
  • popup-picker尺寸放大两倍以后,默认选中的样式,定位在第二个选项

    popup-picker尺寸放大两倍以后,默认选中的样式,定位在第二个选项

    v0.0.117

    Android and iOS

     .scroller-component{
                height: 476px;
            }
    
            .scroller-mask{
                background-size: 100% 204px;
            }
            .scroller-indicator{
                height: 68px;
                top: 204px;
            }
            .scroller-item{
                height: 68px;
                line-height: 68px;
                font-size: 32px;
            }
    
    <!--put your code here-->
    

    Expected behavior:默认选中,第一个选项 Actual behavior:默认选中的值是正确的,界面中,默认选中第二项

    省查元素发现transform的值不准确,查看源码,src/components/picker/scroller.js中有段代码:

    if (component.clientHeight === 0) {
        self.__setDimensions(238, 204)
      }
    

    可能是DOM没有加载完,clientHeight为0,默认值为238, 尝试过将该值也放大两倍,样式正确,但是无法满足移动端根据dpr适配. 请问有什么好的优化方案么?

    opened by susan-github 24
  • Previewer  预览再删除图片控制台报错

    Previewer 预览再删除图片控制台报错

    问题+步骤:使用Previewer 预览组件的时候,如果先预览一张图片,然后退出预览模式,进行删除某张图片则会报错。 vux 版本:^2.8.1。

    报错截图

    image

    代码:

      <div>
        <div class="img_box" v-for="(item, index) in list" :key="index">
          <img class="previewer-demo-img" :src="item.src" width="100" @click.stop.prevent="show(index)">
          <div class="del" @click.stop.prevent="del(index)">x</div>
        </div>
        <div v-transfer-dom>
          <previewer :list="list" ref="previewer" :options="options" @on-index-change="logIndexChange"></previewer>
        </div>
      </div>
    </template>
    
    <script>
    import { Previewer, TransferDom } from 'vux';
    
    export default {
      directives: {
        TransferDom
      },
      components: {
        Previewer
      },
      methods: {
        logIndexChange (arg) {
          console.log(arg);
        },
        show (index) {
          this.$refs.previewer.show(index);
        },
        del (index) {
          this.list.splice(index, 1);
        }
      },
      data () {
        return {
          list: [{
            msrc: 'http://ww1.sinaimg.cn/thumbnail/663d3650gy1fplwu9ze86j20m80b40t2.jpg',
            src: 'http://ww1.sinaimg.cn/large/663d3650gy1fplwu9ze86j20m80b40t2.jpg',
            w: 800,
            h: 400
          },
          {
            msrc: 'http://ww1.sinaimg.cn/thumbnail/663d3650gy1fplwvqwuoaj20xc0p0t9s.jpg',
            src: 'http://ww1.sinaimg.cn/large/663d3650gy1fplwvqwuoaj20xc0p0t9s.jpg',
            w: 1200,
            h: 900
          }, {
            msrc: 'http://ww1.sinaimg.cn/thumbnail/663d3650gy1fplwwcynw2j20p00b4js9.jpg',
            src: 'http://ww1.sinaimg.cn/large/663d3650gy1fplwwcynw2j20p00b4js9.jpg'
          }],
          options: {
            getThumbBoundsFn (index) {
              // find thumbnail element
              let thumbnail = document.querySelectorAll('.previewer-demo-img')[index];
              // get window scroll Y
              let pageYScroll = window.pageYOffset || document.documentElement.scrollTop;
              // optionally get horizontal scroll
              // get position of element relative to viewport
              let rect = thumbnail.getBoundingClientRect();
              // w = width
              return {x: rect.left, y: rect.top + pageYScroll, w: rect.width};
              // Good guide on how to get element coordinates:
              // http://javascript.info/tutorial/coordinates
            }
          }
        };
      }
    };
    </script>
    <style lang="less">
      .img_box{
        position: relative;
        .del{
          position: absolute;
          top: 0;
          left: 100px;
          width: 30px;
          height: 30px;
          border: 1px solid #000;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    </style>
    
    
    opened by tz86480 2
  • 模板vue-cli-3-example 本地重新yarn后报错

    模板vue-cli-3-example 本地重新yarn后报错

    error in ./node_modules/vux/src/components/alert/index.vue?vue&type=template&id=0222073a&

    Syntax Error: Thread Loader (Worker 0) Cannot read property 'vux.alert.button_text' of undefined at String.replace ()

    @ ./node_modules/vux/src/components/alert/index.vue?vue&type=template&id=0222073a& 1:0-582 1:0-582 @ ./node_modules/vux/src/components/alert/index.vue @ ./node_modules/vux/src/plugins/alert/util.js @ ./node_modules/vux/src/plugins/alert/index.js @ ./src/main.js

    opened by xuxia2013 1
  • I have issues building the project in Nuxt

    I have issues building the project in Nuxt

    Hello community, how are you?

    I have used the vux in Nuxt project it is working well in development, but when I tried to build it for production, I got errors.

    image

    How can I resolve this issue?

    Please let me know.

    Thanks

    opened by conglend 0
  • after npm run build, node_modules/vux/src/components Cannot read property 'vux.alert.button_text' of undefined

    after npm run build, node_modules/vux/src/components Cannot read property 'vux.alert.button_text' of undefined

    I open a console to build my vue project, it encounted a problem:

    error  in ./node_modules/vux/src/components/alert/index.vue?vue&type=template&id=0222073a&        
    Syntax Error: Thread Loader (Worker 0)
    Cannot read property 'vux.alert.button_text' of undefined
        at String.replace (<anonymous>)
    

    this is the vux tool problem, how can i deal with it ?

    opened by iou0107 2
Releases(v2.11.1)
  • v2.11.1(Sep 17, 2021)

  • v2.9.4(Apr 16, 2019)

  • v2.9.3(Apr 8, 2019)

  • v2.9.2(Jun 12, 2018)

    Confirm

    • [feature] Support prop: showCancelButton showConfirmButton #2795

    DatetimeView

    • [fix] fix render error for DOM not found #2797

    Range

    • [feature] add on-touchstart and on-touchend events #2804

    Swiper

    • [fix] fix stuck swipe after setting min-moving-distance #2773
    • [fix] fix error for repeat setting data in loop #2803

    XButton

    • [feature] support styles variable for button #2748

    XImg

    • [enhance] Support prop:separator #2744

    XInput

    • [fix] fix corsor misplce when set mask #2810

    Confirm

    • [feature] 支持 prop: showCancelButton showConfirmButton #2795

    DatetimeView

    • [fix] 修复render错误,未找到DOM元素 #2797

    Range

    • [feature] 新增on-touchstart 和 on-touchend事件 #2804

    Swiper

    • [fix] 修复设置最小移动距离后滑动卡住 #2773
    • [fix] 修复在循环模式下重复设置数据的错误 #2803

    XButton

    • [feature] button支持样式变量 #2748

    XImg

    • [enhance] 支持设置separator属性 #2744

    XInput

    • [fix] 修复设置 mask 时,光标错位的问题 #2810
    Source code(tar.gz)
    Source code(zip)
  • v2.9.1(May 11, 2018)

    Alert

    • [feature] add isVisible function for AlertPlugin #2704

    Confirm

    • [feature] add isVisible function for ConfirmPlugin #2704

    Loading

    • [feature] add isVisible function for LoadingPlugin #2704
    • [fix] fix covered by element when using scroll plugins

    Popup

    • [fix] fixed popup has black border on the right #2651

    Qrcode

    • [fix] fix missing support for Chinese works #2652

    Tab

    • [fix] fix box-sizing issue #2621. thanks to @suncodeer

    Toast

    • [feature] add isVisible function for ToastPlugin #2704

    XCircle

    • [feature] support show percent anticlockwise

    Alert

    • [feature] 添加 isVisible 获取当前显示状态 #2704

    Confirm

    • [feature] 添加 isVisible 获取当前显示状态 #2704

    Loading

    • [feature] 添加 isVisible 获取当前显示状态 #2704
    • [fix] 修复使用类 scroll 组件时会被覆盖的问题

    Popup

    • [fix] 修正弹出框右边有黑边 #2651

    Qrcode

    • [fix] 修复中文支持 #2652

    Tab

    • [fix] 修复全局 box-sizing 为 border-box 时导致的高度问题 #2621。感谢 @suncodeer

    Toast

    • [feature] 添加 isVisible 获取当前显示状态 #2704

    XCircle

      Source code(tar.gz)
      Source code(zip)
    • v2.9.0(Apr 16, 2018)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.8.1(Mar 23, 2018)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.8.0(Mar 8, 2018)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.7.9(Feb 6, 2018)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.7.8(Feb 6, 2018)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.7.7(Jan 4, 2018)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.7.6(Dec 27, 2017)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.7.5(Dec 12, 2017)

      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不对的问题
      Source code(tar.gz)
      Source code(zip)
    • v2.7.4(Nov 22, 2017)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.7.3(Nov 13, 2017)

      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 事件提前触发
      Source code(tar.gz)
      Source code(zip)
    • v2.7.2(Nov 9, 2017)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.7.1(Nov 2, 2017)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.7.0(Oct 26, 2017)

      变化

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

      头部使用 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
      Source code(tar.gz)
      Source code(zip)
    • v2.6.5(Sep 30, 2017)

      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
      Source code(tar.gz)
      Source code(zip)
    • v2.6.4(Sep 23, 2017)

      Alert

      • [feature] support prop:mask-z-index

      Calendar

      • [feature] support prop:display-format #2023

      Cell

      • [feature] support prop:align-items

      Checklist

      • [feature] support method:getFullValue #2022

      Confirm

      • [feature] support prop:mask-z-index

      Previewer

      • [feature] automatically update view if one slide is deleted

      XDialog

      • [feature] support prop:mask-z-index

      CloseDialogs

      • [feature] new plugin for closing all dialogs #2025

      Alert

      • [feature] 支持属性 mask-z-index 设置遮罩 z-index

      Calendar

      • [feature] 支持格式化值显示 #2023

      Cell

      • [feature] 支持属性 align-items

      Checklist

      • [feature] 添加方法 getFullValue 获取值和对应的显示文字 #2022

      Confirm

      • [feature] 支持属性 mask-z-index 设置遮罩 z-index

      Previewer

      • [feature] 方便删除操作,绑定数据减少一张时自动更新示图,有更多图片时切换到下一张,没有时将自动关闭预览

      XDialog

      • [feature] 支持属性 mask-z-index 设置遮罩 z-index

      CloseDialogs

      • [feature] 新插件,用于在路由切换时自动关闭所有 plugin 形式打开的弹窗,包括 alert confirm toast loading datetime #2025
      Source code(tar.gz)
      Source code(zip)
    • v2.6.3(Sep 21, 2017)

      Checker

      • [feature] support prop:radio-required #2004

      Checklist

      • [fix] now on-change params has labels as second param #2018

      Previewer

      • [fix] fix method name starts with _ will get vue(2.4.4) warning #2001
      • [feature] add method:getCurrentIndex
      • [feature] add slot:button-before slot:button-after

      Search

      • [feature] add event:on-blur

      Toast

      • [fix] fix no padding when using slot and type === text

      XInput

      • [enhance] toast error when clicking error icon #2009

      Checker

      • [feature] 支持属性 radio-required 强制单选模式下必选一项 #2004

      Checklist

      • [fix] on-change 参数支持 labels #2018

      Previewer

      • [fix] 修复组件函数名字以下划线开头将会被 Vue(2.4.4) 警告的问题 #2001
      • [feature] 添加 getCurrentIndex 方法
      • [feature] 添加 slot:button-before 和 slot:button-after

      Search

      • [feature] 添加事件 on-blur

      Toast

      • [fix] 修复 type 为 text 时使用 slot 缺失 padding 样式的问题

      XInput

      • [enhance] 点击错误图标时显示错误内容 #2009
      Source code(tar.gz)
      Source code(zip)
    • v2.6.2(Sep 18, 2017)

      Checklist

      • [feature] Support radio mode(max = 1) #1996

      Picker

      • [enhance] scroll distance respects html[data-dpr] #1979

      XAddress

      • [fix] update address data #2000

      Checklist

      • [feature] 支持 max=1 交互为单选模式 #1996

      Picker

      • [enhance] 滚动距离支持从 html[data-dpr] 换算 #1979

      XAddress

      • [fix] 更新地址数据 #2000
      Source code(tar.gz)
      Source code(zip)
    • v2.6.1(Sep 18, 2017)

      Datetime

      • [feature] support prop:compute-days-function for dynamically setting days #1992

      Grid

      • [feature] add cols props

      Scroller

      • [change] call reset in updated hook

      XInput

      • [enhance] set label for attribute #1983
      • [feature] support prop:mask

      Datetime

      • [feature] 支持属性 compute-days-function 用以动态设置日期 #1992

      Grid

      • [feature] 添加 cols 属性,自定义列数

      Scroller

      • [change] 在updated 钩子中调用reset

      XInput

      • [enhance] 为 label 设置 for 属性 #1983
      • [feature] 支持属性 mask 对输入值进行格式化
      Source code(tar.gz)
      Source code(zip)
    • v2.6.0(Sep 15, 2017)

      Calendar

      • [feature] support prop:show-popup-header

      Checker

      • [fix] Fix event:on-change do not fire when using :value binding instead of v-model #1945

      Datetime

      • [fix] fix i18n for cancel_text confirm_text

      Grid

      • [change] prop:rows is deprecated #1971

      InlineCalendar

      • [feature] (beta) Support prop:marks to style specified date item
      • [fix] fix i18n for days

      LoadMore

      • [feature] support less variable @load-more-tip-background-color

      Panel

      • [enhance] support list prop:fallbackSrc #1923

      PopupRadio

      • [fix] fix placeholder logic #1964

      Swiper

      • [enhance] support fallbackImg for prop:list #1923

      XDialog

      • [fix] fix body still scrolls when scrolling on dialog

      XImg

      • [fix] re-initialize when src is changed #1901

      Calendar

      • [feature] 支持显示弹窗头部(取消,确定)

      Checker

      • [fix] 修复 on-change 事件 在使用 :value 绑定的情况下不触发 #1945

      Datetime

      • [fix] 修复取消文字、确认文字国际化显示问题

      Grid

      • [change] rows 属性已经废弃,使用自动计算 #1971

      InlineCalendar

      • [feature] (beta) 支持属性 marks 用以自定义特定日期显示样式
      • [fix] 修复星期文字 i18n

      LoadMore

      • [feature] 支持 @load-more-tip-background-color 全局设置文字背景颜色

      Panel

      • [enhance] 支持列表 fallbackSrc 属性在图片加载失败后显示 #1923

      PopupRadio

      • [fix] 修复 placeholder 显示逻辑 #1964

      Swiper

      • [enhance] 支持 list.fallbackImg 属性在图片加载失败时显示预设图片 #1923

      XDialog

      • [fix] 修复弹窗滑动时 body 区域依然会滚动的问题

      XImg

      • [fix] 当 src 变化时重新初始化 #1901
      Source code(tar.gz)
      Source code(zip)
    • v2.5.12(Sep 10, 2017)

      FormPreview

      • [fix] Fix layout issue when header-value is empty #1935

      InlineCalendar

      • [feature] add method:switchViewToToday switchViewToMonth
      • [feature] support event:on-view-change

      Popup

      • [fix] clean vux-modal-open on beforeDestroy and deactivated #1921

      XDialog

      • [change] prop:scroll is deprecated #1858 #1877

      Datetime

      • [fix] Fix datetime show multiple times #1927

      FormPreview

      • [fix] 修复 header-value 为空时的错位问题 #1935

      InlineCalendar

      • [feature] 支持 switchViewToToday, switchViewToMonth 等手动渲染方法
      • [feature] 支持事件 on-view-change,方便切换月份时请求数据

      Popup

      • [fix] 在 beforeDestroy 和 deactivated 事件中清除设置于 body 上的 vux-modal-open 类名 #1921

      XDialog

      • [change] 属性 scroll 已经废弃,仅对配置为 100% 布局的情况实现阻止滚动 #1858 #1877

      Datetime

      • [fix] 修复多次调用重复显示的问题 #1927
      Source code(tar.gz)
      Source code(zip)
    • v2.5.11(Sep 5, 2017)

      Datetime

      • [fix] fix :show.syc="false" do no work #1918
      • [fix] fix prop:compute-hours-function not working when month is changed

      InlineCalendar

      • [feature] support method:getDates
      • [feature] support less variable @calendar-bg-color

      Popup

      • [fix] add vux-modal-open only when global config:$layout is VIEW_BOX #1893

      Datetime

      • [fix] 修复 :show.sync 设为 false 无效 #1918
      • [fix] 修复特定情况下月份变化不会触发小时重新渲染的问题

      InlineCalendar

      • [feature] 支持方法 getDates 用于需要获取渲染日期列表的场合
      • [feature] 支持 less 变量 @calendar-bg-color

      Popup

      • [fix] 仅在全局配置 $layout = VIEW_BOX 时用 fixed body 的形式阻止页面滚动 #1893
      Source code(tar.gz)
      Source code(zip)
    • v2.5.10(Aug 30, 2017)

      Calendar

      • [feature] Support prop:placeholder

      Datetime

      • [feature] support @cell-value-color #1874

      Marquee

      • [feature] Support prop:item-height #1885

      PopupPicker

      • [feature] support @cell-value-color #1874

      PopupRadio

      • [feature] support @cell-value-color #1874

      Popup

      • [fix] Fix class helper typo issue #1893

      Previewer

      • [enhance] Support method:goTo #1888

      Calendar

      • [feature] 支持 prop:placeholder

      Datetime

      • [feature] 值文字颜色受控于 @cell-value-color #1874

      Marquee

      • [feature] 支持 prop:item-height #1885

      PopupPicker

      • [feature] 值文字颜色受控于 @cell-value-color #1874

      PopupRadio

      • [feature] 值文字颜色受控于 @cell-value-color #1874

      Popup

      • [fix] 修复 class 工具函数拼写错误 #1893

      Previewer

      • [enhance] 支持 goTo 方法 #1888
      Source code(tar.gz)
      Source code(zip)
    • v2.5.9(Aug 29, 2017)

      Datetime

      • [fix] fix error when format is YYYY #1861

      InlineCalendar

      • [fix] donot set value to empty string when clicking on current selected item #1862

      PopupHeader

      • [fix] fix wrong slot name

      Popup

      • [fix] Fix layout errors when body not set 100% width #1867

      Sticky

      • [fix] Fix scrollTop always return 0 #1827

      XAddress

      • [feature] prop:show supports the .sync modifier

      Datetime

      • [fix] 修复格式为 YYYY 时的报错 #1861

      InlineCalendar

      • [fix] 点击当前日期项时不把值置为空 #1862

      PopupHeader

      • [fix] 修复错误的 slot 名字

      Popup

      • [feature] 修复当body没有设置100%宽度时出现的布局错乱问题 #1867

      Sticky

      • [fix] 修复 scrollTop 总是返回0的问题 #1827

      XAddress

      • [feature] prop:show 支持.sync修饰
      Source code(tar.gz)
      Source code(zip)
    • v2.5.8(Aug 16, 2017)

      Confirm

      • [feature] Support method:setInputValue for plugin #1846

      InlineCalendar

      • [fix] fix on-change event fires twice #1847

      PopupPicker

      • [fix] prevent background scrolling when popup is show #1830

      Toast

      • [fix] Toast's zIndex should be higher than XDialog's #1820

      XAddress

      • [feature] Add prop:show to control visibility

      Confirm

      • [feature] 插件支持 setInputValue 方法 #1846

      InlineCalendar

      • [fix] 修复 on-change 事件触发两次问题 #1847

      PopupPicker

      • [fix] popup显示时阻止背景滚动 #1830

      Toast

      • [fix] zIndex 值应该比 XDialog 大 #1820

      XAddress

      • [feature] 新增 prop:show 控制是否显示
      Source code(tar.gz)
      Source code(zip)
    Owner
    Airyland
    You may say I'm a dreamer, but I'm not the only one. https://werss.app
    Airyland
    基于vue3.0-ts-Element集成的简洁/实用后台模板!《带预览地址》vue-admin;vue+admin;vue-element;vue+element;vue后台管理;vue3.0-admin;vue3.0-element。

    一、基于vue3.0+ts+Element通用后台admin模板 二、在线预览地址:http://admin.yknba.cn/ 三、下载使用: 1、克隆代码 通过git将代码克隆到本地;或者使用下载安装包模式进行下载。 2、进入目录 进入项目的根目录:vue3.0-ts-admin 3、安装依

    null 64 Dec 16, 2022
    Mobile UI Components, based on Vue.js and ionic CSS

    Mobile UI Components, based on Vue.js and ionic CSS

    王大虎 3.4k Dec 23, 2022
    Lightweight Mobile UI Components built on Vue

    Vant Mobile UI Components built on Vue ?? 文档网站(国内) ?? 文档网站(GitHub) ???? 中文版介绍 Features 65+ Reusable components 1kb Component average size (min+gzip) 9

    有赞 20.7k Dec 31, 2022
    🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

    Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | 简体中文 Features An enterprise-class UI design system for desktop

    vueComponent 17.6k Jan 9, 2023
    Lightweight UI components for Vue.js based on Bulma

    Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. Features Keep your current Bulma theme / va

    Buefy 9.4k Jan 8, 2023
    Mobile UI elements for Vue.js

    Mint UI Mobile UI elements for Vue 2.0 Homepage Documentation Installation npm i mint-ui -S # for Vue 1.x npm i mint-ui@1 -S Usage Import all compone

    饿了么前端 16.5k Jan 8, 2023
    :large_orange_diamond: A fantastic mobile ui lib implement by Vue

    cube-ui A fantastic mobile ui lib implement by Vue. Links Home Docs Example Application Guide Communication New cube-ui project ? Recommend use the CL

    DiDi 9k Jan 2, 2023
    Vue Native is a framework to build cross platform native mobile apps using JavaScript

    Vue Native Visit our website at vue-native.io or read the official documentation here. Build native mobile apps using Vue Vue Native is a framework to

    GeekyAnts 8.4k Jan 6, 2023
    :tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

    English | 简体中文 | 日本語 | Spanish SPONSORED BY 活动服务销售平台 客户消息直达工作群 Introduction vue-element-admin is a production-ready front-end solution for admin inter

    花裤衩 80.1k Dec 31, 2022
    :eyes: Vue in React, React in Vue. Seamless integration of the two. :dancers:

    vuera NOTE: This project is looking for a maintainer! Use Vue components in your React app: import React from 'react' import MyVueComponent from './My

    Aleksandr Komarov 4k Dec 30, 2022
    🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

    vue3-element-admin ?? 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统 简介 vue3-element-admin 是一个后台前端解决方案,它基于 vue3 和 element-plu

    雪月欧巴 84 Nov 28, 2022
    Jenesius vue modal is simple library for Vue 3 only

    Jenesius Vue Modal Jenesius vue modal is simple library for Vue 3 only . Site Documentation Installation npm i jenesius-vue-modal For add modals in yo

    Архипцев Евгений 63 Dec 30, 2022
    A template repository / quick start to build Azure Static Web Apps with a Node.js function. It uses Vue.js v3, Vue Router, Vuex, and Vite.js.

    Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js

    Marc Duiker 6 Jun 25, 2022
    Mosha-vue-toastify - A light weight and fun Vue 3 toast or notification or snack bar or however you wanna call it library.

    Mosha Vue Toastify A lightweight and fun Vue 3 toast or notification or snack bar or however you wanna call it library. English | 简体中文 Talk is cheap,

    Baidi Liu 187 Jan 2, 2023
    A plugin that can help you create project friendly with Vue for @vue/cli 4.5

    vue-cli-plugin-patch A plugin that can help you create project friendly with Vue for @vue/cli 4.5. Install First you need to install @vue/cli globally

    null 2 Jan 6, 2022
    Veloce: Starter template that uses Vue 3, Vite, TypeScript, SSR, Pinia, Vue Router, Express and Docker

    Veloce Lightning-fast cold server start Instant hot module replacement (HMR) and dev SSR True on-demand compilation Tech Stack Vue 3: UI Rendering lib

    Alan Morel 10 Oct 7, 2022
    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the

    Storybook 75.9k Jan 9, 2023
    New Framework Components for Vue.js 2

    Supporting through Patreon Vuesax is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this

    Lusaxweb 5.5k Dec 30, 2022
    Manage HTML metadata in Vue.js components with SSR support

    ✌️ ?? Check the next branch for Vue3 support Manage HTML metadata in Vue.js components with SSR support <template> ... </template> <script> expor

    Nuxt 4k Jan 1, 2023