vuecomponent / ant-design-vue

🌈 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 applications.
• A set of high-quality Vue components out of the box.
• Shared Ant Design of React design resources.

Getting started & staying tuned with us.

Star us, and you will receive all releases notifications from GitHub without any delay!

Environment Support

• Modern browsers. v1.x support Internet Explorer 9+ (with polyfills)
• Server-side Rendering
• Support Vue 2 & Vue 3
• Electron

IE / Edge	Firefox	Chrome	Safari	Opera	Electron
Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Using npm or yarn

We recommend using npm or yarn to install, it not only makes development easier, but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

$ npm install ant-design-vue --save

$ yarn add ant-design-vue

If you are in a bad network environment, you can try other registries and tools like cnpm.

Links

• Home page
• Vue
• Ant Design Of React

Ecosystem

Project	Description
vue-ref	You can use the callback to get a reference like react
ant-design-vue-helper	A vscode extension for ant-design-vue
vue-cli-plugin-ant-design	Vue-cli 3 plugin to add ant-design-vue
vue-dash-event	The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase)
@formily/antdv	The Library with Formily and ant-design-vue
@ant-design-vue/nuxt	A nuxt module for ant-design-vue

Donation

ant-design-vue is an MIT-licensed open source project. In order to achieve better and sustainable development of the project, we expect to gain more backers. You can support us in any of the following ways:

• Patreon
• opencollective
• paypal
• 支付宝或微信
• ETH: 0x30cc48515d8ae9fefa20ab87226ad7e8ab9c3bc2

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

More Sponsor (From Patreon、alipay、wechat、paypal...)

Contributors

Thank you to all the people who already contributed to ant-design-vue!

This project is tested with BrowserStack.

ant-design-vue's Issues

导入组件好变扭

现在需要一个一个导入，希望作者能够跟elelement一样，一句话导入

参与共建咨询讨论等可加QQ群

参与共建咨询讨论等可加QQ群217490093
不过提bug还是要提issue的，谢谢！
加群提问前建议阅读 提问的智慧
如果你连文档都不会看，还是不要进群了！！！

某些组件在旧版IOS上无法使用

组件版本为："vue-antd-ui": "^0.5.1",

使用环境为：web应用在浏览器中使用，chrome正常，mac safari正常

遇到问题：新版本的ipad浏览器可以正常使用，但在旧版本的ipad，ios9.3.5系统中组件无法显示，格栅中的内容也不能被显示出来，旧版本ipad安装360极速版组件也不能正常表达，初步考虑问题出在了webview上，怎么处理

组件backTop无效

官网的backTop组件不起作用

Users Research 使用者调研

如果您和您的公司或组织使用了 ant-design-vue ，非常感谢您的支持，欢迎留下公司或产品名，您的回复将成为维护者、社区用户和观望者的信心来源。

在不泄露信息的前提下，建议把截图晒一晒~
无关回复将会定期删除

推荐回复格式：

- 产品：
- 公司或组织：（如果可以）
- 链接：（如果可以）
- 截图：（如果可以）

We appreciate you support if you or your organization is using ant-design-vue. You are welcome to leave replies about your product and organization here, which could became the confidence of maintiners, communication and undecided watchers.

Recommended reply format:

- Product：
- Company or Organization: (if any)
- Link: (if any)
- Screenshot: (if any)

【 FEATURE】momentjs后面是否有可能换成dayjs

群友介绍了dayjs，发现这个组件比momentjs轻量，且api与momentjs一样。
想了解下是否可能换为momentjs。如果不会的话我就自己单独调整修改。

固钉在 <router-view></router-view> 中会异常

版本：

0.6.1

问题：

在router-view中 通过菜单push，按钮正常

点击浏览器刷新

【DEMO】关于form的template语法自动校验功能建议

由于项目正在从iview迁移过来，所以在使用vue-antd-ui的过程中会有不少的疑问。得知0.6.2支持template语法自动校验功能，于是便和团队一起尝试了下，发现在实际操作中还是有诸多不便，下面仅仅以登陆为例说明。
之前的demo请参考 #43

1、
:fieldDecoratorOptions="{rules: [{ required: true, message: 'Please input your name' }]}" 改为
:fieldDecoratorOptions="[{ required: true, message: 'Please input your name' }]"会不会好些。
虽然可以这样：:fieldDecoratorOptions="{rules: [d_rules]}" 其中d_rules是Vue 实例的数据，但是我们在将fieldDecoratorOptions绑定到vue实例数据时候：

