github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: update vc-notification & vc-pagination & vc-progress & vc-rate & vc-tree

pull/309/head
tangjinzhou 2018-11-08 19:59:09 +08:00
parent 1976e1254e
commit 9ed79212e0
20 changed files with 203 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/form/__tests__/__snapshots__/demo.test.js.snap
View File

@ -565,7 +565,7 @@ exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
<div class="ant-row ant-form-item">
<div class="ant-col-6 ant-form-item-label"><label for="rate" title="Rate" class="">Rate</label></div>
<div class="ant-col-14 ant-form-item-control-wrapper">
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><ul tabindex="0" class="ant-rate" data-__meta="[object Object]" data-__field="[object Object]" id="rate"><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-half ant-rate-star-active"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-zero"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li></ul></span>
<div class="ant-form-item-control has-success"><span class="ant-form-item-children"><ul tabindex="0" role="radiogroup" class="ant-rate" data-__meta="[object Object]" data-__field="[object Object]" id="rate"><li role="radio" aria-checked="true" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li role="radio" aria-checked="true" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li role="radio" aria-checked="true" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li role="radio" aria-checked="true" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-half ant-rate-star-active"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li></ul></span>
<!---->
</div>
</div>

2
components/locale-provider/__tests__/__snapshots__/index.test.js.snap
View File

@ -9748,7 +9748,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
<div class="ant-select ant-select-enabled ant-pagination-options-size-changer">
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" tabindex="0" class="ant-select-selection ant-select-selection--single">
<div class="ant-select-selection__rendered">
<div title="10 /странице" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 /странице</div>
<div title="10 / стр." class="ant-select-selection-selected-value" style="display: block; opacity: 1;">10 / стр.</div>
</div><span unselectable="unselectable" class="ant-select-arrow"><b></b></span>
</div>
</div>

46
components/progress/__tests__/__snapshots__/demo.test.js.snap
View File

@ -6,30 +6,30 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #108ee9; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 221.48228207808043px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 221.48228207808043px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text">75%</span></div>
</div>
<div class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #ff5500; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#ff5500" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 206.7167966062084px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 206.7167966062084px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text"><i class="anticon anticon-cross"></i></span></div>
</div>
<div class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #87d068; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text"><i class="anticon anticon-check"></i></span></div>
</div>
</div>
@ -41,7 +41,7 @@ exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #108ee9; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text">0%</span></div>
</div>
<div class="ant-btn-group"><button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-minus"></i></button><button type="button" class="ant-btn ant-btn-default"><i class="anticon anticon-plus"></i></button></div>
@ -54,30 +54,30 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #108ee9; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 88.59291283123217px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 88.59291283123217px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text">30%</span></div>
</div>
<div class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #ff5500; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#ff5500" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 206.7167966062084px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 206.7167966062084px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text"><i class="anticon anticon-cross"></i></span></div>
</div>
<div class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 80px; height: 80px; font-size: 18px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #87d068; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text"><i class="anticon anticon-check"></i></span></div>
</div>
</div>
@ -89,10 +89,10 @@ exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = `
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,47
a 47,47 0 1 1 0,-94
a 47,47 0 1 1 0,94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 220.30970943744057px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
a 47,47 0 1 1 0,94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #108ee9; stroke-dasharray: 220.30970943744057px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
<path d="M 50,50 m 0,47
a 47,47 0 1 1 0,-94
a 47,47 0 1 1 0,94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 165.23228207808043px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
a 47,47 0 1 1 0,94" stroke-linecap="round" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 165.23228207808043px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
</svg><span class="ant-progress-text">75%</span></div>
</div>
</div>
@ -119,20 +119,20 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #108ee9; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 221.48228207808043px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 221.48228207808043px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text">75 Days</span></div>
</div>
<div class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #87d068; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text">Done</span></div>
</div>
</div>
@ -244,20 +244,20 @@ exports[`renders ./components/progress/demo/linecap.md correctly 1`] = `
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #108ee9; stroke-dasharray: 295.3097094374406px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
<path d="M 50,50 m 0,-47
a 47,47 0 1 1 0,94
a 47,47 0 1 1 0,-94" stroke-linecap="square" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 221.48228207808043px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
a 47,47 0 1 1 0,-94" stroke-linecap="square" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 221.48228207808043px 295.3097094374406px; stroke-dashoffset: -0px;"></path>
</svg><span class="ant-progress-text">75%</span></div>
</div>
<div class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default">
<div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg viewBox="0 0 100 100" class="ant-progress-circle">
<path d="M 50,50 m 0,47
a 47,47 0 1 1 0,-94
a 47,47 0 1 1 0,94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke-dasharray: 220.30970943744057px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
a 47,47 0 1 1 0,94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" class="ant-progress-circle-trail" style="stroke: #108ee9; stroke-dasharray: 220.30970943744057px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
<path d="M 50,50 m 0,47
a 47,47 0 1 1 0,-94
a 47,47 0 1 1 0,94" stroke-linecap="square" stroke="#108ee9" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 165.23228207808043px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
a 47,47 0 1 1 0,94" stroke-linecap="square" stroke-width="6" fill-opacity="0" class="ant-progress-circle-path" style="stroke-dasharray: 165.23228207808043px 295.3097094374406px; stroke-dashoffset: -37.5px;"></path>
</svg><span class="ant-progress-text">75%</span></div>
</div>
</div>

