@hi-ui/hiui 2.15.11 → 2.15.12

package/es/date-picker/datepicker-legacy/TimeRangePanel.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Time = _interopRequireDefault(require("./Time"));
+
+var _context = _interopRequireDefault(require("../../context"));
+
+var TimeRangePanel =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(TimeRangePanel, _Component);
+
+  function TimeRangePanel(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, TimeRangePanel);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TimeRangePanel).call(this, props));
+    _this.state = {
+      date: props.date,
+      style: props.style
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(TimeRangePanel, [{
+    key: "onTimePick",
+    value: function onTimePick(flag, _date, bol) {
+      var date = this.props.date;
+      var sd = flag === 'left' ? _date : date.startDate;
+      var ed = flag === 'right' ? _date : date.endDate;
+      var r = {
+        startDate: sd,
+        endDate: ed
+      };
+      this.props.onPick(r, bol);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          localeDatas = _this$props.localeDatas,
+          date = _this$props.date,
+          style = _this$props.style;
+      var startDate = date.startDate,
+          endDate = date.endDate;
+      return _react["default"].createElement("div", {
+        className: "hi-timepicker hi-timepicker--timerange",
+        style: style
+      }, _react["default"].createElement(_Time["default"], {
+        localeDatas: localeDatas,
+        date: startDate,
+        onPick: this.onTimePick.bind(this, 'left'),
+        onlyTime: true
+      }), _react["default"].createElement("div", {
+        className: "hi-timepicker__split"
+      }), _react["default"].createElement(_Time["default"], {
+        localeDatas: localeDatas,
+        date: endDate,
+        onPick: this.onTimePick.bind(this, 'right'),
+        onlyTime: true,
+        disableTime: startDate
+      }));
+    }
+  }]);
+  return TimeRangePanel;
+}(_react.Component);
+
+var _default = (0, _context["default"])(TimeRangePanel);
+
+exports["default"] = _default;

package/es/date-picker/datepicker-legacy/Type.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  // 默认普通日期(年月日)选择器
+  Date: 'date',
+  // 日期时间
+  DateTime: 'datetime',
+  // 时间
+  Time: 'time',
+  // 周
+  Week: 'week',
+  // 月
+  Month: 'month',
+  // 年
+  Year: 'year',
+  // 日期范围选择
+  DateRange: 'daterange',
+  // 周范围选择
+  WeekRange: 'weekrange',
+  // 时间范围选择
+  TimeRange: 'timerange',
+  // 时间段选择
+  TimePeriod: 'timeperiod',
+  // 日期时间范围选择
+  DateTimeRange: 'datetimerange'
+};
+exports["default"] = _default;

package/es/date-picker/datepicker-legacy/WeekRangePanel.js