不可能这样干：
account: {
rules: [{规则一},{规则二}]
},
password:{
rules: [{规则一},{规则二}]
}
更多的是这样：
rules: {
account: [{规则一},{规则二}],
password: [{规则一},{规则二}],
}

2、:fieldDecoratorOptions是否可能去掉，像iview一样在a-form指定rules

期待得到优化，感谢大家的付出。

下面这个demo是之前iview实现的自动校验，线上正在使用，自动校验基于 async-validator，blur事件也会触发校验。不得不说已经尽量简洁了。

<template>
  <div class="login">
    <!-- 表单 -->
    <Form ref="form" :model="d_form" :rules="d_form_check">
      <Form-item prop="account">
        <i-input ref="d_form.account" v-model="d_form.account" :maxlength="32" type="text" size="large" autocomplete="off" spellcheck="false" placeholder="用户名/邮箱"></i-input>
      </Form-item>
      <Form-item ref="password" prop="password">
        <i-input ref="d_form.password" v-model="d_form.password" :maxlength="32" type="password" size="large" autocomplete="off" spellcheck="false" placeholder="6~32位密码"></i-input>
      </Form-item>
      <Checkbox class="remember" v-model="d_form.remember">七日内免登录</Checkbox>
      <Button v-on:click="submit()" type="primary" size="large" long>账号登录</Button>
    </Form>
  </div>
</template>

<script>
import {sleep} from '../../libs/function'
import apiMe from '../../api/me'

export default {
  data() {
    return {
      d_loading: false,
      d_form: {
        account: '',
        password: '',
        remember: false
      },
      d_form_check: {
        account: [
          {
            trigger: 'blur',
            required: true,
            message: '用户名不能为空！'
          },
          {
            trigger: 'blur',
            async validator(rule, value, callback) {
              let type = ''
              if (/^1[34578]{1}\d{9}$/.test(value)) type = 'phone'
              else if (/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test(value)) type = 'email'
              else if (/^(?!\d+)[a-zA-Z0-9_-]{1,32}$/.test(value)) type = 'username'
              else return callback(new Error('账号格式错误！'))

              let res = await apiMe.uniqueness(type, value)
              if (!res.data) return callback(new Error('该账号未注册！'))

            }
          }
        ],
        password: [
          {
            trigger: 'blur',
            required: true,
            message: '密码不能为空！'
          },
          {
            trigger: 'blur',
            min: 6,
            message: '密码至少6位！'
          }
        ]
      }
    }
  },
  watch: {
    'd_form.account': function(newValue) {
      this.d_form.account = newValue.toLowerCase()
    }
  },
  methods: {
    async submit() {
      if (this.d_loading) return
      this.d_loading = true
      this.$refs.form.validate(async errors => {
        if (!errors) {
          this.d_loading = false
          return false
        }
        await this.$store.actions('me/login', {
          form: this.d_form,
          cbRes: async () => {
            this.$router.push({path: '/home'})
          },
          cbErr: async err => {
            this.$refs.password.error = ''
            await sleep(200)
            if (err.response.data.error.code === 'LOGIN_FAILED') this.$refs.password.error = '账号或密码错误！'
            if (err.response.data.error.code === 'LOGIN_FAILED_EMAIL_NOT_VERIFIED') this.d_code = -1
          }
        })
        await sleep(1000)
        this.d_loading = false
      })
    }
  }
}
</script>

<style lang="less" scoped>
.remember {
  padding-left: 2px;
  margin-bottom: 12px;
}
</style>

[suggestion] del `.vscode` from git and add it to `.gitignore`

oh my god, I will be crazy, git always tracks it when i modify my workspace setting.

thanks.

Change a-input-search v-model's output to String

请严格按照如下模板反馈bug，尤其是复现bug的demo链接，不合规范的issue会被立刻关闭！！！

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

example

Steps to reproduce

add an a-input-search with a v-model

What is expected?

v-model value would be string

What is actually happening?

v-model's value is an object containing the event

---

...

【BUG】table组件的loading为true，dataSource为空数组情况下，emptyText会消失

vue-antd-ui版本：0.6.2
vue版本：2.5.16

疑是 ant-design/components/vc-table/src/Table.jsx 441行代码造成。
已知可以通过<a-table>外部包裹<a-spin>修复解决。

测试代码：
<a-table :loading="true" :columns="d_columns" :dataSource="[]"></a-table>

