iview / iview Goto Github PK

View Code? Open in Web Editor NEW

24.0K 751.0 4.2K 31.96 MB

A high quality UI Toolkit built on Vue.js 2.0

Home Page: http://iview.talkingdata.com

License: Other

JavaScript 22.22% Vue 51.24% CSS 26.54%

vue components ui-kit vue-components javascript ui-design css design-systems frontend iview

iview's Introduction

iView

A high quality UI Toolkit built on Vue.js.

Docs

3.x | 2.x | 1.x

Features

Dozens of useful and beautiful components.
Friendly API. It's made for people with any skill level.
Extensive documentation and demos.
It is quite beautiful.
Supports both Vue.js 2 and Vue.js 1.

Who's using iView

If your company or products use iView, welcome to click here to leave a message.

Install

We provide an iView plugin for Vue CLI 3, which you can use to quickly build an iView-based project.

We also provide a starter kit iview-project for you.

Install iView

Using npm:

npm install iview --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css">

You can find more info on the website.

Usage

<template>
    <Slider v-model="value" range />
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Using css via import:

import 'iview/dist/styles/iview.css';

Compatibility

Supports Vue.js 2.x
Supports Vue.js 1.x - visit 1.0 docs
Supports SSR
Supports Nuxt.js
Supports TypeScript
Supports Electron
Most components and features support IE9 and above browsers, some components and features do not support IE

Community

If you want to contribute or have questions or bugs to report:

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag
Bugs: File a issue here - please provide a example so we can help you better
Contribute: Contact us in Gitter chat, WeChat or via mail to [email protected]. PRs welcome!

Major Contributors

Name	Name	Name
Aresn	jingsam	rijn
lcx960324	GITleonine1989	huixisheng
Sergio Crisostomo	lison16	Xotic750
huanghong1125	yangdan8

Ecosystem Links

License

MIT

iview's People

Contributors

Stargazers

Watchers

Forkers

ui-vue cjencore utopia1991 leexhwhy liangmeihuai leolujuyi jingsam goolong vidding qwetiop dongsir wangyhao utensil-star liangzhiyuanxxx gxr1020 qxl1231 zero-zhou roymina jank2014 reyboo visense vincentlao jsonzhang0215 testteamhh skyeyefront super-rain luhaiping ahweb yanchengqu ccforward geeker4py wumingwei talkings jacelu simpliw cuulee johnnyma lichengtao1989 chenweihua fairyrong chongg039 fantasylian cklwblove evemicky dragonhu baiwenyong maxvint sharonlx gitter-badger soltechie pat1na sokis aidenzou nicholasxjy lampo1024 jweih dut3062796s zhihuihu jzxyouok lonelypale dream-seeker wjhappy resvue supercoeus stonegithubs corwien sharhhu txd159 maxid wuzhiming kuangyeheng dahal daihere1993 9i-zytk zhenglong0034 unkushiro only-fork-repos szrq qialie tccpc lifan3333 yan919 wuwx hukaibaihu micate legalrcbixe lilien1010 panshuiqing yuaoi hhy5277 congjiujiu wuhongjun x-forks oskariiii fujscss jasonhao89 googlezhang wesleyfang cutso gongcheng121

iview's Issues

第一个

先问几个正经的问题吧：

这个支持vue2么？
设计风格是啥，感觉很熟悉？
浏览器的兼容版本是啥啊

然后呢
我觉得这个组件图挺好看的，在哪话的呀。

最后，点个赞

数字输入框的两个bug

初始化时，没有计算上下箭头是否禁止状态
连续两次输入超过最大值时，失焦后第二次并不能更正

请问博主，项目路由里如何去掉/#!/

发现博主的项目里没有/#!/，请问是如何实现的，谢谢🙏

npm淘宝镜像

npm淘宝镜像是不是没有iview？？安装失败了

browser only usage

how to use it without npm,webpack

好像缺少常用布局？

建议文档可以给出一些常用布局的示例代码

运行webpack报错了，什么情况？

这是什么情况

关于通知提醒

打开多重通知提醒提示栏后，向上浮动的效果有点突兀，可以平滑一些

iview是否可以以单文件的方式进行引入？

就像引入vuejs那样，

<script src="//cdn.bootcss.com/vue/1.0.28/vue.js"></script>

另外是否有QQ或者微信群呢？

有没有完整的项目demo

由于只有部分代码片段,不太好整合,最好是能给个完整的demo 参考

建议把子组件也导出

我用组件的时候喜欢全局注册，这样的话我就可以直接在template里面使用，而不需要这样写：

import { Button } from 'iview';
const ButtonGroup = Button.Group;
export default {
    components: { Button, ButtonGroup }
}

