@kdcloudjs/kdesign 1.6.0 → 1.6.3

package/es/transfer/list.js

@@ -4,10 +4,9 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import React, { useState, useContext } from 'react';
+import React, { useState } from 'react';
 import { omit } from '../_utils/omit';
 import Search from './search';
-import ConfigContext from '../config-provider/ConfigContext';
 import DefaultListBody, { OmitProps } from './list-body';
 import classNames from 'classnames';
 import Checkbox from '../checkbox';
@@ -23,9 +22,6 @@ function isRenderResultPlainObject(result) {
 var TransferList = function TransferList(props) {
   var _classNames;
 
-  var _useContext = useContext(ConfigContext),
-      locale = _useContext.locale;
-
   var prefixCls = props.prefixCls,
       dataSource = props.dataSource,
       filterOption = props.filterOption,
@@ -44,11 +40,8 @@ var TransferList = function TransferList(props) {
       showSelectAll = props.showSelectAll,
       pagination = props.pagination,
       footer = props.footer,
-      showRemove = props.showRemove;
-  var transferLang = locale.getCompLangMsg({
-    componentName: 'Transfer'
-  });
-  var searchPlaceholder = transferLang.searchPlaceholder;
+      showRemove = props.showRemove,
+      placeholder = props.placeholder;
 
   var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -121,7 +114,7 @@ var TransferList = function TransferList(props) {
     };
   };
 
-  var getListBody = function getListBody(prefixCls, searchPlaceholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled) {
+  var getListBody = function getListBody(prefixCls, placeholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled) {
     var _context;
 
     var search = showSearch ? /*#__PURE__*/React.createElement("div", {
@@ -130,7 +123,7 @@ var TransferList = function TransferList(props) {
       prefixCls: "".concat(prefixCls, "-search"),
       onChange: onFilterChange,
       handleClear: onClear,
-      placeholder: searchPlaceholder,
+      placeholder: placeholder,
       value: filterValue,
       disabled: disabled
     })) : null;
@@ -216,8 +209,8 @@ var TransferList = function TransferList(props) {
       filteredItems = _getFilteredItems.filteredItems,
       filteredRenderItems = _getFilteredItems.filteredRenderItems;
 
-  var checkAllCheckbox = !showRemove && !pagination && getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled);
-  var listBody = getListBody(prefixCls, searchPlaceholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled);
+  var checkAllCheckbox = !showRemove && getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled);
+  var listBody = getListBody(prefixCls, placeholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled);
   var listCls = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-with-pagination"), pagination), _defineProperty(_classNames, "".concat(prefixCls, "-with-footer"), footerDom), _classNames));
   return /*#__PURE__*/React.createElement("div", {
     className: listCls,

package/es/transfer/transfer.d.ts

@@ -18,6 +18,7 @@ export interface TransferProps {
     noDataContent?: ((param: TransferRenderParam) => React.ReactNode) | React.ReactNode;
     titles?: string[];
     operations?: string[];
+    searchPlaceholder?: string[];
     showSearch?: boolean;
     filterOption?: (inputValue: string, item: TransferItem) => boolean;
     rowKey?: (record: TransferItem) => string;

package/es/transfer/transfer.js

@@ -43,6 +43,8 @@ var Transfer = function Transfer(props) {
       titles = _transferProps$titles === void 0 ? [] : _transferProps$titles,
       _transferProps$operat = transferProps.operations,
       operations = _transferProps$operat === void 0 ? [] : _transferProps$operat,
+      _transferProps$search = transferProps.searchPlaceholder,
+      searchPlaceholder = _transferProps$search === void 0 ? [] : _transferProps$search,
       showSearch = transferProps.showSearch,
       filterOption = transferProps.filterOption,
       rowKey = transferProps.rowKey,
@@ -78,6 +80,8 @@ var Transfer = function Transfer(props) {
   var mergedPagination = !children && pagination;
   var leftTitle = titles[0] || transferLang.leftTitle;
   var rightTitle = titles[1] || transferLang.rightTitle;
+  var leftPlaceholder = searchPlaceholder[0] || transferLang.searchPlaceholder[0];
+  var rightPlaceholder = searchPlaceholder[1] || transferLang.searchPlaceholder[1];
 
   var setStateKeys = function setStateKeys(direction, keys) {
     if (direction === 'left') {
@@ -279,6 +283,7 @@ var Transfer = function Transfer(props) {
     style: style
   }, /*#__PURE__*/React.createElement(List, {
     prefixCls: "".concat(transferPrefixCls, "-list"),
+    placeholder: leftPlaceholder,
     titleText: leftTitle,
     dataSource: leftDataSource,
     filterOption: filterOption,
@@ -310,6 +315,7 @@ var Transfer = function Transfer(props) {
     oneWay: oneWay
   }), /*#__PURE__*/React.createElement(List, {
     prefixCls: "".concat(transferPrefixCls, "-list"),
+    placeholder: rightPlaceholder,
     titleText: rightTitle,
     dataSource: rightDataSource,
     filterOption: filterOption,

package/es/tree/style/index.css

@@ -132,6 +132,7 @@
   font-size: var(--kd-c-tree-font-size, var(--kd-g-font-size-small, 12px));
   color: var(--kd-c-tree-color-text, var(--kd-g-color-text-primary, #212121));
   margin-left: var(--kd-c-tree-spacing-margin-left, 0px);
+  padding: var(--kd-c-tree-spacing-padding-vertical, 3px) 0;
 }
 .kd-tree-root {
   min-width: 100%;
@@ -313,16 +314,19 @@
 }
 .kd-tree-node-drag-over {
   background-color: var(--kd-c-tree-node-drag-over-color-background, #E3EBFF);
-  border: 2px solid var(--kd-c-tree-node-drag-over-color-border, #5582f3);
+  -webkit-box-shadow: inset 0 0 0 2px var(--kd-c-tree-node-drag-over-color-border, #5582f3);
+          box-shadow: inset 0 0 0 2px var(--kd-c-tree-node-drag-over-color-border, #5582f3);
 }
-.kd-tree-node-drag-line {
+.kd-tree-node-drag-line-top,
+.kd-tree-node-drag-line-bottom {
   position: absolute;
   left: 0;
-  top: 100%;
+  top: 0;
   width: 100%;
   border-top: 2px solid var(--kd-c-tree-node-drag-line-color-background, #276FF5);
 }
-.kd-tree-node-drag-line::before {
+.kd-tree-node-drag-line-top::before,
+.kd-tree-node-drag-line-bottom::before {
   content: '';
   width: 4px;
   height: 4px;
@@ -334,6 +338,12 @@
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
+.kd-tree-node-drag-line-top {
+  top: 0;
+}
+.kd-tree-node-drag-line-bottom {
+  top: 100%;
+}
 .kd-tree-node-leaf-icon {
   height: var(--kd-c-tree-node-icon-sizing-height, 16px);
   width: var(--kd-c-tree-node-icon-sizing-width, 16px);

package/es/tree/style/index.less

@@ -12,6 +12,7 @@
   font-size: @tree-font-size;
   color: @tree-color-text;
   margin-left: @tree-margin-left;
+  padding: @tree-padding-vertical 0;
   &-root {
     min-width: 100%;
     flex-shrink: 0;
@@ -136,26 +137,35 @@
 
   &-drag-over {
     background-color: @tree-node-drag-over-color-background;
-    border: 2px solid @tree-node-drag-over-border-color;
+    box-shadow: inset 0 0 0 2px @tree-node-drag-over-border-color;
   }
 
   &-drag-line {
-    position: absolute;
-    left: 0;
-    top: 100%;
-    width: 100%;
-    border-top: 2px solid @tree-node-drag-line-border-color;
-
-    &::before {
-      content: '';
-      width: 4px;
-      height: 4px;
-      background-color: #fff;
-      border-radius: 50%;
-      border: 2px solid @tree-node-drag-line-border-color;
+    &-top, &-bottom {
       position: absolute;
-      top: -1px;
-      transform: translateY(-50%);
+      left: 0;
+      top: 0;
+      width: 100%;
+      border-top: 2px solid @tree-node-drag-line-border-color;
+      
+      &::before {
+        content: '';
+        width: 4px;
+        height: 4px;
+        background-color: #fff;
+        border-radius: 50%;
+        border: 2px solid @tree-node-drag-line-border-color;
+        position: absolute;
+        top: -1px;
+        transform: translateY(-50%);
+      }
+    }
+    &-top {
+      top: 0;
+    }
+
+    &-bottom {
+      top: 100%;
     }
   }
   &-leaf-icon {

package/es/tree/style/token.less

@@ -22,7 +22,10 @@
 @tree-expand-icon-loading-width: var(~'@{tree-prefix}-expand-icon-loading-sizing-width', 16px);
 @tree-node-icon-height: var(~'@{tree-prefix}-node-icon-sizing-height', 16px);
 @tree-node-icon-width: var(~'@{tree-prefix}-node-icon-sizing-width', 16px);
+
+// spacing
 @tree-margin-left: var(~'@{tree-prefix}-spacing-margin-left', 0px);
+@tree-padding-vertical: var(~'@{tree-prefix}-spacing-padding-vertical', 3px);
 
 // font
 @tree-font-size: var(~'@{tree-prefix}-font-size', @font-size-small);

package/es/tree/tree.js

@@ -250,45 +250,32 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [onDragStart]);
   var handleDragOver = React.useCallback(function (event, node, dropTarget) {
     var dropPos = calcDropPosition(event, dropTarget);
-    setDropPosition(dropPos);
-    var dragNode = getDragNode();
 
-    if (dragNode.key === node.key) {
-      setDropPosition(null);
+    if (!delayedDragEnterRef.current) {
+      delayedDragEnterRef.current = {};
     }
 
-    onDragOver && onDragOver({
-      event: event,
-      node: node
-    });
-  }, [onDragOver]);
-  var handleDragLeave = React.useCallback(function (event, node) {
-    onDragLeave && onDragLeave({
-      event: event,
-      node: node
-    });
-  }, [onDragLeave]);
-  var handleDragEnter = React.useCallback(function (event, node, dropTarget) {
+    if (dropPos !== 0 && dropPos !== dropPosition) {
+      _Object$keys(delayedDragEnterRef.current).forEach(function (key) {
+        clearTimeout(delayedDragEnterRef.current[key]);
+        delayedDragEnterRef.current[key] = null;
+      });
+    }
+
+    setDropPosition(dropPos);
     var key = node.key,
         pos = node.pos;
     var dragNode = getDragNode();
 
-    if (!dragNode) {
-      return;
-    }
-
-    if (!delayedDragEnterRef.current) {
-      delayedDragEnterRef.current = {};
+    if (dragNode.key === node.key) {
+      setDropPosition(null);
     }
 
-    _Object$keys(delayedDragEnterRef.current).forEach(function (key) {
-      clearTimeout(delayedDragEnterRef.current[key]);
-    });
+    if ((dragNode === null || dragNode === void 0 ? void 0 : dragNode.key) !== key && dropPos === 0) {
+      if (dragNode.key === node.key || delayedDragEnterRef.current[pos]) {
+        return;
+      }
 
-    if ((dragNode === null || dragNode === void 0 ? void 0 : dragNode.key) !== key) {
-      var dragPos = calcDropPosition(event, dropTarget);
-      setDragOverNodeKey(key);
-      setDropPosition(dragPos);
       delayedDragEnterRef.current[pos] = setTimeout(function () {
         var newExpandedKeys = _toConsumableArray(expandedKeys);
 
@@ -307,13 +294,36 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, 800);
     }
 
+    onDragOver && onDragOver({
+      event: event,
+      node: node
+    });
+  }, [TreeProps, dropPosition, expandedKeys, onDragOver, onExpand, setExpandedKeys]);
+  var handleDragLeave = React.useCallback(function (event, node) {
+    onDragLeave && onDragLeave({
+      event: event,
+      node: node
+    });
+  }, [onDragLeave]);
+  var handleDragEnter = React.useCallback(function (event, node, _dropTarget) {
+    var key = node.key;
+    var dragNode = getDragNode();
+
+    if (!dragNode) {
+      return;
+    }
+
+    if ((dragNode === null || dragNode === void 0 ? void 0 : dragNode.key) !== key) {
+      setDragOverNodeKey(key);
+    }
+
     onDragEnter && onDragEnter({
       event: event,
       node: node
     });
-  }, [TreeProps, expandedKeys, onDragEnter, onExpand, setExpandedKeys]);
+  }, [onDragEnter]);
   var handleDragEnd = React.useCallback(function (event, node) {
-    setDragOverNodeKey('');
+    setDragOverNodeKey(null);
     onDragEnd && onDragEnd({
       event: event,
       node: node
@@ -322,6 +332,8 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleDrop = React.useCallback(function (event, node, dragNode, dragNodesKeys) {
     var _context3;
 
+    setDragOverNodeKey(null);
+    setDropPosition(null);
     var pos = getPos(flattenAllData, dragNodesKeys);
 
     var keys = _concatInstanceProperty(_context3 = getAllChildKeys(flattenAllData, pos)).call(_context3, dragNodesKeys);
@@ -419,6 +431,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     item.getDragNode = getDragNode;
     item.setDragNode = setDragNode;
     item.dragOver = dragOverNodeKey === item.key && dropPosition === 0;
+    item.dropPosition = dropPosition;
     item.expandOnClickNode = expandOnClickNode;
     item.loading = loadingKeys.has(item.key) && !loadedKeys.has(item.key);
     item.loadData = loadData;

package/es/tree/treeNode.js

@@ -58,6 +58,7 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
       indeterminate = TreeNodeProps.indeterminate,
       estimatedItemSize = TreeNodeProps.estimatedItemSize,
       dragOver = TreeNodeProps.dragOver,
+      dropPosition = TreeNodeProps.dropPosition,
       expandOnClickNode = TreeNodeProps.expandOnClickNode,
       loading = TreeNodeProps.loading,
       onExpand = TreeNodeProps.onExpand,
@@ -69,7 +70,7 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onDragEnd = TreeNodeProps.onDragEnd,
       onDrop = TreeNodeProps.onDrop,
       onSelect = TreeNodeProps.onSelect,
-      others = __rest(TreeNodeProps, ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "expandOnClickNode", "loading", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"]);
+      others = __rest(TreeNodeProps, ["nodeKey", "prefixCls", "selectable", "checkable", "className", "icon", "switcherIcon", "disabled", "draggable", "pos", "checked", "level", "getDragNode", "hasChildNode", "expand", "title", "showLine", "showIcon", "selected", "setDragNode", "style", "indeterminate", "estimatedItemSize", "dragOver", "dropPosition", "expandOnClickNode", "loading", "onExpand", "onCheck", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect"]);
 
   var nodeData = React.useMemo(function () {
     return _extends({
@@ -237,7 +238,9 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, indent(), renderExpandIcon(), showIcon && renderNodeIcon(), /*#__PURE__*/React.createElement("div", {
       className: classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(treeNodePrefixCls, "-title-wrap"), true), _defineProperty(_classNames5, "".concat(treeNodePrefixCls, "-title-wrap-hover"), !expandOnClickNode && !disabled), _defineProperty(_classNames5, "".concat(treeNodePrefixCls, "-title-wrap-selected"), selected && selectable && !disabled && !expandOnClickNode), _classNames5)),
       onClick: expandOnClickNode ? undefined : handleClick
-    }, checkable ? /*#__PURE__*/React.createElement(Checkbox, {
+    }, showDragLine && dropPosition === -1 && /*#__PURE__*/React.createElement("span", {
+      className: classNames("".concat(treeNodePrefixCls, "-drag-line-top"))
+    }), checkable ? /*#__PURE__*/React.createElement(Checkbox, {
       onChange: handleOnchange,
       checked: checked,
       indeterminate: !disabled && indeterminate,
@@ -249,8 +252,8 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: classNames("".concat(treeNodePrefixCls, "-title"), _defineProperty({}, "".concat(treeNodePrefixCls, "-title-disabled"), disabled))
     }, title)) : /*#__PURE__*/React.createElement("span", {
       className: classNames("".concat(treeNodePrefixCls, "-title"), _defineProperty({}, "".concat(treeNodePrefixCls, "-title-disabled"), disabled))
-    }, title), showDragLine && !dragOver && /*#__PURE__*/React.createElement("span", {
-      className: classNames("".concat(treeNodePrefixCls, "-drag-line"))
+    }, title), showDragLine && dropPosition === 1 && /*#__PURE__*/React.createElement("span", {
+      className: classNames("".concat(treeNodePrefixCls, "-drag-line-bottom"))
     }))));
   };
 
@@ -312,6 +315,7 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleDrop = React.useCallback(function (e) {
     if (!draggable) return;
     setShowDragLine(false);
+    setForbiddenChildrenPointerEvents(false);
     var data = getDragNode();
     var sourceKey = data === null || data === void 0 ? void 0 : data.key;
 

package/lib/date-picker/calendar.js

@@ -36,28 +36,17 @@ var DATE_ROW_COUNT = 6;
 function Calendar(props) {
   var context = (0, _react.useContext)(_context2.default);
   var prefixCls = context.prefixCls,
-      viewDate = context.viewDate;
+      viewDate = context.viewDate,
+      locale = context.locale;
   var picker = props.picker,
-      useWeekdaysShort = props.useWeekdaysShort,
       showWeekNumber = props.showWeekNumber,
       showWeeksTitle = props.showWeeksTitle,
       showTime = props.showTime,
-      disabledDate = props.disabledDate; // const isWeekInMonth = (startOfWeek: DateType) => {
-  //   const endOfWeek = addDays(startOfWeek, 6)
-  //   return isSameMonth(startOfWeek, viewDate) || isSameMonth(endOfWeek, viewDate)
-  // }
-  // 获取title部分 周的格式
-
-  var formatWeekday = function formatWeekday(day) {
-    return useWeekdaysShort ? (0, _dateFns.getWeekdayShortInLocale)(day) : (0, _dateFns.getWeekdayMinInLocale)(day);
-  }; // const getEffectTime = () => {
-  // }
-
+      disabledDate = props.disabledDate;
 
   var renderWeeksTitle = function renderWeeksTitle() {
     var _context;
 
-    var startOfWeek = (0, _dateFns.getStartOfWeek)(viewDate);
     var dayNames = [];
     var weekTitleCls = (0, _classnames.default)("".concat(prefixCls, "-weektitle"));
     var weekTitleItemCls = (0, _classnames.default)("".concat(prefixCls, "-weektitle-item"));
@@ -73,8 +62,7 @@ function Calendar(props) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: weekTitleCls
     }, (0, _concat.default)(dayNames).call(dayNames, (0, _map.default)(_context = [0, 1, 2, 3, 4, 5, 6]).call(_context, function (offset) {
-      var day = (0, _dateFns.addDays)(startOfWeek, offset);
-      var weekDayName = formatWeekday(day);
+      var weekDayName = locale.weekTitle[offset];
       return /*#__PURE__*/_react.default.createElement("div", {
         key: offset,
         className: weekTitleItemCls

package/lib/date-picker/date-panel.js

@@ -51,7 +51,8 @@ function Panel(props) {
   var prefixCls = context.prefixCls,
       viewDate = context.viewDate,
       setViewDate = context.setViewDate,
-      panelPosition = context.panelPosition;
+      panelPosition = context.panelPosition,
+      locale = context.locale;
   var _props$picker = props.picker,
       picker = _props$picker === void 0 ? 'date' : _props$picker,
       format = props.format,
@@ -149,7 +150,7 @@ function Panel(props) {
     var year = (0, _dateFns.getYear)(viewDate);
     var headerCls = (0, _classnames.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"));
     return {
-      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, year, "\u5E74"),
+      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, year + locale.year),
       className: headerCls
     };
   };
@@ -159,7 +160,7 @@ function Panel(props) {
     var month = (0, _dateFns.getMonth)(viewDate) + 1;
     var headerCls = (0, _classnames.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
     return {
-      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, year, "\u5E74"), /*#__PURE__*/_react.default.createElement("span", null, month, "\u6708")),
+      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, year + locale.year), /*#__PURE__*/_react.default.createElement("span", null, month + locale.month)),
       className: headerCls
     };
   };

package/lib/date-picker/interface.d.ts

@@ -10,6 +10,9 @@ export interface Locale {
     'DatePicker.now': string;
     'DatePicker.confrim': string;
     'DatePicker.today': string;
+    'DatePicker.year': string;
+    'DatePicker.month': string;
+    'DatePicker.weekTitle': [string, string, string, string, string, string, string];
     'DatePicker.rangePlaceholder': [string, string];
     'DatePicker.rangeYearPlaceholder': [string, string];
     'DatePicker.rangeMonthPlaceholder': [string, string];
@@ -28,6 +31,9 @@ export interface InnerLocale {
     now: string;
     confrim: string;
     today: string;
+    year: string;
+    month: string;
+    weekTitle: [string, string, string, string, string, string, string];
     rangePlaceholder: [string, string];
     rangeYearPlaceholder: [string, string];
     rangeMonthPlaceholder: [string, string];

package/lib/date-picker/locale/zh_CN.js

@@ -15,6 +15,9 @@ var locale = {
   'DatePicker.now': '此刻',
   'DatePicker.confrim': '确定',
   'DatePicker.today': '今天',
+  'DatePicker.month': '月',
+  'DatePicker.year': '年',
+  'DatePicker.weekTitle': ['日', '一', '二', '三', '四', '五', '六'],
   // 'DatePicker.backToToday': '返回今天',
   // 'DatePicker.timeSelect': '选择时间',
   // 'DatePicker.dateSelect': '选择日期',

package/lib/date-picker/panel/week/week.js

@@ -147,7 +147,7 @@ function Week(props) {
     prefixCls: prefixCls,
     rangeValue: rangeValue,
     hoverRangedValue: hoverRangedValue,
-    isRange: !!panelPosition,
+    isRange: picker !== 'time',
     isCurrentMonth: function isCurrentMonth(date) {
       return (0, _dateFns.isSameMonth)(date, viewDate);
     },

package/lib/date-picker/range-picker.js

@@ -673,6 +673,7 @@ function DatePicker(props) {
           minute: minute,
           second: second,
           disabledTimePanel: disabledTimePanel,
+          rangeValue: selectedValue,
           prefixCls: datePickerPrefixCls,
           dateValue: selectedValue ? selectedValue[mergedActivePickerIndex] : null,
           viewDate: viewDate,