okoala/vue-antd

Vue UI Component & Ant.Design

Intro

这个项目是 Ant.Design 的 Vue 实现。

• Vue官网
• Ant.Design官网

(目前项目还不稳定，不建议在生产环境使用)

Docs

Go to Docs

vue-antd's Issues

Helloooo

Does anyone here?

把官网更新下

把介绍补齐，没有的补上

babel-runtime

请问为何不能加入babel-runtime，加入之后会提示： Uncaught SyntaxError: Unexpected token import

全局使用： require('es6-promise').polyfill() 是不报错的。

大仙是否可以解答一下？谢谢

Raw expression: {{{!col.render && col.dataIndex ? data[col.dataIndex] : ''}}}

报错，还没分析什么意思。表达式优化下

如何贡献？

vue现在发展很火，现在最大的短板就是组件少，ant-design是个杀手级东西，做后台相当棒，但咱们这个vue的版本发展实在太慢了，我觉得vue跟react相比很好的一点是vue对编译构建不是特别需要，mvvm + 一套很棒的组件库，前端开发效率很高，想对vue-antd有以下建议：

1. 编译构建配置好 （现在clone下来安装之后跑步起来，到处报错，不知道作者怎么跑起来的）
2. 组件如何贡献写个文档 ，好让大家都参与进来加快项目完成度，争取成为vue社区强有力的推广项目

另外我看到源码当中有这样的语法：

button

import vButton from './Button.vue'
import vButtonGroup from './ButtonGroup.vue'

vButton.vButtonGroup = vButtonGroup

export default vButton

然后在index.js文件中这样引用

import vButton, { vButtonGroup } from './components/button'

根据我所学的es6语法这样vButtonGroup应该是undefined(babel6),然后我亲自跑了一下，他就是undefined,难道不是应该这样写么？

import vButton from './Button.vue'
import ButtonGroup from './ButtonGroup.vue'

export var vButtonGroup = ButtonGroup

export default vButton

popover bug

popover 在
OSX 10.11
chrome Version 52.0.2743.116 (64-bit) 聚焦效果没用

webpack+vue在IE9下能运行吗？

在IE9中，报matchMedia not present, legacy browsers require a polyfill错误，不支持IE9吗？chrome下没有问题。

重复造轮子有意思？

Is this project still update?

The last udpate time is 5 months ago...
And I got some issues...how can i fix them...
submit here?

popover 气泡点开没办法关掉

popover 气泡点开没办法关掉

1.1.0

总览

• 预计发布时间 2015-12-31

---

任务分解

📍 常规组件

• Form 表单
• Validation 表单校验

---

其他

• Babel6 Support

import message error

error

望大神指点

不再做更新了吗？

应该还没支持vue2吧？

直接看的vue2，应该还没有支持吧？

Invalid self-closing tag

ERROR in ./~/vue-antd/components/input-number/InputNumber.vue

  8 |        :class="prefixCls + '-handler ' + prefixCls + '-handler-up ' + upDisabledClass">
  9 |         <span unselectable="unselectable"
    |         ^
  10 |             :class="prefixCls + '-handler-up-inner'"

  Invalid self-closing tag: <span unselectable="unselectable"
            :class="prefixCls + '-handler-up-inner'"
            @click="preventDefault"/>. This will be treated as the starting tag only in HTML5. Use <span></span> instead.


ERROR in ./~/vue-antd/components/input-number/InputNumber.vue

  17 |        :class="prefixCls + '-handler ' + prefixCls + '-handler-down ' + downDisabledClass">
  18 |       <span unselectable="unselectable"
    |       ^
  19 |             :class="prefixCls + '-handler-down-inner'"

  Invalid self-closing tag: <span unselectable="unselectable"
            :class="prefixCls + '-handler-down-inner'"
            @click="preventDefault"/>. This will be treated as the starting tag only in HTML5. Use <span></span> instead.

我也在做同样的事情最近，过来参考参 ！

https://github.com/lileilei/Ant-design-vue 这是我的没做多少呢，我是按照vux的构建目录来整的，添加了docs静态页面，方便赋值html来做模板，本来想来参考参考你的select部分。发现你也没做好，有时间来一起探讨探讨啊！！

请问vue-antd如何与Laravel很好的结合？

RT
主要是样式里的import和js里的require

Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

./node_modules/vue-antd/components/upload/Uploads.vue
请用div包裹根容器

这是什么 ？ 如何启用演示？

如何才可以支持ssr

如何才可以支持ssr

用不了，看我只有慢慢的牵移到scss了，

直接clone项目，install，项目完全运行不了，

1.0.0