所以建议把Button-Group RadioGroup这些组件也导出

可有推出移动版 UI 的计划？

ant design 有个 mobile 的版本。可有计划推出这样的一个移动版本呢？

gitignore

目录local/dist目录下的文件是webpack自动打包生成的吧，我觉得应该加入到gitignore中

select 组件在Modal中显示异常

如图所示，我通过屏蔽以下代码解决的，请问作者有没有好的解决方案呢？谢谢

if consider some hot components?

for example, table,tree,grid and so on.

支持IE

考虑支持IE么?

Documentation in English

Every day we meet very interesting packages for Vue.js
It is natural they are of Asiatic origin, this would be no problem if the documents were in English.

A code and documentation in English, in addition to making it more accessible for use makes it more accessible for contributions.

This helps the package and vue.js that is replaced by a large ecosystem.

select组件动态切换options的循环值，无法赋值

我动态改变select组件的option v-for的数值时，没有通知select组件更新内部的optionsInstance，
我暂时通过增加一个select属性list，然后watch list的变化，发现变化则调用this.updateOptions(true) 来强制更新optionsInstance，但是需要保持 select组件的属性list和option v-for绑定的数据一致来解决

Unexpected token import

1，下载了文档中介绍的vue-vueRouter-webpack项目；
2，在package的dependencies中加入"iview": "^0.9.2"；
3，webpack.base.config的loaders中加入 { test: /iview/.*?js$/, loader: 'babel' }
4，最后在页面冲尝试引用组件import Message from 'iview' 注册组件 components: {Message}, ready中使用组件
5，编译正常，但浏览时，报错；应该是babel编译没到位，不是很理解问题出在哪

iView1.0什么时候才能发布啊？

laravel5.3中有些组件不显示Icon的图标，单独使用Icon又没问题

laravel5.3中试了下，使用｛Tag，Alert，Collapse等｝组件时小图标显示不出来，有以下警告“Attribute "type" is ignored on component because the component is a fragment instance”.
"vue": "1.0.26","iview": "0.9.7-rc-1",

建议支持时间控件

如题,时间控件使用率还是非常高的,尤其是PC端

看计划里有TreeSelect组件，但为什么没有单独的Tree组件呢？

关于单页面路由去掉#，重新刷新时能访问

正常情况下，通过设置history为true，可以去掉#，页面重新刷新时会出现Cannot GET /exercises/types错误提示。
我看到你们的官网也是单页面路由，但是没有#，而且刷新也没有报错，所以想问下，你们是如何做处理的？

components目录规范

组件在目录components/下，每个组件单独一个目录，目录命名使用小写，入口文件为index.js，导出组件，再由跟入口文件index.js暴露给使用者

我发现每个组件下面的index.js基本上没什么逻辑代码，所以为什么不直接用vue单文件呢？

没有禁用双击默认的选择事件

复选框、单选框等控件在双击事件时会触发默认的选择事件，一个大大的背景。。。建议禁用掉

话说.. 没有Table 组件吗？

Vue1 没有Render方法，做Table 列回调渲染确实不好做...

增加通讯录列表

例如微信通讯录A-Z排序#最后

请问一下 README 的思维导图是用什么软件制作的，谢谢。

哥, 补一些component的事件反射吧

千言万语,还是先赞个, 感觉不错, 今晚才入手,看涨~~~~

随便举一个哈, 比如page, 事件监听全靠看源码

用官方vue-cli直接新建项目，直接添加iview，编译报错。

时报[BABEL] Note: The code generator has deoptimised the styling of ".../node_modules/iview/node_modules/vue/dist/vue.common.js" as it exceeds the max of "100KB"

可以直接用在产品中吗？

想问一下这个仓库够不够稳定直接用在我的开发项目中？

Page 分页组件 IE9,10,11显示异常

如图

是否有计划支持Vue2.0？

select

select 组件编译时报错有个dropdown.vue 引入的Popper.js 找不到

package.json里面的vue是不是应该放到dependencies或者peerDependencies？

Uncaught SyntaxError: Unexpected token import

index.vue文件内容如下：

<style>
    #hello {
        color: rosybrown;
        background-color: #28a7e1;
    }
</style>
<template>
    <h2 id="hello">{{msg}}</h2>
    <Page :current="1" :total="100"></Page>
</template>
<script>
    import Page from 'iview';
    export default {
        data () {
            return {
                msg: "Hello Vue WebPack!"
            }
        },
        components: {Page}
    }
</script>

webpack-base.config.js配置文件也加上了：

{test: /iview\/.*?js$/, loader: 'babel'},