正确状态：
<a-table :loading="false" :columns="d_columns" :dataSource="[]"></a-table>

Form表单使用jsx，<style>加上scoped，样式不生效

Version

0.6.4

Environment

win7/Firefox

What is expected?

<style>加上scoped，样式能生效

What is actually happening?

<style>加上scoped，样式不生效
https://vuecomponent.github.io/ant-design/components/form-cn/#components-form-demo-dynamic-form-item

table customRow不起作用

• I have searched the issues of this repository and believe that this is not a duplicate.
  是

Version

最新

Environment

chrome

Reproduction link

example

Steps to reproduce

..

What is expected?

点击事件应该起效

What is actually happening?

行点击事件不起作用

---

...

DatePicker

发现很多还是和react版本差很多，不知道作者的进度安排是什么呢？多久能赶上现在的react版本呢？

input组件使用value绑定数据，不能实现双向绑定

html

<a-input :value="addValue" placeholder="输入需要增加的次数"/>

data

    data() {
            return {
                addValue: 12344,
                increase: false,
                dataSource: []
            }
        }

如上所示代码，无法实现双向绑定，既无法删除输入框内的数据，也无法通过输入框修改输入框内的数据

Should use `Vue.use` to install the library

首先感谢提供这么棒的ant design的Vue实现。
我已经进行了一些基本的尝试，体验还不错，但是有一个比较头疼的问题，就是每一个组件都需要import之后再使用Vue.component进行注册。而且官网上没有直接告诉我们应当导入哪一个组件，怎么去注册。只是给出了一个componen list的链接，在里面你们给出了所有组件的注册示例。所以现在我在开发的时候必须打开这个文件，添加组件的时候去参考里面的内容。使用起来不太方便。
通常情况下在Vue组件库中应当提供install方法注册所有组件，使用者在使用的时候可以直接使用Vue.use()去导入整个组件库，不需要每次导入并且指定组件名。

求带单元格编辑功能的表格。的API详细的

例如如何配置一行多个可编辑的并不是全部编辑。

按需引入Form组件提示:Failed to resolve directive: ant-ref

import Vue from 'vue';
import { Button,Form } from 'vue-antd-ui';
Vue.component(Button.name, Button);

Vue.component(Form.name, Form);
Vue.component(Form.Item.name, Form.Item);
复制运行了登录的demo。

固定表头 添加scroll后会导致表头不见

Version

"vue-antd-ui": "^0.5.4"

Environment

node 8.11.2

Reproduction link

No link

###Problem
只要往表格里面放入:scroll="{ y: 240 }"，就会出现表头消失不见。

我试过将此链接整个代码原封不动拿入工程
https://vuecomponent.github.io/ant-design/components/table-cn/#components-table-demo-fixed-header
运行结果依然是无表头 去掉scroll表头出现如下图

The select component in popver will autoclose when selete item

version: 0.6.1
This bottom is the small example,

<template lang="pug">
a-popover(
  placement="bottomRight"
  trigger="click"
  )
    div#content(slot="content")
      a-select()
        a-select-option() xxx
        ... 
</template>

When I click the select item, the popover will be colsed, but I only expect colsed when outside the content element.

单元测试计划

组件库暂时缺少单元测试，因精力有限，希望通过社区共建的方式来尽快完成所有组件的测试用例，进一步提高组件的正确性、稳定性等。

认领列表

组件	认领状态	认领人	完成情况
Affix
AutoComplete
Alert
Avatar
BackTop
Badge
Breadcrumb
Button	已认领	tangjinzhou	已完成
Calendar
Card
Collapse
Cascader
Checkbox
Col
DatePicker
Divider
Dropdown
Form
Icon
Input
InputNumber
Layout
LocaleProvider
Menu
Modal
Pagination
Popconfirm
Popover
Progress
Radio
Rate
Row
Select
Slider
Spin
Steps
Switch
Table
Transfer
Tree
Tabs
Tag
TimePicker
Timeline
Tooltip
Upload

开发文档

• 可参考Button组件进行测试用例开发
• 测试命令：npm run test
• 贡献指南：参考如何优雅地在github上贡献代码

相关技术文档

• jest
• vue单元测试

认领方式

大家可以在下面的 issue 评论认领，有任何疑问可以通过QQ群 217490093 联系我们

固定表头 会导致表头不见了

Font Awesome Icons with <Menu>

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

