Merge branch 'upstream-master' into feat/1.12

* upstream-master:
  test(*): ignore compatible with 0.x
  fix(Slider): can swipe vertical & width 100% invertical
  fix(Nav): overflow when icon-only without icon
  test(Table): edit test cases
  fix(Tab): extra align middle by default
  fix(Loading): fix fullscreen in demo - add button as safe node to disable document event handler
  chore(*): resest version of webpack-dev-server
  chore(*): Release-1.11.8
  docs(ConfigProvider): add docs
  fix(Nav): icon-only overflow bug fix
  fix(Radio): button shape hover border covers checked border
  fix(Form): remove warning while message write in jsx
  fix(Form): switch aligin while size=large
  fix(Select): fix Select with useVirtual when empty dataSource (alibaba-fusion#164)
  fix(Validate): value can be false
  fix(Nav): can't config nav group label font size/height
  Update License
  fix(CascaderSelect): value type not equal dataSource value
  fix(Timeline): timline-item warning  has function type prop

# Conflicts:
#	src/nav/main.scss

src/balloon/index.jsx

@@ -4,7 +4,7 @@ import Tooltip from './tooltip';
 import Inner from './inner';
 
 Balloon.Tooltip = ConfigProvider.config(Tooltip, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('text' in props) {
             deprecated('text', 'children', 'Tooltip');
             const { text, ...others } = props;
@@ -17,7 +17,7 @@ Balloon.Tooltip = ConfigProvider.config(Tooltip, {
 Balloon.Inner = Inner;
 
 export default ConfigProvider.config(Balloon, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if (props.alignment) {
             deprecated('alignment', 'alignEdge', 'Balloon');
             const { alignment, ...others } = props;

src/button/index.jsx

@@ -5,7 +5,7 @@ import ButtonGroup from './view/group';
 Button.Group = ButtonGroup;
 
 export default ConfigProvider.config(Button, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('shape' in props) {
             deprecated('shape', 'text | warning | ghost', 'Button');
 

src/card/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import Card from './card';
 
 export default ConfigProvider.config(Card, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('titlePrefixLine' in props) {
             deprecated('titlePrefixLine', 'showTitleBullet', 'Card');
             const { titlePrefixLine, ...others } = props;

src/cascader-select/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import CascaderSelect from './cascader-select';
 
 export default ConfigProvider.config(CascaderSelect, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('shape' in props) {
             deprecated('shape', 'hasBorder', 'CascaderSelect');
             const { shape, ...others } = props;

src/cascader/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import Cascader from './cascader';
 
 export default ConfigProvider.config(Cascader, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('expandTrigger' in props) {
             deprecated('expandTrigger', 'expandTriggerType', 'Cascader');
             const { expandTrigger, ...others } = props;

src/dialog/index.jsx

@@ -27,6 +27,7 @@ Dialog.confirm = config => {
     return confirm(config);
 };
 
+/* istanbul ignore next */
 function processProps(props, deprecated) {
     if ('closable' in props) {
         deprecated('closable', 'closeable', 'Dialog');

src/form/index.jsx

@@ -6,7 +6,7 @@ import Reset from './reset';
 import Error from './error';
 
 Form.Item = ConfigProvider.config(Item, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('validateStatus' in props) {
             deprecated('validateStatus', 'validateState', 'Form.Item');
 
@@ -22,7 +22,7 @@ Form.Reset = Reset;
 Form.Error = Error;
 
 export default ConfigProvider.config(Form, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('direction' in props) {
             deprecated('direction', 'inline', 'Form');
             const { direction, ...others } = props;

src/grid/index.jsx

@@ -4,7 +4,7 @@ import Col from './col';
 
 const Grid = {
     Row: ConfigProvider.config(Row, {
-        transform: (props, deprecated) => {
+        transform: /* istanbul ignore next */(props, deprecated) => {
             if ('type' in props) {
                 deprecated('type', 'fixed | wrap | gutter', 'Row');
 

src/nav/main.scss

@@ -2,6 +2,8 @@
 @import "scss/mixin";
 @import "scss/variable";
 
+$nav-icononly-width: $s-15;
+
 #{$nav-prefix} {
     @include box-sizing;
     min-width: auto;
@@ -18,8 +20,10 @@
 
     &-icon-placeholder {
         display: inline-block;
-        width: $nav-icon-self-size;
-        height: $nav-icon-self-size;
+        width: $nav-icon-only-font-size;
+        height: $nav-icon-only-font-size;
+        margin-left: ($nav-icononly-width - $nav-icon-only-font-size) / 2 - $nav-ver-item-padding-lr - $nav-primary-border-width;
+        margin-right: ($nav-icononly-width - $nav-icon-only-font-size) / 2 - $nav-ver-item-padding-lr - $nav-primary-border-width;
     }
 
     &-group-label {
@@ -318,19 +322,32 @@
             #{$nav-prefix}-icon.#{$css-prefix}icon {
                 @include icon-size(
                     $size: $nav-icon-only-font-size,
-                    $marginLeft: (18px - $nav-icon-only-font-size) / 2,
-                    $marginRight: (18px - $nav-icon-only-font-size) / 2
+                    $marginLeft: ($nav-icononly-width - $nav-icon-only-font-size) / 2 - $nav-ver-item-padding-lr - $popup-local-border-width,
+                    $marginRight: ($nav-icononly-width - $nav-icon-only-font-size) / 2 - $nav-ver-item-padding-lr - $popup-local-border-width
                 );
             }
         }
-        #{$nav-prefix}-icon.#{$css-prefix}icon {
-            @include icon-size(
-                $size: $nav-icon-only-font-size,
-                $marginLeft: (20px - $nav-icon-only-font-size) / 2,
-                $marginRight: (20px - $nav-icon-only-font-size) / 2
-            );
+
+        &.#{$css-prefix}primary {
+            #{$nav-prefix}-icon.#{$css-prefix}icon {
+                @include icon-size(
+                    $size: $nav-icon-only-font-size,
+                    $marginLeft: ($nav-icononly-width - $nav-icon-only-font-size) / 2 - $nav-ver-item-padding-lr - $nav-primary-border-width,
+                    $marginRight: ($nav-icononly-width - $nav-icon-only-font-size) / 2 - $nav-ver-item-padding-lr - $nav-primary-border-width
+                );
+            }
+        }
+        &.#{$css-prefix}secondary {
+            #{$nav-prefix}-icon.#{$css-prefix}icon {
+                @include icon-size(
+                    $size: $nav-icon-only-font-size,
+                    $marginLeft: ($nav-icononly-width - $nav-ver-item-padding-lr * 2 - $nav-secondary-border-width * 2 - $nav-icon-only-font-size) / 2,
+                    $marginRight: ($nav-icononly-width - $nav-ver-item-padding-lr * 2 - $nav-secondary-border-width * 2 - $nav-icon-only-font-size) / 2
+                );
+            }
         }
 
+
         #{$nav-prefix}-icon-only-arrow.#{$css-prefix}icon {
             @include icon-size(
                 $size: $nav-icon-only-font-size,

src/progress/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import Progress from './view/progress';
 
 export default ConfigProvider.config(Progress, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('type' in props) {
             deprecated('type', 'progressive', 'Progress');
 

src/range/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import Range from './view/range';
 
 export default ConfigProvider.config(Range, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('hasTips' in props) {
             deprecated('hasTips', 'hasTip', 'Range');
 

src/rating/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import Rating from './rating';
 
 export default ConfigProvider.config(Rating, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('type' in props) {
             deprecated('type', 'showGrade', 'Rating');
 

src/search/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import Search from './Search';
 
 export default ConfigProvider.config(Search, {
-    transfrom: (props, deprecated) => {
+    transfrom: /* istanbul ignore next */(props, deprecated) => {
         const {onInputFocus, overlayVisible, combox, ...others} = this.props;
 
         const newprops = others;

src/select/index.jsx

@@ -12,6 +12,7 @@ Select.Option = Option;
 Select.OptionGroup = OptionGroup;
 
 // compatible with 0.x version
+/* istanbul ignore next */
 function transform(props, deprecated) {
     const { shape, container, multiple, filterBy, overlay, safeNode, noFoundContent, ...others } = props;
 
@@ -55,7 +56,7 @@ function transform(props, deprecated) {
 
 // compatible with 0.x version: Select.Combobox
 Select.Combobox = ConfigProvider.config(Select, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         deprecated('Select.Combobox', '<Select showSearch={true}/>', 'Select');
 
         const newprops = transform(props, deprecated);

src/slider/index.jsx

@@ -3,7 +3,7 @@ import Slider from './slider';
 
 export default ConfigProvider.config(Slider, {
     exportNames: ['resize'],
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('fade' in props) {
             deprecated('fade', 'animation', 'Slider');
 

src/slider/main.scss

@@ -110,7 +110,6 @@
     &-dots {
         display: block;
         position: absolute;
-        z-index: 100;
         margin: 0;
         padding: 0;
 

src/slider/slick/inner-slider.jsx

@@ -40,6 +40,7 @@ class InnerSlider extends React.Component {
         slidesToScroll: PropTypes.number,
         variableWidth: PropTypes.bool,
         vertical: PropTypes.bool,
+        verticalSwiping: PropTypes.bool,
         prevArrow: PropTypes.element,
         nextArrow: PropTypes.element,
         dotsRender: PropTypes.func,
@@ -212,7 +213,7 @@ class InnerSlider extends React.Component {
             prefix, animation, arrows, arrowSize, arrowPosition, arrowDirection,
             dots, dotsClass, cssEase, speed, infinite, centerMode, centerPadding,
             lazyLoad, dotsDirection, rtl, slidesToShow, slidesToScroll,
-            variableWidth, vertical, focusOnSelect, children, dotsRender, triggerType
+            variableWidth, vertical, verticalSwiping, focusOnSelect, children, dotsRender, triggerType
         } = this.props;
 
         const {
@@ -242,6 +243,7 @@ class InnerSlider extends React.Component {
             trackStyle,
             variableWidth,
             vertical,
+            verticalSwiping,
             triggerType
             // clickHandler: this.changeSlide, unused
         };

src/slider/slick/mixins/event-handlers.js

@@ -91,7 +91,12 @@ const EventHandlers = {
         touchObject.curY = (e.touches) ? e.touches[0].pageY : e.clientY;
         touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curX - touchObject.startX, 2)));
 
-        const positionOffset = (this.props.rtl === false ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1);
+        let positionOffset = (this.props.rtl === false ? 1 : -1) * (touchObject.curX > touchObject.startX ? 1 : -1);
+
+        if (this.props.verticalSwiping === true) {
+            touchObject.swipeLength = Math.round(Math.sqrt(Math.pow(touchObject.curY - touchObject.startY, 2)));
+            positionOffset = touchObject.curY > touchObject.startY ? 1 : -1;
+        }
 
         const currentSlide = this.state.currentSlide;
         const dotCount = Math.ceil(this.state.slideCount / this.props.slidesToScroll);

src/slider/slick/track.jsx

@@ -60,6 +60,10 @@ const getSlideStyle = function(specProps) {
         }
     }
 
+    if (specProps.vertical) {
+        style.width = '100%';
+    }
+
     return style;
 };
 

src/slider/slider.jsx

@@ -155,6 +155,7 @@ export default class Slider extends Component {
         arrowSize: 'medium',
         arrowPosition: 'inner',
         vertical: false,
+        verticalSwiping: true,
         dots: true,
         dotsDirection: 'hoz',
         arrows: true,
@@ -225,6 +226,7 @@ export default class Slider extends Component {
         if (slideDirection === 'ver') {
             // 向下传递时使用 vertical 属性
             sliderProps.vertical = true;
+            sliderProps.verticalSwiping = true;
         }
 
         return (

src/step/index.jsx

@@ -5,7 +5,7 @@ import StepItem from './view/step-item';
 Step.Item = StepItem;
 
 export default ConfigProvider.config(Step, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('type' in props) {
             deprecated('type', 'shape', 'Step');
 

src/tab/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import Tab from './tab';
 
 export default ConfigProvider.config(Tab, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('type' in props) {
             deprecated('type', 'shape', 'Tab');
             const { type, ...others } = props;

src/tag/index.jsx

@@ -5,9 +5,8 @@ import Group from './tag-group';
 import Selectable from './selectable';
 import Closable from './closeable';
 
-/* istanbul ignore next */
 const ConfigTag = ConfigProvider.config(Tag, {
-    transfrom: (props, deprecated) => {
+    transfrom: /* istanbul ignore next */(props, deprecated) => {
         const {shape, type} = props;
         if (shape === 'selectable') {
             deprecated('shape=selectable', 'Tag.Selectable', 'Tag');

src/time-picker/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import TimePicker from './time-picker';
 
 export default ConfigProvider.config(TimePicker, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('defaultOpen' in props) {
             deprecated('defaultOpen', 'defaultVisible', 'TimePicker');
             const { defaultOpen, ...others } = props;

src/tree-select/index.jsx

@@ -2,7 +2,7 @@ import ConfigProvider from '../config-provider';
 import TreeSelect from './tree-select';
 
 export default ConfigProvider.config(TreeSelect, {
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         if ('shape' in props) {
             deprecated('shape', 'hasBorder', 'TreeSelect');
             const { shape, ...others } = props;

src/upload/index.jsx

@@ -14,6 +14,7 @@ Upload.Selecter = Selecter;
 Upload.Uploader = Uploader;
 Upload.ErrorCode = errorCode;
 // compatible with 0.x version
+/* istanbul ignore next */
 function transform(props, deprecated) {
     const { listType, defaultFileList, fileList, ...others } = props;
     const newprops = others;
@@ -44,7 +45,7 @@ function transform(props, deprecated) {
 // compatible with 0.x version
 Upload.ImageUpload = ConfigProvider.config(Card, {
     componentName: 'Upload',
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         deprecated('Upload.ImageUpload', 'Upload.Card', 'Upload');
         const newprops = transform(props, () => { });
         if (newprops.locale && newprops.locale.image) {
@@ -58,7 +59,7 @@ Upload.ImageUpload = ConfigProvider.config(Card, {
 // compatible with 0.x version
 Upload.DragUpload = ConfigProvider.config(Dragger, {
     componentName: 'Upload',
-    transform: (props, deprecated) => {
+    transform: /* istanbul ignore next */(props, deprecated) => {
         deprecated('Upload.DragUpload', 'Upload.Dragger', 'Upload');
         const newprops = transform(props, () => { });
         if (!newprops.listType) {
@@ -70,6 +71,7 @@ Upload.DragUpload = ConfigProvider.config(Dragger, {
 });
 
 // compatible with 0.x version
+/* istanbul ignore next */
 Upload.Core = class Core extends React.Component {
     constructor(props) {
         super(props);
@@ -117,6 +119,7 @@ Upload.List = ConfigProvider.config(List, {
 });
 
 // compatible with 0.x version
+/* istanbul ignore next */
 Upload.CropUpload = function() {
     log.deprecated('Upload.CropUpload', '@alife/bc-next-crop-upload', 'Upload');
     return null;