@kdcloudjs/kdesign 1.0.2

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

@@ -0,0 +1,279 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames5 = _interopRequireDefault(require("classnames"));
+
+var _context4 = _interopRequireDefault(require("../../context"));
+
+var _dateFns = require("../../utils/date-fns");
+
+var _dateFns2 = require("date-fns");
+
+var _useRangeCls = _interopRequireDefault(require("../../hooks/use-range-cls"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var formatWeekNumber = function formatWeekNumber(date) {
+  return (0, _dateFns.getWeek)(date);
+};
+
+var isDisabledTime = function isDisabledTime(value, units) {
+  var _a;
+
+  return (_a = (0, _find.default)(units).call(units, function (n) {
+    return n.value === value;
+  })) === null || _a === void 0 ? void 0 : _a.disabled;
+};
+
+function Week(props) {
+  var context = (0, _react.useContext)(_context4.default);
+  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;
+  var showWeekNumber = props.showWeekNumber,
+      day = props.day,
+      picker = props.picker,
+      showTime = props.showTime,
+      disabledDate = props.disabledDate;
+  var currentMonth = (0, _dateFns.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] && (0, _dateFns2.isSameDay)(_dateValue[0], date) || _dateValue[1] && (0, _dateFns2.isSameDay)(_dateValue[1], date);
+    } else {
+      if (_dateValue && (0, _dateFns2.isSameDay)(_dateValue, date)) {
+        hasFindSelected = true;
+        return true;
+      }
+
+      return false;
+    }
+  };
+
+  var getToday = function getToday(date) {
+    if (hasFindToday) return false;
+    hasFindToday = (0, _dateFns2.isSameDay)(date, (0, _dateFns.newDate)()); // 如果 today 被选中则返回 false
+
+    if (hasFindToday) {
+      if (Array.isArray(_dateValue)) {
+        return !(_dateValue[0] && (0, _dateFns2.isSameDay)(_dateValue[0], date) || _dateValue[1] && (0, _dateFns2.isSameDay)(_dateValue[1], date));
+      } else {
+        return _dateValue ? !(0, _dateFns2.isSameDay)(_dateValue, date) : true;
+      }
+    }
+  };
+
+  var getWeekToday = function getWeekToday(date) {
+    if (hasFindToday) return false;
+    hasFindToday = (0, _dateFns2.isSameDay)(date, (0, _dateFns.newDate)());
+    return hasFindToday;
+  };
+
+  var getWeekSelected = function getWeekSelected(date) {
+    if (hasFindSelected) return false;
+
+    if (Array.isArray(_dateValue)) {
+      // 如果是 endSelected 需要判断选中的周最后一天是否为本月
+      return _dateValue[0] && (0, _dateFns2.isSameWeek)(_dateValue[0], date) || _dateValue[1] && (0, _dateFns2.isSameWeek)(_dateValue[1], date) && (0, _dateFns.isSameMonth)((0, _dateFns.getEndOfWeek)(_dateValue[1]), viewDate);
+    } else {
+      if (_dateValue && (0, _dateFns2.isSameWeek)(_dateValue, date)) {
+        hasFindSelected = true;
+        return true;
+      }
+
+      return false;
+    }
+  };
+
+  var getDayClassNames = function getDayClassNames(date) {
+    var _classnames, _context, _context2;
+
+    return picker === 'date' ? (0, _classnames5.default)("".concat(prefixCls, "-calendar-text"), (_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-calendar-text-selected"), getSelected(date)), (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-calendar-text-today"), getToday(date)), _classnames)) : picker === 'week' ? (0, _classnames5.default)((0, _concat.default)(_context = "".concat(prefixCls, "-calendar-")).call(_context, picker, "-text"), (0, _defineProperty2.default)({}, (0, _concat.default)(_context2 = "".concat(prefixCls, "-calendar-")).call(_context2, picker, "-text-today"), getWeekToday(date))) : '';
+  };
+
+  var getRangeCls = (0, _useRangeCls.default)({
+    prefixCls: prefixCls,
+    rangeValue: rangeValue,
+    hoverRangedValue: hoverRangedValue,
+    isRange: !!panelPosition,
+    isCurrentMonth: function isCurrentMonth(date) {
+      return (0, _dateFns.isSameMonth)(date, viewDate);
+    },
+    isAfterStart: function isAfterStart(date, rangedValue) {
+      return rangedValue[0] ? (0, _dateFns.isAfter)(date, rangedValue[0]) : false;
+    },
+    isBeforeEnd: function isBeforeEnd(date, rangedValue) {
+      return rangedValue[1] ? (0, _dateFns2.isBefore)(date, rangedValue[1]) : false;
+    },
+    isStart: function isStart(date, rangedValue) {
+      return rangedValue[0] ? (0, _dateFns2.isSameDay)(date, rangedValue[0]) : false;
+    },
+    isEnd: function isEnd(date, rangedValue) {
+      if (rangedValue[1] && (0, _dateFns2.isSameDay)(date, rangedValue[1])) {
+        if (picker === 'date') {
+          return true;
+        } else {
+          return (0, _dateFns.isSameMonth)((0, _dateFns.getStartOfWeek)(date), (0, _dateFns.getEndOfWeek)(date));
+        }
+      }
+
+      return false;
+    }
+  });
+
+  var getEffectTime = function getEffectTime(date) {
+    if (showTime && !disabledTimePanel) {
+      // debugger
+      var dateHour = (0, _dateFns2.getHours)(date);
+      var dateMinute = (0, _dateFns2.getMinutes)(date);
+      var dateSecond = (0, _dateFns2.getSeconds)(date);
+      var hour = isDisabledTime(dateHour, hours) ? (0, _find.default)(hours).call(hours, function (n) {
+        return !n.disabled;
+      }).value : dateHour;
+      var minute = isDisabledTime(dateMinute, minutes) ? (0, _find.default)(minutes).call(minutes, function (n) {
+        return !n.disabled;
+      }).value : dateMinute;
+      var second = isDisabledTime(dateSecond, seconds) ? (0, _find.default)(seconds).call(seconds, function (n) {
+        return !n.disabled;
+      }).value : dateSecond;
+      date = (0, _dateFns.setTime)(date, {
+        hour: hour,
+        minute: minute,
+        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 = (0, _dateFns.getStartOfWeek)(day);
+    var days = [];
+    var weekNumber = formatWeekNumber(startOfWeek);
+
+    if (showWeekNumber) {
+      var calenderWeekNumberCls = (0, _classnames5.default)("".concat(prefixCls, "-calendar-weeknumber"));
+      days.push( /*#__PURE__*/_react.default.createElement("div", {
+        key: "W",
+        className: calenderWeekNumberCls
+      }, weekNumber));
+    }
+
+    var week = (0, _concat.default)(days).call(days, (0, _map.default)(_context3 = [0, 1, 2, 3, 4, 5, 6]).call(_context3, function (offset) {
+      var _classnames3;
+
+      var day = (0, _dateFns.addDays)(startOfWeek, offset);
+      var date = (0, _dateFns.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) {
+      // }
+
+
+      var dayTime = (0, _dateFns.setTime)(day, {
+        hour: (0, _dateFns2.getHours)(now),
+        minute: (0, _dateFns2.getMinutes)(now),
+        second: (0, _dateFns2.getSeconds)(now)
+      });
+      var _props = {
+        onClick: function onClick() {
+          return handleDayClick(getEffectTime(dayTime));
+        },
+        onMouseEnter: function onMouseEnter() {
+          if (onDateMouseEnter) {
+            if (!(disabledDate && disabledDate(dayTime))) {
+              picker === 'week' ? onDateMouseEnter(startOfWeek) : onDateMouseEnter(getEffectTime(dayTime));
+            }
+          }
+        },
+        onMouseLeave: function onMouseLeave() {
+          if (onDateMouseLeave) {
+            onDateMouseLeave();
+          }
+        }
+      }; // console.log('disabledDate', disabledDate)
+
+      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+        key: day.valueOf(),
+        className: (0, _classnames5.default)("".concat(prefixCls, "-calendar-item"), (_classnames3 = {}, (0, _defineProperty2.default)(_classnames3, "".concat(prefixCls, "-calendar-item-disabled"), disabledDate && disabledDate(day)), (0, _defineProperty2.default)(_classnames3, "".concat(prefixCls, "-calendar-current"), currentMonth === (0, _dateFns.getMonth)(day)), _classnames3), getRangeCls(day))
+      }, _props), /*#__PURE__*/_react.default.createElement("div", {
+        className: getDayClassNames(day)
+      }, date));
+    }));
+    var calenderLineCls = (0, _classnames5.default)((_classnames4 = {}, (0, _defineProperty2.default)(_classnames4, "".concat(prefixCls, "-calendar-line"), picker !== 'week'), (0, _defineProperty2.default)(_classnames4, "".concat(prefixCls, "-calendar-week-line"), picker === 'week'), (0, _defineProperty2.default)(_classnames4, "".concat(prefixCls, "-calendar-week-selected"), picker === 'week' && getWeekSelected(startOfWeek)), _classnames4));
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: calenderLineCls
+    }, week);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderDays());
+}
+
+var _default = Week;
+exports.default = _default;