0.5.4

Steps to reproduce

1. Include font-awesome in the app
2. Add a element with a font-awesome class, e.g. <i class="far fa-clipboard-check" /> inside a <MenuItem>

What is expected?

Render icon only when the <Sider> is collapsed

What is actually happening?

Icon is rendered correctly when the <Sider> is expanded
When collapsed, however, part of the menu item text is still visible.

为啥没有走马灯的组件？

请严格按照如下模板反馈bug，尤其是复现bug的demo链接，不合规范的issue会被立刻关闭！！！

• I have searched the issues of this repository and believe that this is not a duplicate.

Version2.0

...

Environment

...node8.9.3,npm 6.1.0,win8.1

Reproduction link

example

Steps to reproduce

..

What is expected?

...

What is actually happening?

...

---

...

timeline 组件文字显示不完全

• [ y] I have searched the issues of this repository and believe that this is not a duplicate.

[Version]

...vue-antd-ui 0.4.3

Environment

...vue 2.5.2

Reproduction link

example

Steps to reproduce

... 1.导入antd timeline组件
2.再页面上使用timeline组件的demo

input-number lost css class

Version

vue-antd-ui: 0.4.2

Environment

webBroswer: Chromium 66, firefox 59
node.js: v8.9.4
npm: 5.6.0
vue: 2.5.2

Steps to reproduce

<a-input-number :min="1" :max="10" v-model="form.step" @change="onChange" />

What is expected?

a number input box

What is actually happening?

here is the html:

<div data-v-0581c1e5="" class="ant-input-number">
  <div class="ant-input-number-handler-wrap">
    <span unselectable="unselectable" role="button" aria-label="Increase Value" class="ant-input-number-handler ant-input-number-handler-up ">
      <span unselectable="unselectable" class="ant-input-number-handler-up-inner"></span>
    </span>
    <span unselectable="unselectable" role="button" aria-label="Decrease Value" aria-disabled="true" class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled">
      <span unselectable="unselectable" class="ant-input-number-handler-down-inner"></span>
    </span>
  </div>
  <div role="spinbutton" aria-valuemin="1" aria-valuemax="10" aria-valuenow="1" class="ant-input-number-input-wrap">
    <input autocomplete="off" max="10" min="1" step="1" class="ant-input-number-input">
  </div>
</div>

html都有，但是a-input-number似乎缺少class了

组件backTop不起作用

官网给出的例子不起作用

【DEMO】登陆form的template语法表单自动验证

简要阐述：

该demo已完善，很精炼。

这里的自动也只是绑定了个blur事件……不过很好用。

表单验证还是自己写逻辑好，便于控制流程，其次是安全性处理。就算是sync-validator也只是简化了些代码。

其他：
为什么会有d_data这种莫名其妙的命名？其实还可能有c_data，只是为了区分变量来自data或computed，便于在看template的时候大致了解数据来源，其次减少命名难度，我可以同时存在d_password和c_password。

我贴的代码肯定还有好些地方写得不好，希望有大神能提出来让我改进下。表单验证还是用函数来解决吧，正则一下也不复杂。更多交流直接进群吧。这个vue-ant-design在表单处理这保留了jsx处理办法其实挺好的，只是个人觉得没必要用jsx处理表单。

<template>
  <a-form class="login" layout="horizontal">
    <a-form-item :validateStatus="d_help.account.length?'error':'success'" :help="d_help.account">
      <a-input @blur="checkAccount()" v-model="d_form.account" size="large" maxlength="32" autocomplete="off" spellcheck="false" placeholder="用户名/邮箱" />
    </a-form-item>
    <a-form-item :validateStatus="d_help.password.length?'error':'success'" :help="d_help.password">
      <a-input @blur="checkPassword()" v-model="d_form.password" size="large" maxlength="32" autocomplete="off" spellcheck="false" placeholder="6~32位密码" type="password" />
    </a-form-item>
    <a-checkbox v-model="d_form.remember">七日免登陆</a-checkbox>
    <a-button class="submit" @click="submit()" :loading="d_loading" size="large" type="primary">账号登录</a-button>
  </a-form>
</template>

<script>
import {sleep} from '../../libs/function'
import apiMe from '../../api/me'