总览

• 预计发布时间 2015-11-30

延期原因是加班太凶了~~

---

任务分解

📍 常规组件

• QueueAnim 进入场动画组件
• Pagination 分页组件
• Select 选择器
• Alert 警告提示
• Dropdown 下拉菜单
• Message 全局提示
• Modal 对话框
• Notification 通知提醒框
• Popconfirm 气泡确认框
• Popover 气泡卡片
• Timeline 时间线
• Tooltip 文字提示
• Carousel 走马灯
• Collapse 折叠面板
• Tree 树形控件
• Datepicker 日期选择器组件
• Slider 滑动输入条
• Menu 导航菜单
• Canlendar 日历选择
• Timepicker 时间选择

---

基础组件

• Animte 动画组件
• Align 对齐组件
• Trigger 触发器组件
• Notification 通知

完善组件

• Table 表格组件（支持排序、分页等）
• RadioGroup

---

其他

• 完善文档
• 最后确认视觉和交互于与Ant.Design统一

更新出个 压缩js文件，方便直接引用

作者 ，再发布一个新的 npm 包，直接可以使用 min.js文件而不是引用vue文件

多层的 slot 引用 有错误？？

在做menu 里面的内容， base/menu 里面 slot 渲染的是上一层的元素？这个是在哪里定义的？是 slotminxs 吗？

run npm run dev error.....

i can't run npm run dev

可以麻烦问下作者文档使用什么工具搭建的吗？

http://okoala.github.io/vue-antd/#!/components/button
这个文档。

使用vue－antd

怎样才能把vue-antd运用到我的项目中，read.me写的不清楚

good job!

RT

什么时候再更新一般新的？

什么时候能完成ant-vue? http://ant.design/,很期待你们的完成！！！

vue-antd

我用npm install vue-antd 引进的时候，还是报错
报错如下
Uncaught SyntaxError: Unexpected token import

文档手册上，左侧的菜单栏能否优化一下，看得好辛苦

http://okoala.github.io/vue-antd/#!/docs/introduce
这个文档手册，左侧的菜单栏能否固定、当前页面的栏目高亮一下，查阅文档的时候看得好辛苦，比较费效率

建了一个organization：vue-antd

• 地址：https://github.com/vue-antd/vue-antd

给你占个坑，也许需要 @okoala

请问会不会把antd-mobile也做一个VUE版呢？

请问会不会把antd-mobile也做一个VUE版呢？

如何引用开发版本？？

package.json 加了依赖

"vue-antd": "okoala/vue-antd"

在项目中使用

    import {vSpin} from 'vue-antd'

报错

vue 报驼峰错误

ERROR in ./~/vue-antd/components/checkbox/Checkbox.vue

  7 |       :disabled="disabled"
  8 |       :defaultChecked="!!defaultChecked"
    |       ^
  9 |       :value="value"

  Found camelCase attribute: :defaultChecked="!!defaultChecked". HTML is case-insensitive. Use :default-checked="!!defaultChecked" instead. Vue will automatically interpret it as camelCase in JavaScript.

还有一个问题, 加载到 node_modules 里不能使用 loader 报类型错误

Add support for browserify

Would be great to be able to use browserify and vueify for this.

_tooltip 切页面不消失

_tooltip 在当前页面被激活后在激活状态下切页面不会自动关闭，而带入其他页面。

支持功能分割吗？

例如，只需要部分的功能，通过一些grunt或者gulp去build自己需要的那一部分功能出来。

menu 中 slot 内的元素要确定是 vertical 还是 inline 找到方法了吗？

我看到你在 gitter 上的提问了， 这个支不支持？有点坑啊这个

我也想把antd迁移到vue，但不知道该如何做

能告诉大概一个思路么？难道要读一遍react的实现？

这个项目还有维护么？

请问这个项目还在维护么？正式版什么时候可以发布有日程么？

在npm install中vue-antd组件不全，例如vCarousel

挺不错的一款design，我已经用上手了，不过问题是npm包中的组件不全，index.js是空的，还希望能补上。

一大堆的报错，还怎么用啊。。。

computed: {
wrapClasses () {
return cx({
[row]: 1,
[row-${this.type}]: this.type,
[row-${this.type}-${this.align}]: this.align,
[row-${this.type}-${this.justify}]: this.justify,
[${this.className}]: this.className
})
}
}

ERROR in ./src/antd/components/layout/Row.vue

error quotes Strings must use singlequote
D:\workspaces\Jewellery-ERP\src\antd\components\layout\Row.vue:20:10
[row]: 1,
^

✖ 1 problem (1 error, 0 warnings)