package/lib/date-picker/panel/year/year.d.ts

@@ -0,0 +1,9 @@
+import { DateType } from '../../interface';
+export interface YearProps {
+    yearItemNumber: number;
+    minDate?: DateType;
+    maxDate?: DateType;
+    disabledDate?: (date: DateType) => boolean;
+}
+declare function Year(props: YearProps): JSX.Element;
+export default Year;

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

@@ -0,0 +1,168 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames3 = _interopRequireDefault(require("classnames"));
+
+var _context = _interopRequireDefault(require("../../context"));
+
+var _dateFns = require("../../utils/date-fns");
+
+var _useRangeCls = _interopRequireDefault(require("../../hooks/use-range-cls"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function Year(props) {
+  var context = (0, _react.useContext)(_context.default);
+  var prefixCls = context.prefixCls,
+      dateValue = context.dateValue,
+      viewDate = context.viewDate,
+      onDateMouseEnter = context.onDateMouseEnter,
+      onDateMouseLeave = context.onDateMouseLeave,
+      onSelect = context.onSelect,
+      rangeValue = context.rangeValue,
+      panelPosition = context.panelPosition,
+      hoverRangedValue = context.hoverRangedValue;
+  var yearItemNumber = props.yearItemNumber,
+      disabledDate = props.disabledDate;
+
+  var _dateValue;
+
+  if (panelPosition) {
+    _dateValue = rangeValue;
+  } else {
+    _dateValue = dateValue;
+  }
+
+  var hasFindSelected = false;
+  var hasFindToday = false;
+
+  var getYearSelected = function getYearSelected(year) {
+    if (hasFindSelected) return false;
+
+    if (Array.isArray(_dateValue)) {
+      return _dateValue[0] && (0, _dateFns.getYear)(_dateValue[0]) === year || _dateValue[1] && (0, _dateFns.getYear)(_dateValue[1]) === year;
+    } else {
+      if (_dateValue && (0, _dateFns.getYear)(_dateValue) === year) {
+        hasFindSelected = true;
+        return true;
+      }
+
+      return false;
+    }
+  };
+
+  var getYearToday = function getYearToday(year) {
+    if (hasFindToday) return false;
+
+    if (year === (0, _dateFns.getYear)((0, _dateFns.newDate)())) {
+      hasFindToday = true;
+
+      if (Array.isArray(_dateValue)) {
+        return _dateValue[0] ? (0, _dateFns.getYear)(_dateValue[0]) !== (0, _dateFns.getYear)((0, _dateFns.newDate)()) : _dateValue[1] ? (0, _dateFns.getYear)(_dateValue[1]) !== (0, _dateFns.getYear)((0, _dateFns.newDate)()) : true;
+      } else {
+        return _dateValue ? (0, _dateFns.getYear)(_dateValue) !== year : true;
+      }
+    }
+  };
+
+  function getYearClassNames(y) {
+    var _classnames;
+
+    return (0, _classnames3.default)("".concat(prefixCls, "-year-text"), (_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-year-text-selected"), getYearSelected(y)), (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-year-text-today"), getYearToday(y)), _classnames));
+  }
+
+  var getRangeCls = (0, _useRangeCls.default)({
+    prefixCls: prefixCls,
+    rangeValue: rangeValue,
+    hoverRangedValue: hoverRangedValue,
+    isRange: !!panelPosition,
+    isAfterStart: function isAfterStart(date, rangedValue) {
+      return rangedValue[0] ? (0, _dateFns.isAfter)((0, _dateFns.getStartOfYear)(date), (0, _dateFns.getStartOfYear)(rangedValue[0])) : false;
+    },
+    isBeforeEnd: function isBeforeEnd(date, rangedValue) {
+      return rangedValue[1] ? (0, _dateFns.isBefore)((0, _dateFns.getStartOfYear)(date), (0, _dateFns.getStartOfYear)(rangedValue[1])) : false;
+    },
+    isStart: function isStart(date, rangedValue) {
+      return rangedValue[0] ? (0, _dateFns.isSameYear)(date, rangedValue[0]) : false;
+    },
+    isEnd: function isEnd(date, rangedValue) {
+      return rangedValue[1] ? (0, _dateFns.isSameYear)(date, rangedValue[1]) : false;
+    }
+  });
+
+  var handleClick = function handleClick(date) {
+    if (!(disabledDate && disabledDate(date))) {
+      onSelect(date, 'mouse');
+    }
+  };
+
+  function getYearList() {
+    var yearsList = [];
+
+    var _getYearsPeriod = (0, _dateFns.getYearsPeriod)(viewDate, yearItemNumber),
+        startPeriod = _getYearsPeriod.startPeriod,
+        endPeriod = _getYearsPeriod.endPeriod;
+
+    var _loop = function _loop(y) {
+      var year = (0, _dateFns.setYear)(viewDate, y);
+      var _props = {
+        onClick: function onClick() {
+          return handleClick(year);
+        },
+        onMouseEnter: function onMouseEnter() {
+          if (onDateMouseEnter && !(disabledDate && disabledDate(year))) {
+            onDateMouseEnter(year);
+          }
+        },
+        onMouseLeave: function onMouseLeave() {
+          if (onDateMouseLeave) {
+            onDateMouseLeave();
+          }
+        }
+      };
+      yearsList.push( /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+        className: (0, _classnames3.default)("".concat(prefixCls, "-year-item"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-year-item-disabled"), disabledDate && disabledDate(year)), getRangeCls(year)),
+        key: y
+      }, _props), /*#__PURE__*/_react.default.createElement("span", {
+        className: getYearClassNames(y)
+      }, y)));
+    };
+
+    for (var y = startPeriod; y <= endPeriod; y++) {
+      _loop(y);
+    }
+
+    return yearsList;
+  }
+
+  var yearCls = (0, _classnames3.default)("".concat(prefixCls, "-year"));
+  var yearWarpperCls = (0, _classnames3.default)("".concat(prefixCls, "-year-warpper"));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: yearCls
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: yearWarpperCls
+  }, getYearList()));
+}
+
+var _default = Year;
+exports.default = _default;

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