export default {
  data() {
    return {
      d_loading: false,
      d_form: {
        account: '',
        password: '',
        remember: false
      },
      d_help: {
        account: '',
        password: ''
      }
    }
  },
  watch: {
    'd_form.account': function(newValue) {
      this.d_form.account = newValue.toLowerCase()
    }
  },
  methods: {
    async submit() {
      if (this.d_loading) return false
      if (await this.checkAccount()) return false
      if (this.checkPassword()) return false
      this.d_loading = true
      await this.$store.actions('me/login', {
        form: this.d_form,
        cbRes: async () => {
          this.$router.push({path: '/user/monitor'})
        },
        cbErr: async err => {
          await sleep(200)
          if (err.response.data.error.code === 'LOGIN_FAILED') return this.d_help.password = '账号或密码错误！'
          if (err.response.data.error.code === 'LOGIN_FAILED_EMAIL_NOT_VERIFIED') this.d_code = -1
        }
      })
      await sleep(1000)
      this.d_loading = false
    },
    async checkAccount() {
      let _value = this.d_form.account
      let _type = ''
      if (_value == '') return this.d_help.account = '账号不能为空！'
      if (/^1[34578]{1}\d{9}$/.test(_value)) _type = 'phone'
      else if (/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test(_value)) _type = 'email'
      else if (/^(?!\d+)[a-zA-Z0-9_-]{1,32}$/.test(_value)) _type = 'username'
      else return this.d_help.account = '账号格式错误！'
      this.d_loading = true
      let res = await apiMe.uniqueness(_type, _value)
      await sleep(1000)
      this.d_loading = false
      if (!res.data) return this.d_help.account = '该账号未注册！'
      return this.d_help.account = ''
    },
    checkPassword() {
      let _value = this.d_form.password
      if (_value === '') return this.d_help.password = '密码不能为空！'
      if (_value.length < 6) return this.d_help.password = '密码至少6位！'
      return this.d_help.password = ''
    }
  }
}
</script>

<style lang="less" scoped>
.login {
  margin-top: 24px;
  padding: 2px;
}
.submit {
  margin-top: 12px;
  width: 100%;
}
</style>

Row组件报错

Chrome使用正常，Firefox ESR 45.9 & IE 11 Row组件报错

文字子节点，正常显示

<a-row type="flex" justify="center" align="top">
  AAAAA
</a-row>

组件子节点，Firefox ESR 45.9 & IE 11报错

<a-row type="flex" justify="center" align="bottom">
  <a-icon type="area-chart" />
</a-row>

Cannot read property 'querySelectorAll' of undefined

Cannot read property 'querySelectorAll' of undefined
<a-table rowKey='id' :columns="columns" :scroll="{ x: 1900,y:700 }" :dataSource="data" :loading='loadingData' @change="handleChange" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"/>
去掉
:loading='loadingData' @change="handleChange" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" 就不会出现这个错误

气泡确认框没有效果。

表单校验规则自定义

在文档里没有给出如何配置输入控件的校验规则，请教一下如何配置？

https://vuecomponent.github.io/ant-design/components/form-cn/#components-form-demo-customized-validation

这个项目会和ant-design高度一致吗？

长期使用iview，但是iview的css样式定制一直是一个坑，想转移一下阵地。

[Bug Report] Popover代码演示章节，点击从浮层内关闭的【Click me】按钮无反应

Version

0.6.2

Environment

win7/ Chrome,FireFox

Reproduction link

none

Steps to reproduce

https://vuecomponent.github.io/ant-design/components/popover-cn/

What is expected?

Popover代码演示章节，点击从浮层内关闭的【Click me】按钮无反应

What is actually happening?

弹出气泡式的卡片浮层。

【建议】能否支持一个输入框的双日历显示

Version

0.63

What is expected?

类似这种：

changelog?

请问是否可以使用CDN方式使用？具体怎么用

想用例CDN方式引用，不想使用node.js

Warnings when using Form

请严格按照如下模板反馈bug，尤其是复现bug的demo链接，不合规范的issue会被立刻关闭！！！

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

0.6.3

Environment

node 8.11.2

Steps to reproduce

add a form

What is expected?

no warning

What is actually happening?

 WARNING  Compiled with 2 warnings                                        14:25:37

 warning  in ./node_modules/vue-antd-ui/es/form/index.js

"export 'FormComponentProps' was not found in './Form'

 warning  in ./node_modules/vue-antd-ui/es/form/index.js

"export 'ValidateCallback' was not found in './Form'

---

The missing exports is not really in ./Form

浏览器兼容性好差

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

...

Environment

...

Reproduction link

example

