@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/date-picker/panel/time/time-column.js

@@ -6,25 +6,21 @@ import { useRef, useLayoutEffect } from 'react';
 import classNames from 'classnames';
 import { scrollTo, waitElementReady } from '../../utils';
 import Context from '../../context';
-
 function TimeUnitColumn(props) {
   var prefixCls = props.prefixCls,
-      units = props.units,
-      onSelect = props.onSelect,
-      value = props.value,
-      hideDisabledOptions = props.hideDisabledOptions,
-      selectValue = props.selectValue;
+    units = props.units,
+    onSelect = props.onSelect,
+    value = props.value,
+    hideDisabledOptions = props.hideDisabledOptions,
+    selectValue = props.selectValue;
   var cellPrefixCls = "".concat(prefixCls, "-cell");
-
   var _React$useContext = React.useContext(Context),
-      open = _React$useContext.open;
-
+    open = _React$useContext.open;
   var ulRef = useRef(null);
   var liRefs = useRef(new _Map());
   var scrollRef = useRef();
   useLayoutEffect(function () {
     var li = liRefs.current.get(value);
-
     if (li && open !== false) {
       scrollTo(ulRef.current, li.offsetTop, 120);
     }
@@ -32,22 +28,20 @@ function TimeUnitColumn(props) {
   useLayoutEffect(function () {
     if (open) {
       var li = liRefs.current.get(value);
-
       if (li) {
         scrollRef.current = waitElementReady(li, function () {
           scrollTo(ulRef.current, li.offsetTop, 0);
         });
       }
     }
-
     return function () {
       var _a;
-
       (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.call(scrollRef);
     };
   }, [open]);
   return /*#__PURE__*/React.createElement("ul", {
-    className: classNames("".concat(prefixCls, "-column"), {// [`${prefixCls}-column-active`]: active,
+    className: classNames("".concat(prefixCls, "-column"), {
+      // [`${prefixCls}-column-active`]: active,
     }),
     ref: ulRef,
     style: {
@@ -55,11 +49,9 @@ function TimeUnitColumn(props) {
     }
   }, _mapInstanceProperty(units).call(units, function (unit) {
     var _classNames;
-
     if (hideDisabledOptions && unit.disabled) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement("div", {
       key: unit.value,
       ref: function ref(element) {
@@ -70,7 +62,6 @@ function TimeUnitColumn(props) {
         if (unit.disabled) {
           return;
         }
-
         onSelect(unit.value);
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -78,5 +69,4 @@ function TimeUnitColumn(props) {
     }, unit.label));
   }));
 }
-
 export default TimeUnitColumn;

package/es/date-picker/panel/time/time.js

@@ -10,102 +10,90 @@ import { formatDate, newDate, setTime as utilSetTime } from '../../utils/date-fn
 import Context from '../../context';
 import useStateMemo from '../../hooks/use-state-memo';
 import { leftPad } from '../../utils';
-import Header from '../header/header'; // export interface TimePanelProps extends SharedTimeProps {
+import Header from '../header/header';
+// export interface TimePanelProps extends SharedTimeProps {
 //   format?: string
 //   // active?: boolean
 // }
-
 function shouldUnitsUpdate(prevUnits, nextUnits) {
   if (prevUnits.length !== nextUnits.length) return true;
-
   for (var i = 0; i < prevUnits.length; i += 1) {
     if (prevUnits[i].disabled !== nextUnits[i].disabled) return true;
   }
-
   return false;
 }
-
 function TimePanel(props) {
   var context = React.useContext(Context);
   var prefixCls = context.prefixCls,
-      dateValue = context.dateValue,
-      onSelect = context.onSelect,
-      _context$originHour = context.originHour,
-      originHour = _context$originHour === void 0 ? -1 : _context$originHour,
-      _context$minute = context.minute,
-      minute = _context$minute === void 0 ? -1 : _context$minute,
-      _context$second = context.second,
-      second = _context$second === void 0 ? -1 : _context$second,
-      _context$hours = context.hours,
-      rawHours = _context$hours === void 0 ? [] : _context$hours,
-      _context$minutes = context.minutes,
-      minutes = _context$minutes === void 0 ? [] : _context$minutes,
-      _context$seconds = context.seconds,
-      seconds = _context$seconds === void 0 ? [] : _context$seconds,
-      disabledTimePanel = context.disabledTimePanel;
+    dateValue = context.dateValue,
+    onSelect = context.onSelect,
+    _context$originHour = context.originHour,
+    originHour = _context$originHour === void 0 ? -1 : _context$originHour,
+    _context$minute = context.minute,
+    minute = _context$minute === void 0 ? -1 : _context$minute,
+    _context$second = context.second,
+    second = _context$second === void 0 ? -1 : _context$second,
+    _context$hours = context.hours,
+    rawHours = _context$hours === void 0 ? [] : _context$hours,
+    _context$minutes = context.minutes,
+    minutes = _context$minutes === void 0 ? [] : _context$minutes,
+    _context$seconds = context.seconds,
+    seconds = _context$seconds === void 0 ? [] : _context$seconds,
+    disabledTimePanel = context.disabledTimePanel;
   var picker = props.picker,
-      _props$format = props.format,
-      format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
-      showHour = props.showHour,
-      showMinute = props.showMinute,
-      showSecond = props.showSecond,
-      _props$use12Hours = props.use12Hours,
-      use12Hours = _props$use12Hours === void 0 ? false : _props$use12Hours,
-      hideDisabledOptions = props.hideDisabledOptions; // console.log(rawHours)
-
+    _props$format = props.format,
+    format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
+    showHour = props.showHour,
+    showMinute = props.showMinute,
+    showSecond = props.showSecond,
+    _props$use12Hours = props.use12Hours,
+    use12Hours = _props$use12Hours === void 0 ? false : _props$use12Hours,
+    hideDisabledOptions = props.hideDisabledOptions;
+  // console.log(rawHours)
   if (disabledTimePanel) {
     originHour = -1;
     minute = -1;
     second = -1;
-  } // const bodyOperationRef = React.useRef<BodyOperationRef>()
+  }
+  // const bodyOperationRef = React.useRef<BodyOperationRef>()
   // ======================= Keyboard =======================
   // const [activeColumnIndex, setActiveColumnIndex] = React.useState(-1)
   // debugger
-
-
-  var value = dateValue; // if (mergedActivePickerIndex === 0) {
+  var value = dateValue;
+  // if (mergedActivePickerIndex === 0) {
   //   value = rangeValue![0]
   // } else if (mergedActivePickerIndex === 1) {
   //   value = rangeValue![1]
   // }
-
   var columns = [];
   var columnPrefixCls = "".concat(prefixCls, "-time");
-  var isPM; // const originHour = value ? getHours(value) : -1
-
-  var hour = originHour; // const minute = value ? getMinutes(value) : -1
+  var isPM;
+  // const originHour = value ? getHours(value) : -1
+  var hour = originHour;
+  // const minute = value ? getMinutes(value) : -1
   // const second = value ? getSeconds(value) : -1
-
   var setTime = function setTime(isPM, newHour, newMinute, newSecond) {
     var _a, _b, _c;
-
     var date = value || newDate();
-
     var _hour = newHour > -1 ? newHour : (_a = _findInstanceProperty(rawHours).call(rawHours, function (n) {
       return !n.disabled;
     })) === null || _a === void 0 ? void 0 : _a.value;
-
     var _minute = newMinute > -1 ? newMinute : (_b = _findInstanceProperty(minutes).call(minutes, function (n) {
       return !n.disabled;
     })) === null || _b === void 0 ? void 0 : _b.value;
-
     var _second = newSecond > -1 ? newSecond : (_c = _findInstanceProperty(seconds).call(seconds, function (n) {
       return !n.disabled;
     })) === null || _c === void 0 ? void 0 : _c.value;
-
     if (!_hour && _hour !== 0) {
       _hour = -1;
     }
-
     if (!_minute && _minute !== 0) {
       _minute = -1;
     }
-
     if (!_second && _second !== 0) {
       _second = -1;
-    } // 所有时或分或秒 disabled 时，返回空（date-time）
-
-
+    }
+    // 所有时或分或秒 disabled 时，返回空（date-time）
     if (_hour > -1 && _minute > -1 && _second > -1) {
       date = utilSetTime(date, {
         hour: !use12Hours || !isPM ? _hour : _hour + 12,
@@ -114,46 +102,38 @@ function TimePanel(props) {
       });
       return date;
     }
-
     return null;
-  }; // const rawHours = generateUnits(0, 23, hourStep, disabledHours && disabledHours())
-
-
+  };
+  // const rawHours = generateUnits(0, 23, hourStep, disabledHours && disabledHours())
   var memorizedRawHours = useStateMemo(function () {
     return rawHours;
   }, rawHours, shouldUnitsUpdate);
-
   if (use12Hours) {
     isPM = hour >= 12;
     hour %= 12;
   }
-
   var _React$useMemo = React.useMemo(function () {
-    if (!use12Hours) {
-      return [false, false];
-    }
-
-    var AMPMDisabled = [true, true];
-    memorizedRawHours.forEach(function (_ref) {
-      var disabled = _ref.disabled,
-          hourValue = _ref.value;
-      if (disabled) return;
-
-      if (hourValue >= 12) {
-        AMPMDisabled[1] = false;
-      } else {
-        AMPMDisabled[0] = false;
+      if (!use12Hours) {
+        return [false, false];
       }
-    });
-    return AMPMDisabled;
-  }, [use12Hours, memorizedRawHours]),
-      _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
-      AMDisabled = _React$useMemo2[0],
-      PMDisabled = _React$useMemo2[1];
-
+      var AMPMDisabled = [true, true];
+      memorizedRawHours.forEach(function (_ref) {
+        var disabled = _ref.disabled,
+          hourValue = _ref.value;
+        if (disabled) return;
+        if (hourValue >= 12) {
+          AMPMDisabled[1] = false;
+        } else {
+          AMPMDisabled[0] = false;
+        }
+      });
+      return AMPMDisabled;
+    }, [use12Hours, memorizedRawHours]),
+    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
+    AMDisabled = _React$useMemo2[0],
+    PMDisabled = _React$useMemo2[1];
   var hours = React.useMemo(function () {
     var _context;
-
     if (!use12Hours) return memorizedRawHours;
     return _mapInstanceProperty(_context = _filterInstanceProperty(memorizedRawHours).call(memorizedRawHours, isPM ? function (hourMeta) {
       return hourMeta.value >= 12;
@@ -167,9 +147,9 @@ function TimePanel(props) {
         value: hourValue
       });
     });
-  }, [use12Hours, memorizedRawHours, isPM]); // const minutes = generateUnits(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour))
+  }, [use12Hours, memorizedRawHours, isPM]);
+  // const minutes = generateUnits(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour))
   // const seconds = generateUnits(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute))
-
   function addColumnNode(condition, node, columnValue, units, onColumnSelect) {
     if (condition !== false) {
       columns.push({
@@ -184,12 +164,10 @@ function TimePanel(props) {
       });
     }
   }
-
   addColumnNode(showHour, /*#__PURE__*/React.createElement(TimeColumn, {
     key: "hour"
   }), hour, hours, function (num) {
     var time = setTime(isPM, num, minute, second);
-
     if (time) {
       onSelect(time, 'mouse');
     }
@@ -198,7 +176,6 @@ function TimePanel(props) {
     key: "minute"
   }), minute, minutes, function (num) {
     var time = setTime(isPM, hour, num, second);
-
     if (time) {
       onSelect(time, 'mouse');
     }
@@ -207,17 +184,14 @@ function TimePanel(props) {
     key: "second"
   }), second, seconds, function (num) {
     var time = setTime(isPM, hour, minute, num);
-
     if (time) {
       onSelect(time, 'mouse');
     }
   });
   var PMIndex = -1;
-
   if (typeof isPM === 'boolean') {
     PMIndex = isPM ? 1 : 0;
   }
-
   addColumnNode(use12Hours === true, /*#__PURE__*/React.createElement(TimeColumn, {
     key: "12hours"
   }), PMIndex, [{
@@ -230,23 +204,23 @@ function TimePanel(props) {
     disabled: PMDisabled
   }], function (num) {
     var time = setTime(!!num, hour, minute, second);
-
     if (time) {
       onSelect(time, 'mouse');
     }
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls, "-time"), {// [`${panelPrefixCls}-active`]: active,
+    className: classNames("".concat(prefixCls, "-time"), {
+      // [`${panelPrefixCls}-active`]: active,
     })
   }, picker !== 'time' ? /*#__PURE__*/React.createElement(Header, {
     className: "".concat(prefixCls, "-time-header")
   }, !disabledTimePanel && value ? formatDate(value, format) : null) : null, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls, "-content"), {// [`${panelPrefixCls}-active`]: active,
+    className: classNames("".concat(prefixCls, "-content"), {
+      // [`${panelPrefixCls}-active`]: active,
     })
   }, _mapInstanceProperty(columns).call(columns, function (_ref2) {
     var node = _ref2.node;
     return node;
   })));
 }
-
 export default TimePanel;

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

@@ -9,58 +9,49 @@ import Context from '../../context';
 import { getDate, getStartOfWeek, addDays, newDate, getWeek, getMonth, isAfter, isSameMonth, getEndOfWeek, setTime } from '../../utils/date-fns';
 import { getHours, getMinutes, getSeconds, isBefore, isSameDay, isSameWeek } from 'date-fns';
 import useRangeCls from '../../hooks/use-range-cls';
-
 var formatWeekNumber = function formatWeekNumber(date) {
   return getWeek(date);
 };
-
 var isDisabledTime = function isDisabledTime(value, units) {
   var _a;
-
   return (_a = _findInstanceProperty(units).call(units, function (n) {
     return n.value === value;
   })) === null || _a === void 0 ? void 0 : _a.disabled;
 };
-
 function Week(props) {
   var context = useContext(Context);
   var prefixCls = context.prefixCls,
-      dateValue = context.dateValue,
-      rangeValue = context.rangeValue,
-      panelPosition = context.panelPosition,
-      hoverRangedValue = context.hoverRangedValue,
-      viewDate = context.viewDate,
-      _context$hours = context.hours,
-      hours = _context$hours === void 0 ? [] : _context$hours,
-      _context$minutes = context.minutes,
-      minutes = _context$minutes === void 0 ? [] : _context$minutes,
-      _context$seconds = context.seconds,
-      seconds = _context$seconds === void 0 ? [] : _context$seconds,
-      disabledTimePanel = context.disabledTimePanel,
-      onSelect = context.onSelect,
-      onDateMouseEnter = context.onDateMouseEnter,
-      onDateMouseLeave = context.onDateMouseLeave;
+    dateValue = context.dateValue,
+    rangeValue = context.rangeValue,
+    panelPosition = context.panelPosition,
+    hoverRangedValue = context.hoverRangedValue,
+    viewDate = context.viewDate,
+    _context$hours = context.hours,
+    hours = _context$hours === void 0 ? [] : _context$hours,
+    _context$minutes = context.minutes,
+    minutes = _context$minutes === void 0 ? [] : _context$minutes,
+    _context$seconds = context.seconds,
+    seconds = _context$seconds === void 0 ? [] : _context$seconds,
+    disabledTimePanel = context.disabledTimePanel,
+    onSelect = context.onSelect,
+    onDateMouseEnter = context.onDateMouseEnter,
+    onDateMouseLeave = context.onDateMouseLeave;
   var showWeekNumber = props.showWeekNumber,
-      day = props.day,
-      picker = props.picker,
-      showTime = props.showTime,
-      disabledDate = props.disabledDate;
+    day = props.day,
+    picker = props.picker,
+    showTime = props.showTime,
+    disabledDate = props.disabledDate;
   var currentMonth = getMonth(viewDate);
-
   var _dateValue;
-
   if (panelPosition) {
     _dateValue = rangeValue;
   } else {
     _dateValue = dateValue;
   }
-
   var hasFindToday = false;
   var hasFindSelected = false;
-
   var getSelected = function getSelected(date) {
     if (hasFindSelected) return false;
-
     if (Array.isArray(_dateValue)) {
       return _dateValue[0] && isSameDay(_dateValue[0], date) || _dateValue[1] && isSameDay(_dateValue[1], date);
     } else {
@@ -68,15 +59,13 @@ function Week(props) {
         hasFindSelected = true;
         return true;
       }
-
       return false;
     }
   };
-
   var getToday = function getToday(date) {
     if (hasFindToday) return false;
-    hasFindToday = isSameDay(date, newDate()); // 如果 today 被选中则返回 false
-
+    hasFindToday = isSameDay(date, newDate());
+    // 如果 today 被选中则返回 false
     if (hasFindToday) {
       if (Array.isArray(_dateValue)) {
         return !(_dateValue[0] && isSameDay(_dateValue[0], date) || _dateValue[1] && isSameDay(_dateValue[1], date));
@@ -85,16 +74,13 @@ function Week(props) {
       }
     }
   };
-
   var getWeekToday = function getWeekToday(date) {
     if (hasFindToday) return false;
     hasFindToday = isSameDay(date, newDate());
     return hasFindToday;
   };
-
   var getWeekSelected = function getWeekSelected(date) {
     if (hasFindSelected) return false;
-
     if (Array.isArray(_dateValue)) {
       // 如果是 endSelected 需要判断选中的周最后一天是否为本月
       return _dateValue[0] && isSameWeek(_dateValue[0], date) || _dateValue[1] && isSameWeek(_dateValue[1], date) && isSameMonth(getEndOfWeek(_dateValue[1]), viewDate);
@@ -103,17 +89,13 @@ function Week(props) {
         hasFindSelected = true;
         return true;
       }
-
       return false;
     }
   };
-
   var getDayClassNames = function getDayClassNames(date) {
     var _classnames, _context, _context2;
-
     return picker === 'date' ? classnames("".concat(prefixCls, "-calendar-text"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-calendar-text-selected"), getSelected(date)), _defineProperty(_classnames, "".concat(prefixCls, "-calendar-text-today"), getToday(date)), _classnames)) : picker === 'week' ? classnames(_concatInstanceProperty(_context = "".concat(prefixCls, "-calendar-")).call(_context, picker, "-text"), _defineProperty({}, _concatInstanceProperty(_context2 = "".concat(prefixCls, "-calendar-")).call(_context2, picker, "-text-today"), getWeekToday(date))) : '';
   };
-
   var getRangeCls = useRangeCls({
     prefixCls: prefixCls,
     rangeValue: rangeValue,
@@ -139,11 +121,9 @@ function Week(props) {
           return isSameMonth(getStartOfWeek(date), getEndOfWeek(date));
         }
       }
-
       return false;
     }
   });
-
   var getEffectTime = function getEffectTime(date) {
     if (showTime && !disabledTimePanel) {
       // debugger
@@ -165,23 +145,18 @@ function Week(props) {
         second: second
       });
     }
-
     return date;
   };
-
   var handleDayClick = function handleDayClick(day) {
     if (!(disabledDate && disabledDate(day))) {
       onSelect(day, 'mouse');
     }
   };
-
   var renderDays = function renderDays() {
     var _context3, _classnames4;
-
     var startOfWeek = getStartOfWeek(day);
     var days = [];
     var weekNumber = formatWeekNumber(startOfWeek);
-
     if (showWeekNumber) {
       var calenderWeekNumberCls = classnames("".concat(prefixCls, "-calendar-weeknumber"));
       days.push( /*#__PURE__*/React.createElement("div", {
@@ -189,24 +164,20 @@ function Week(props) {
         className: calenderWeekNumberCls
       }, weekNumber));
     }
-
     var week = _concatInstanceProperty(days).call(days, _mapInstanceProperty(_context3 = [0, 1, 2, 3, 4, 5, 6]).call(_context3, function (offset) {
       var _classnames3;
-
       var day = addDays(startOfWeek, offset);
       var date = getDate(day);
       var now;
-
       if (panelPosition === 'left') {
         now = rangeValue && rangeValue[0] || viewDate;
       } else if (panelPosition === 'right') {
         now = rangeValue && rangeValue[1] || viewDate;
       } else {
         now = dateValue || viewDate;
-      } // if(hours) {
+      }
+      // if(hours) {
       // }
-
-
       var dayTime = setTime(day, {
         hour: getHours(now),
         minute: getMinutes(now),
@@ -228,8 +199,8 @@ function Week(props) {
             onDateMouseLeave();
           }
         }
-      }; // console.log('disabledDate', disabledDate)
-
+      };
+      // console.log('disabledDate', disabledDate)
       return /*#__PURE__*/React.createElement("div", _extends({
         key: day.valueOf(),
         className: classnames("".concat(prefixCls, "-calendar-item"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefixCls, "-calendar-item-disabled"), disabledDate && disabledDate(day)), _defineProperty(_classnames3, "".concat(prefixCls, "-calendar-current"), currentMonth === getMonth(day)), _classnames3), getRangeCls(day))
@@ -237,14 +208,11 @@ function Week(props) {
         className: getDayClassNames(day)
       }, date));
     }));
-
     var calenderLineCls = classnames((_classnames4 = {}, _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-line"), picker !== 'week'), _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-week-line"), picker === 'week'), _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-week-selected"), picker === 'week' && getWeekSelected(startOfWeek)), _classnames4));
     return /*#__PURE__*/React.createElement("div", {
       className: calenderLineCls
     }, week);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, renderDays());
 }
-
 export default Week;