@@ -0,0 +1,15 @@
+import React, { RefObject } from 'react';
+import { OutPopperProps, PickerMode } from './interface';
+export interface PopperProps extends OutPopperProps {
+    prefixCls: string;
+    inputDivRef: RefObject<HTMLDivElement>;
+    children: React.ReactNode;
+    isRange?: boolean;
+    isShowTime?: boolean;
+    picker?: PickerMode;
+    arrowLeft?: number;
+    triggerInnerOpen: (open: boolean) => void;
+    onClickOutside?: () => void;
+}
+declare const _default: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/date-picker/popper.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames3 = _interopRequireDefault(require("classnames"));
+
+var _reactPopper = require("react-popper");
+
+var _hooks = require("../_utils/hooks");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function Popper(props, ref) {
+  var _classnames;
+
+  var showArrow = props.showArrow,
+      onClickOutside = props.onClickOutside,
+      inputDivRef = props.inputDivRef,
+      prefixCls = props.prefixCls,
+      _props$arrowLeft = props.arrowLeft,
+      arrowLeft = _props$arrowLeft === void 0 ? 0 : _props$arrowLeft,
+      dropdownClassName = props.dropdownClassName,
+      popupStyle = props.popupStyle,
+      isRange = props.isRange,
+      isShowTime = props.isShowTime,
+      picker = props.picker; // ref
+  // const panelDivRef = React.useRef<HTMLDivElement>(null)
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      arrowRef = _useState2[0],
+      setArrowRef = _useState2[1];
+
+  var onSetArrowRef = (0, _react.useCallback)(function (ref) {
+    setArrowRef(ref);
+  }, []);
+  (0, _hooks.useOnClickOutside)([ref, inputDivRef], function () {
+    onClickOutside && onClickOutside();
+  }); // console.log(arrowLeft)
+
+  var _usePopper = (0, _reactPopper.usePopper)(inputDivRef.current, ref.current, {
+    placement: 'bottom-start',
+    modifiers: [{
+      name: 'arrow',
+      options: {
+        element: arrowRef,
+        padding: {
+          left: 30
+        }
+      }
+    }]
+  }),
+      styles = _usePopper.styles,
+      attributes = _usePopper.attributes;
+
+  var arrowCls = (0, _classnames3.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-has-arrow"), showArrow), (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-no-arrow"), !showArrow), _classnames));
+  var panelWarpperCls = (0, _classnames3.default)("".concat(prefixCls, "-panel"), dropdownClassName, (0, _defineProperty2.default)({
+    'has-arrow': showArrow,
+    'no-arrow': !showArrow
+  }, "".concat(prefixCls, "-panel-range"), isRange && !isShowTime && picker !== 'time'));
+  var arrowPositionStyle = {
+    transform: "translate(".concat(20 + arrowLeft, "px, 0px)")
+  };
+  var popperStyle = (0, _extends2.default)((0, _extends2.default)({}, styles.popper), popupStyle);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: ref,
+    style: popperStyle
+  }, attributes.popper, {
+    className: panelWarpperCls,
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    ref: onSetArrowRef,
+    style: (styles.arrow, arrowPositionStyle),
+    className: arrowCls
+  }), props.children);
+}
+
+var _default = /*#__PURE__*/_react.default.forwardRef(Popper);
+
+exports.default = _default;