@@ -0,0 +1,337 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _util = require("./util");
+
+var _Calender = _interopRequireDefault(require("./Calender"));
+
+var _icon = _interopRequireDefault(require("../../icon"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _dateUtil = require("./dateUtil");
+
+var WeekRangePanel =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(WeekRangePanel, _Component);
+
+  function WeekRangePanel(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, WeekRangePanel);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(WeekRangePanel).call(this, props));
+    var _props$date = props.date,
+        startDate = _props$date.startDate,
+        endDate = _props$date.endDate;
+    var leftDate = new Date(startDate);
+    var rightDate = endDate || (0, _util.nextMonth)(leftDate);
+
+    if (endDate) {
+      if ((0, _dateUtil.isSameMonth)(startDate, endDate)) {
+        rightDate = (0, _util.nextMonth)(leftDate);
+      }
+    }
+
+    _this.state = {
+      date: leftDate,
+      range: {
+        startDate: (0, _dateUtil.startOfWeek)(startDate),
+        endDate: endDate ? (0, _dateUtil.endOfWeek)(endDate) : (0, _dateUtil.endOfWeek)(startDate),
+        selecting: false
+      },
+      leftDate: leftDate,
+      rightDate: rightDate
+    };
+    return _this;
+  }
+  /**
+   * Header 中间部分内容
+   * @param {String} type 选择器类型
+   * @param {Number} year 当前年份
+   * @param {Number} month 当前月份
+   */
+
+
+  (0, _createClass2["default"])(WeekRangePanel, [{
+    key: "getHeaderCenterContent",
+    value: function getHeaderCenterContent(year, month) {
+      var _this$props = this.props,
+          localeDatas = _this$props.localeDatas,
+          locale = _this$props.locale;
+      var currentView = this.state.currentView;
+
+      if (currentView === 'year') {
+        return year - 4 + '~' + (year + 7);
+      }
+
+      var arr = [localeDatas.datePicker.monthShort[month - 1]];
+
+      if (locale === 'zh-CN') {
+        arr.unshift(year + '年    ');
+      } else {
+        arr.push("    ".concat(year));
+      }
+
+      return arr;
+    }
+    /**
+     * 渲染 Header 部分（包含箭头快捷操作）
+     * @param {Object} args {
+     *  year: 当前年份
+     *  month: 当前月份
+     *  type: 选择器类型
+     *  num: 点击箭头时要步进的值 默认1 主要应用于年份选择时
+     * }
+     */
+
+  }, {
+    key: "renderHeader",
+    value: function renderHeader(type, value, lr) {
+      var _this2 = this;
+
+      var _deconstructDate = (0, _util.deconstructDate)(value),
+          year = _deconstructDate.year,
+          month = _deconstructDate.month;
+
+      return _react["default"].createElement("div", {
+        className: "hi-datepicker-legacy__header"
+      }, _react["default"].createElement("div", {
+        className: "hi-datepicker-legacy__header-btns"
+      }, _react["default"].createElement("span", {
+        onClick: function onClick() {
+          return _this2.changeYear(true, lr);
+        }
+      }, _react["default"].createElement(_icon["default"], {
+        name: "double-left"
+      })), _react["default"].createElement("span", {
+        onClick: function onClick() {
+          return _this2.changeMonth(true, lr);
+        }
+      }, _react["default"].createElement(_icon["default"], {
+        name: "left"
+      }))), _react["default"].createElement("span", {
+        className: "hi-datepicker-legacy__header-text"
+      }, this.getHeaderCenterContent(year, month)), _react["default"].createElement("div", {
+        className: "hi-datepicker-legacy__header-btns"
+      }, _react["default"].createElement("span", {
+        onClick: function onClick() {
+          return _this2.changeMonth(false, lr);
+        }
+      }, _react["default"].createElement(_icon["default"], {
+        name: "right"
+      })), _react["default"].createElement("span", {
+        onClick: function onClick() {
+          return _this2.changeYear(false, lr);
+        }
+      }, _react["default"].createElement(_icon["default"], {
+        name: "double-right"
+      }))));
+    }
+    /**
+     * 改变月份事件
+     * @param {Number} num  加减值
+     */
+
+  }, {
+    key: "changeMonth",
+    value: function changeMonth(flag, pos) {
+      var _this$state = this.state,
+          leftDate = _this$state.leftDate,
+          rightDate = _this$state.rightDate;
+      var nLeftDate = new Date(leftDate.getTime());
+      var nRightDate = new Date(rightDate.getTime());
+      var left = (0, _util.deconstructDate)(nLeftDate);
+      var right = (0, _util.deconstructDate)(nRightDate);
+
+      if (pos === 'left') {
+        if (flag) {
+          left.month -= 1;
+
+          if (left.month < 0) {
+            left.month = 12;
+            left.year -= 1;
+          }
+        } else {
+          left.month += 1;
+
+          if (left.month > 12) {
+            left.month = 1;
+            left.year += 1;
+          }
+        }
+
+        nLeftDate.setFullYear(left.year);
+        nLeftDate.setMonth(left.month - 1);
+      } else {
+        if (flag) {
+          right.month -= 1;
+
+          if (right.month < 0) {
+            right.month = 12;
+            right.year -= 1;
+          }
+        } else {
+          right.month += 1;
+
+          if (right.month > 12) {
+            right.month = 1;
+            right.year += 1;
+          }
+        }
+
+        if (left.month === right.month - 1) {
+          this.setState({
+            disableArrow: {
+              month: false
+            }
+          });
+        }
+
+        nRightDate.setFullYear(right.year);
+        nRightDate.setMonth(right.month - 1);
+      }
+
+      if (nLeftDate <= nRightDate) {
+        this.setState({
+          leftDate: nLeftDate,
+          rightDate: nRightDate
+        });
+      }
+    }
+    /**
+     * 改变年份事件
+     * @param {Number} num  加减值
+     */
+
+  }, {
+    key: "changeYear",
+    value: function changeYear(flag, pos) {
+      var _this$state2 = this.state,
+          leftDate = _this$state2.leftDate,
+          rightDate = _this$state2.rightDate;
+      var nLeftDate = new Date(leftDate.getTime());
+      var nRightDate = new Date(rightDate.getTime());
+      var left = (0, _util.deconstructDate)(nLeftDate);
+      var right = (0, _util.deconstructDate)(nRightDate);
+
+      if (pos === 'left') {
+        if (flag) {
+          left.year -= 1;
+        } else {
+          left.year += 1;
+        }
+
+        nLeftDate.setFullYear(left.year); // this.setState({
+        //   leftDate
+        // })
+      } else {
+        if (flag) {
+          right.year -= 1;
+        } else {
+          right.year += 1;
+        }
+
+        nRightDate.setFullYear(right.year); // this.setState({
+        //   rightDate
+        // })
+      }
+
+      if (nLeftDate <= nRightDate) {
+        this.setState({
+          leftDate: nLeftDate,
+          rightDate: nRightDate
+        });
+      }
+    }
+  }, {
+    key: "pick",
+    value: function pick(startDate, endDate) {
+      var range = this.state.range;
+      var onPick = this.props.onPick;
+      range.startDate = startDate;
+      range.endDate = endDate;
+      this.setState({
+        range: range
+      });
+
+      if (endDate) {
+        onPick(range);
+      }
+    }
+  }, {
+    key: "onMouseMoveHandler",
+    value: function onMouseMoveHandler(date) {
+      var range = this.state.range;
+      range.endDate = date;
+      this.setState({
+        range: range
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state3 = this.state,
+          range = _this$state3.range,
+          leftDate = _this$state3.leftDate,
+          rightDate = _this$state3.rightDate;
+      var _this$props2 = this.props,
+          type = _this$props2.type,
+          theme = _this$props2.theme;
+
+      var _c = (0, _classnames["default"])('hi-datepicker-legacy', theme && 'theme__' + theme); // const {year, month, day} = deconstructDate(date)
+      // const _date = new Date(year, month, day)
+
+
+      return _react["default"].createElement("div", {
+        style: this.props.style,
+        className: _c
+      }, _react["default"].createElement("div", {
+        className: "hi-datepicker-legacy__body  hi-datepicker-legacy__body--range"
+      }, _react["default"].createElement("div", {
+        className: "hi-datepicker-legacy__panel hi-datepicker-legacy__panel--left"
+      }, this.renderHeader(type, leftDate, 'left'), _react["default"].createElement("div", {
+        className: "hi-datepicker-legacy__calender-container"
+      }, _react["default"].createElement(_Calender["default"], {
+        date: leftDate,
+        range: range,
+        type: "weekrange",
+        onPick: this.pick.bind(this),
+        mouseMove: this.onMouseMoveHandler.bind(this)
+      }))), _react["default"].createElement("div", {
+        className: "hi-datepicker-legacy__panel hi-datepicker-legacy__panel--right"
+      }, this.renderHeader(type, rightDate, 'right'), _react["default"].createElement("div", {
+        className: "hi-datepicker-legacy__calender-container"
+      }, _react["default"].createElement(_Calender["default"], {
+        date: rightDate,
+        range: range,
+        type: "weekrange",
+        onPick: this.pick.bind(this),
+        mouseMove: this.onMouseMoveHandler.bind(this)
+      })))));
+    }
+  }]);
+  return WeekRangePanel;
+}(_react.Component);
+
+exports["default"] = WeekRangePanel;

package/es/date-picker/datepicker-legacy/constants.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatterDate = exports.isVaildDate = exports.FORMATS = exports.RANGE_SPLIT = exports.DAY_MILLISECONDS = exports.TIME_BLOCK = void 0;
+
+var _util = require("./util");
+
+var _format = _interopRequireDefault(require("date-fns/format"));
+
+var TIME_BLOCK = {
+  lineHeight: 22,
+  padding: 8
+};
+exports.TIME_BLOCK = TIME_BLOCK;
+var DAY_MILLISECONDS = 86400000;
+exports.DAY_MILLISECONDS = DAY_MILLISECONDS;
+var RANGE_SPLIT = '~';
+exports.RANGE_SPLIT = RANGE_SPLIT;
+var FORMATS = {
+  date: 'yyyy-MM-dd',
+  month: 'yyyy-MM',
+  year: 'yyyy',
+  time: 'HH:mm:ss',
+  daterange: 'yyyy-MM-dd',
+  week: 'yyyy',
+  weekrange: 'yyyy',
+  timeperiod: 'yyyy-MM-dd HH:mm:ss'
+};
+exports.FORMATS = FORMATS;
+
+var isVaildDate = function isVaildDate(date) {
+  return date && (date instanceof Date || date.startDate || typeof date === 'number');
+};
+
+exports.isVaildDate = isVaildDate;
+
+var formatterDate = function formatterDate(type, date, formatter, showTime, localeDatas) {
+  var weekOffset = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+
+  if (!isVaildDate(date)) {
+    return '';
+  }
+
+  date = new Date(date);
+  var str = '';
+
+  switch (type) {
+    // case 'daterange':
+    //   if (date instanceof Date) { date = {startDate: date, endDate: date} }
+    //   str = dateFormat(date.startDate, `${formatter}${showTime ? ' hh:mm:ss' : ''}`) + RANGE_SPLIT + dateFormat(date.endDate, `${formatter}${showTime ? ' hh:mm:ss' : ''}`)
+    //   break
+    case 'weekrange':
+      // if (date instanceof Date) { date = {startDate: date, endDate: date} }
+      str = localeDatas.datePicker.weekrange(date.getFullYear(), (0, _util.getYearWeek)(date, weekOffset).weekNum);
+      break;
+
+    case 'year':
+    case 'month':
+    case 'time':
+      str = (0, _format["default"])(date, formatter);
+      break;
+
+    case 'week':
+      str = localeDatas.datePicker.weekrange(date.getFullYear(), (0, _util.getYearWeek)(date, weekOffset).weekNum);
+      break;
+
+    default:
+      str = (0, _format["default"])(date, "".concat(formatter).concat(showTime ? ' HH:mm:ss' : ''));
+      break;
+  }
+
+  return str;
+};
+
+exports.formatterDate = formatterDate;