Skip to content

YDFE/ViewUI

 
 

Repository files navigation

基于iview v4.1.3改造的组件库

注意:使用node v8.1.4运行打包

修改日志

4.1.3-yd.1

因为项目之前引入了iview 2.0.0版本有很多bug,但由于直接替换会有一些之前为了解决BUG的hack方法导致次生BUG,因此进行一些修改,以同时引入版本4和版本2,后期全面使用版本4后再移除版本2

  • 将打包出来的包名由iview改为iview4
  • 全局组件名前缀全部改为I4ComponentName,如I4Button
  • 全局API由$APIName改名为$I4APIName,如$I4Message
  • 全局iview由$IVIEW改为$IVIEW4
  • 将类名前缀由ivu4-改为ivu4-、由ivu4-icon改为ivu4-icon,要使用icon的使用注意使用ivu4-icon,覆盖iview样式的时候也要注意类名(与原版的类名不一样了)
  • Select组件中判断是否Option的正则改为optionRegexp = /^i-option$|^Option$|^i4-option$|^I4Option$/i

4.1.3-yd.2

  • Select: showNotFoundLabel ignore remote prop

4.1.3-yd.3

  • Switch&Circle: fix no import when install

以下是原文档

ViewUI

A high quality UI Toolkit built on Vue.js.

该项目即为原先的 iView。iView 作者将在此仓库继续开发 iView 4.0 和后续版本,以及维护工作。新的组件库命名为 ViewUI,原仓库 iView 作者不再提交内容。

This project is the original iView. The iView author will continue to develop iView 4.0 and subsequent releases, as well as maintenance work, in this repository. The new component library is named ViewUI, and the iView author will no longer continue to submit content in the original repository.

View UI NPM downloads NPM downloads JS gzip size CSS gzip size Join the chat at https://gitter.im/iview/iview Backers on Open Collective Sponers on Open Collective

Docs

4.x | 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 ViewUI

Install

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

We also provide a starter kit view-ui-project for you.

Install View UI

Using npm:

npm install view-design --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 'view-design/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 admin@aresn.com. PRs welcome!

Major Contributors

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

Ecosystem Links

License

MIT

Copyright (c) 2016-present, ViewDesign

About

A high quality UI Toolkit built on Vue.js 2.0

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 52.2%
  • Less 25.9%
  • JavaScript 21.9%