fe-driver / vue-beauty Goto Github PK

View Code? Open in Web Editor NEW

2.1K 113.0 250.0 29.08 MB

Beautiful UI components build with vue and ant design

Home Page: https://fe-driver.github.io/vue-beauty

License: MIT License

JavaScript 50.73% Vue 16.41% HTML 0.01% CSS 20.06% Less 12.79%

components vue vue-beauty javascript vue-components ui-kit ui-design

vue-beauty's Introduction

vue-beauty

Beautiful UI components build with vue and ant design

特性

丰富的组件，涵盖常用场景
基于vue组件化开发，数据驱动视图
封装复杂性，提供简单友好的api
基于ant design样式优化

引入

使用npm或者yarn

npm install vue-beauty -S  OR  yarn add vue-beauty

import Vue from 'vue'
//import css
import 'vue-beauty/package/style/vue-beauty.min.css'

//import components
import vueBeauty from 'vue-beauty'
Vue.use(vueBeauty)

//OR
import {alert} from 'vue-beauty'
Vue.use(alert)

或使用 <script> 全局引用

<link rel="stylesheet" href="vue-beauty.min.css"> 
<script type="text/javascript" src="vue-beauty.min.js"></script>

更多说明，请查看我们的在线文档。

浏览器支持

chrome、firefox、暂不支持IE(计划支持IE11+)。

Polyfill

本组件库内置了一些es最新实例方法的垫片，请查看Polyfill。

更新日志

欢迎查看详细的更新日志。

参与贡献

我们欢迎任何形式的贡献，请阅读贡献指南了解详细的情况。

链接

vue-beauty's People

Contributors

Stargazers

Watchers

Forkers

weiqinan ououpao zhengyange kokorox peterchenug iqiuyu-0821 kevinhu-1024 itbeihe luyongfugx millerren vieyahn xifat leexhwhy falost tkaven yiiu gagaboy hishuhong guanmeiqi cgguo chardy yangqiang5156 jmptrader aberts davidmr001 leaves4j hhy5277 hedanto liuzantian yulingchen qianduanying lizhengxiang jakexchan jzxyouok xialinlin blackbutton liyanlong taixw2 giddily lanniuniu kingyang micate jieliuriver johnsmith0209 yyxiong zhoujiqiu onvno sxyseo easecloud beingsane glorylee luozhong0521 dut3062796s forleve liucc1986 fhchina hezhiying windywany vileengreen vitamin-lin alfred-lau shanxian objlong cjhoffice mahp aalvrz tomsean fish-ball yangbinji mircle anttech fryg123 kerbores jackwangcumt feiyuanqiu benqend iiiqueena linmingming arron9 yaserlin kmtong liekkas larryu jinhongjie007 devenc gbsnaker mlkg r317 tsdk lovewitty demon1110 yvonne5531773 tang-junjie yangchunjian diycp aokde d8q8 abimanyumobi douglashu metoin

vue-beauty's Issues

如何在database中加入一列操作按钮

一般在表格的最后一行都会有对应该行的操作按钮，在与vue-router的配合使用中，没有办法渲染一个
<a v-link={name:'router-name'}>操作
这种情况如何处理呢

tree 组件checkbox选择异常 `Cannot read property 'parentNode' of null`

复现步骤：首选 `北京-肯德基宅急送(天津)测试`

数据如下：

[{"title":"全部","expand":true,"node":[{"title":"哈尔滨","cityId":"48","expand":true,"node":[{"title":"测试0326","shopId":"17994631152700055370"},{"title":"测试111","shopId":"14861128066994418339"},{"title":"测试1111","shopId":"8171417149642198606"},{"title":"紫玫测试_1111","shopId":"16205404973660453185"}]},{"title":"成都市","cityId":"75","expand":true,"node":[{"title":"供应商一店1","shopId":"412669416146224543"}]},{"title":"北京","cityId":"131","expand":true,"node":[{"title":"测试-QA-商户端","shopId":"13607422441331501701"},{"title":"肯德基宅急送(天津)测试","shopId":"5171163046818722306"},{"title":"紫玫测试店","shopId":"646946221730537666"},{"title":"测试-QA-用户端","shopId":"17978812896666957068"},{"title":"测试-QA-客户端","shopId":"14911251399082854765"},{"title":"测试102823","shopId":"4050356597169226187"},{"title":"AppStore测试专用","shopId":"13171412382795943754"},{"title":"测试分商户2","shopId":"17201657797036942459"},{"title":"测试供应商2015测试测试","shopId":"17362975474861213891"},{"title":"多区域物流配送商户","shopId":"5282881439566896453"},{"title":"测试商户上线测试","shopId":"5394773773215460207"},{"title":"aaa_AAA","shopId":"3168720844826998030"},{"title":"测试zuo","shopId":"1429868431"},{"title":"库存测试商户","shopId":"1430344726"},{"title":"活动测试专用","shopId":"1438930211"},{"title":"新商超_物流配送_长长长长长长","shopId":"1452860549"},{"title":"叶舟测试","shopId":"1501781737"},{"title":"测试商户kuochin","shopId":"1501783164"},{"title":"*打飞机阿松迪欧","shopId":"1501784012"},{"title":"外单测试专用店_yxy","shopId":"1544713987"},{"title":"测试供应商test001","shopId":"1694652076"}]},{"title":"深圳","cityId":"340","expand":true,"node":[{"title":"测试商户的名字要长啊长啊长","shopId":"1469346204"}]}]}]

ERROR in ./~~/.npminstall/vue-html-loader/1.2.3/vue-html-loader!./~~/.npminstall/vue-loader/8.5.3/vue-loader/lib/selector.js?type=template&index=0!./components/timePicker/timePickerOption.vue
Module build failed: Error: Parse Error: <10?0:''}}{{$index}}

<ul @mouseOver="createSelection($els.timePickerPanel, 3, 5)">
<li v-for="($index) in 60" @click="timePicker('M', $event)" v-if="showLi($index, 'M')" :class="selectedCls(M, $index, 'M')">{{$index<10?0:''}}{{$index}}

<ul @mouseOver="createSelection($els.timePickerPanel, 6, 8)">
<li v-for="($index) in 60" @click="timePicker('S', $event)" v-if="showLi($index, 'S')" :class="selectedCls(S, $index, 'S')">{{$index<10?0:''}}{{$index}}

at new HTMLParser (G:\vue-beauty\node_modules.npminstall\html-minifier\2.1.7\html-minifier\src\htmlparser.js:236:13) at minify (G:\vue-beauty\node_modules.npminstall\html-minifier\2.1.7\html-minifier\src\htmlminifier.js:945:3) at Object.exports.minify (G:\vue-beauty\node_modules.npminstall\html-minifier\2.1.7\html-minifier\src\htmlminifier.js:1294:10) at Object.module.exports (G:\vue-beauty\node_modules.npminstall\vue-html-loader\1.2.3\vue-html-loader\index.js:85:26) @ ./components/timePicker/timePickerOption.vue 3:19-169

           //如果是自己的父级以上
            if (isParent(this.key,key)) {
                this.checked = checked;
                this.childrenCheckedStatus = checked ? 2 : 0;
            }
            function isParent(selfKey,selectKey) {
                // 如果是一层 绝对没有父级 比如  0 / 1  / 2
                if (selfKey.indexOf('-') === -1) {
                    return false;
                }
                return selfKey.startsWith(selectKey + '-');
            }