98
components/rate/__tests__/__snapshots__/demo.test.js.snap
View File

@ -1,24 +1,24 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
<ul tabindex="0" class="ant-rate">
<li class="ant-rate-star ant-rate-star-full">
<ul tabindex="0" role="radiogroup" class="ant-rate">
<li role="radio" aria-checked="true" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-full">
<li role="radio" aria-checked="true" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
@ -27,68 +27,68 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
exports[`renders ./components/rate/demo/character.md correctly 1`] = `
<div>
<ul tabindex="0" class="ant-rate">
<li class="ant-rate-star ant-rate-star-zero">
<ul tabindex="0" role="radiogroup" class="ant-rate">
<li role="radio" aria-checked="false" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-heart"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-heart"></i></div>
</li>
</ul> <br>
<ul tabindex="0" class="ant-rate" style="font-size: 36px;">
<li class="ant-rate-star ant-rate-star-zero">
<ul tabindex="0" role="radiogroup" class="ant-rate" style="font-size: 36px;">
<li role="radio" aria-checked="false" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">A</div>
<div class="ant-rate-star-second">A</div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">A</div>
<div class="ant-rate-star-second">A</div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">A</div>
<div class="ant-rate-star-second">A</div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">A</div>
<div class="ant-rate-star-second">A</div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">A</div>
<div class="ant-rate-star-second">A</div>
</li>
</ul> <br>
<ul tabindex="0" class="ant-rate">
<li class="ant-rate-star ant-rate-star-zero">
<ul tabindex="0" role="radiogroup" class="ant-rate">
<li role="radio" aria-checked="false" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">好</div>
<div class="ant-rate-star-second">好</div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">好</div>
<div class="ant-rate-star-second">好</div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">好</div>
<div class="ant-rate-star-second">好</div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">好</div>
<div class="ant-rate-star-second">好</div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first">好</div>
<div class="ant-rate-star-second">好</div>
</li>
@ -98,47 +98,47 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
<div>
<ul tabindex="0" class="ant-rate">
<li class="ant-rate-star ant-rate-star-full">
<ul tabindex="0" role="radiogroup" class="ant-rate">
<li role="radio" aria-checked="true" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-full">
<li role="radio" aria-checked="true" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-full">
<li role="radio" aria-checked="true" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
</ul> allowClear: true
<br>
<ul tabindex="0" class="ant-rate">
<li class="ant-rate-star ant-rate-star-full">
<ul tabindex="0" role="radiogroup" class="ant-rate">
<li role="radio" aria-checked="true" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-full">
<li role="radio" aria-checked="true" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-full">
<li role="radio" aria-checked="true" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
@ -148,24 +148,24 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
`;
exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
<ul tabindex="-1" class="ant-rate ant-rate-disabled">
<li class="ant-rate-star ant-rate-star-full">
<ul tabindex="-1" role="radiogroup" class="ant-rate ant-rate-disabled">
<li role="radio" aria-checked="true" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-full">
<li role="radio" aria-checked="true" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
@ -173,28 +173,28 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
`;
exports[`renders ./components/rate/demo/half.md correctly 1`] = `
<ul tabindex="0" class="ant-rate">
<li class="ant-rate-star ant-rate-star-full">
<ul tabindex="0" role="radiogroup" class="ant-rate">
<li role="radio" aria-checked="true" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-full">
<li role="radio" aria-checked="true" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-half ant-rate-star-active">
<li role="radio" aria-checked="true" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-half ant-rate-star-active">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
<li class="ant-rate-star ant-rate-star-zero">
<li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero">
<div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div>
<div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div>
</li>
</ul>
`;
exports[`renders ./components/rate/demo/text.md correctly 1`] = `<span><ul tabindex="0" class="ant-rate"><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-zero"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li class="ant-rate-star ant-rate-star-zero"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li></ul> <span class="ant-rate-text">3 stars</span></span>`;
exports[`renders ./components/rate/demo/text.md correctly 1`] = `<span><ul tabindex="0" role="radiogroup" class="ant-rate"><li role="radio" aria-checked="true" aria-posinset="1" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li role="radio" aria-checked="true" aria-posinset="2" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li role="radio" aria-checked="true" aria-posinset="3" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-full"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li role="radio" aria-checked="false" aria-posinset="4" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li><li role="radio" aria-checked="false" aria-posinset="5" aria-setsize="5" tabindex="0" class="ant-rate-star ant-rate-star-zero"><div class="ant-rate-star-first"><i class="anticon anticon-star"></i></div><div class="ant-rate-star-second"><i class="anticon anticon-star"></i></div></li></ul> <span class="ant-rate-text">3 stars</span></span>`;

