fix(TimePicker): support format HH

Author: myronliu347

docs/time-picker/demo/format.md

@@ -19,6 +19,7 @@ You can control the time format by `format`, it will also effect the display of
 import { TimePicker } from '@alifd/next';
 
 ReactDOM.render(<div>
+    <TimePicker format="HH" />
     <p>Hide seconds</p>
     <TimePicker format="HH:mm" />
     <p>Hide hours</p>

src/date-picker/date-picker.jsx

@@ -579,6 +579,7 @@ export default class DatePicker extends Component {
             const timePanelProps = typeof showTime === 'object' ? showTime : {};
 
             const showSecond = this.timeFormat.indexOf('s') > -1;
+            const showMinute = this.timeFormat.indexOf('m') > -1;
 
             const panelTimeInputCls = classnames({
                 [`${prefix}date-picker-panel-input`]: true,
@@ -607,6 +608,7 @@ export default class DatePicker extends Component {
                     locale={locale}
                     className={`${prefix}date-picker-panel-time`}
                     showSecond={showSecond}
+                    showMinute={showMinute}
                     disabled={disabled}
                     prefix={prefix}
                     value={value}

src/date-picker/range-picker.jsx

@@ -885,13 +885,15 @@ export default class RangePicker extends Component {
             );
 
             const showSecond = this.timeFormat.indexOf('s') > -1;
+            const showMinute = this.timeFormat.indexOf('m') > -1;
 
             const sharedTimePickerProps = {
                 ...showTime,
                 prefix,
                 locale,
                 disabled,
                 showSecond,
+                showMinute,
             };
 
             const disabledTime = this.getDisabledTime(state);

src/time-picker/panel.jsx

@@ -20,6 +20,10 @@ class TimePickerPanel extends Component {
          * 是否显示小时
          */
         showHour: PropTypes.bool,
+        /**
+         * 是否显示分钟
+         */
+        showMinute: PropTypes.bool,
         /**
          * 是否显示秒
          */
@@ -80,6 +84,7 @@ class TimePickerPanel extends Component {
         prefix: 'next-',
         showHour: true,
         showSecond: true,
+        showMinute: true,
         disabledHours: noop,
         disabledMinutes: noop,
         disabledSeconds: noop,
@@ -115,6 +120,7 @@ class TimePickerPanel extends Component {
             className,
             disabled,
             showHour,
+            showMinute,
             showSecond,
             hourStep,
             minuteStep,
@@ -126,12 +132,10 @@ class TimePickerPanel extends Component {
             ...others
         } = this.props;
 
+        const colLen = [showHour, showMinute, showSecond].filter(v => v).length;
         const classNames = classnames(
-            {
-                [`${prefix}time-picker-panel`]: true,
-                [`${prefix}time-picker-panel-col-3`]: showHour && showSecond,
-                [`${prefix}time-picker-panel-col-2`]: !showHour || !showSecond,
-            },
+            `${prefix}time-picker-panel`,
+            `${prefix}time-picker-panel-col-${colLen}`,
             className
         );
 
@@ -165,14 +169,16 @@ class TimePickerPanel extends Component {
                         disabledItems={disabledHours}
                     />
                 ) : null}
-                <TimeMenu
-                    {...commonProps}
-                    activeIndex={activeMinute}
-                    title={locale.minute}
-                    mode="minute"
-                    step={minuteStep}
-                    disabledItems={disabledMinutes}
-                />
+                {showMinute ? (
+                    <TimeMenu
+                        {...commonProps}
+                        activeIndex={activeMinute}
+                        title={locale.minute}
+                        mode="minute"
+                        step={minuteStep}
+                        disabledItems={disabledMinutes}
+                    />
+                ) : null}
                 {showSecond ? (
                     <TimeMenu
                         {...commonProps}

src/time-picker/scss/panel.scss

@@ -24,4 +24,10 @@
             width: 50%;
         }
     }
+
+    &-col-1 {
+        #{$time-picker-prefix}-menu {
+            width: 100%;
+        }
+    }
 }

src/time-picker/time-picker.jsx

@@ -388,6 +388,7 @@ export default class TimePicker extends Component {
             disabled,
             showHour: format.indexOf('H') > -1,
             showSecond: format.indexOf('s') > -1,
+            showMinute: format.indexOf('m') > -1,
             hourStep,
             minuteStep,
             secondStep,