package/lib/date-picker/range/input-range.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { InputCommonProps, OutInputCommonProps, RangeValue } from '../interface';
+export interface InputRangeProps extends OutInputCommonProps, InputCommonProps {
+    startInputRef: React.RefObject<HTMLInputElement>;
+    endInputRef: React.RefObject<HTMLInputElement>;
+    startInputDivRef: React.RefObject<HTMLDivElement>;
+    endInputDivRef: React.RefObject<HTMLDivElement>;
+    separatorRef: React.RefObject<HTMLDivElement>;
+    activeBarPositionStyle: React.CSSProperties;
+    activeBarWidth: number;
+    dateValue: RangeValue;
+    selectedValue: RangeValue;
+    mergedDisabled: [boolean, boolean];
+    mergedActivePickerIndex: 0 | 1;
+    startText: string;
+    endText: string;
+    startHoverValue?: string;
+    endHoverValue?: string;
+    startOpen: boolean;
+    endOpen: boolean;
+    separator?: React.ReactNode | string;
+    placeholder?: [string, string];
+    resetStartText: () => void;
+    resetEndText: () => void;
+    setSelectedValue: (date: RangeValue) => void;
+    triggerStartTextChange: (value: string) => void;
+    triggerEndTextChange: (value: string) => void;
+    triggerOpen: (value: boolean, index: 0 | 1) => void;
+    triggerChange: (date: RangeValue, index?: 0 | 1) => void;
+    setMergedActivePickerIndex: (index: number) => void;
+    setHoverRangedValue: (value: RangeValue) => void;
+    triggerOpenAndFocus: (index: 0 | 1) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<InputRangeProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;