6
components/vc-notification/Notice.jsx
View File

@ -1,6 +1,6 @@
import PropTypes from '../_util/vue-types'
import { getStyle } from '../_util/props-util'
import { getStyle, getComponentFromProp } from '../_util/props-util'
import BaseMixin from '../_util/BaseMixin'
export default {
@ -10,6 +10,7 @@ export default {
closable: PropTypes.bool,
prefixCls: PropTypes.string,
update: PropTypes.bool,
closeIcon: PropTypes.any,
},
mounted () {
@ -65,6 +66,7 @@ export default {
[`${componentClass}-closable`]: closable,
}
const style = getStyle(this)
const closeIcon = getComponentFromProp(this, 'closeIcon')
return (
<div class={className} style={style || { right: '50%' } } onMouseenter={clearCloseTimer}
onMouseleave={startCloseTimer}
@ -72,7 +74,7 @@ export default {
<div class={`${componentClass}-content`}>{$slots.default}</div>
{closable
? <a tabIndex='0' onClick={close} class={`${componentClass}-close`}>
<span class={`${componentClass}-close-x`}></span>
{closeIcon || <span class={`${componentClass}-close-x`}/>}
</a> : null
}
</div>

4
components/vc-notification/Notification.jsx
View File

@ -1,7 +1,7 @@
import Vue from 'vue'
import PropTypes from '../_util/vue-types'
import { getStyle } from '../_util/props-util'
import { getStyle, getComponentFromProp } from '../_util/props-util'
import BaseMixin from '../_util/BaseMixin'
import createChainedFunction from '../_util/createChainedFunction'
import getTransitionProps from '../_util/getTransitionProps'
@ -21,6 +21,7 @@ const Notification = {
transitionName: PropTypes.string,
animation: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).def('fade'),
maxCount: PropTypes.number,
closeIcon: PropTypes.any,
},
data () {
return {
@ -86,6 +87,7 @@ const Notification = {
duration,
closable,
update,
closeIcon: getComponentFromProp(this, 'closeIcon'),
},
on: {
close,

2
components/vc-notification/index.js
View File

@ -1,3 +1,3 @@
// based on rc-notification 3.1.1
// based on rc-notification 3.2.0
import Notification from './Notification'
export default Notification

47
components/vc-pagination/Pagination.jsx
View File

@ -1,7 +1,7 @@
import PropTypes from '../_util/vue-types'
import BaseMixin from '../_util/BaseMixin'
import { hasProp } from '../_util/props-util'
import { hasProp, getComponentFromProp } from '../_util/props-util'
import Pager from './Pager'
import Options from './Options'
import LOCALE from './locale/zh_CN'
@ -46,6 +46,10 @@ export default {
simple: PropTypes.bool,
locale: PropTypes.object.def(LOCALE),
itemRender: PropTypes.func.def(defaultItemRender),
prevIcon: PropTypes.any,
nextIcon: PropTypes.any,
jumpPrevIcon: PropTypes.any,
jumpNextIcon: PropTypes.any,
},
model: {
prop: 'current',
@ -111,6 +115,11 @@ export default {
isValid (page) {
return isInteger(page) && page >= 1 && page !== this.stateCurrent
},
getItemIcon (icon) {
const { prefixCls } = this.$props
const iconNode = getComponentFromProp(this, icon, this.$props) || <a class={`${prefixCls}-item-link`} />
return iconNode
},
calculatePage (p) {
let pageSize = p
if (typeof pageSize === 'undefined') {
@ -255,7 +264,7 @@ export default {
if (this.hideOnSinglePage === true && this.total <= this.statePageSize) {
return null
}
const props = this.$props
const locale = this.locale
const prefixCls = this.prefixCls
@ -313,7 +322,7 @@ export default {
class={`${hasPrev ? '' : `${prefixCls}-disabled`} ${prefixCls}-prev`}
aria-disabled={!this.hasPrev()}
>
{this.itemRender(prevPage, 'prev', <a class={`${prefixCls}-item-link`} />)}
{this.itemRender(prevPage, 'prev', this.getItemIcon('prevIcon'))}
</li>
<li
title={this.showTitle ? `${stateCurrent}/${allPages}` : null}
@ -338,7 +347,7 @@ export default {
class={`${hasNext ? '' : `${prefixCls}-disabled`} ${prefixCls}-next`}
aria-disabled={!this.hasNext()}
>
{this.itemRender(nextPage, 'next', <a class={`${prefixCls}-item-link`} />)}
{this.itemRender(nextPage, 'next', this.getItemIcon('nextIcon'))}
</li>
{gotoButton}
</ul>
@ -365,6 +374,10 @@ export default {
const prevItemTitle = this.showLessItems ? locale.prev_3 : locale.prev_5
const nextItemTitle = this.showLessItems ? locale.next_3 : locale.next_5
if (this.showPrevNextJumpers) {
let jumpPrevClassString = `${prefixCls}-jump-prev`
if (props.jumpPrevIcon) {
jumpPrevClassString += ` ${prefixCls}-jump-prev-custom-icon`
}
jumpPrev = (
<li
title={this.showTitle ? prevItemTitle : null}
@ -372,13 +385,19 @@ export default {
onClick={this.jumpPrev}
tabIndex='0'
onKeypress={this.runIfEnterJumpPrev}
class={`${prefixCls}-jump-prev`}
class={jumpPrevClassString}
>
{this.itemRender(
this.getJumpPrevPage(), 'jump-prev', <a class={`${prefixCls}-item-link`} />
this.getJumpPrevPage(),
'jump-prev',
this.getItemIcon('jumpPrevIcon')
)}
</li>
)
let jumpNextClassString = `${prefixCls}-jump-next`
if (props.jumpNextIcon) {
jumpNextClassString += ` ${prefixCls}-jump-next-custom-icon`
}
jumpNext = (
<li
title={this.showTitle ? nextItemTitle : null}
@ -386,10 +405,12 @@ export default {
tabIndex='0'
onClick={this.jumpNext}
onKeypress={this.runIfEnterJumpNext}
class={`${prefixCls}-jump-next`}
class={jumpNextClassString}
>
{this.itemRender(
this.getJumpNextPage(), 'jump-next', <a class={`${prefixCls}-item-link`} />
this.getJumpNextPage(),
'jump-next',
this.getItemIcon('jumpNextIcon')
)}
</li>
)
@ -527,7 +548,10 @@ export default {
class={`${!prevDisabled ? '' : `${prefixCls}-disabled`} ${prefixCls}-prev`}
aria-disabled={prevDisabled}
>
{this.itemRender(prevPage, 'prev', <a class={`${prefixCls}-item-link`} />)}
{this.itemRender(prevPage,
'prev',
this.getItemIcon('prevIcon')
)}
</li>
{pagerList}
<li
@ -538,7 +562,10 @@ export default {
class={`${!nextDisabled ? '' : `${prefixCls}-disabled`} ${prefixCls}-next`}
aria-disabled={nextDisabled}
>
{this.itemRender(nextPage, 'next', <a class={`${prefixCls}-item-link`} />)}
{this.itemRender(nextPage,
'next',
this.getItemIcon('nextIcon')
)}
</li>
<Options
locale={locale}

2
components/vc-pagination/index.js
View File

@ -1,2 +1,2 @@
// based on rc-pagination 1.16.5
// based on rc-pagination 1.17.3
export { default } from './Pagination'

15
components/vc-pagination/locale/he_IL.js Normal file
View File

@ -0,0 +1,15 @@
export default {
// Options.jsx
items_per_page: '/ עמוד',
jump_to: 'עבור אל',
jump_to_confirm: 'אישור',
page: '',
// Pagination.jsx
prev_page: 'העמוד הקודם',
next_page: 'העמוד הבא',
prev_5: '5 עמודים קודמים',
next_5: '5 עמודים הבאים',
prev_3: '3 עמודים קודמים',
next_3: '3 עמודים הבאים',
};

15
components/vc-pagination/locale/mm_MM.js Normal file
View File

@ -0,0 +1,15 @@
export default {
// Options.jsx
items_per_page: '/ စာမျက်နှာ',
jump_to: 'သွားရန်',
jump_to_confirm: 'သေချာပြီ',
page: '',
// Pagination.jsx
prev_page: 'ယခင်စာမျက်နှာ',
next_page: 'နောက်စာမျက်နှာ',
prev_5: 'ယခင် ၅ခုမြောက်',
next_5: 'နောက် ၅ခုမြောက်',
prev_3: 'ယခင် ၃ခုမြောက်',
next_3: 'နောက် ၃ခုမြောက်',
};

15
components/vc-pagination/locale/mn_MN.js Normal file
View File

@ -0,0 +1,15 @@
export default {
// Options.jsx
items_per_page: '/ хуудас',
jump_to: 'Шилжих',
jump_to_confirm: 'сонгох',
page: '',
// Pagination.jsx
prev_page: 'Өмнөх хуудас',
next_page: 'Дараагийн хуудас',
prev_5: 'Дараагийн 5 хуудас',
next_5: 'Дараагийн 5 хуудас',
prev_3: 'Дараагийн 3 хуудас',
next_3: 'Дараагийн 3 хуудас',
};

2
components/vc-pagination/locale/ru_RU.js
View File

@ -1,6 +1,6 @@
export default {
// Options.jsx
items_per_page: '/странице',
items_per_page: '/ стр.',
jump_to: 'Перейти',
jump_to_confirm: 'подтвердить',
page: '',

2
components/vc-progress/index.js
View File

@ -1,4 +1,4 @@
// based on rc-progress 2.2.5
// based on rc-progress 2.2.6
import Progress, { Line, Circle } from './src/'
export {

7
components/vc-progress/src/Circle.js
View File

@ -18,7 +18,7 @@ const Circle = {
props: initDefaultProps(circlePropTypes, circleDefaultProps),
methods: {
getPathStyles () {
const { percent, strokeWidth, gapDegree = 0, gapPosition } = this.$props
const { percent, strokeWidth, strokeColor, gapDegree = 0, gapPosition } = this.$props
const radius = 50 - (strokeWidth / 2)
let beginPositionX = 0
let beginPositionY = -radius
@ -48,6 +48,7 @@ const Circle = {
a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`
const len = Math.PI * 2 * radius
const trailPathStyle = {
stroke: strokeColor,
strokeDasharray: `${len - gapDegree}px ${len}px`,
strokeDashoffset: `-${gapDegree / 2}px`,
transition: 'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s',
@ -62,13 +63,14 @@ const Circle = {
},
render () {
const {
prefixCls, strokeWidth, trailWidth, strokeColor,
prefixCls, strokeWidth, trailWidth,
trailColor, strokeLinecap, percent, ...restProps
} = this.$props
const { pathString, trailPathStyle, strokePathStyle } = this.getPathStyles()
delete restProps.percent
delete restProps.gapDegree
delete restProps.gapPosition
delete restProps.strokeColor
const pathFirst = {
attrs: {
'd': pathString,
@ -83,7 +85,6 @@ const Circle = {
attrs: {
'd': pathString,
'stroke-linecap': strokeLinecap,
'stroke': strokeColor,
'stroke-width': percent === 0 ? 0 : strokeWidth,
'fill-opacity': '0',
},

2
components/vc-rate/index.js
View File

@ -1,3 +1,3 @@
// based on rc-rate 2.4.0
// based on rc-rate 2.4.3
import Rate from './src/'
export default Rate

2
components/vc-rate/src/Rate.jsx
View File

@ -180,6 +180,7 @@ export default {
const starProps = {
props: {
index,
count,
disabled,
prefixCls: `${prefixCls}-star`,
allowHalf,
@ -213,6 +214,7 @@ export default {
onBlur={disabled ? noop : this.onBlur}
onKeydown={disabled ? noop : this.onKeyDown}
ref='rateRef'
role='radiogroup'
>
{stars}
</ul>

18
components/vc-rate/src/Star.jsx
View File

@ -1,9 +1,10 @@
import PropTypes from '../../_util/vue-types'
import BaseMixin from '../../_util/BaseMixin'
function noop () {}
export default {
name: 'Star',
mixins: [BaseMixin],
props: {
value: PropTypes.number,
index: PropTypes.number,
@ -12,6 +13,7 @@ export default {
disabled: PropTypes.bool,
character: PropTypes.any,
focused: PropTypes.bool,
count: PropTypes.number,
},
methods: {
onHover (e) {
@ -22,6 +24,12 @@ export default {
const { index } = this
this.$emit('click', e, index)
},
onKeyDown (e) {
const { index } = this.$props
if (e.keyCode === 13) {
this.__emit('click', e, index)
}
},
getClassName () {
const { prefixCls, index, value, allowHalf, focused } = this
const starValue = index + 1
@ -43,7 +51,7 @@ export default {
},
},
render () {
const { onHover, onClick, disabled, prefixCls } = this
const { onHover, onClick, onKeyDown, disabled, prefixCls, index, count, value } = this
let character = this.character
if (character === undefined) {
character = this.$slots.character
@ -52,7 +60,13 @@ export default {
<li
class={this.getClassName()}
onClick={disabled ? noop : onClick}
onKeydown={disabled ? noop : onKeyDown}
onMousemove={disabled ? noop : onHover}
role='radio'
aria-checked={value > index ? 'true' : 'false'}
aria-posinset={index + 1}
aria-setsize={count}
tabIndex={0}
>
<div class={`${prefixCls}-first`}>{character}</div>
<div class={`${prefixCls}-second`}>{character}</div>

2
components/vc-tree/index.js
View File

@ -1,4 +1,4 @@
// based on rc-tree 1.14.6
// based on rc-tree 1.14.8
'use strict'
module.exports = require('./src/')

19
components/vc-tree/src/Tree.jsx
View File

@ -313,6 +313,7 @@ const Tree = {
_dragOverNodeKey: '',
})
this.__emit('dragend', { event, node })
this.dragNode = null
},
onNodeDrop (event, node) {
const { _dragNodesKeys = [], _dropPosition } = this.$data
@ -342,6 +343,7 @@ const Tree = {
dropResult.dropToGap = true
}
this.__emit('drop', dropResult)
this.dragNode = null
},
onNodeClick (e, treeNode) {
@ -455,18 +457,21 @@ const Tree = {
const promise = loadData(treeNode)
promise.then(() => {
const newLoadedKeys = arrAdd(this.$data._loadedKeys, eventKey)
this.setUncontrolledState({
_loadedKeys: newLoadedKeys,
})
this.setState({
_loadingKeys: arrDel(this.$data._loadingKeys, eventKey),
})
const newLoadingKeys = arrDel(this.$data._loadingKeys, eventKey)
// onLoad should trigger before internal setState to avoid `loadData` trigger twice.
// https://github.com/ant-design/ant-design/issues/12464
const eventObj = {
event: 'load',
node: treeNode,
}
this.__emit('load', eventObj)
this.setUncontrolledState({
_loadedKeys: newLoadedKeys,
})
this.setState({
_loadingKeys: newLoadingKeys,
})
resolve()
})