aliqin / atui

A Vue.js 2.0 UI Toolkit for Web

如果你有Vue组件建设经验，欢迎你加入我们一起完善ATUI

ATUI

A Vue.js 2.0 UI Toolkit for Web

require Vue.js >=v2.1.4

---

Install

$ npm install atui --save-dev

Quick Start

// css
import 'atui/dist/greater-blue.css'

// import atui
import atui from 'atui'

new Vue({
  components: {
    vButton: atui.Button,
    vDatePicker: atui.DatePicker
  }
})

// use as required
import vDatePicker from 'atui/lib/date-picker';
new Vue({
  components: {
    vDatePicker: vDatePicker
  }
})

use in browser

<script src="//unpkg.com/[email protected]"></script>
<script src="//unpkg.com/atui"></script>
<script>
  new Vue({
    components: {
      vButton: atui.Button
    }
  })
</script>

Roadmap

https://github.com/aliqin/atui/wiki/roadmap

License

MIT

Thanks

• ant.design
• bisheng

atui's Issues

有兴趣一起共建，不知道有没有机会。

如题。

TimePicker 组件是否可以增加分、秒选择时间为0-59的设置？

目前是只有1-60，其实有点反人类..是否可以增加一个设置，设置为0-59呢

像这样

运行不起来

想贡献代码都不行 貌似是shell的东西？

增加form表单里面的，元素之间的联动，通过data来驱动元素之间的联动

请问这个项目还在更新吗？

RT~

npm install atui --save It can't work

I created my project by vue-cli webpack template
and install atui .
npm install atui --save
Then I created a vue file

<template>
  <div>
    <Alert></Alert>
  </div>
</template>
<script>
  import atui from 'atui'
  export default{
    components: {
      Alert: atui.Alert
    }
  }
</script>

when I compiled the code , 2 warnings

warning in ./~/atui/dist/atui.js

Critical dependencies:
7:82-97 the request of a dependency is an expression

@ ./~/atui/dist/atui.js 7:82-97

warning in ./~/atui/dist/atuiFilter.js

Critical dependencies:
7:82-97 the request of a dependency is an expression

@ ./~/atui/dist/atuiFilter.js 7:82-97

And I use chrome open the url localhost:8080

It cant work .

在线文档有问题

所有的组件都看不到

vue2.3+版本下table组件的自定义列无法正常渲染

[email protected]

[email protected]

win7x64 & chrome版本58.0.3029.110

关键代码或在线demo（比如jsfiddle、codepen）

表格自定义展示列

给表格添加自定义展示列，仅显示title，不显示内容，也不报错

`<style lang="less">
</style>

if dataSource is null, i will displayed

年龄：{{props.record.age}} 操作 <script> import atui from 'atui'; const dataSource = [{ key: '1', name: '胡彦斌 ', age: 321, address: '西湖区湖底公园1号' }, { key: '2', name: '胡彦祖', age: 422, address: '西湖区湖底公园1号' }]; const columns = [{ title: '姓名', dataIndex: 'name', key: 'name', }, { title: '年龄', dataIndex: 'age', key: 'age', }, { title: '住址', dataIndex: 'address', key: 'address', },{ title: '操作', key: 'operation' }]; export default { components: { vTable: atui.Table, vButton: atui.Button }, data() { return { dataSource:dataSource, columns:columns } }, created() { console.log('component c created !'); }, methods: { // } } </script>

`
相关版本：
"atui": "0.0.30",
"babel-preset-es2015": "^6.18.0",
"vue": "^2.1.10",
"vue-router": "^2.2.0",
"vueify-insert-css": "^1.0.0"

Table组件可以支持下最小高度属性吗

没有数据的时候显示加载图标，美观些。

uploader上传组件文档不全？还是就是没有事件处理？

ATUI版本

Vue 版本

操作系统版本 & 浏览器版本

关键代码或在线demo（比如jsfiddle、codepen）

this.$Modal.confirm 的文本是否可以自定义，能不能允许HTML代码解析？

ATUI版本

1.3.3

Vue 版本

2.x

操作系统版本 & 浏览器版本

关键代码或在线demo（比如jsfiddle、codepen）

this.$Modal.confirm 的文本是否可以自定义，能不能允许HTML代码解析？

table 在调用分页的时候 数据少一条

https://aliqin.github.io/atui不能访问

如题

form表单bug

v-input中minlength-tips无法正常显示

Menu -how to create Navigation menu by data directly？if not,can add a style ?

menu导航菜单绑定数据bug

使用绑定数据自动渲染时，无法对menu进行show处理，就是无法正常显示我要显示的子菜单

表格属性@row-click，处理方法传参问题

给表格设置

