fe-driver / vue-beauty Goto Github PK

View Code? Open in Web Editor NEW

2.1K 2.1K 249.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 javascript ui-design ui-kit vue vue-beauty vue-components

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

Cascader重构

目前的Cascader里面使用了大量的dom操作，并且出来的位置也有偏差，需要重构

Add to Awesome Ant Design

https://github.com/websemantics/awesome-ant-design

按钮、按钮组

http://ant.design/components/button/
还缺少按钮组

样式update

目前progress、notifacation、table、message、tooltip的样式还是antd1.0甚至1.0之前的。。找个时间升级一下

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

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

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

[{"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"}]}]}]

           //如果是自己的父级以上
            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 + '-');
            }

DataTable

develop DataTable component