Steps to reproduce

..

What is expected?

...

What is actually happening?

目前测试只有Chrome能运行

---

...

引用menu的时候会报错: Menu children not support undefined

tree组件设置defaultExpandAll 异步获取值的情况下不会自动展开所有节点

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

...0.5.1

Environment

...vue2.5.2

Reproduction link

example

Steps to reproduce

...1.设置a-tree标签
2.默认的treeNodes值设置为空数组
3.在mounted组件加载的时候给treeNodes的值赋值

What is expected?

... 应该是只有第一次获取值不是空的才能正确展开全部节点

doc 中的 affix 存在 bug

复现：
在 Fixed at the top of container 按钮的container中滚动鼠标，激活了此按钮的 fixed，然后离开 container，在页面其他地方scroll，Fixed at the top of container 按钮已经脱离了 container。

layout布局没有吗？

layout组件预计什么时候上线

模态框是否支持显示确定或者取消按钮的其中一个

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

...0.4.1

Environment

...vue2.5.2

Question

...模态框中能不能指定只显示Ok或者Cancel其中的一个

---

...

Select选择器的使用

• I have searched the issues of this repository and believe that this is not a duplicate.

描述

现在的select选择器使用起来感觉有点冗余，是否可以简化一下？

现在

<a-select v-model="value">
    <a-select-option v-for="option of options"
        :value="option.value" :key="option.value">{{option.label}}</a-select-option>
</a-select>

可以这样?

<a-select v-model="value" :data-source="options"></a-select>

What is actually happening?

...

---

...

这个项目可以用在生产环境中了吗？

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

Environment

...

Reproduction link

example

Steps to reproduce

..

What is expected?

如果我想在生产环境中使用？可以吗？你这个能支持多久？

What is actually happening?

...

---

...

menu在收起的情况下@click事件会报错，@select却不会报错但是无法取到父级的subkey

如题

Cannot read property 'layout' of undefined

Version

0.6.1

Environment

{ 'version-tag-prefix': 'v',
  'version-git-tag': true,
  'version-commit-hooks': true,
  'version-git-sign': false,
  'version-git-message': 'v%s',
  'init-version': '1.0.0',
  'init-license': 'MIT',
  'save-prefix': '^',
  'bin-links': true,
  'ignore-scripts': false,
  'ignore-optional': false,
  registry: 'https://registry.npm.taobao.org',
  'strict-ssl': true,
  'user-agent': 'yarn/1.7.0 npm/? node/v8.11.2 win32 ia32',
  'cache-folder': 'D:\\Program Files (x86)\\nodejs\\yarn_cache',
  lastUpdateCheck: 1529443503735,
  prefix: 'D:\\Program Files (x86)\\nodejs\\yarn_global',
  bin: 'D:\\Program Files (x86)\\nodejs\\yarn_global\\bin' }
info npm config
{ prefix: 'D:\\Program Files (x86)\\nodejs\\npm_global',
  cache: 'D:\\Program Files (x86)\\nodejs\\npm_cache',
  registry: 'https://registry.npm.taobao.org',
  electron_mirror: 'https://npm.taobao.org/mirrors/electron/',
  python: 'D:\\python27\\python.exe',
  msvs_version: '2015',
  arch: 'ia32',
  target_arch: 'ia32',
  disturl: 'https://atom.io/download/atom-shell',
  runtime: 'electron',
  build_from_source: true,
  bin: 'D:\\Program Files (x86)\\nodejs\\yarn_global\\bin' }

测试代码为官方文档中的代码，报错如下：

TypeError: Cannot read property 'layout' of undefined

当a-select或者a-input-number 组件 绑定了 v-model 时，placeholder属性不起作用

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

"vue-antd-ui": "^0.5.4"

Environment

...

Reproduction link

example

Steps to reproduce

..

What is expected?

...

What is actually happening?

...

---

...

defaultExpandedRowKeys不能展开所有行defaultExpandAllRows也用不了方法写错了。

我这边放不上图片不知道咋回事儿。
<a-table
style="margin-right:24px;"
:columns="columns"
:dataSource="data"
:rowSelection="rowSelection"
bordered
rowKey='id'
:pagination='pagination'
:expandedRowKeys = "rowstr"
:indentSize='indentSize'
:hideDefaultSelections='hideDefaultSelections'

                            >

rowstr(){
return this.data.map(val=>val.id)
}

用的这个解决的expandedRowKeys
查一下吧