<v-table :data-source="stdDataSource" :columns="stdColumns" :row-selection="stdRowSelection" row-key="id" class="std-lib-content" @rowClick="trigLink(rowIndex,record)">`

trigLink (rowIndex, record){
	console.log(rowIndex);
	console.log(record);
//	baseItemToBeLinked[0]["link"] = record.name;
//	this.baseDataSource.splice(this.baseDataSource.indexOf(baseItemToBeLinked[0]), 1, baseItemToBeLinked[0]);
//	baseItemToBeLinked.pop();
},

两次打印都是undefined

English Version?

First of all, ATUI looks really good, and is much more lightweight than Element UI. It looks really well designed and considered.

But unfortunately there aren't any locales, currently. Is it planned to support English, and other languages? I would be happy to help out with bringing localisation to the library. I don't speak any Chinese, but I may be able to figure out many of the cases from context / other libraries localisation files.

Apologies to post this here and ignoring the issue guidelines, which are outlined in Chinese.

btnOkText options doesn't active.

ATUI版本

0.1.31

Vue 版本

2.5.13

操作系统版本 & 浏览器版本

windows chrome 60.0.3112.113

关键代码或在线demo（比如jsfiddle、codepen）

<v-button small v-on:click.native="deleteItem" >Delete Button</v-button>

the deleteItem function:

deleteItem: function(){
                atui.Modal.confirm({
                    title: 'Confirm the operation',
                    content: 'Are you sure to delete this item?',
                    onOk () {
                        console.log('sure')
                    },
                    btnOkText: 'sure',
                    btnCancelText: 'Meditation'
                })
            }

btnOkText的配置是不成功的，还是默认的 “确认”。

Trigger 触发器演示bug

当观看过关于Trigger 触发器并点过里面的那些演示之后，切换其他页面会有遗留，刷新也不会消失。

Menu动态渲染的数据结构问题

在使用Menu动态渲染的数据结构的时候，a标签无法正常被识别，数据结构中我是这样的：

content: '选项1'

Modal组件里面使用Select组件出现的问题

Modal组件里的类“.atui-modal-dialog”有用到transfrom属性定位居中，点击内部Select组件触发小图标旋转动画同时会触发类“.atui-modal-dialog”的transfrom属性

table- fail to display the Table in 360 BROWSER(6.3.1.134)

• 360 Browser version :
• Chrome :
  
• 360 :
  

如何给“日期选择器”动态赋值？

比如点击某个按钮，把日期选择器的value 改为 "2017-04-01" ?

Modal组件里面使用Select组件出现的问题

ATUI版本 官网文档的版本

Vue 版本 官网文档的版本

操作系统版本 & 浏览器版本 macOS Mojave 10.14.2 & Google Chrome 71.0.3578.98

关键代码或在线demo（比如jsfiddle、codepen）链接

在官网文档对话框组件示例里
当我打开select选项并且关闭对话框时

对话框是关闭了，但是select组件的下拉框没有关闭

触发器 trigger 效果在切换页面后没有移除

目前官网上例子就是错的！

重现： 点击trigger 基础 popup on right 让出现 i'm a popup 出现，然后点击业务组件， i'm a popup 没有移除消失

目前是否可以定制主题？

目前可以像 ant-design 那样定制主题吗？

业务组件城市街道选择问题

选择街道后，再次点开重选，街道全部高亮。应该是只有已选中的高亮

Input组件新增数字输入模式

功能上类似：https://ant.design/components/input-number-cn/

Menu 导航菜单 ，增加路由跳转的参数

Menu 导航菜单 ，增加路由跳转的参数,可以吗？

定制模板

请问团队有没有计划开发模板和脚手架，类似于dashboard那种。

下拉菜单误写成下单菜单

ATUI版本

Vue 版本

操作系统版本 & 浏览器版本

关键代码或在线demo（比如jsfiddle、codepen）

Hope table component can add the horizontal alignment of colume text

Hope table component can add the horizontal alignment of colume text

请问现在还不能全局引用组件吗

在main.js类似element ui 引入
import atui from 'atui'
Vue.use(atui)

我这样引入了，在子组件里使用v-row报错这个组件没有注册

Menu动态渲染的数据结构,怎么获取selectedKey?

ATUI版本 [email protected]

Vue 版本 "~2.3

操作系统版本 & 浏览器版本 win10 /google

关键代码或在线demo（比如jsfiddle、codepen） 使用了官方的demo https://raw.githubusercontent.com/aliqin/atui/dev/src/components/Menu/demo/data.md

版本0.0.29上没有 tabs 标签页这个组件?

找不到这个组件，如何使用？

什么时候会发布？

什么时候会发布？迫不及待想一探究竟

Table组件的本地排序没效果

这是没实现吗？
sortAction (column, index, order) {
if (typeof column.sorter === 'function') {
// TODO:客户端排序
}
this.sorderOrder[index] = order
this.sorderOrder = Object.assign([], this.sorderOrder)
this.$emit('table-change', this.pagination, this.filters, {
field: column.dataIndex,
order: order
})
},